.portfolio__item
{
    position:relative;
    z-index:1;
    min-height:650px
}

.portfolio__item:hover .portfolio__thumb
{
    -webkit-transform:translate3d(0px,0,0px) scale3d(0.955,0.975,1) skew(0deg);
    -moz-transform:translate3d(0px,0,0px) scale3d(0.955,0.975,1) skew(0deg);
    -ms-transform:translate3d(0px,0,0px) scale3d(0.955,0.975,1) skew(0deg);
    -o-transform:translate3d(0px,0,0px) scale3d(0.955,0.975,1) skew(0deg);
    transform:translate3d(0px,0,0px) scale3d(0.955,0.975,1) skew(0deg)
}

.portfolio__item:hover .portfolio__thumb::after
{
    opacity:.6
}

.portfolio__item:hover .portfolio__text
{
    bottom:20px;
    visibility:visible;
    opacity:1
}

.portfolio__item-2
{
    position:relative;
    z-index:1;
    padding:0 100px;
    padding-right:0;
    margin-bottom:33px
}

[dir=rtl] .portfolio__item-2
{
    direction:ltr
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .portfolio__item-2
    {
        padding:0 40px
    }
}

@media (max-width: 575px) {
    .portfolio__item-2
    {
        padding:0 15px
    }
}

.portfolio__item-2::after,.portfolio__item-2::before
{
    position:absolute;
    content:"";
    bottom:0;
    left:auto;
    right:0;
    width:100%;
    height:6px;
    background-color:#C7E4E4
}

.portfolio__item-2::before
{
    width:0;
    background-color:var(--tp-theme-2);
    z-index:1
}

.portfolio__item-2:hover::before
{
    width:100%;
    right:auto;
    left:0
}

.portfolio__item-2:nth-child(2n)
{
    padding-left:30px
}

.portfolio__item-2:nth-child(2n) .portfolio__content-2
{
    padding-left:70px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio__item-2:nth-child(2n) .portfolio__content-2
    {
        margin-top:50px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__item-2:nth-child(2n) .portfolio__content-2
    {
        padding-left:0
    }
}

@media (max-width: 575px) {
    .portfolio__item-2:nth-child(2n) .portfolio__content-2
    {
        padding-left:0
    }
}

.portfolio__item-2.has-green
{
    background-color:var(--tp-common-green-light-2)
}

.portfolio__item-2.has-purple
{
    background-color:var(--tp-common-purple-light)
}

.portfolio__item-2.has-purple::after
{
    background-color:#DBE1FC
}

.portfolio__item-2.has-purple::before
{
    background-color:var(--tp-common-purple-2)
}

.portfolio__item-2.has-purple .tp-btn-white:hover
{
    background-color:var(--tp-common-purple-2)
}

.portfolio__item-2.has-purple .portfolio__icon-2 span
{
    background-color:var(--tp-common-purple-2)
}

.portfolio__item-2.has-purple .portfolio__title-2:hover a
{
    color:var(--tp-common-purple-2)
}

.portfolio__item-2.has-pink
{
    background-color:var(--tp-common-pink-light)
}

.portfolio__item-2.has-pink::after
{
    background-color:#FFD6DD
}

.portfolio__item-2.has-pink::before
{
    background-color:var(--tp-common-pink)
}

.portfolio__item-2.has-pink .tp-btn-white:hover
{
    background-color:var(--tp-common-pink)
}

.portfolio__item-2.has-pink .portfolio__icon-2 span
{
    background-color:var(--tp-common-pink)
}

.portfolio__item-2.has-pink .portfolio__title-2:hover a
{
    color:var(--tp-common-pink)
}

.portfolio__item-3
{
    position:relative;
    z-index:1;
    min-height:600px;
    overflow:hidden
}

.portfolio__item-3:hover .portfolio__thumb-3::before
{
    opacity:.7
}

.portfolio__item-3:hover .portfolio__content-3
{
    bottom:50px
}

.portfolio__item-3:hover .portfolio__meta-3
{
    visibility:visible;
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}

.portfolio__item-5
{
    position:relative;
    z-index:1;
    min-height:550px;
    overflow:hidden;
    border-radius:10px;
    overflow:hidden
}

.portfolio__item-5::after
{
    position:absolute;
    content:"";
    left:15px;
    top:15px;
    right:15px;
    bottom:15px;
    background-color:#fff;
    border-radius:10px;
    opacity:0;
    -webkit-transform:perspective(600px) rotateY(20deg);
    -moz-transform:perspective(600px) rotateY(20deg);
    -ms-transform:perspective(600px) rotateY(20deg);
    -o-transform:perspective(600px) rotateY(20deg);
    transform:perspective(600px) rotateY(20deg)
}

.portfolio__item-5:hover::after
{
    visibility:visible;
    opacity:.95;
    -webkit-transform:perspective(600px) rotateY(0deg);
    -moz-transform:perspective(600px) rotateY(0deg);
    -ms-transform:perspective(600px) rotateY(0deg);
    -o-transform:perspective(600px) rotateY(0deg);
    transform:perspective(600px) rotateY(0deg)
}

.portfolio__item-5:hover .portfolio__title-5
{
    transition-delay:.2s;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    visibility:visible;
    opacity:1
}

.portfolio__item-5:hover .portfolio__tag-5
{
    bottom:15px;
    visibility:visible;
    opacity:1;
    transition-delay:.3s;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    visibility:visible;
    opacity:1
}

.portfolio__item-5:hover .portfolio__view-5
{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    visibility:visible;
    opacity:1
}

.portfolio__item-6
{
    filter:blur(5px);
    opacity:.5;
    transform:scale(0.98)
}

.portfolio__item-6:hover,.portfolio__item-6.active
{
    filter:blur(0);
    opacity:1;
    transform:scale(1)
}

.portfolio__item-6:hover
{
    transform:scale(1.05)
}

.portfolio__item-8
{
    height:700px;
    position:relative;
    border-right:1px solid rgba(255,255,255,0.2);
    overflow:hidden
}

.portfolio__item-8:hover .portfolio__content-8::after,.portfolio__item-8.active .portfolio__content-8::after
{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    transition-delay:0;
    transition:transform .85s cubic-bezier(0.23,1,0.32,1)
}

.portfolio__item-9
{
    position:relative;
    height:480px
}

.portfolio__item-9:hover .portfolio__content-9::after
{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    visibility:visible;
    opacity:1;
    transition-delay:0
}

.portfolio__item-9:hover .portfolio__tag-9 span
{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    visibility:visible;
    opacity:1;
    transition-delay:.2s
}

.portfolio__item-9:hover .portfolio__title-9
{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    visibility:visible;
    opacity:1;
    transition-delay:.4s
}

.portfolio__thumb
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0;
    -ms-transition:all .2s ease-out 0;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0;
    transform-style:preserve-3d
}

.portfolio__thumb::after
{
    position:absolute;
    content:"";
    top:0;
    left:0;
    right:auto;
    width:100%;
    height:100%;
    -webkit-transform:translate(0%,0%);
    -moz-transform:translate(0%,0%);
    -ms-transform:translate(0%,0%);
    -o-transform:translate(0%,0%);
    transform:translate(0%,0%);
    background-color:var(--tp-common-black);
    opacity:.2;
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0;
    -ms-transition:all .2s ease-out 0;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0
}

.portfolio__thumb-2.portfolio-thumb-2
{
    margin-top:-60px
}

.portfolio__thumb-2 .portfolio-2-1
{
    margin-top:-20px;
    margin-bottom:-230px;
    -webkit-transform:rotate(-25deg);
    -moz-transform:rotate(-25deg);
    -ms-transform:rotate(-25deg);
    -o-transform:rotate(-25deg);
    transform:rotate(-25deg);
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-name:fadeInRightPortfolio1;
    animation-name:fadeInRightPortfolio1
}

.portfolio__thumb-2 .portfolio-2-2
{
    margin-top:-375px;
    margin-left:200px;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-name:fadeInRightPortfolio2;
    animation-name:fadeInRightPortfolio2;
    animation-delay:.5s;
    -webkit-transform:rotate(-25deg) translate(-30px,169px);
    -moz-transform:rotate(-25deg) translate(-30px,169px);
    -ms-transform:rotate(-25deg) translate(-30px,169px);
    -o-transform:rotate(-25deg) translate(-30px,169px);
    transform:rotate(-25deg) translate(-30px,169px)
}

@media (max-width: 575px) {
    .portfolio__thumb-2 .portfolio-2-2
    {
        -webkit-transform:rotate(-25deg) translate(-200px,169px);
        -moz-transform:rotate(-25deg) translate(-200px,169px);
        -ms-transform:rotate(-25deg) translate(-200px,169px);
        -o-transform:rotate(-25deg) translate(-200px,169px);
        transform:rotate(-25deg) translate(-200px,169px)
    }
}

.portfolio__thumb-2 .portfolio-2-3
{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-name:fadeInRightPortfolio3;
    animation-name:fadeInRightPortfolio3;
    animation-delay:1s;
    -webkit-transform:translate(-66px,107px) rotate(25deg);
    -moz-transform:translate(-66px,107px) rotate(25deg);
    -ms-transform:translate(-66px,107px) rotate(25deg);
    -o-transform:translate(-66px,107px) rotate(25deg);
    transform:translate(-66px,107px) rotate(25deg)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .portfolio__thumb-2 .portfolio-2-3
    {
        -webkit-transform:translate(-79px,93px) rotate(25deg);
        -moz-transform:translate(-79px,93px) rotate(25deg);
        -ms-transform:translate(-79px,93px) rotate(25deg);
        -o-transform:translate(-79px,93px) rotate(25deg);
        transform:translate(-79px,93px) rotate(25deg)
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio__thumb-2 .portfolio-2-3
    {
        -webkit-transform:translate(-202px,50px) rotate(25deg);
        -moz-transform:translate(-202px,50px) rotate(25deg);
        -ms-transform:translate(-202px,50px) rotate(25deg);
        -o-transform:translate(-202px,50px) rotate(25deg);
        transform:translate(-202px,50px) rotate(25deg)
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__thumb-2 .portfolio-2-3
    {
        -webkit-transform:translate(15px,149px) rotate(25deg);
        -moz-transform:translate(15px,149px) rotate(25deg);
        -ms-transform:translate(15px,149px) rotate(25deg);
        -o-transform:translate(15px,149px) rotate(25deg);
        transform:translate(15px,149px) rotate(25deg)
    }
}

.portfolio__thumb-2 .portfolio-2-4
{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-name:fadeInRightPortfolio4;
    animation-name:fadeInRightPortfolio4;
    animation-delay:1s;
    margin-bottom:30px;
    -webkit-transform:translate(7px,120px) rotate(25deg);
    -moz-transform:translate(7px,120px) rotate(25deg);
    -ms-transform:translate(7px,120px) rotate(25deg);
    -o-transform:translate(7px,120px) rotate(25deg);
    transform:translate(7px,120px) rotate(25deg)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio__thumb-2 .portfolio-2-4
    {
        -webkit-transform:translate(-70px,120px) rotate(25deg);
        -moz-transform:translate(-70px,120px) rotate(25deg);
        -ms-transform:translate(-70px,120px) rotate(25deg);
        -o-transform:translate(-70px,120px) rotate(25deg);
        transform:translate(-70px,120px) rotate(25deg)
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__thumb-2 .portfolio-2-4
    {
        -webkit-transform:translate(207px,3px) rotate(25deg);
        -moz-transform:translate(207px,3px) rotate(25deg);
        -ms-transform:translate(207px,3px) rotate(25deg);
        -o-transform:translate(207px,3px) rotate(25deg);
        transform:translate(207px,3px) rotate(25deg)
    }
}

@media (max-width: 575px) {
    .portfolio__thumb-2 .portfolio-2-4
    {
        -webkit-transform:translate(-10px,0) rotate(25deg);
        -moz-transform:translate(-10px,0) rotate(25deg);
        -ms-transform:translate(-10px,0) rotate(25deg);
        -o-transform:translate(-10px,0) rotate(25deg);
        transform:translate(-10px,0) rotate(25deg)
    }
}

.portfolio__thumb-2 .portfolio-2-5
{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-name:fadeInRightPortfolio5;
    animation-name:fadeInRightPortfolio5;
    animation-delay:1.2s;
    -webkit-transform:translate(-105px,88px) rotate(25deg);
    -moz-transform:translate(-105px,88px) rotate(25deg);
    -ms-transform:translate(-105px,88px) rotate(25deg);
    -o-transform:translate(-105px,88px) rotate(25deg);
    transform:translate(-105px,88px) rotate(25deg)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio__thumb-2 .portfolio-2-5
    {
        -webkit-transform:translate(-180px,88px) rotate(25deg);
        -moz-transform:translate(-180px,88px) rotate(25deg);
        -ms-transform:translate(-180px,88px) rotate(25deg);
        -o-transform:translate(-180px,88px) rotate(25deg);
        transform:translate(-180px,88px) rotate(25deg)
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__thumb-2 .portfolio-2-5
    {
        -webkit-transform:translate(0px,-78px) rotate(25deg);
        -moz-transform:translate(0px,-78px) rotate(25deg);
        -ms-transform:translate(0px,-78px) rotate(25deg);
        -o-transform:translate(0px,-78px) rotate(25deg);
        transform:translate(0px,-78px) rotate(25deg)
    }
}

@media (max-width: 575px) {
    .portfolio__thumb-2 .portfolio-2-5
    {
        -webkit-transform:translate(5px,8px) rotate(25deg);
        -moz-transform:translate(5px,8px) rotate(25deg);
        -ms-transform:translate(5px,8px) rotate(25deg);
        -o-transform:translate(5px,8px) rotate(25deg);
        transform:translate(5px,8px) rotate(25deg)
    }
}

.portfolio__thumb-2 .portfolio-2-6
{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-name:fadeInRightPortfolio6;
    animation-name:fadeInRightPortfolio6;
    animation-delay:1s;
    -webkit-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -ms-transform:translateX(0px);
    -o-transform:translateX(0px);
    transform:translateX(0px)
}

.portfolio__thumb-3
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}

.portfolio__thumb-3::after
{
    position:absolute;
    content:"";
    top:0;
    left:0;
    right:auto;
    width:100%;
    height:100%;
    -webkit-transform:translate(0%,0%);
    -moz-transform:translate(0%,0%);
    -ms-transform:translate(0%,0%);
    -o-transform:translate(0%,0%);
    transform:translate(0%,0%);
    background-color:var(--tp-common-black);
    opacity:.2
}

.portfolio__thumb-3::before
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:-webkit-linear-gradient(47.17deg,#f6921e 36.14%,#2FA7FF 75.88%);
    background-image:-moz-linear-gradient(47.17deg,#f6921e 36.14%,#2FA7FF 75.88%);
    background-image:-ms-linear-gradient(47.17deg,#f6921e 36.14%,#2FA7FF 75.88%);
    background-image:-o-linear-gradient(47.17deg,#f6921e 36.14%,#2FA7FF 75.88%);
    background-image:linear-gradient(47.17deg,#f6921e 36.14%,#2FA7FF 75.88%);
    opacity:0
}

.portfolio__thumb-5
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .portfolio__thumb-6 img
    {
        width:100%
    }
}

#portfolio-bg-img
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:var(--tp-common-black-12)
}

#portfolio-bg-img .portfolio-bg
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    visibility:hidden;
    opacity:0;
    transition:all 1s cubic-bezier(0.23,1,0.32,1);
    -webkit-transform:scale(1.025);
    -moz-transform:scale(1.025);
    -ms-transform:scale(1.025);
    -o-transform:scale(1.025);
    transform:scale(1.025)
}

#portfolio-bg-img .portfolio-bg::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(5,6,17,0.5)
}

#portfolio-bg-img.portfolio-img-1 .portfolio-img-1
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-2 .portfolio-img-2
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-3 .portfolio-img-3
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-4 .portfolio-img-4
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-5 .portfolio-img-5
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-6 .portfolio-img-6
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-7 .portfolio-img-7
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-8 .portfolio-img-8
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-9 .portfolio-img-9
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-10 .portfolio-img-10
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-11 .portfolio-img-11
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-12 .portfolio-img-12
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-13 .portfolio-img-13
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-14 .portfolio-img-14
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-15 .portfolio-img-15
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-16 .portfolio-img-16
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-17 .portfolio-img-17
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-18 .portfolio-img-18
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-19 .portfolio-img-19
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-20 .portfolio-img-20
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-21 .portfolio-img-21
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-22 .portfolio-img-22
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-23 .portfolio-img-23
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

#portfolio-bg-img.portfolio-img-24 .portfolio-img-24
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

.portfolio__thumb-9
{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}

.portfolio__tag span
{
    text-transform:uppercase;
    color:var(--tp-common-white);
    letter-spacing:3px;
    position:relative;
    padding-left:12px;
    font:700 12px var(--tp-ff-space)
}

[dir=rtl] .portfolio__tag span
{
    padding-right:12px;
    padding-left:0
}

.portfolio__tag span::after
{
    position:absolute;
    content:"";
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:6px;
    height:6px;
    background-color:var(--tp-theme-1);
    border-radius:50%
}

[dir=rtl] .portfolio__tag span::after
{
    left:auto;
    right:0
}

.portfolio__tag-2 a
{
    display:inline-block;
    color:var(--tp-common-black-solid);
    border:1px solid rgba(3,4,28,0.08);
    padding:6px 12px;
    margin-bottom:14px;
    margin-right:5px;
    font:500 14px/1 var(--tp-ff-inter)
}

[dir=rtl] .portfolio__tag-2 a
{
    margin-right:0;
    margin-left:5px
}

.portfolio__tag-2 a:hover
{
    background-color:var(--tp-common-black);
    border-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

.portfolio__tag-3
{
    margin-bottom:10px
}

.portfolio__tag-3 a
{
    color:var(--tp-common-white);
    text-transform:uppercase;
    padding-left:12px;
    position:relative;
    font:700 13px var(--tp-ff-space)
}

[dir=rtl] .portfolio__tag-3 a
{
    padding-left:0;
    padding-right:12px
}

.portfolio__tag-3 a::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    width:2px;
    height:16px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background-color:var(--tp-common-white)
}

[dir=rtl] .portfolio__tag-3 a::after
{
    left:auto;
    right:0
}

.portfolio__tag-4
{
    font:400 15px var(--tp-ff-inter)
}

.portfolio__tag-5
{
    visibility:hidden;
    opacity:0;
    transition-delay:0;
    -webkit-transform:translateY(40px);
    -moz-transform:translateY(40px);
    -ms-transform:translateY(40px);
    -o-transform:translateY(40px);
    transform:translateY(40px)
}

.portfolio__tag-9
{
    margin-bottom:5px
}

.portfolio__tag-9 span
{
    display:inline-block;
    text-transform:uppercase;
    color:var(--tp-common-black-solid);
    position:relative;
    padding-left:13px;

    -webkit-transform:translateY(5px);
    -moz-transform:translateY(5px);
    -ms-transform:translateY(5px);
    -o-transform:translateY(5px);
    transform:translateY(5px);
    transition-delay:.2s;
    font:700 13px/12px var(--tp-ff-syne)
}

[dir=rtl] .portfolio__tag-9 span
{
    padding-left:0;
    padding-right:13px
}

.portfolio__tag-9 span::after
{
    position:absolute;
    content:"";
    left:0;
    top:40%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:3px;
    height:20px;
    background-image:-webkit-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-moz-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-ms-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-o-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background:#f6921e
}

[dir=rtl] .portfolio__tag-9 span::after
{
    left:auto;
    right:0
}

.portfolio__icon-2
{
    margin-bottom:32px
}

.portfolio__icon-2 span
{
    display:inline-block;
    width:70px;
    height:70px;
    line-height:65px;
    text-align:center;
    background-color:var(--tp-theme-2);
    font-size:30px;
    color:var(--tp-common-white);
    border-radius:50%
}

.portfolio__icon-2 span svg path
{
    fill:currentColor
}

.portfolio__title
{
    color:var(--tp-common-white);
    font:700 28px var(--tp-ff-space)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio__title
    {
        font-size:25px
    }
}

@media (max-width: 575px) {
    .portfolio__title
    {
        font-size:26px
    }
}

.portfolio__title-2
{
    color:var(--tp-common-black);
    margin-bottom:42px;
    font:600 34px var(--tp-ff-oswald)
}

@media (max-width: 575px) {
    .portfolio__title-2
    {
        font-size:28px
    }
}

.portfolio__title-2 a:hover
{
    color:var(--tp-theme-2)
}

.portfolio__title-3
{
    color:var(--tp-common-white);
    margin-bottom:25px;
    font:700 34px var(--tp-ff-space)
}

.portfolio__title-3 a
{
    background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
    background-size:0 1px,0 1px;
    background-position:100% 100%,0 100%;
    background-repeat:no-repeat;
    transition:background-size .4s linear
}

.portfolio__title-3 a:hover
{
    background-size:0 1px,100% 1px
}

.portfolio__title-5
{
    letter-spacing:-.04em;
    margin-bottom:0;
    -webkit-transform:translateY(40px);
    -moz-transform:translateY(40px);
    -ms-transform:translateY(40px);
    -o-transform:translateY(40px);
    transform:translateY(40px);
    visibility:hidden;
    opacity:0;
    font:28px var(--tp-ff-space)
}

.portfolio__title-5 a:hover
{
    color:var(--tp-theme-5)
}

.portfolio__title-8
{
    margin-bottom:0;
    color:var(--tp-common-white);
    font:600 30px var(--tp-ff-inter)
}

.portfolio__title-8 a:hover
{
    color:var(--tp-theme-8)
}

.portfolio__title-9
{
    color:var(--tp-common-black-solid);
    -webkit-transform:translateY(5px);
    -moz-transform:translateY(5px);
    -ms-transform:translateY(5px);
    -o-transform:translateY(5px);
    transform:translateY(5px);

    transition-delay:0;
    font:700 26px/1 var(--tp-ff-syne)
}

@media (max-width: 575px) {
    .portfolio__title-9
    {
        line-height:1.16
    }
}

.portfolio__title-9 a
{
    background-image:linear-gradient(#03041C,#03041C),linear-gradient(#03041C,#03041C);
    background-size:0 1.5px,0 1.5px;
    background-position:100% 100%,0 100%;
    background-repeat:no-repeat;
    transition:background-size .4s linear
}

.portfolio__title-9 a:hover
{
    background-size:0 1.5px,100% 1.5px
}

.portfolio__content
{
    position:absolute;
    top:40px;
    left:40px;
    right:40px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio__content
    {
        left:30px;
        right:30px
    }
}

@media (max-width: 575px) {
    .portfolio__content
    {
        left:20px;
        right:20px
    }
}

.portfolio__content-2
{
    padding:71px 0 73px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .portfolio__content-2
    {
        padding:40px 0
    }
}

.portfolio__content-3
{
    position:absolute;
    left:50px;
    bottom:-16px;
    transition-duration:.3s;
    z-index:1
}

[dir=rtl] .portfolio__content-3
{
    right:50px;
    left:auto
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 575px) {
    .portfolio__content-3
    {
        left:20px
    }

    [dir=rtl] .portfolio__content-3
    {
        left:auto;
        right:15px;
    }
}

.portfolio__content-5
{
    position:absolute;
    left:15px;
    right:15px;
    bottom:15px;
    z-index:1;
    padding-left:43px;
    padding-right:43px;
    padding-bottom:30px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__content-5
    {
        left:8px;
        right:8px;
        padding-left:30px;
        padding-right:30px
    }
}

.portfolio__content-8
{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:50px 60px;
    background-color:transparent;
    z-index:1
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .portfolio__content-8
    {
        padding:40px 50px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 575px) {
    .portfolio__content-8
    {
        padding:30px 40px
    }
}

.portfolio__content-8::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    bottom:auto;
    width:100%;
    height:100%;
    background-color:var(--tp-common-black-12);
    z-index:-1;
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%);
    transition:transform .65s cubic-bezier(0.755,0.05,0.855,0.06)
}

.portfolio__content-9
{
    position:absolute;
    left:35px;
    right:35px;
    bottom:30px;
    padding:20px 35px 21px;
    background-color:transparent;
    z-index:1
}

@media (max-width: 575px) {
    .portfolio__content-9
    {
        padding:20px;
        left:20px;
        right:20px
    }
}

.portfolio__content-9::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.95);
    -webkit-transform:translateY(15px);
    -moz-transform:translateY(15px);
    -ms-transform:translateY(15px);
    -o-transform:translateY(15px);
    transform:translateY(15px);

    z-index:-1;
    transition-delay:.4s
}

.portfolio__text
{
    position:absolute;
    bottom:-20px;
    left:40px;
    right:40px;
    visibility:hidden;
    opacity:0
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 575px) {
    .portfolio__text
    {
        left:30px;
        right:30px
    }
}

@media (max-width: 575px) {
    .portfolio__text
    {
        left:20px;
        right:20px
    }
}

.portfolio__text p
{
    color:var(--tp-common-white);
    font:16px var(--tp-ff-inter)
}

.portfolio__shape-1
{
    position:absolute;
    z-index:-1;
    top:6%;
    right:8%
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio__shape-1
    {
        top:48%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__shape-1
    {
        top:39%
    }
}

@media (max-width: 575px) {
    .portfolio__shape-1
    {
        top:52%
    }
}

.portfolio__shape-2
{
    position:absolute;
    z-index:-1;
    top:10%;
    left:18%
}

.portfolio__shape-3
{
    position:absolute;
    z-index:-1;
    top:0;
    right:0
}

.portfolio__shape-4
{
    position:absolute;
    z-index:-1;
    top:17%;
    right:26%
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio__shape-4
    {
        right:10%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio__shape-4
    {
        top:55%;
        right:33%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__shape-4
    {
        top:42%
    }
}

@media (max-width: 575px) {
    .portfolio__shape-4
    {
        top:48%
    }
}

.portfolio__shape-5
{
    position:absolute;
    top:8%;
    left:10%;
    z-index:-1
}

@media only screen and (min-width: 1700px) and (max-width: 1899px),only screen and (min-width: 1600px) and (max-width: 1699px) {
    .portfolio__shape-5
    {
        left:0
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .portfolio__shape-5
    {
        left:0;
        width:100%
    }
}

.portfolio__shape-6
{
    position:absolute;
    top:14%;
    left:21%;
    -webkit-animation:tpleftright 1s infinite alternate;
    animation:tpleftright 1s infinite alternate
}

.portfolio__shape-7
{
    position:absolute;
    top:18%;
    right:8%;
    -webkit-animation:tpupdown 2s infinite alternate;
    animation:tpupdown 2s infinite alternate
}

.portfolio__shape-8
{
    position:absolute;
    left:45%;
    top:17%;
    z-index:-1;
    -moz-animation:tpswing 1s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tpswing 1s ease-in-out 1s forwards infinite alternate;
    animation:tpswing 1s ease-in-out 1s forwards infinite alternate;
    transform-origin:top left
}

.portfolio__shape-9
{
    position:absolute;
    left:10%;
    top:20%;
    z-index:-1;
    -moz-animation:tprotate 1s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tprotate 1s ease-in-out 1s forwards infinite alternate;
    animation:tprotate 1s ease-in-out 1s forwards infinite alternate
}

.portfolio__shape-10
{
    position:absolute;
    right:8%;
    top:9%;
    z-index:-1;
    -moz-animation:tpupdown 1s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tpupdown 1s ease-in-out 1s forwards infinite alternate;
    animation:tpupdown 1s ease-in-out 1s forwards infinite alternate
}

.portfolio__shape-11
{
    position:absolute;
    left:8%;
    bottom:10%;
    z-index:-1;
    -moz-animation:tpleftright 1s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tpleftright 1s ease-in-out 1s forwards infinite alternate;
    animation:tpleftright 1s ease-in-out 1s forwards infinite alternate
}

.portfolio__shape-12
{
    position:absolute;
    right:13%;
    top:23%;
    z-index:-1;
    -moz-animation:tprotate 1s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tprotate 1s ease-in-out 1s forwards infinite alternate;
    animation:tprotate 1s ease-in-out 1s forwards infinite alternate
}

.portfolio__shape-13
{
    position:absolute;
    z-index:-1;
    top:10%;
    right:-7%
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio__shape-13
    {
        right:-30%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio__shape-13
    {
        right:-50%
    }
}

.portfolio__shape-14
{
    position:absolute;
    z-index:-1;
    top:27%;
    left:-6%
}

.portfolio__shape-15
{
    position:absolute;
    z-index:-1;
    top:8%;
    left:4%
}

.portfolio__shape-16
{
    position:absolute;
    z-index:-1;
    top:14%;
    left:18%;
    -moz-animation:tptranslateX 5s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateX 5s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateX 5s ease-in-out 1s forwards infinite alternate
}

.portfolio__shape-17
{
    position:absolute;
    z-index:-1;
    top:14%;
    right:23%;
    -moz-animation:tptranslateY2 8s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateY2 8s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateY2 8s ease-in-out 1s forwards infinite alternate
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio__shape-17
    {
        right:10%
    }
}

.portfolio__shape-18
{
    position:absolute;
    z-index:-1;
    top:4%;
    right:10%;
    -moz-animation:tprotate 5s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tprotate 5s ease-in-out 1s forwards infinite alternate;
    animation:tprotate 5s ease-in-out 1s forwards infinite alternate
}

.portfolio__shape-19
{
    position:absolute;
    z-index:-1;
    top:23%;
    left:10%;
    -moz-animation:tprotate 8s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tprotate 8s ease-in-out 1s forwards infinite alternate;
    animation:tprotate 8s ease-in-out 1s forwards infinite alternate
}

.portfolio__shape-20
{
    position:absolute;
    z-index:-1;
    top:18%;
    left:14%;
    -moz-animation:tptranslateY2 4s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateY2 4s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateY2 4s ease-in-out 1s forwards infinite alternate
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .portfolio__shape-20
    {
        top:24%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio__shape-20
    {
        left:6%
    }
}

@media (max-width: 575px) {
    .portfolio__shape-20
    {
        display:none
    }
}

.portfolio__shape-21
{
    position:absolute;
    z-index:-1;
    top:15%;
    right:8%;
    -moz-animation:tptranslateX 4s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateX 4s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateX 4s ease-in-out 1s forwards infinite alternate
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .portfolio__shape-21
    {
        top:20%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio__shape-21
    {
        right:4%
    }
}

@media (max-width: 575px) {
    .portfolio__shape-21
    {
        display:none
    }
}

.portfolio__shape-22
{
    position:absolute;
    z-index:-1;
    top:4%;
    left:6%;
    -moz-animation:tprotate 8s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tprotate 8s ease-in-out 1s forwards infinite alternate;
    animation:tprotate 8s ease-in-out 1s forwards infinite alternate
}

.portfolio__shape-23
{
    position:absolute;
    z-index:-1;
    top:10%;
    right:23%;
    -moz-animation:tprotate 8s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tprotate 8s ease-in-out 1s forwards infinite alternate;
    animation:tprotate 8s ease-in-out 1s forwards infinite alternate
}

.portfolio__overlay
{
    position:relative;
    z-index:1
}

.portfolio__overlay::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:linear-gradient(180deg,rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%);
    z-index:-1
}

.portfolio__overlay-5
{
    position:relative;
    z-index:1
}

.portfolio__overlay-5::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:65%;
    background-color:var(--tp-grey-7);
    z-index:-1
}

.portfolio__overlay-9
{
    position:relative;
    z-index:1
}

.portfolio__overlay-9::after
{
    position:absolute;
    content:"";
    left:0;
    bottom:0;
    width:100%;
    height:50%;
    background-color:var(--tp-grey-12);
    z-index:-1
}

.portfolio__meta-3
{
    visibility:hidden;
    opacity:0;
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -ms-transform:translateY(20px);
    -o-transform:translateY(20px);
    transform:translateY(20px);
    transition-duration:.5s
}

.portfolio__meta-3 span
{
    margin-right:5px;
    margin-bottom:5px;
    display:inline-block;
    display:inline-block;
    font-size:12px;
    font-weight:500;
    color:var(--tp-common-white);
    background:rgba(255,255,255,0.2);
    backdrop-filter:blur(10px);
    border-radius:20px;
    padding:1px 20px
}

[dir=rtl] .portfolio__meta-3 span
{
    margin-right:0;
    margin-left:5px;
    margin-top: 25px;
}

.portfolio__meta-3 span i
{
    margin-right:3px
}

[dir=rtl] .portfolio__meta-3 span i
{
    margin-right:0;
    margin-left:3px
}

.portfolio__meta-3 span svg
{
    margin-right:5px;
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

[dir=rtl] .portfolio__meta-3 span svg
{
    margin-right:0;
    margin-left:5px
}

.portfolio__meta-3 span a:hover
{
    background-color:var(--tp-common-black-5);
    color:var(--tp-common-white)
}

.portfolio__meta-8
{
    margin-bottom:5px
}

.portfolio__meta-8 span
{
    color:var(--tp-common-white);
    display:inline-block;
    position:relative;
    padding-right:16px;
    margin-right:8px;
    font:500 15px var(--tp-ff-space)
}

.portfolio__meta-8 span:last-child
{
    padding-right:0;
    margin-right:0
}

.portfolio__meta-8 span:last-child::after
{
    display:none
}

.portfolio__meta-8 span::after
{
    position:absolute;
    content:"";
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    right:0;
    width:4px;
    height:4px;
    border-radius:50%;
    background-color:#D9D9D9
}

[dir=rtl] .portfolio__meta-8 span::after
{
    right:auto;
    left:0
}

.portfolio__meta-8 span a:hover
{
    color:var(--tp-theme-8)
}

.portfolio__slider .slick-list
{
    margin:0 -16px;
    overflow:visible
}

.portfolio__slider .slick-slide
{
    margin:0 16px
}

.portfolio__slider-5 .portfolio-slider-dot-5
{
    text-align:center;
    margin-top:40px
}

.portfolio__slider-5 .portfolio-slider-dot-5 .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color:var(--tp-theme-5)
}

.portfolio__slider-5 .portfolio-slider-dot-5 .swiper-pagination-bullet.swiper-pagination-bullet-active::after
{
    border-color:var(--tp-theme-5)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .portfolio__slider-6
    {
        margin-top:50px
    }
}

.portfolio__slider-9.has-scrollbar .portfolio__nav-9 button
{
    top:44%
}

.portfolio__slider-9 .tp-scrollbar
{
    background-color:#CDCDCD;
    height:1px;
    margin-left:370px;
    margin-right:370px
}

.portfolio__slider-9 .tp-scrollbar .swiper-scrollbar-drag
{
    background-color:var(--tp-common-black);
    height:3px;
    border-radius:0
}

.portfolio__view-5
{
    position:absolute;
    top:45px;
    right:45px;
    z-index:1;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0)
}

[dir=rtl] .portfolio__view-5
{
    right:auto;
    left:45px
}

.portfolio__view-5 .portfolio-plus-btn
{
    display:inline-block;
    height:50px;
    width:50px;
    line-height:46px;
    text-align:center;
    border:2px solid rgba(3,4,28,0.1);
    color:var(--tp-common-black);
    border-radius:50%;
    font-size:16px
}

.portfolio__view-5 .portfolio-plus-btn:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-5);
    border-color:var(--tp-theme-5)
}

.portfolio__nav-5 button
{
    position:absolute;
    top:50%;
    left:15%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:1;
    display:inline-block;
    width:70px;
    height:70px;
    line-height:70px;
    text-align:center;
    color:var(--tp-common-black);
    background-color:var(--tp-common-white);
    border-radius:50%;
    font-size:18px;
    box-shadow:0 30px 50px rgba(3,4,28,0.2)
}

[dir=rtl] .portfolio__nav-5 button
{
    left:auto;
    right:15%
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__nav-5 button
    {
        left:5%
    }

    [dir=rtl] .portfolio__nav-5 button
    {
        left:auto;
        right:5%
    }
}

.portfolio__nav-5 button:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-5)
}

.portfolio__nav-5 button.portfolio-button-next-5
{
    left:auto;
    right:15%
}

[dir=rtl] .portfolio__nav-5 button.portfolio-button-next-5
{
    left:15%;
    right:auto
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__nav-5 button.portfolio-button-next-5
    {
        right:5%
    }

    [dir=rtl] .portfolio__nav-5 button.portfolio-button-next-5
    {
        right:auto;
        left:5%
    }
}

.portfolio__nav-8 button
{
    position:absolute;
    left:60px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    display:inline-block;
    width:60px;
    height:60px;
    line-height:56px;
    text-align:center;
    color:var(--tp-common-white);
    background-color:transparent;
    border:2px solid rgba(255,255,255,0.1);
    z-index:9
}

[dir=rtl] .portfolio__nav-8 button
{
    left:auto;
    right:60px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__nav-8 button
    {
        left:25px
    }

    [dir=rtl] .portfolio__nav-8 button
    {
        left:auto;
        right:25px
    }
}

@media (max-width: 575px) {
    .portfolio__nav-8 button
    {
        width:40px;
        height:40px;
        line-height:36px;
        top:10%;
        left:20px;
        font-size:14px
    }

    [dir=rtl] .portfolio__nav-8 button
    {
        left:auto;
        right:20px
    }
}

.portfolio__nav-8 button:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-8);
    border-color:var(--tp-theme-8)
}

.portfolio__nav-8 button.portfolio-button-next-8
{
    left:auto;
    right:60px
}

[dir=rtl] .portfolio__nav-8 button.portfolio-button-next-8
{
    left:60px;
    right:auto
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__nav-8 button.portfolio-button-next-8
    {
        right:25px
    }

    [dir=rtl] .portfolio__nav-8 button.portfolio-button-next-8
    {
        right:auto;
        left:25px
    }
}

@media (max-width: 575px) {
    .portfolio__nav-8 button.portfolio-button-next-8
    {
        right:auto;
        left:70px
    }

    [dir=rtl] .portfolio__nav-8 button.portfolio-button-next-8
    {
        right:70px;
        left:auto
    }
}

.portfolio__nav-9 button
{
    position:absolute;
    left:20%;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    display:inline-block;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    color:var(--tp-common-black);
    background-color:var(--tp-common-white);
    z-index:9
}

[dir=rtl] .portfolio__nav-9 button
{
    left:auto;
    right:20%
}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
    .portfolio__nav-9 button
    {
        left:27%
    }

    [dir=rtl] .portfolio__nav-9 button
    {
        left:auto;
        right:27%
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__nav-9 button
    {
        left:25px
    }

    [dir=rtl] .portfolio__nav-9 button
    {
        left:auto;
        right:25px
    }
}

@media (max-width: 575px) {
    .portfolio__nav-9 button
    {
        width:40px;
        height:40px;
        line-height:36px;
        top:10%;
        left:20px;
        font-size:14px
    }

    [dir=rtl] .portfolio__nav-9 button
    {
        left:auto;
        right:20px
    }
}

.portfolio__nav-9 button:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black)
}

.portfolio__nav-9 button.portfolio-button-next-9
{
    left:auto;
    right:20%
}

[dir=rtl] .portfolio__nav-9 button.portfolio-button-next-9
{
    left:20%;
    right:auto
}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
    .portfolio__nav-9 button.portfolio-button-next-9
    {
        right:27%
    }

    [dir=rtl] .portfolio__nav-9 button.portfolio-button-next-9
    {
        right:auto;
        left:27%
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__nav-9 button.portfolio-button-next-9
    {
        right:25px
    }

    [dir=rtl] .portfolio__nav-9 button.portfolio-button-next-9
    {
        right:auto;
        left:25px
    }
}

.portfolio__bg-6
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-blend-mode:hard-light;
    opacity:.1;
    z-index:-1
}

.portfolio__grid-item:hover .portfolio__grid-category
{
    -webkit-transform:translateY(-30px);
    -moz-transform:translateY(-30px);
    -ms-transform:translateY(-30px);
    -o-transform:translateY(-30px);
    transform:translateY(-30px);
    opacity:0;
    transition-delay:0
}

.portfolio__grid-item:hover .portfolio__grid-show-project
{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
    transition-delay:0
}

.portfolio__grid-item:hover .portfolio__grid-popup
{
    -webkit-transform:translate(-50%,-50%) scale(1);
    -moz-transform:translate(-50%,-50%) scale(1);
    -ms-transform:translate(-50%,-50%) scale(1);
    -o-transform:translate(-50%,-50%) scale(1);
    transform:translate(-50%,-50%) scale(1);
    visibility:visible;
    opacity:1
}

.portfolio__grid-thumb
{
    position:relative
}

.portfolio__grid-thumb .tp-img-reveal-wrapper
{
    width:auto
}

.portfolio__grid-title
{
    font-size:24px;
    line-height:1;
    letter-spacing:-.02em
}

.portfolio__grid-title a:hover
{
    color:var(--tp-theme-1)
}

.portfolio__grid-content
{
    padding-top:20px
}

.portfolio__grid-bottom
{
    overflow:hidden;
    height:25px;
    position:relative
}

.portfolio__grid-show-project
{
    position:absolute;
    top:0;
    left:0;
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -ms-transform:translateY(20px);
    -o-transform:translateY(20px);
    transform:translateY(20px);
    opacity:0;
    transition-delay:.2s
}

[dir=rtl] .portfolio__grid-show-project
{
    left:auto;
    right:0
}

.portfolio__grid-show-project .portfolio-link-btn
{
    color:var(--tp-theme-1);
    display:inline-block;
    transition:color .2s ease-in-out;
    font:500 14px/1 var(--tp-ff-inter)
}

.portfolio__grid-show-project .portfolio-link-btn span
{
    transition:padding .2s ease-in-out
}

.portfolio__grid-show-project .portfolio-link-btn:hover span
{
    padding-left:5px
}

[dir=rtl] .portfolio__grid-show-project .portfolio-link-btn:hover span
{
    padding-left:0;
    padding-right:5px
}

.portfolio__grid-category
{
    opacity:1;
    transition-delay:.2s
}

.portfolio__grid-category span
{
    font-size:14px;
    line-height:1;
    position:relative;
    padding-left:25px
}

[dir=rtl] .portfolio__grid-category span
{
    padding-left:0;
    padding-right:25px
}

.portfolio__grid-category span::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:17px;
    background-color:var(--tp-text-1);
    height:1px
}

[dir=rtl] .portfolio__grid-category span::after
{
    left:auto;
    right:0
}

.portfolio__grid-category span a:hover
{
    color:var(--tp-theme-1)
}

.portfolio__grid-video
{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

.portfolio__grid-video .portfolio-play-btn
{
    display:inline-block;
    width:72px;
    height:72px;
    line-height:72px;
    text-align:center;
    background-color:var(--tp-common-white);
    border-radius:50%;
    color:var(--tp-theme-1)
}

.portfolio__grid-video .portfolio-play-btn svg
{
    width:14px;
    -webkit-transform:translate(3px,-2px);
    -moz-transform:translate(3px,-2px);
    -ms-transform:translate(3px,-2px);
    -o-transform:translate(3px,-2px);
    transform:translate(3px,-2px)
}

[dir=rtl] .portfolio__grid-video .portfolio-play-btn svg
{
    -webkit-transform:translate(-3px,-2px);
    -moz-transform:translate(-3px,-2px);
    -ms-transform:translate(-3px,-2px);
    -o-transform:translate(-3px,-2px);
    transform:translate(-3px,-2px)
}

.portfolio__grid-video .portfolio-play-btn:hover
{
    background-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

.portfolio__grid-popup
{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%) scale(0);
    -moz-transform:translate(-50%,-50%) scale(0);
    -ms-transform:translate(-50%,-50%) scale(0);
    -o-transform:translate(-50%,-50%) scale(0);
    transform:translate(-50%,-50%) scale(0);
    visibility:hidden;
    opacity:0
}

.portfolio__grid-popup a
{
    display:inline-block;
    width:70px;
    height:70px;
    line-height:70px;
    text-align:center;
    border-radius:50%;
    background-color:var(--tp-common-white)
}

.portfolio__grid-popup a:hover
{
    background-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

.portfolio__grid-popup a svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.portfolio__section-title
{
    font-weight:700;
    font-size:70px;
    line-height:1;
    letter-spacing:-.04em
}

@media (max-width: 575px) {
    .portfolio__section-title
    {
        font-size:40px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__section-title
    {
        font-size:55px
    }
}

.portfolio__section-title-pre
{
    text-align:center;
    letter-spacing:.06em;
    color:#91919A;
    display:inline-block;
    margin-bottom:3px;
    font:500 13px var(--tp-ff-space)
}

.portfolio__masonary-btn button
{
    color:var(--tp-common-black);
    position:relative;
    padding-right:14px;
    padding-top:6px;
    margin-right:26px;
    font:500 18px/1 var(--tp-ff-space)
}

[dir=rtl] .portfolio__masonary-btn button
{
    padding-right:0;
    margin-right:0;
    padding-left:14px;
    margin-left:26px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .portfolio__masonary-btn button
    {
        margin-bottom:25px
    }
}

.portfolio__masonary-btn button::after
{
    position:absolute;
    content:"";
    right:-10px;
    top:16px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:4px;
    height:4px;
    background-color:#A2A2AA;
    border-radius:50%
}

[dir=rtl] .portfolio__masonary-btn button::after
{
    right:auto;
    left:-10px
}

.portfolio__masonary-btn button:last-child
{
    margin-right:0
}

[dir=rtl] .portfolio__masonary-btn button:last-child
{
    margin-left:0
}

.portfolio__masonary-btn button:last-child::after
{
    display:none
}

.portfolio__masonary-btn button span
{
    position:absolute;
    top:0;
    right:0;
    font:500 10px/1 var(--tp-ff-inter)
}

[dir=rtl] .portfolio__masonary-btn button span
{
    right:auto;
    left:0
}

.portfolio__masonary-btn button.active
{
    color:var(--tp-theme-1)
}

.portfolio__masonary-btn-2 button
{
    font-weight:500;
    font-size:15px;
    position:relative;
    margin-right:26px
}

[dir=rtl] .portfolio__masonary-btn-2 button
{
    margin-right:0;
    margin-left:26px
}

.portfolio__masonary-btn-2 button::after
{
    position:absolute;
    content:"";
    left:auto;
    right:0;
    bottom:3px;
    width:0;
    height:1px;
    background-color:var(--tp-theme-1)
}

[dir=rtl] .portfolio__masonary-btn-2 button::after
{
    left:0;
    right:auto
}

.portfolio__masonary-btn-2 button:hover,.portfolio__masonary-btn-2 button.active
{
    color:var(--tp-theme-1)
}

.portfolio__masonary-btn-2 button:hover::after,.portfolio__masonary-btn-2 button.active::after
{
    width:100%;
    left:0;
    right:auto
}

[dir=rtl] .portfolio__masonary-btn-2 button:hover::after,[dir=rtl] .portfolio__masonary-btn-2 button.active::after
{
    left:auto;
    right:0
}

.portfolio__metro-thumb
{
    position:absolute;
    top:0;
    right:0;
    width:70%;
    height:100%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}

[dir=rtl] .portfolio__metro-thumb
{
    right:auto;
    left:0
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .portfolio__metro-thumb
    {
        position:relative;
        height:300px;
        width:100%
    }
}

.portfolio__metro-category
{
    margin-bottom:18px
}

.portfolio__metro-category span
{
    font-size:14px;
    line-height:1;
    position:relative;
    padding-left:25px
}

[dir=rtl] .portfolio__metro-category span
{
    padding-left:0;
    padding-right:25px
}

.portfolio__metro-category span::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:17px;
    background-color:var(--tp-text-1);
    height:1px
}

[dir=rtl] .portfolio__metro-category span::after
{
    left:auto;
    right:0
}

.portfolio__metro-category span a:hover
{
    color:var(--tp-theme-1)
}

.portfolio__metro-title
{
    font-size:30px;
    line-height:1;
    letter-spacing:-.04em;
    margin-bottom:13px
}

.portfolio__metro-title a:hover
{
    color:var(--tp-theme-1)
}

.portfolio__metro-content
{
    position:relative;
    z-index:1;
    padding:50px;
    padding-right:130px;
    padding-bottom:60px;
    background-color:var(--tp-common-white);
    box-shadow:0 20px 20px rgba(3,4,28,0.1)
}

[dir=rtl] .portfolio__metro-content
{
    padding-right:50px;
    padding-left:130px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio__metro-content
    {
        padding-right:50px
    }

    [dir=rtl] .portfolio__metro-content
    {
        padding-left:50px
    }
}

@media (max-width: 575px) {
    .portfolio__metro-content
    {
        padding:30px
    }
}

.portfolio__metro-content p
{
    font-size:15px;
    line-height:1.6;
    margin-bottom:102px
}

.portfolio__metro-btn .tp-btn-border
{
    padding:7px 27px
}

.portfolio__metro-btn .tp-btn-border:hover
{
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.portfolio__metro-btn .tp-btn-border span
{
    margin-left:6px
}

[dir=rtl] .portfolio__metro-btn .tp-btn-border span
{
    margin-left:0;
    margin-right:6px
}

.portfolio__metro-btn .tp-btn-border svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.portfolio__horizontal-slider .swiper-slide-active .portfolio__horizontal-title,.portfolio__horizontal-slider .swiper-slide-active .portfolio__horizontal-meta,.portfolio__horizontal-slider .swiper-slide-active .portfolio__horizontal-content p,.portfolio__horizontal-slider .swiper-slide-active .portfolio__horizontal-btn
{
    animation-name:fadeInUp;
    animation-fill-mode:both
}

.portfolio__horizontal-slider .swiper-slide-active .portfolio__horizontal-video a
{
    animation-name:tpFadeInLeft;
    animation-fill-mode:both
}

.portfolio__horizontal-slider .swiper-slide-active .portfolio__horizontal-social
{
    animation-name:tpFadeInLeft2;
    animation-fill-mode:both
}

.portfolio-horizontal-dot
{
    position:absolute;
    top:47%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    right:65px;
    left:auto;
    align-items:flex-end;
    justify-content:center;
    flex-direction:column;
    width:inherit!important;
    left:auto!important;
    z-index:99
}

[dir=rtl] .portfolio-horizontal-dot
{
    left:65px;
    right:auto
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .portfolio-horizontal-dot
    {
        top:40%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio-horizontal-dot
    {
        top:39%;
        right:55px
    }

    [dir=rtl] .portfolio-horizontal-dot
    {
        right:auto;
        left:55px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-horizontal-dot
    {
        right:30px;
        top:39%
    }

    [dir=rtl] .portfolio-horizontal-dot
    {
        right:auto;
        left:30px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio-horizontal-dot
    {
        right:25px;
        top:35%
    }

    [dir=rtl] .portfolio-horizontal-dot
    {
        right:auto;
        left:25px
    }
}

.portfolio-horizontal-dot .swiper-pagination-bullet
{
    margin:15px 0!important;
    display:inline-block;
    opacity:1;
    height:0;
    width:1px;
    background-color:var(--tp-common-black);
    border-radius:0;
    position:relative
}

.portfolio-horizontal-dot .swiper-pagination-bullet button
{
    position:absolute;
    top:-38px;
    left:-9px;
    color:var(--tp-common-black);
    margin:7px 0;
    -webkit-transform:rotate(90deg) translateY(-2px);
    -moz-transform:rotate(90deg) translateY(-2px);
    -ms-transform:rotate(90deg) translateY(-2px);
    -o-transform:rotate(90deg) translateY(-2px);
    transform:rotate(90deg) translateY(-2px);
    font:700 14px/19px var(--tp-ff-space)
}

[dir=rtl] .portfolio-horizontal-dot .swiper-pagination-bullet button
{
    left:auto;
    right:-9px
}

.portfolio-horizontal-dot .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    height:100px;
    margin:23px 0!important
}

.portfolio-horizontal-dot .swiper-pagination-bullet.swiper-pagination-bullet-active button
{
    font-size:20px;
    left:-13px
}

[dir=rtl] .portfolio-horizontal-dot .swiper-pagination-bullet.swiper-pagination-bullet-active button
{
    left:auto;
    right:-13px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio__horizontal-wrapper
    {
        margin-left:100px
    }

    [dir=rtl] .portfolio__horizontal-wrapper
    {
        margin-left:0;
        margin-right:100px
    }
}

.portfolio__horizontal-item
{
    position:relative;
    z-index:1;
    height:100vh
}

.portfolio__horizontal-thumb
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}

.portfolio__horizontal-inner
{
    background-color:rgba(255,255,255,0.9);
    backdrop-filter:blur(5px);
    padding-bottom:88px;
    padding-top:210px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .portfolio__horizontal-inner
    {
        padding-top:120px
    }
}

.portfolio__horizontal-title
{
    font-size:70px;
    line-height:1;
    letter-spacing:-.04em;
    margin-bottom:17px;
    animation-delay:.7s;
    animation-duration:1s
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio__horizontal-title
    {
        font-size:60px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__horizontal-title
    {
        font-size:55px
    }
}

@media (max-width: 575px) {
    .portfolio__horizontal-title
    {
        font-size:35px
    }
}

.portfolio__horizontal-title a
{
    background-image:linear-gradient(#03041C,#03041C),linear-gradient(#03041C,#03041C);
    background-size:0 2px,0 2px;
    background-position:100% 100%,0 85%;
    background-repeat:no-repeat;
    transition:background-size .4s linear
}

.portfolio__horizontal-title a:hover
{
    background-size:0 2px,100% 2px
}

.portfolio__horizontal-meta
{
    margin-bottom:8px;
    animation-delay:.2s;
    animation-duration:1s
}

.portfolio__horizontal-meta span
{
    font-weight:500;
    font-size:14px;
    line-height:1;
    padding-right:6px;
    margin-right:6px;
    position:relative
}

[dir=rtl] .portfolio__horizontal-meta span
{
    padding-right:0;
    margin-right:0;
    padding-left:6px;
    margin-left:6px
}

.portfolio__horizontal-meta span::before
{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:3px;
    height:3px;
    background-color:var(--tp-text-1);
    border-radius:50%
}

[dir=rtl] .portfolio__horizontal-meta span::before
{
    right:auto;
    left:0
}

.portfolio__horizontal-meta span:first-child
{
    padding-left:25px
}

[dir=rtl] .portfolio__horizontal-meta span:first-child
{
    padding-left:0;
    padding-right:25px
}

.portfolio__horizontal-meta span:first-child::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:17px;
    background-color:var(--tp-text-1);
    height:1px
}

[dir=rtl] .portfolio__horizontal-meta span:first-child::after
{
    left:auto;
    right:0
}

.portfolio__horizontal-meta span:last-child::before
{
    display:none
}

.portfolio__horizontal-meta span a:hover
{
    color:var(--tp-theme-1)
}

.portfolio__horizontal-content
{
    position:relative;
    z-index:1
}

.portfolio__horizontal-content p
{
    font-size:16px;
    line-height:1.62;
    margin-bottom:25px;
    animation-delay:.9s;
    animation-duration:1s;
    padding-right:150px
}

[dir=rtl] .portfolio__horizontal-content p
{
    padding-right:0;
    padding-left:150px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .portfolio__horizontal-content p
    {
        padding-right:50px
    }

    [dir=rtl] .portfolio__horizontal-content p
    {
        padding-right:0;
        padding-left:50px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio__horizontal-content p
    {
        padding-right:60px
    }

    [dir=rtl] .portfolio__horizontal-content p
    {
        padding-right:0;
        padding-left:60px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__horizontal-content p
    {
        padding-right:35px
    }

    [dir=rtl] .portfolio__horizontal-content p
    {
        padding-right:0;
        padding-left:35px
    }
}

@media (max-width: 575px) {
    .portfolio__horizontal-content p
    {
        padding-right:0
    }

    [dir=rtl] .portfolio__horizontal-content p
    {
        padding-left:0
    }
}

.portfolio__horizontal-btn
{
    animation-delay:1.2s;
    animation-duration:1s
}

.portfolio__horizontal-btn .tp-btn-border
{
    border-color:#525258;
    padding:7px 27px
}

.portfolio__horizontal-btn .tp-btn-border:hover
{
    border-color:var(--tp-common-black)
}

.portfolio__horizontal-video
{
    -webkit-transform:translateY(8px);
    -moz-transform:translateY(8px);
    -ms-transform:translateY(8px);
    -o-transform:translateY(8px);
    transform:translateY(8px)
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .portfolio__horizontal-video
    {
        margin-bottom:20px
    }
}

.portfolio__horizontal-video a
{
    animation-delay:.6s;
    animation-duration:1s;
    display:inline-block;
    width:60px;
    height:60px;
    line-height:56px;
    text-align:center;
    color:var(--tp-common-black);
    border:2px solid var(--tp-common-black);
    border-radius:50%;
    margin-right:40px
}

[dir=rtl] .portfolio__horizontal-video a
{
    margin-right:0;
    margin-left:40px
}

.portfolio__horizontal-video a svg
{
    -webkit-transform:translate(2px,-2px);
    -moz-transform:translate(2px,-2px);
    -ms-transform:translate(2px,-2px);
    -o-transform:translate(2px,-2px);
    transform:translate(2px,-2px)
}

[dir=rtl] .portfolio__horizontal-video a svg
{
    -webkit-transform:translate(-2px,-2px);
    -moz-transform:translate(-2px,-2px);
    -ms-transform:translate(-2px,-2px);
    -o-transform:translate(-2px,-2px);
    transform:translate(-2px,-2px)
}

.portfolio__horizontal-video a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black)
}

.portfolio__horizontal-social
{
    position:absolute;
    bottom:17%;
    left:0;
    z-index:9;
    -webkit-transform:rotate(-90deg) translate(85px,-60px);
    -moz-transform:rotate(-90deg) translate(85px,-60px);
    -ms-transform:rotate(-90deg) translate(85px,-60px);
    -o-transform:rotate(-90deg) translate(85px,-60px);
    transform:rotate(-90deg) translate(85px,-60px);
    animation-delay:.7s;
    animation-duration:1s
}

[dir=rtl] .portfolio__horizontal-social
{
    left:auto;
    right:0
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio__horizontal-social
    {
        bottom:12%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .portfolio__horizontal-social
    {
        display:none
    }
}

.portfolio__horizontal-social span,.portfolio__horizontal-social a
{
    letter-spacing:-.02em;
    color:var(--tp-common-black);
    font:500 16px/1 var(--tp-ff-space)
}

.portfolio__horizontal-social span
{
    position:relative;
    padding-right:22px;
    margin-right:5px
}

[dir=rtl] .portfolio__horizontal-social span
{
    padding-right:0;
    margin-right:0;
    padding-left:22px;
    margin-left:5px
}

.portfolio__horizontal-social span::after
{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background-color:var(--tp-common-black);
    width:12px;
    height:2px
}

[dir=rtl] .portfolio__horizontal-social span::after
{
    right:auto;
    left:0
}

.portfolio__horizontal-social a
{
    position:relative
}

.portfolio__horizontal-social a:not(:last-child)
{
    padding-right:13px;
    margin-right:13px
}

[dir=rtl] .portfolio__horizontal-social a:not(:last-child)
{
    padding-right:0;
    margin-right:0;
    padding-left:13px;
    margin-left:13px
}

.portfolio__horizontal-social a:not(:last-child)::after
{
    position:absolute;
    content:"";
    right:-3px;
    top:50%;
    -webkit-transform:translateY(-50%) rotate(14deg);
    -moz-transform:translateY(-50%) rotate(14deg);
    -ms-transform:translateY(-50%) rotate(14deg);
    -o-transform:translateY(-50%) rotate(14deg);
    transform:translateY(-50%) rotate(14deg);
    background-color:var(--tp-common-black);
    width:1px;
    height:15px
}

[dir=rtl] .portfolio__horizontal-social a:not(:last-child)::after
{
    right:auto;
    left:-3px
}

.portfolio__horizontal-social a:hover
{
    color:var(--tp-theme-1)
}

.portfolio__hover-wrapper
{
    background-color:var(--tp-common-white);
    padding:25px 27px 20px
}

.portfolio__hover-title
{
    font-size:24px;
    line-height:1;
    letter-spacing:-.02em;
    margin-bottom:5px
}

.portfolio__hover-category span
{
    font-size:14px;
    line-height:1;
    position:relative;
    padding-left:25px
}

[dir=rtl] .portfolio__hover-category span
{
    padding-left:0;
    padding-right:25px
}

.portfolio__hover-category span::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:17px;
    background-color:var(--tp-text-1);
    height:1px
}

[dir=rtl] .portfolio__hover-category span::after
{
    left:auto;
    right:0
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .portfolio__details-wrapper
    {
        padding-right:55px
    }

    [dir=rtl] .portfolio__details-wrapper
    {
        padding-right:0;
        padding-left:55px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio__details-wrapper
    {
        padding-right:80px
    }

    [dir=rtl] .portfolio__details-wrapper
    {
        padding-right:0;
        padding-left:80px
    }
}

.portfolio__details-subtitle
{
    display:inline-block;
    letter-spacing:.04em;
    color:var(--tp-theme-1);
    margin-bottom:13px;
    font:500 14px/1 var(--tp-ff-space)
}

.portfolio__details-title
{
    font-size:70px;
    line-height:1;
    letter-spacing:-.04em;
    margin-bottom:17px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio__details-title
    {
        font-size:60px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__details-title
    {
        font-size:45px
    }
}

@media (max-width: 575px) {
    .portfolio__details-title
    {
        font-size:35px
    }
}

.portfolio__details-title-2
{
    font-size:60px;
    line-height:1;
    letter-spacing:-.04em;
    margin-bottom:17px
}

@media (max-width: 575px) {
    .portfolio__details-title-2
    {
        font-size:42px
    }
}

.portfolio__details-title-3
{
    font-size:60px;
    line-height:1;
    letter-spacing:-.04em;
    color:var(--tp-common-black-solid);
    margin-bottom:40px
}

@media (max-width: 575px) {
    .portfolio__details-title-3
    {
        font-size:45px
    }
}

.portfolio__details-title-sm
{
    font-weight:500;
    font-size:16px;
    line-height:1
}

.portfolio__details-title-sm-2
{
    color:var(--tp-theme-1)
}

.portfolio__details-content
{
    margin-bottom:50px
}

.portfolio__details-content p
{
    font-size:16px;
    line-height:1.62
}

.portfolio__details-content-2 p
{
    font-size:16px;
    line-height:1.62
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio__details-meta-slider
    {
        padding-left:30px
    }

    [dir=rtl] .portfolio__details-meta-slider
    {
        padding-left:0;
        padding-right:30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .portfolio__details-meta-slider
    {
        padding-left:0
    }

    [dir=rtl] .portfolio__details-meta-slider
    {
        padding-right:0
    }
}

.portfolio__details-meta-item
{
    margin-bottom:25px
}

.portfolio__details-meta-item:not(:last-child)
{
    margin-right:66px
}

[dir=rtl] .portfolio__details-meta-item:not(:last-child)
{
    margin-right:0;
    margin-left:66px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio__details-meta-item:not(:last-child)
    {
        margin-right:55px
    }

    [dir=rtl] .portfolio__details-meta-item:not(:last-child)
    {
        margin-right:0;
        margin-left:55px
    }
}

@media (max-width: 575px) {
    .portfolio__details-meta-item:not(:last-child)
    {
        margin-right:35px
    }

    [dir=rtl] .portfolio__details-meta-item:not(:last-child)
    {
        margin-right:0;
        margin-left:35px
    }
}

.portfolio__details-meta-icon
{
    min-width:15px;
    flex:0 0 auto
}

.portfolio__details-meta-icon span
{
    color:var(--tp-common-black);
    font-size:16px;
    margin-right:12px
}

[dir=rtl] .portfolio__details-meta-icon span
{
    margin-right:0;
    margin-left:12px
}

.portfolio__details-meta-icon span svg
{
    -webkit-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -o-transform:translateY(-3px);
    transform:translateY(-3px)
}

.portfolio__details-meta-content h5
{
    font-weight:500;
    font-size:18px;
    line-height:1;
    margin-bottom:3px
}

.portfolio__details-meta-content span
{
    font:16px/1 var(--tp-ff-space)
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .portfolio__details-slider
    {
        padding-left:0;
        padding-right:0
    }
}

.portfolio__details-slider .slick-list
{
    overflow:visible;
    margin:0 -15px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .portfolio__details-slider .slick-list
    {
        overflow:hidden
    }
}

.portfolio__details-slider .slick-list .slick-slide > div
{
    margin:0 15px
}

.portfolio__details-slider .slick-dots
{
    margin-top:35px;
    text-align:center
}

.portfolio__details-slider .slick-dots li
{
    list-style:none;
    display:inline-block
}

.portfolio__details-slider .slick-dots li button
{
    font-size:0;
    width:8px;
    height:8px;
    background-color:#E2E2E2;
    border-radius:10px;
    margin:0 5px
}

.portfolio__details-slider .slick-dots li.slick-active button
{
    width:50px;
    background-color:var(--tp-theme-1)
}

.portfolio__details-slider-item img
{
    width:100%
}

.portfolio__details-slider-2 .slick-list
{
    overflow:visible;
    margin:0 -50px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .portfolio__details-slider-2 .slick-list
    {
        overflow:hidden
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio__details-slider-2 .slick-list
    {
        margin:0 -15px
    }
}

.portfolio__details-slider-2 .slick-list .slick-slide > div
{
    margin:0 50px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio__details-slider-2 .slick-list .slick-slide > div
    {
        margin:0 15px
    }
}

.portfolio__details-slider-2 .slick-dots
{
    margin-top:25px;
    text-align:center
}

.portfolio__details-slider-2 .slick-dots li
{
    list-style:none;
    display:inline-block
}

.portfolio__details-slider-2 .slick-dots li button
{
    font-size:0;
    width:8px;
    height:8px;
    background-color:#E2E2E2;
    border-radius:10px;
    margin:0 5px
}

.portfolio__details-slider-2 .slick-dots li.slick-active button
{
    width:50px;
    background-color:var(--tp-theme-1)
}

.portfolio__details-img-list-box
{
    position:relative
}

.portfolio__details-img-list-social
{
    position:absolute;
    top:30px;
    left:30px;
    background:var(--tp-common-white);
    box-shadow:0 1px 3px rgba(3,4,28,0.1);
    padding:10px 12px;
    text-align:center
}

[dir=rtl] .portfolio__details-img-list-social
{
    left:auto;
    right:30px
}

.portfolio__details-img-list-social a
{
    color:var(--tp-text-1)
}

.portfolio__details-img-list-social a:hover
{
    color:var(--tp-theme-1)
}

.portfolio__details-info-box-title
{
    font-size:1px;
    letter-spacing:-.02em
}

.portfolio__details-info-wrapper
{
    margin-left:-30px;
    position:sticky;
    top:100px
}

[dir=rtl] .portfolio__details-info-wrapper
{
    margin-left:0;
    margin-right:-30px
}

.portfolio__details-info-content
{
    margin-bottom:30px
}

.portfolio__details-info-content p
{
    font-size:16px;
    line-height:1.62
}

.portfolio__details-info-btn .tp-btn
{
    padding:12px 30px
}

.portfolio__details-info-btn .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

.portfolio__details-category
{
    margin-bottom:3px
}

.portfolio__details-category span
{
    font-size:14px;
    line-height:1;
    position:relative;
    padding-left:25px
}

[dir=rtl] .portfolio__details-category span
{
    padding-left:0;
    padding-right:25px
}

.portfolio__details-category span::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:17px;
    background-color:var(--tp-text-1);
    height:1px
}

[dir=rtl] .portfolio__details-category span::after
{
    left:auto;
    right:0
}

.portfolio__details-category span a:hover
{
    color:var(--tp-theme-1)
}

.portfolio__details-task p
{
    font-size:16px;
    line-height:1.62
}

.portfolio__details-task-2 p
{
    color:var(--tp-common-black);
    padding-right:70px
}

[dir=rtl] .portfolio__details-task-2 p
{
    padding-right:0;
    padding-left:70px
}

.portfolio__details-btn a
{
    font-size:16px;
    font-weight:500;
    color:var(--tp-theme-1)
}

.portfolio__details-btn a:hover
{
    color:var(--tp-common-black)
}

.portfolio__details-btn a:hover svg
{
    -webkit-transform:translate(6px,-1px);
    -moz-transform:translate(6px,-1px);
    -ms-transform:translate(6px,-1px);
    -o-transform:translate(6px,-1px);
    transform:translate(6px,-1px)
}

[dir=rtl] .portfolio__details-btn a:hover svg
{
    -webkit-transform:translate(-6px,-1px);
    -moz-transform:translate(-6px,-1px);
    -ms-transform:translate(-6px,-1px);
    -o-transform:translate(-6px,-1px);
    transform:translate(-6px,-1px)
}

.portfolio__details-btn a svg
{
    -webkit-transform:translate(2px,-1px);
    -moz-transform:translate(2px,-1px);
    -ms-transform:translate(2px,-1px);
    -o-transform:translate(2px,-1px);
    transform:translate(2px,-1px);
    transition:transform .3s ease-in-out
}

[dir=rtl] .portfolio__details-btn a svg
{
    -webkit-transform:translate(-2px,-1px);
    -moz-transform:translate(-2px,-1px);
    -ms-transform:translate(-2px,-1px);
    -o-transform:translate(-2px,-1px);
    transform:translate(-2px,-1px)
}

.portfolio__details-btn-2 .tp-btn
{
    font-size:14px;
    padding:10px 26px;
    background-color:var(--tp-common-black)
}

.portfolio__details-btn-2 .tp-btn:hover
{
    background-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.portfolio__details-arrow button
{
    position:absolute;
    top:50%;
    left:0;
    border-radius:50%;
    background-color:var(--tp-common-white);
    width:100px;
    height:100px;
    line-height:100px;
    display:inline-block;
    z-index:9;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

[dir=rtl] .portfolio__details-arrow button
{
    left:auto;
    right:0
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio__details-arrow button
    {
        width:60px;
        height:60px;
        line-height:60px
    }
}

.portfolio__details-arrow button span,.portfolio__details-arrow button i
{
    display:inline-block;
    background:var(--tp-common-white);
    border:1px solid var(--tp-text-1);
    height:90px;
    width:90px;
    line-height:86px;
    text-align:center;
    border-radius:50%;
    font-size:18px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .portfolio__details-arrow button span,.portfolio__details-arrow button i
    {
        width:50px;
        height:50px;
        line-height:48px
    }
}

.portfolio__details-arrow button span svg,.portfolio__details-arrow button i svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.portfolio__details-arrow button:hover
{
    color:var(--tp-common-white)
}

.portfolio__details-arrow button:hover span,.portfolio__details-arrow button:hover i
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black);
    border-color:var(--tp-common-black)
}

.portfolio__details-arrow button.portfolio-details-2-button-next
{
    left:auto;
    right:0;
    -webkit-transform:translate(50%,-50%);
    -moz-transform:translate(50%,-50%);
    -ms-transform:translate(50%,-50%);
    -o-transform:translate(50%,-50%);
    transform:translate(50%,-50%)
}

[dir=rtl] .portfolio__details-arrow button.portfolio-details-2-button-next
{
    right:auto;
    left:0
}

.portfolio__more-border
{
    border-top:1px solid #EAEAEF;
    padding-top:32px;
    padding-bottom:32px
}

.portfolio__more-menu a
{
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    border-radius:50%;
    background-color:#F5F5F5;
    color:var(--tp-common-black)
}

.portfolio__more-menu a svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.portfolio__more-menu a:hover
{
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.portfolio__more-navigation
{
    margin-top:50px;
    padding:35px 30px
}

.portfolio__more-icon a
{
    color:var(--tp-common-black);
    font-size:16px;
    margin-right:15px
}

.portfolio__more-icon a svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.portfolio__more-icon a:hover
{
    color:var(--tp-theme-1)
}

.portfolio__more-content p
{
    font-weight:500;
    font-size:12px;
    line-height:1;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#88888B;
    margin-bottom:5px
}

.portfolio__more-content p a:hover
{
    color:var(--tp-theme-1)
}

.portfolio__more-content h4
{
    font-size:18px;
    line-height:1;
    letter-spacing:-.02em;
    margin-bottom:0
}

.portfolio__more-content h4 a:hover
{
    color:var(--tp-theme-1)
}

.portfolio__more-right
{
    text-align:right
}

[dir=rtl] .portfolio__more-right
{
    text-align:left
}

.portfolio__more-right .portfolio__more-icon a
{
    margin-left:15px;
    margin-right:0
}

[dir=rtl] .portfolio__more-right .portfolio__more-icon a
{
    margin-left:0;
    margin-right:15px
}

.portfolio__comment-top
{
    margin-bottom:37px
}

.portfolio__comment-title
{
    font-size:34px;
    line-height:1;
    letter-spacing:-.02em;
    margin-bottom:5px
}

.portfolio__comment-input
{
    position:relative;
    margin-bottom:20px
}

.portfolio__comment-input span
{
    font-weight:600;
    color:var(--tp-common-black);
    margin-bottom:12px;
    display:block
}

.portfolio__comment-input input,.portfolio__comment-input textarea
{
    height:60px;
    padding:0 27px;
    width:100%;
    font-size:14px;
    color:var(--tp-common-black);
    border-color:var(--tp-common-white);
    background:var(--tp-common-white);
    box-shadow:0 1px 3px rgba(3,4,28,0.1);
    border-width:1px
}

.portfolio__comment-input input:focus,.portfolio__comment-input textarea:focus
{
    border-color:var(--tp-theme-1)
}

.portfolio__comment-input input::-webkit-input-placeholder,.portfolio__comment-input textarea::-webkit-input-placeholder
{
    color:#85858B
}

.portfolio__comment-input input:-moz-placeholder,.portfolio__comment-input textarea:-moz-placeholder
{
    color:#85858B
}

.portfolio__comment-input input::-moz-placeholder,.portfolio__comment-input textarea::-moz-placeholder
{
    color:#85858B
}

.portfolio__comment-input input:-ms-input-placeholder,.portfolio__comment-input textarea:-ms-input-placeholder
{
    color:#85858B
}

.portfolio__comment-input textarea
{
    height:180px;
    resize:none;
    padding-top:25px;
    padding-bottom:25px
}

.portfolio__comment-agree
{
    padding-left:5px
}

[dir=rtl] .portfolio__comment-agree
{
    padding-left:0;
    padding-right:5px
}

.portfolio__comment-agree input
{
    margin:0;
    appearance:none;
    -moz-appearance:none;
    display:block;
    width:18px;
    height:18px;
    background:transparent;
    border:1.5px solid #CFCFD7;
    border-radius:3px;
    outline:none;
    flex:0 0 auto;
    -webkit-transform:translateY(-2.5px);
    -moz-transform:translateY(-2.5px);
    -ms-transform:translateY(-2.5px);
    -o-transform:translateY(-2.5px);
    transform:translateY(-2.5px);
    padding:0
}

.portfolio__comment-agree input:checked
{
    position:relative;
    background-color:var(--tp-theme-1);
    border-color:transparent
}

.portfolio__comment-agree input:checked::after
{
    box-sizing:border-box;
    position:absolute;
    content:"\f00c";
    color:var(--tp-common-white);
    top:46%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font:700 10px var(--tp-ff-fontawesome)
}

.portfolio__comment-agree input:hover
{
    cursor:pointer
}

.portfolio__comment-agree label
{
    padding-left:8px;
    font-size:14px;
    line-height:1;
    color:var(--tp-text-1)
}

[dir=rtl] .portfolio__comment-agree label
{
    padding-left:0;
    padding-right:8px
}

.portfolio__comment-agree label a
{
    color:var(--tp-common-black);
    font-weight:600;
    padding-left:4px
}

[dir=rtl] .portfolio__comment-agree label a
{
    padding-left:0;
    padding-right:4px
}

.portfolio__comment-agree label a:hover
{
    color:var(--tp-theme-1)
}

.portfolio__comment-agree label:hover
{
    cursor:pointer
}

.portfolio__comment-btn .tp-btn
{
    padding:12px 21px
}

.portfolio__comment-btn .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

@-webkit-keyframes fadeInRightPortfolio1 {
    0%
    {
        opacity:0;
        -webkit-transform:rotate(-25deg) translateX(20px);
        -moz-transform:rotate(-25deg) translateX(20px);
        -ms-transform:rotate(-25deg) translateX(20px);
        -o-transform:rotate(-25deg) translateX(20px);
        transform:rotate(-25deg) translateX(20px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:rotate(-25deg) translateX(0);
        -moz-transform:rotate(-25deg) translateX(0);
        -ms-transform:rotate(-25deg) translateX(0);
        -o-transform:rotate(-25deg) translateX(0);
        transform:rotate(-25deg) translateX(0)
    }
}

@-moz-keyframes fadeInRightPortfolio1 {
    0%
    {
        opacity:0;
        -webkit-transform:rotate(-25deg) translateX(20px);
        -moz-transform:rotate(-25deg) translateX(20px);
        -ms-transform:rotate(-25deg) translateX(20px);
        -o-transform:rotate(-25deg) translateX(20px);
        transform:rotate(-25deg) translateX(20px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:rotate(-25deg) translateX(0);
        -moz-transform:rotate(-25deg) translateX(0);
        -ms-transform:rotate(-25deg) translateX(0);
        -o-transform:rotate(-25deg) translateX(0);
        transform:rotate(-25deg) translateX(0)
    }
}

@-ms-keyframes fadeInRightPortfolio1 {
    0%
    {
        opacity:0;
        -webkit-transform:rotate(-25deg) translateX(20px);
        -moz-transform:rotate(-25deg) translateX(20px);
        -ms-transform:rotate(-25deg) translateX(20px);
        -o-transform:rotate(-25deg) translateX(20px);
        transform:rotate(-25deg) translateX(20px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:rotate(-25deg) translateX(0);
        -moz-transform:rotate(-25deg) translateX(0);
        -ms-transform:rotate(-25deg) translateX(0);
        -o-transform:rotate(-25deg) translateX(0);
        transform:rotate(-25deg) translateX(0)
    }
}

@keyframes fadeInRightPortfolio1 {
    0%
    {
        opacity:0;
        -webkit-transform:rotate(-25deg) translateX(20px);
        -moz-transform:rotate(-25deg) translateX(20px);
        -ms-transform:rotate(-25deg) translateX(20px);
        -o-transform:rotate(-25deg) translateX(20px);
        transform:rotate(-25deg) translateX(20px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:rotate(-25deg) translateX(0);
        -moz-transform:rotate(-25deg) translateX(0);
        -ms-transform:rotate(-25deg) translateX(0);
        -o-transform:rotate(-25deg) translateX(0);
        transform:rotate(-25deg) translateX(0)
    }
}

@-webkit-keyframes fadeInRightPortfolio2 {
    0%
    {
        opacity:0;
        -webkit-transform:rotate(-25deg) translate(20px,169px);
        -moz-transform:rotate(-25deg) translate(20px,169px);
        -ms-transform:rotate(-25deg) translate(20px,169px);
        -o-transform:rotate(-25deg) translate(20px,169px);
        transform:rotate(-25deg) translate(20px,169px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:rotate(-25deg) translate(-30px,169px);
        -moz-transform:rotate(-25deg) translate(-30px,169px);
        -ms-transform:rotate(-25deg) translate(-30px,169px);
        -o-transform:rotate(-25deg) translate(-30px,169px);
        transform:rotate(-25deg) translate(-30px,169px)
    }
}

@-moz-keyframes fadeInRightPortfolio2 {
    0%
    {
        opacity:0;
        -webkit-transform:rotate(-25deg) translate(20px,169px);
        -moz-transform:rotate(-25deg) translate(20px,169px);
        -ms-transform:rotate(-25deg) translate(20px,169px);
        -o-transform:rotate(-25deg) translate(20px,169px);
        transform:rotate(-25deg) translate(20px,169px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:rotate(-25deg) translate(-30px,169px);
        -moz-transform:rotate(-25deg) translate(-30px,169px);
        -ms-transform:rotate(-25deg) translate(-30px,169px);
        -o-transform:rotate(-25deg) translate(-30px,169px);
        transform:rotate(-25deg) translate(-30px,169px)
    }
}

@-ms-keyframes fadeInRightPortfolio2 {
    0%
    {
        opacity:0;
        -webkit-transform:rotate(-25deg) translate(20px,169px);
        -moz-transform:rotate(-25deg) translate(20px,169px);
        -ms-transform:rotate(-25deg) translate(20px,169px);
        -o-transform:rotate(-25deg) translate(20px,169px);
        transform:rotate(-25deg) translate(20px,169px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:rotate(-25deg) translate(-30px,169px);
        -moz-transform:rotate(-25deg) translate(-30px,169px);
        -ms-transform:rotate(-25deg) translate(-30px,169px);
        -o-transform:rotate(-25deg) translate(-30px,169px);
        transform:rotate(-25deg) translate(-30px,169px)
    }
}

@keyframes fadeInRightPortfolio2 {
    0%
    {
        opacity:0;
        -webkit-transform:rotate(-25deg) translate(20px,169px);
        -moz-transform:rotate(-25deg) translate(20px,169px);
        -ms-transform:rotate(-25deg) translate(20px,169px);
        -o-transform:rotate(-25deg) translate(20px,169px);
        transform:rotate(-25deg) translate(20px,169px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:rotate(-25deg) translate(-30px,169px);
        -moz-transform:rotate(-25deg) translate(-30px,169px);
        -ms-transform:rotate(-25deg) translate(-30px,169px);
        -o-transform:rotate(-25deg) translate(-30px,169px);
        transform:rotate(-25deg) translate(-30px,169px)
    }
}

@-webkit-keyframes fadeInRightPortfolio3 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,115px) rotate(25deg);
        -moz-transform:translate(-20px,115px) rotate(25deg);
        -ms-transform:translate(-20px,115px) rotate(25deg);
        -o-transform:translate(-20px,115px) rotate(25deg);
        transform:translate(-20px,115px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-66px,107px) rotate(25deg);
        -moz-transform:translate(-66px,107px) rotate(25deg);
        -ms-transform:translate(-66px,107px) rotate(25deg);
        -o-transform:translate(-66px,107px) rotate(25deg);
        transform:translate(-66px,107px) rotate(25deg)
    }
}

@-moz-keyframes fadeInRightPortfolio3 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,115px) rotate(25deg);
        -moz-transform:translate(-20px,115px) rotate(25deg);
        -ms-transform:translate(-20px,115px) rotate(25deg);
        -o-transform:translate(-20px,115px) rotate(25deg);
        transform:translate(-20px,115px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-66px,107px) rotate(25deg);
        -moz-transform:translate(-66px,107px) rotate(25deg);
        -ms-transform:translate(-66px,107px) rotate(25deg);
        -o-transform:translate(-66px,107px) rotate(25deg);
        transform:translate(-66px,107px) rotate(25deg)
    }
}

@-ms-keyframes fadeInRightPortfolio3 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,115px) rotate(25deg);
        -moz-transform:translate(-20px,115px) rotate(25deg);
        -ms-transform:translate(-20px,115px) rotate(25deg);
        -o-transform:translate(-20px,115px) rotate(25deg);
        transform:translate(-20px,115px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-66px,107px) rotate(25deg);
        -moz-transform:translate(-66px,107px) rotate(25deg);
        -ms-transform:translate(-66px,107px) rotate(25deg);
        -o-transform:translate(-66px,107px) rotate(25deg);
        transform:translate(-66px,107px) rotate(25deg)
    }
}

@keyframes fadeInRightPortfolio3 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,115px) rotate(25deg);
        -moz-transform:translate(-20px,115px) rotate(25deg);
        -ms-transform:translate(-20px,115px) rotate(25deg);
        -o-transform:translate(-20px,115px) rotate(25deg);
        transform:translate(-20px,115px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-66px,107px) rotate(25deg);
        -moz-transform:translate(-66px,107px) rotate(25deg);
        -ms-transform:translate(-66px,107px) rotate(25deg);
        -o-transform:translate(-66px,107px) rotate(25deg);
        transform:translate(-66px,107px) rotate(25deg)
    }
}

@-webkit-keyframes fadeInRightPortfolio4 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,10px) rotate(25deg);
        -moz-transform:translate(-20px,10px) rotate(25deg);
        -ms-transform:translate(-20px,10px) rotate(25deg);
        -o-transform:translate(-20px,10px) rotate(25deg);
        transform:translate(-20px,10px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(7px,120px) rotate(25deg);
        -moz-transform:translate(7px,120px) rotate(25deg);
        -ms-transform:translate(7px,120px) rotate(25deg);
        -o-transform:translate(7px,120px) rotate(25deg);
        transform:translate(7px,120px) rotate(25deg)
    }
}

@-moz-keyframes fadeInRightPortfolio4 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,10px) rotate(25deg);
        -moz-transform:translate(-20px,10px) rotate(25deg);
        -ms-transform:translate(-20px,10px) rotate(25deg);
        -o-transform:translate(-20px,10px) rotate(25deg);
        transform:translate(-20px,10px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(7px,120px) rotate(25deg);
        -moz-transform:translate(7px,120px) rotate(25deg);
        -ms-transform:translate(7px,120px) rotate(25deg);
        -o-transform:translate(7px,120px) rotate(25deg);
        transform:translate(7px,120px) rotate(25deg)
    }
}

@-ms-keyframes fadeInRightPortfolio4 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,10px) rotate(25deg);
        -moz-transform:translate(-20px,10px) rotate(25deg);
        -ms-transform:translate(-20px,10px) rotate(25deg);
        -o-transform:translate(-20px,10px) rotate(25deg);
        transform:translate(-20px,10px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(7px,120px) rotate(25deg);
        -moz-transform:translate(7px,120px) rotate(25deg);
        -ms-transform:translate(7px,120px) rotate(25deg);
        -o-transform:translate(7px,120px) rotate(25deg);
        transform:translate(7px,120px) rotate(25deg)
    }
}

@keyframes fadeInRightPortfolio4 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,10px) rotate(25deg);
        -moz-transform:translate(-20px,10px) rotate(25deg);
        -ms-transform:translate(-20px,10px) rotate(25deg);
        -o-transform:translate(-20px,10px) rotate(25deg);
        transform:translate(-20px,10px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(7px,120px) rotate(25deg);
        -moz-transform:translate(7px,120px) rotate(25deg);
        -ms-transform:translate(7px,120px) rotate(25deg);
        -o-transform:translate(7px,120px) rotate(25deg);
        transform:translate(7px,120px) rotate(25deg)
    }
}

@-webkit-keyframes fadeInRightPortfolio5 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-70px,0px) rotate(25deg);
        -moz-transform:translate(-70px,0px) rotate(25deg);
        -ms-transform:translate(-70px,0px) rotate(25deg);
        -o-transform:translate(-70px,0px) rotate(25deg);
        transform:translate(-70px,0px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-105px,88px) rotate(25deg);
        -moz-transform:translate(-105px,88px) rotate(25deg);
        -ms-transform:translate(-105px,88px) rotate(25deg);
        -o-transform:translate(-105px,88px) rotate(25deg);
        transform:translate(-105px,88px) rotate(25deg)
    }
}

@-moz-keyframes fadeInRightPortfolio5 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-70px,0px) rotate(25deg);
        -moz-transform:translate(-70px,0px) rotate(25deg);
        -ms-transform:translate(-70px,0px) rotate(25deg);
        -o-transform:translate(-70px,0px) rotate(25deg);
        transform:translate(-70px,0px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-105px,88px) rotate(25deg);
        -moz-transform:translate(-105px,88px) rotate(25deg);
        -ms-transform:translate(-105px,88px) rotate(25deg);
        -o-transform:translate(-105px,88px) rotate(25deg);
        transform:translate(-105px,88px) rotate(25deg)
    }
}

@-ms-keyframes fadeInRightPortfolio5 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-70px,0px) rotate(25deg);
        -moz-transform:translate(-70px,0px) rotate(25deg);
        -ms-transform:translate(-70px,0px) rotate(25deg);
        -o-transform:translate(-70px,0px) rotate(25deg);
        transform:translate(-70px,0px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-105px,88px) rotate(25deg);
        -moz-transform:translate(-105px,88px) rotate(25deg);
        -ms-transform:translate(-105px,88px) rotate(25deg);
        -o-transform:translate(-105px,88px) rotate(25deg);
        transform:translate(-105px,88px) rotate(25deg)
    }
}

@keyframes fadeInRightPortfolio5 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-70px,0px) rotate(25deg);
        -moz-transform:translate(-70px,0px) rotate(25deg);
        -ms-transform:translate(-70px,0px) rotate(25deg);
        -o-transform:translate(-70px,0px) rotate(25deg);
        transform:translate(-70px,0px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-105px,88px) rotate(25deg);
        -moz-transform:translate(-105px,88px) rotate(25deg);
        -ms-transform:translate(-105px,88px) rotate(25deg);
        -o-transform:translate(-105px,88px) rotate(25deg);
        transform:translate(-105px,88px) rotate(25deg)
    }
}

@-webkit-keyframes fadeInRightPortfolio6 {
    0%
    {
        opacity:0;
        -webkit-transform:translateX(60px);
        -moz-transform:translateX(60px);
        -ms-transform:translateX(60px);
        -o-transform:translateX(60px);
        transform:translateX(60px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translateX(0px);
        -moz-transform:translateX(0px);
        -ms-transform:translateX(0px);
        -o-transform:translateX(0px);
        transform:translateX(0px)
    }
}

@-moz-keyframes fadeInRightPortfolio6 {
    0%
    {
        opacity:0;
        -webkit-transform:translateX(60px);
        -moz-transform:translateX(60px);
        -ms-transform:translateX(60px);
        -o-transform:translateX(60px);
        transform:translateX(60px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translateX(0px);
        -moz-transform:translateX(0px);
        -ms-transform:translateX(0px);
        -o-transform:translateX(0px);
        transform:translateX(0px)
    }
}

@-ms-keyframes fadeInRightPortfolio6 {
    0%
    {
        opacity:0;
        -webkit-transform:translateX(60px);
        -moz-transform:translateX(60px);
        -ms-transform:translateX(60px);
        -o-transform:translateX(60px);
        transform:translateX(60px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translateX(0px);
        -moz-transform:translateX(0px);
        -ms-transform:translateX(0px);
        -o-transform:translateX(0px);
        transform:translateX(0px)
    }
}

@keyframes fadeInRightPortfolio6 {
    0%
    {
        opacity:0;
        -webkit-transform:translateX(60px);
        -moz-transform:translateX(60px);
        -ms-transform:translateX(60px);
        -o-transform:translateX(60px);
        transform:translateX(60px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translateX(0px);
        -moz-transform:translateX(0px);
        -ms-transform:translateX(0px);
        -o-transform:translateX(0px);
        transform:translateX(0px)
    }
}

@-webkit-keyframes fadeInRightPortfolio3 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,115px) rotate(25deg);
        -moz-transform:translate(-20px,115px) rotate(25deg);
        -ms-transform:translate(-20px,115px) rotate(25deg);
        -o-transform:translate(-20px,115px) rotate(25deg);
        transform:translate(-20px,115px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-79px,93px) rotate(25deg);
        -moz-transform:translate(-79px,93px) rotate(25deg);
        -ms-transform:translate(-79px,93px) rotate(25deg);
        -o-transform:translate(-79px,93px) rotate(25deg);
        transform:translate(-79px,93px) rotate(25deg)
    }
}

@-moz-keyframes fadeInRightPortfolio3 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,115px) rotate(25deg);
        -moz-transform:translate(-20px,115px) rotate(25deg);
        -ms-transform:translate(-20px,115px) rotate(25deg);
        -o-transform:translate(-20px,115px) rotate(25deg);
        transform:translate(-20px,115px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-79px,93px) rotate(25deg);
        -moz-transform:translate(-79px,93px) rotate(25deg);
        -ms-transform:translate(-79px,93px) rotate(25deg);
        -o-transform:translate(-79px,93px) rotate(25deg);
        transform:translate(-79px,93px) rotate(25deg)
    }
}

@-ms-keyframes fadeInRightPortfolio3 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,115px) rotate(25deg);
        -moz-transform:translate(-20px,115px) rotate(25deg);
        -ms-transform:translate(-20px,115px) rotate(25deg);
        -o-transform:translate(-20px,115px) rotate(25deg);
        transform:translate(-20px,115px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-79px,93px) rotate(25deg);
        -moz-transform:translate(-79px,93px) rotate(25deg);
        -ms-transform:translate(-79px,93px) rotate(25deg);
        -o-transform:translate(-79px,93px) rotate(25deg);
        transform:translate(-79px,93px) rotate(25deg)
    }
}

@keyframes fadeInRightPortfolio3 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,115px) rotate(25deg);
        -moz-transform:translate(-20px,115px) rotate(25deg);
        -ms-transform:translate(-20px,115px) rotate(25deg);
        -o-transform:translate(-20px,115px) rotate(25deg);
        transform:translate(-20px,115px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-79px,93px) rotate(25deg);
        -moz-transform:translate(-79px,93px) rotate(25deg);
        -ms-transform:translate(-79px,93px) rotate(25deg);
        -o-transform:translate(-79px,93px) rotate(25deg);
        transform:translate(-79px,93px) rotate(25deg)
    }
}

@-webkit-keyframes fadeInRightPortfolio3 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,115px) rotate(25deg);
        -moz-transform:translate(-20px,115px) rotate(25deg);
        -ms-transform:translate(-20px,115px) rotate(25deg);
        -o-transform:translate(-20px,115px) rotate(25deg);
        transform:translate(-20px,115px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-202px,50px) rotate(25deg);
        -moz-transform:translate(-202px,50px) rotate(25deg);
        -ms-transform:translate(-202px,50px) rotate(25deg);
        -o-transform:translate(-202px,50px) rotate(25deg);
        transform:translate(-202px,50px) rotate(25deg)
    }
}

@-moz-keyframes fadeInRightPortfolio3 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,115px) rotate(25deg);
        -moz-transform:translate(-20px,115px) rotate(25deg);
        -ms-transform:translate(-20px,115px) rotate(25deg);
        -o-transform:translate(-20px,115px) rotate(25deg);
        transform:translate(-20px,115px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-202px,50px) rotate(25deg);
        -moz-transform:translate(-202px,50px) rotate(25deg);
        -ms-transform:translate(-202px,50px) rotate(25deg);
        -o-transform:translate(-202px,50px) rotate(25deg);
        transform:translate(-202px,50px) rotate(25deg)
    }
}

@-ms-keyframes fadeInRightPortfolio3 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,115px) rotate(25deg);
        -moz-transform:translate(-20px,115px) rotate(25deg);
        -ms-transform:translate(-20px,115px) rotate(25deg);
        -o-transform:translate(-20px,115px) rotate(25deg);
        transform:translate(-20px,115px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-202px,50px) rotate(25deg);
        -moz-transform:translate(-202px,50px) rotate(25deg);
        -ms-transform:translate(-202px,50px) rotate(25deg);
        -o-transform:translate(-202px,50px) rotate(25deg);
        transform:translate(-202px,50px) rotate(25deg)
    }
}

@keyframes fadeInRightPortfolio3 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,115px) rotate(25deg);
        -moz-transform:translate(-20px,115px) rotate(25deg);
        -ms-transform:translate(-20px,115px) rotate(25deg);
        -o-transform:translate(-20px,115px) rotate(25deg);
        transform:translate(-20px,115px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-202px,50px) rotate(25deg);
        -moz-transform:translate(-202px,50px) rotate(25deg);
        -ms-transform:translate(-202px,50px) rotate(25deg);
        -o-transform:translate(-202px,50px) rotate(25deg);
        transform:translate(-202px,50px) rotate(25deg)
    }
}

@-webkit-keyframes fadeInRightPortfolio4 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-30px,120px) rotate(25deg);
        -moz-transform:translate(-30px,120px) rotate(25deg);
        -ms-transform:translate(-30px,120px) rotate(25deg);
        -o-transform:translate(-30px,120px) rotate(25deg);
        transform:translate(-30px,120px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-70px,120px) rotate(25deg);
        -moz-transform:translate(-70px,120px) rotate(25deg);
        -ms-transform:translate(-70px,120px) rotate(25deg);
        -o-transform:translate(-70px,120px) rotate(25deg);
        transform:translate(-70px,120px) rotate(25deg)
    }
}

@-moz-keyframes fadeInRightPortfolio4 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-30px,120px) rotate(25deg);
        -moz-transform:translate(-30px,120px) rotate(25deg);
        -ms-transform:translate(-30px,120px) rotate(25deg);
        -o-transform:translate(-30px,120px) rotate(25deg);
        transform:translate(-30px,120px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-70px,120px) rotate(25deg);
        -moz-transform:translate(-70px,120px) rotate(25deg);
        -ms-transform:translate(-70px,120px) rotate(25deg);
        -o-transform:translate(-70px,120px) rotate(25deg);
        transform:translate(-70px,120px) rotate(25deg)
    }
}

@-ms-keyframes fadeInRightPortfolio4 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-30px,120px) rotate(25deg);
        -moz-transform:translate(-30px,120px) rotate(25deg);
        -ms-transform:translate(-30px,120px) rotate(25deg);
        -o-transform:translate(-30px,120px) rotate(25deg);
        transform:translate(-30px,120px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-70px,120px) rotate(25deg);
        -moz-transform:translate(-70px,120px) rotate(25deg);
        -ms-transform:translate(-70px,120px) rotate(25deg);
        -o-transform:translate(-70px,120px) rotate(25deg);
        transform:translate(-70px,120px) rotate(25deg)
    }
}

@keyframes fadeInRightPortfolio4 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-30px,120px) rotate(25deg);
        -moz-transform:translate(-30px,120px) rotate(25deg);
        -ms-transform:translate(-30px,120px) rotate(25deg);
        -o-transform:translate(-30px,120px) rotate(25deg);
        transform:translate(-30px,120px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-70px,120px) rotate(25deg);
        -moz-transform:translate(-70px,120px) rotate(25deg);
        -ms-transform:translate(-70px,120px) rotate(25deg);
        -o-transform:translate(-70px,120px) rotate(25deg);
        transform:translate(-70px,120px) rotate(25deg)
    }
}

@-webkit-keyframes fadeInRightPortfolio5 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-70px,0px) rotate(25deg);
        -moz-transform:translate(-70px,0px) rotate(25deg);
        -ms-transform:translate(-70px,0px) rotate(25deg);
        -o-transform:translate(-70px,0px) rotate(25deg);
        transform:translate(-70px,0px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-180px,88px) rotate(25deg);
        -moz-transform:translate(-180px,88px) rotate(25deg);
        -ms-transform:translate(-180px,88px) rotate(25deg);
        -o-transform:translate(-180px,88px) rotate(25deg);
        transform:translate(-180px,88px) rotate(25deg)
    }
}

@-moz-keyframes fadeInRightPortfolio5 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-70px,0px) rotate(25deg);
        -moz-transform:translate(-70px,0px) rotate(25deg);
        -ms-transform:translate(-70px,0px) rotate(25deg);
        -o-transform:translate(-70px,0px) rotate(25deg);
        transform:translate(-70px,0px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-180px,88px) rotate(25deg);
        -moz-transform:translate(-180px,88px) rotate(25deg);
        -ms-transform:translate(-180px,88px) rotate(25deg);
        -o-transform:translate(-180px,88px) rotate(25deg);
        transform:translate(-180px,88px) rotate(25deg)
    }
}

@-ms-keyframes fadeInRightPortfolio5 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-70px,0px) rotate(25deg);
        -moz-transform:translate(-70px,0px) rotate(25deg);
        -ms-transform:translate(-70px,0px) rotate(25deg);
        -o-transform:translate(-70px,0px) rotate(25deg);
        transform:translate(-70px,0px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-180px,88px) rotate(25deg);
        -moz-transform:translate(-180px,88px) rotate(25deg);
        -ms-transform:translate(-180px,88px) rotate(25deg);
        -o-transform:translate(-180px,88px) rotate(25deg);
        transform:translate(-180px,88px) rotate(25deg)
    }
}

@keyframes fadeInRightPortfolio5 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-70px,0px) rotate(25deg);
        -moz-transform:translate(-70px,0px) rotate(25deg);
        -ms-transform:translate(-70px,0px) rotate(25deg);
        -o-transform:translate(-70px,0px) rotate(25deg);
        transform:translate(-70px,0px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-180px,88px) rotate(25deg);
        -moz-transform:translate(-180px,88px) rotate(25deg);
        -ms-transform:translate(-180px,88px) rotate(25deg);
        -o-transform:translate(-180px,88px) rotate(25deg);
        transform:translate(-180px,88px) rotate(25deg)
    }
}

@-webkit-keyframes fadeInRightPortfolio3 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,115px) rotate(25deg);
        -moz-transform:translate(-20px,115px) rotate(25deg);
        -ms-transform:translate(-20px,115px) rotate(25deg);
        -o-transform:translate(-20px,115px) rotate(25deg);
        transform:translate(-20px,115px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(15px,149px) rotate(25deg);
        -moz-transform:translate(15px,149px) rotate(25deg);
        -ms-transform:translate(15px,149px) rotate(25deg);
        -o-transform:translate(15px,149px) rotate(25deg);
        transform:translate(15px,149px) rotate(25deg)
    }
}

@-moz-keyframes fadeInRightPortfolio3 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,115px) rotate(25deg);
        -moz-transform:translate(-20px,115px) rotate(25deg);
        -ms-transform:translate(-20px,115px) rotate(25deg);
        -o-transform:translate(-20px,115px) rotate(25deg);
        transform:translate(-20px,115px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(15px,149px) rotate(25deg);
        -moz-transform:translate(15px,149px) rotate(25deg);
        -ms-transform:translate(15px,149px) rotate(25deg);
        -o-transform:translate(15px,149px) rotate(25deg);
        transform:translate(15px,149px) rotate(25deg)
    }
}

@-ms-keyframes fadeInRightPortfolio3 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,115px) rotate(25deg);
        -moz-transform:translate(-20px,115px) rotate(25deg);
        -ms-transform:translate(-20px,115px) rotate(25deg);
        -o-transform:translate(-20px,115px) rotate(25deg);
        transform:translate(-20px,115px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(15px,149px) rotate(25deg);
        -moz-transform:translate(15px,149px) rotate(25deg);
        -ms-transform:translate(15px,149px) rotate(25deg);
        -o-transform:translate(15px,149px) rotate(25deg);
        transform:translate(15px,149px) rotate(25deg)
    }
}

@keyframes fadeInRightPortfolio3 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-20px,115px) rotate(25deg);
        -moz-transform:translate(-20px,115px) rotate(25deg);
        -ms-transform:translate(-20px,115px) rotate(25deg);
        -o-transform:translate(-20px,115px) rotate(25deg);
        transform:translate(-20px,115px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(15px,149px) rotate(25deg);
        -moz-transform:translate(15px,149px) rotate(25deg);
        -ms-transform:translate(15px,149px) rotate(25deg);
        -o-transform:translate(15px,149px) rotate(25deg);
        transform:translate(15px,149px) rotate(25deg)
    }
}

@-webkit-keyframes fadeInRightPortfolio4 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-30px,120px) rotate(25deg);
        -moz-transform:translate(-30px,120px) rotate(25deg);
        -ms-transform:translate(-30px,120px) rotate(25deg);
        -o-transform:translate(-30px,120px) rotate(25deg);
        transform:translate(-30px,120px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(207px,3px) rotate(25deg);
        -moz-transform:translate(207px,3px) rotate(25deg);
        -ms-transform:translate(207px,3px) rotate(25deg);
        -o-transform:translate(207px,3px) rotate(25deg);
        transform:translate(207px,3px) rotate(25deg)
    }
}

@-moz-keyframes fadeInRightPortfolio4 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-30px,120px) rotate(25deg);
        -moz-transform:translate(-30px,120px) rotate(25deg);
        -ms-transform:translate(-30px,120px) rotate(25deg);
        -o-transform:translate(-30px,120px) rotate(25deg);
        transform:translate(-30px,120px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(207px,3px) rotate(25deg);
        -moz-transform:translate(207px,3px) rotate(25deg);
        -ms-transform:translate(207px,3px) rotate(25deg);
        -o-transform:translate(207px,3px) rotate(25deg);
        transform:translate(207px,3px) rotate(25deg)
    }
}

@-ms-keyframes fadeInRightPortfolio4 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-30px,120px) rotate(25deg);
        -moz-transform:translate(-30px,120px) rotate(25deg);
        -ms-transform:translate(-30px,120px) rotate(25deg);
        -o-transform:translate(-30px,120px) rotate(25deg);
        transform:translate(-30px,120px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(207px,3px) rotate(25deg);
        -moz-transform:translate(207px,3px) rotate(25deg);
        -ms-transform:translate(207px,3px) rotate(25deg);
        -o-transform:translate(207px,3px) rotate(25deg);
        transform:translate(207px,3px) rotate(25deg)
    }
}

@keyframes fadeInRightPortfolio4 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-30px,120px) rotate(25deg);
        -moz-transform:translate(-30px,120px) rotate(25deg);
        -ms-transform:translate(-30px,120px) rotate(25deg);
        -o-transform:translate(-30px,120px) rotate(25deg);
        transform:translate(-30px,120px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(207px,3px) rotate(25deg);
        -moz-transform:translate(207px,3px) rotate(25deg);
        -ms-transform:translate(207px,3px) rotate(25deg);
        -o-transform:translate(207px,3px) rotate(25deg);
        transform:translate(207px,3px) rotate(25deg)
    }
}

@-webkit-keyframes fadeInRightPortfolio5 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-70px,0px) rotate(25deg);
        -moz-transform:translate(-70px,0px) rotate(25deg);
        -ms-transform:translate(-70px,0px) rotate(25deg);
        -o-transform:translate(-70px,0px) rotate(25deg);
        transform:translate(-70px,0px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(0px,-78px) rotate(25deg);
        -moz-transform:translate(0px,-78px) rotate(25deg);
        -ms-transform:translate(0px,-78px) rotate(25deg);
        -o-transform:translate(0px,-78px) rotate(25deg);
        transform:translate(0px,-78px) rotate(25deg)
    }
}

@-moz-keyframes fadeInRightPortfolio5 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-70px,0px) rotate(25deg);
        -moz-transform:translate(-70px,0px) rotate(25deg);
        -ms-transform:translate(-70px,0px) rotate(25deg);
        -o-transform:translate(-70px,0px) rotate(25deg);
        transform:translate(-70px,0px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(0px,-78px) rotate(25deg);
        -moz-transform:translate(0px,-78px) rotate(25deg);
        -ms-transform:translate(0px,-78px) rotate(25deg);
        -o-transform:translate(0px,-78px) rotate(25deg);
        transform:translate(0px,-78px) rotate(25deg)
    }
}

@-ms-keyframes fadeInRightPortfolio5 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-70px,0px) rotate(25deg);
        -moz-transform:translate(-70px,0px) rotate(25deg);
        -ms-transform:translate(-70px,0px) rotate(25deg);
        -o-transform:translate(-70px,0px) rotate(25deg);
        transform:translate(-70px,0px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(0px,-78px) rotate(25deg);
        -moz-transform:translate(0px,-78px) rotate(25deg);
        -ms-transform:translate(0px,-78px) rotate(25deg);
        -o-transform:translate(0px,-78px) rotate(25deg);
        transform:translate(0px,-78px) rotate(25deg)
    }
}

@keyframes fadeInRightPortfolio5 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-70px,0px) rotate(25deg);
        -moz-transform:translate(-70px,0px) rotate(25deg);
        -ms-transform:translate(-70px,0px) rotate(25deg);
        -o-transform:translate(-70px,0px) rotate(25deg);
        transform:translate(-70px,0px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(0px,-78px) rotate(25deg);
        -moz-transform:translate(0px,-78px) rotate(25deg);
        -ms-transform:translate(0px,-78px) rotate(25deg);
        -o-transform:translate(0px,-78px) rotate(25deg);
        transform:translate(0px,-78px) rotate(25deg)
    }
}

@-webkit-keyframes fadeInRightPortfolio2 {
    0%
    {
        opacity:0;
        -webkit-transform:rotate(-25deg) translate(20px,169px);
        -moz-transform:rotate(-25deg) translate(20px,169px);
        -ms-transform:rotate(-25deg) translate(20px,169px);
        -o-transform:rotate(-25deg) translate(20px,169px);
        transform:rotate(-25deg) translate(20px,169px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:rotate(-25deg) translate(-200px,169px);
        -moz-transform:rotate(-25deg) translate(-200px,169px);
        -ms-transform:rotate(-25deg) translate(-200px,169px);
        -o-transform:rotate(-25deg) translate(-200px,169px);
        transform:rotate(-25deg) translate(-200px,169px)
    }
}

@-moz-keyframes fadeInRightPortfolio2 {
    0%
    {
        opacity:0;
        -webkit-transform:rotate(-25deg) translate(20px,169px);
        -moz-transform:rotate(-25deg) translate(20px,169px);
        -ms-transform:rotate(-25deg) translate(20px,169px);
        -o-transform:rotate(-25deg) translate(20px,169px);
        transform:rotate(-25deg) translate(20px,169px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:rotate(-25deg) translate(-200px,169px);
        -moz-transform:rotate(-25deg) translate(-200px,169px);
        -ms-transform:rotate(-25deg) translate(-200px,169px);
        -o-transform:rotate(-25deg) translate(-200px,169px);
        transform:rotate(-25deg) translate(-200px,169px)
    }
}

@-ms-keyframes fadeInRightPortfolio2 {
    0%
    {
        opacity:0;
        -webkit-transform:rotate(-25deg) translate(20px,169px);
        -moz-transform:rotate(-25deg) translate(20px,169px);
        -ms-transform:rotate(-25deg) translate(20px,169px);
        -o-transform:rotate(-25deg) translate(20px,169px);
        transform:rotate(-25deg) translate(20px,169px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:rotate(-25deg) translate(-200px,169px);
        -moz-transform:rotate(-25deg) translate(-200px,169px);
        -ms-transform:rotate(-25deg) translate(-200px,169px);
        -o-transform:rotate(-25deg) translate(-200px,169px);
        transform:rotate(-25deg) translate(-200px,169px)
    }
}

@keyframes fadeInRightPortfolio2 {
    0%
    {
        opacity:0;
        -webkit-transform:rotate(-25deg) translate(20px,169px);
        -moz-transform:rotate(-25deg) translate(20px,169px);
        -ms-transform:rotate(-25deg) translate(20px,169px);
        -o-transform:rotate(-25deg) translate(20px,169px);
        transform:rotate(-25deg) translate(20px,169px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:rotate(-25deg) translate(-200px,169px);
        -moz-transform:rotate(-25deg) translate(-200px,169px);
        -ms-transform:rotate(-25deg) translate(-200px,169px);
        -o-transform:rotate(-25deg) translate(-200px,169px);
        transform:rotate(-25deg) translate(-200px,169px)
    }
}

@-webkit-keyframes fadeInRightPortfolio4 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-30px,120px) rotate(25deg);
        -moz-transform:translate(-30px,120px) rotate(25deg);
        -ms-transform:translate(-30px,120px) rotate(25deg);
        -o-transform:translate(-30px,120px) rotate(25deg);
        transform:translate(-30px,120px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-10px,0) rotate(25deg);
        -moz-transform:translate(-10px,0) rotate(25deg);
        -ms-transform:translate(-10px,0) rotate(25deg);
        -o-transform:translate(-10px,0) rotate(25deg);
        transform:translate(-10px,0) rotate(25deg)
    }
}

@-moz-keyframes fadeInRightPortfolio4 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-30px,120px) rotate(25deg);
        -moz-transform:translate(-30px,120px) rotate(25deg);
        -ms-transform:translate(-30px,120px) rotate(25deg);
        -o-transform:translate(-30px,120px) rotate(25deg);
        transform:translate(-30px,120px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-10px,0) rotate(25deg);
        -moz-transform:translate(-10px,0) rotate(25deg);
        -ms-transform:translate(-10px,0) rotate(25deg);
        -o-transform:translate(-10px,0) rotate(25deg);
        transform:translate(-10px,0) rotate(25deg)
    }
}

@-ms-keyframes fadeInRightPortfolio4 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-30px,120px) rotate(25deg);
        -moz-transform:translate(-30px,120px) rotate(25deg);
        -ms-transform:translate(-30px,120px) rotate(25deg);
        -o-transform:translate(-30px,120px) rotate(25deg);
        transform:translate(-30px,120px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-10px,0) rotate(25deg);
        -moz-transform:translate(-10px,0) rotate(25deg);
        -ms-transform:translate(-10px,0) rotate(25deg);
        -o-transform:translate(-10px,0) rotate(25deg);
        transform:translate(-10px,0) rotate(25deg)
    }
}

@keyframes fadeInRightPortfolio4 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-30px,120px) rotate(25deg);
        -moz-transform:translate(-30px,120px) rotate(25deg);
        -ms-transform:translate(-30px,120px) rotate(25deg);
        -o-transform:translate(-30px,120px) rotate(25deg);
        transform:translate(-30px,120px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(-10px,0) rotate(25deg);
        -moz-transform:translate(-10px,0) rotate(25deg);
        -ms-transform:translate(-10px,0) rotate(25deg);
        -o-transform:translate(-10px,0) rotate(25deg);
        transform:translate(-10px,0) rotate(25deg)
    }
}

@-webkit-keyframes fadeInRightPortfolio5 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-70px,0px) rotate(25deg);
        -moz-transform:translate(-70px,0px) rotate(25deg);
        -ms-transform:translate(-70px,0px) rotate(25deg);
        -o-transform:translate(-70px,0px) rotate(25deg);
        transform:translate(-70px,0px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(5px,8px) rotate(25deg);
        -moz-transform:translate(5px,8px) rotate(25deg);
        -ms-transform:translate(5px,8px) rotate(25deg);
        -o-transform:translate(5px,8px) rotate(25deg);
        transform:translate(5px,8px) rotate(25deg)
    }
}

@-moz-keyframes fadeInRightPortfolio5 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-70px,0px) rotate(25deg);
        -moz-transform:translate(-70px,0px) rotate(25deg);
        -ms-transform:translate(-70px,0px) rotate(25deg);
        -o-transform:translate(-70px,0px) rotate(25deg);
        transform:translate(-70px,0px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(5px,8px) rotate(25deg);
        -moz-transform:translate(5px,8px) rotate(25deg);
        -ms-transform:translate(5px,8px) rotate(25deg);
        -o-transform:translate(5px,8px) rotate(25deg);
        transform:translate(5px,8px) rotate(25deg)
    }
}

@-ms-keyframes fadeInRightPortfolio5 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-70px,0px) rotate(25deg);
        -moz-transform:translate(-70px,0px) rotate(25deg);
        -ms-transform:translate(-70px,0px) rotate(25deg);
        -o-transform:translate(-70px,0px) rotate(25deg);
        transform:translate(-70px,0px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(5px,8px) rotate(25deg);
        -moz-transform:translate(5px,8px) rotate(25deg);
        -ms-transform:translate(5px,8px) rotate(25deg);
        -o-transform:translate(5px,8px) rotate(25deg);
        transform:translate(5px,8px) rotate(25deg)
    }
}

@keyframes fadeInRightPortfolio5 {
    0%
    {
        opacity:0;
        -webkit-transform:translate(-70px,0px) rotate(25deg);
        -moz-transform:translate(-70px,0px) rotate(25deg);
        -ms-transform:translate(-70px,0px) rotate(25deg);
        -o-transform:translate(-70px,0px) rotate(25deg);
        transform:translate(-70px,0px) rotate(25deg)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translate(5px,8px) rotate(25deg);
        -moz-transform:translate(5px,8px) rotate(25deg);
        -ms-transform:translate(5px,8px) rotate(25deg);
        -o-transform:translate(5px,8px) rotate(25deg);
        transform:translate(5px,8px) rotate(25deg)
    }
}

@-webkit-keyframes tpFadeInLeft {
    0%
    {
        opacity:0;
        -webkit-transform:translateX(-20px);
        -moz-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        -o-transform:translateX(-20px);
        transform:translateX(-20px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }
}

@-moz-keyframes tpFadeInLeft {
    0%
    {
        opacity:0;
        -webkit-transform:translateX(-20px);
        -moz-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        -o-transform:translateX(-20px);
        transform:translateX(-20px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }
}

@-ms-keyframes tpFadeInLeft {
    0%
    {
        opacity:0;
        -webkit-transform:translateX(-20px);
        -moz-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        -o-transform:translateX(-20px);
        transform:translateX(-20px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }
}

@keyframes tpFadeInLeft {
    0%
    {
        opacity:0;
        -webkit-transform:translateX(-20px);
        -moz-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        -o-transform:translateX(-20px);
        transform:translateX(-20px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }
}

.tpFadeInLeft
{
    -webkit-animation-name:tpFadeInLeft;
    animation-name:tpFadeInLeft
}

@-webkit-keyframes tpFadeInLeft2 {
    0%
    {
        opacity:0;
        -webkit-transform:rotate(-90deg) translate(60px,-60px);
        -moz-transform:rotate(-90deg) translate(60px,-60px);
        -ms-transform:rotate(-90deg) translate(60px,-60px);
        -o-transform:rotate(-90deg) translate(60px,-60px);
        transform:rotate(-90deg) translate(60px,-60px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:rotate(-90deg) translate(75px,-60px);
        -moz-transform:rotate(-90deg) translate(75px,-60px);
        -ms-transform:rotate(-90deg) translate(75px,-60px);
        -o-transform:rotate(-90deg) translate(75px,-60px);
        transform:rotate(-90deg) translate(75px,-60px)
    }
}

@-moz-keyframes tpFadeInLeft2 {
    0%
    {
        opacity:0;
        -webkit-transform:rotate(-90deg) translate(60px,-60px);
        -moz-transform:rotate(-90deg) translate(60px,-60px);
        -ms-transform:rotate(-90deg) translate(60px,-60px);
        -o-transform:rotate(-90deg) translate(60px,-60px);
        transform:rotate(-90deg) translate(60px,-60px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:rotate(-90deg) translate(75px,-60px);
        -moz-transform:rotate(-90deg) translate(75px,-60px);
        -ms-transform:rotate(-90deg) translate(75px,-60px);
        -o-transform:rotate(-90deg) translate(75px,-60px);
        transform:rotate(-90deg) translate(75px,-60px)
    }
}

@-ms-keyframes tpFadeInLeft2 {
    0%
    {
        opacity:0;
        -webkit-transform:rotate(-90deg) translate(60px,-60px);
        -moz-transform:rotate(-90deg) translate(60px,-60px);
        -ms-transform:rotate(-90deg) translate(60px,-60px);
        -o-transform:rotate(-90deg) translate(60px,-60px);
        transform:rotate(-90deg) translate(60px,-60px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:rotate(-90deg) translate(75px,-60px);
        -moz-transform:rotate(-90deg) translate(75px,-60px);
        -ms-transform:rotate(-90deg) translate(75px,-60px);
        -o-transform:rotate(-90deg) translate(75px,-60px);
        transform:rotate(-90deg) translate(75px,-60px)
    }
}

@keyframes tpFadeInLeft2 {
    0%
    {
        opacity:0;
        -webkit-transform:rotate(-90deg) translate(60px,-60px);
        -moz-transform:rotate(-90deg) translate(60px,-60px);
        -ms-transform:rotate(-90deg) translate(60px,-60px);
        -o-transform:rotate(-90deg) translate(60px,-60px);
        transform:rotate(-90deg) translate(60px,-60px)
    }

    100%
    {
        opacity:1;
        -webkit-transform:rotate(-90deg) translate(75px,-60px);
        -moz-transform:rotate(-90deg) translate(75px,-60px);
        -ms-transform:rotate(-90deg) translate(75px,-60px);
        -o-transform:rotate(-90deg) translate(75px,-60px);
        transform:rotate(-90deg) translate(75px,-60px)
    }
}

.tpFadeInLeft2
{
    -webkit-animation-name:tpFadeInLeft2;
    animation-name:tpFadeInLeft2
}

.tp-portfolio-load-more .grid-item.hidden,.tp-portfolio-load-more .grid-item.hidden *
{
    -webkit-transition:all .3 ease-out 0;
    -moz-transition:all .3 ease-out 0;
    -ms-transition:all .3 ease-out 0;
    -o-transition:all .3 ease-out 0;
    transition:all .3 ease-out 0;
    height:0;
    visibility:hidden;
    opacity:0
}

.elements__carousel .slick-list
{
    margin:0 -15px
}

.elements__carousel .slick-list .slick-slide > div
{
    margin:0 15px
}

.elements__carousel .slick-dots
{
    margin-top:30px;
    text-align:center
}

.elements__carousel .slick-dots li
{
    list-style:none;
    display:inline-block
}

.elements__carousel .slick-dots li button
{
    font-size:0;
    width:8px;
    height:8px;
    background-color:#E2E2E2;
    border-radius:10px;
    margin:0 5px
}

.elements__carousel .slick-dots li.slick-active button
{
    width:50px;
    background-color:var(--tp-theme-1)
}

.elements__carousel .elements-arrow button,.elements__carousel .elements-img-arrow button
{
    position:absolute;
    top:calc(50% - 35px);
    left:0;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    font-size:20px;
    background-color:var(--tp-common-white);
    color:var(--tp-common-black);
    border-radius:50%
}

.elements__carousel .elements-arrow button:hover,.elements__carousel .elements-img-arrow button:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1)
}

.elements__carousel .elements-arrow button.slick-next,.elements__carousel .elements-img-arrow button.slick-next
{
    left:auto;
    right:0;
    -webkit-transform:translate(50%,-50%);
    -moz-transform:translate(50%,-50%);
    -ms-transform:translate(50%,-50%);
    -o-transform:translate(50%,-50%);
    transform:translate(50%,-50%)
}

.elements__carousel.elements__carousel-img .elements-img-arrow button
{
    left:15px;
    top:50%;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    -o-transform:translate(0,-50%);
    transform:translate(0,-50%)
}

[dir=rtl] .elements__carousel.elements__carousel-img .elements-img-arrow button
{
    left:auto;
    right:15px
}

.elements__carousel.elements__carousel-img .elements-img-arrow button.slick-next
{
    left:auto;
    right:15px
}

[dir=rtl] .elements__carousel.elements__carousel-img .elements-img-arrow button.slick-next
{
    left:15px;
    right:auto
}

.elements__carousel.elements__carousel-img-dot .slick-dots
{
    position:absolute;
    bottom:15px;
    z-index:1;
    margin:auto;
    left:0;
    right:0;
    text-align:center
}

.elements__parallax-item
{
    height:400px
}

.testimonial__wrapper .section__title-wrapper
{
    padding-left:125px;
    padding-right:125px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonial__wrapper .section__title-wrapper
    {
        padding-left:70px;
        padding-right:70px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial__wrapper .section__title-wrapper
    {
        padding-left:60px;
        padding-right:60px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__wrapper .section__title-wrapper
    {
        padding-left:0;
        padding-right:0
    }
}

.testimonial__wrapper .section__title-pre.section__title-pre-1-2
{
    letter-spacing:0;
    font-weight:400
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial__wrapper-8
    {
        padding-left:150px;
        padding-right:150px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial__wrapper-8
    {
        padding-left:80px;
        padding-right:80px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__wrapper-8
    {
        padding-left:0;
        padding-right:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__avater
    {
        margin-bottom:25px
    }
}

.testimonial__avater-8
{
    padding-bottom:45px;
    padding-top:45px
}

.testimonial__avater-8.swiper-slide-active img
{
    -webkit-transform:scale(1.42);
    -moz-transform:scale(1.42);
    -ms-transform:scale(1.42);
    -o-transform:scale(1.42);
    transform:scale(1.42)
}

[dir=rtl] .testimonial__avater-thumb
{
    margin-right:0;
    margin-left:15px
}

.testimonial__avater-thumb img
{
    width:70px;
    height:70px;
    border-radius:50%
}

.testimonial__avater-thumb-3 img
{
    width:100px;
    height:100px;
    border-radius:50%;
    margin-right:25px;
    mix-blend-mode:luminosity
}

[dir=rtl] .testimonial__avater-thumb-3 img
{
    margin-right:0;
    margin-left:25px
}

@media (max-width: 575px) {
    .testimonial__avater-thumb-3 img
    {
        margin-right:0;
        margin-bottom:25px
    }

    [dir=rtl] .testimonial__avater-thumb-3 img
    {
        margin-left:0
    }
}

.testimonial__avater-thumb-4 img
{
    width:60px;
    height:60px;
    border-radius:50%;
    margin-bottom:25px;
    margin-right:20px
}

[dir=rtl] .testimonial__avater-thumb-4 img
{
    margin-right:0;
    margin-left:20px
}

@media (max-width: 575px) {
    .testimonial__avater-thumb-4 img
    {
        width:100px;
        height:100px;
        margin-right:0;
        margin-bottom:25px
    }

    [dir=rtl] .testimonial__avater-thumb-4 img
    {
        margin-left:0
    }
}

.testimonial__avater-thumb-5
{
    margin-bottom:30px
}

.testimonial__avater-thumb-5 img
{
    width:60px;
    height:60px;
    border-radius:50%
}

@media (max-width: 575px) {
    .testimonial__avater-thumb-5 img
    {
        width:100px;
        height:100px;
        margin-bottom:25px
    }
}

.testimonial__avater-thumb-6 img
{
    width:44px;
    height:44px;
    border-radius:50%;
    margin-right:10px
}

[dir=rtl] .testimonial__avater-thumb-6 img
{
    margin-right:0;
    margin-left:10px
}

@media (max-width: 575px) {
    .testimonial__avater-thumb-6 img
    {
        margin-bottom:25px
    }
}

.testimonial__avater-thumb-7 img
{
    width:60px;
    height:60px;
    border-radius:50%;
    margin-right:15px
}

[dir=rtl] .testimonial__avater-thumb-7 img
{
    margin-right:0;
    margin-left:15px
}

@media (max-width: 575px) {
    .testimonial__avater-thumb-7 img
    {
        margin-bottom:25px
    }
}

.testimonial__avater-thumb-8 img
{
    width:64px;
    height:64px;
    border-radius:50%
}

.testimonial__avater-thumb-9 img
{
    width:54px;
    height:54px;
    border-radius:50%
}

.testimonial__avater-title
{
    color:var(--tp-common-white);
    margin-bottom:0;
    font:20px var(--tp-ff-inter)
}

.testimonial__avater-title-2
{
    color:var(--tp-common-white);
    margin-bottom:1px;
    font:700 17px/1 var(--tp-ff-inter)
}

.testimonial__avater-title-3
{
    color:var(--tp-common-white);
    margin-bottom:0;
    font:700 20px var(--tp-ff-space)
}

.testimonial__avater-title-4
{
    color:var(--tp-common-white);
    margin-bottom:0;
    font:24px/1 var(--tp-ff-space)
}

.testimonial__avater-title-5
{
    color:var(--tp-common-black);
    margin-bottom:0;
    letter-spacing:-.02em;
    font:18px/1 var(--tp-ff-space)
}

.testimonial__avater-title-6
{
    color:var(--tp-common-black-9);
    margin-bottom:0;
    font:600 16px/1 var(--tp-ff-roboto)
}

.testimonial__avater-title-7
{
    color:var(--tp-common-black-11);
    margin-bottom:0;
    font:600 17px/1 var(--tp-ff-inter)
}

.testimonial__avater-title-8
{
    letter-spacing:-.02em;
    color:var(--tp-common-white);
    margin-bottom:0;
    font:700 18px/1 var(--tp-ff-space)
}

.testimonial__avater-title-9
{
    color:var(--tp-common-black);
    margin-bottom:0;
    font:700 16px var(--tp-ff-syne)
}

.testimonial__avater-title-10
{
    font-size:16px;
    line-height:20px;
    letter-spacing:-.02em;
    color:var(--tp-common-white);
    margin-bottom:0;
    margin-right:5px
}

[dir=rtl] .testimonial__avater-title-10
{
    margin-right:0;
    margin-left:5px
}

.testimonial__avater-designation
{
    color:var(--tp-common-white);
    text-transform:uppercase;
    font:400 12px var(--tp-ff-space)
}

.testimonial__avater-designation-2
{
    font-size:14px;
    color:var(--tp-common-white);
    opacity:.8;
    line-height:1
}

.testimonial__avater-designation-3
{
    color:var(--tp-common-white);
    font:16px var(--tp-ff-space)
}

.testimonial__avater-designation-4
{
    color:rgba(255,255,255,0.6);
    font:14px/1 var(--tp-ff-inter)
}

.testimonial__avater-designation-5
{
    color:#717388;
    font:15px/1 var(--tp-ff-inter)
}

.testimonial__avater-designation-6
{
    color:var(--tp-text-19);
    font:13px/1 var(--tp-ff-roboto)
}

.testimonial__avater-designation-7
{
    font:14px/1 var(--tp-ff-inter)
}

.testimonial__avater-designation-8
{
    text-align:center;
    letter-spacing:.11em;
    text-transform:uppercase;
    color:var(--tp-common-white);
    opacity:.7;
    font:500 12px/10px var(--tp-ff-space)
}

.testimonial__avater-designation-9
{
    color:#525258;
    font:400 14px/1.6 var(--tp-ff-syne)
}

.testimonial__avater-designation-10
{
    letter-spacing:-.02em;
    color:var(--tp-common-white);
    font:16px/20px var(--tp-ff-space)
}

@media (max-width: 575px) {
    .testimonial__avater-date
    {
        margin-top:10px
    }
}

.testimonial__avater-date span
{
    color:var(--tp-common-white);
    position:relative;
    padding-left:13px;
    margin-left:13px;
    font:400 14px var(--tp-ff-space)
}

[dir=rtl] .testimonial__avater-date span
{
    padding-left:0;
    margin-left:0;
    padding-right:13px;
    margin-right:13px
}

@media (max-width: 575px) {
    .testimonial__avater-date span
    {
        padding-left:0;
        margin-left:0
    }

    [dir=rtl] .testimonial__avater-date span
    {
        padding-right:0;
        margin-right:0
    }
}

.testimonial__avater-date span::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:20px;
    background-color:rgba(255,255,255,0.2)
}

[dir=rtl] .testimonial__avater-date span::after
{
    left:auto;
    right:0
}

@media (max-width: 575px) {
    .testimonial__avater-date span::after
    {
        display:none
    }
}

.testimonial__content
{
    position:relative
}

.testimonial__content::after
{
    position:absolute;
    content:"";
    top:-20px;
    left:-50px;
    right:auto;
    width:1px;
    height:calc(100% + 40px);
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0);
    background-color:var(--tp-border-1)
}

[dir=rtl] .testimonial__content::after
{
    left:auto;
    right:-50px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__content::after
    {
        display:none
    }
}

.testimonial__content p
{
    font-weight:300;
    font-size:20px;
    color:var(--tp-common-white);
    line-height:1.4;
    margin-bottom:0
}

.testimonial__content-2 p
{
    color:var(--tp-common-white);
    margin-bottom:33px;
    font:300 22px/1.6 var(--tp-ff-oswald)
}

.testimonial__content-3 h4
{
    color:var(--tp-common-white);
    font:22px var(--tp-ff-space)
}

.testimonial__content-3 p
{
    font-size:16px;
    font-weight:400;
    color:rgba(255,255,255,0.7);
    line-height:1.8;
    margin-bottom:0
}

.testimonial__content-4 p
{
    font-size:20px;
    line-height:1.5;
    color:var(--tp-common-white);
    margin-bottom:22px
}

.testimonial__content-5 p
{
    letter-spacing:-.02em;
    color:var(--tp-common-black);
    margin-bottom:35px;
    font:400 18px/28px var(--tp-ff-space)
}

.testimonial__content-6 p
{
    color:var(--tp-common-black-9);
    margin-bottom:30px;
    font:16px/26px var(--tp-ff-roboto)
}

.testimonial__content-7
{
    margin-bottom:65px
}

.testimonial__content-7 p
{
    font-size:16px;
    line-height:1.6
}

.testimonial__content-8
{
    margin-bottom:3px
}

.testimonial__content-8 p
{
    text-align:center;
    letter-spacing:-.01em;
    color:var(--tp-common-white);
    margin-bottom:37px;
    font:24px/1.5 var(--tp-ff-space)
}

.testimonial__content-9
{
    margin-bottom:3px
}

.testimonial__content-9 .testimonial-heading
{
    color:var(--tp-common-black);
    margin-bottom:15px;
    font:700 20px/1 var(--tp-ff-syne)
}

.testimonial__content-9 p
{
    color:var(--tp-text-1);
    margin-bottom:23px;
    font:400 20px/1.6 var(--tp-ff-syne)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__content-9 p br
    {
        display:none
    }
}

.testimonial__content-10 p
{
    letter-spacing:-.02em;
    color:var(--tp-common-white);
    margin-bottom:15px;
    font:400 24px/1.33 var(--tp-ff-space)
}

.testimonial__slider .testimonial-slider-dot
{
    margin-right:206px;
    text-align:center
}

[dir=rtl] .testimonial__slider .testimonial-slider-dot
{
    margin-right:0;
    margin-left:206px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial__slider .testimonial-slider-dot
    {
        margin-right:140px
    }

    [dir=rtl] .testimonial__slider .testimonial-slider-dot
    {
        margin-right:0;
        margin-left:140px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__slider .testimonial-slider-dot
    {
        margin-right:0
    }

    [dir=rtl] .testimonial__slider .testimonial-slider-dot
    {
        margin-left:0
    }
}

.testimonial__slider-nav
{
    margin-bottom:25px
}

.testimonial__slider-nav .slick-current.slick-active::after
{
    visibility:visible;
    opacity:1
}

.testimonial__slider-nav .slick-current.slick-active .tp-border-loader svg circle:last-child
{
    animation:tp-border-loader 8s linear infinite
}

.testimonial__slider-nav-4 button
{
    width:40px;
    height:180px;
    line-height:176px;
    text-align:center;
    border:2px solid rgba(255,255,255,0.1019607843);
    color:var(--tp-common-white)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__slider-nav-4 button
    {
        margin-top:10px;
        width:50%;
        height:40px;
        line-height:36px
    }
}

.testimonial__slider-nav-4 button:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-4);
    border-color:var(--tp-theme-4)
}

.testimonial__slider-nav-4 button.testimonial-4-button-prev
{
    margin-bottom:10px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__slider-nav-4 button.testimonial-4-button-prev
    {
        margin-right:5px
    }

    [dir=rtl] .testimonial__slider-nav-4 button.testimonial-4-button-prev
    {
        margin-right:0;
        margin-left:5px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__slider-nav-4 button.testimonial-4-button-next
    {
        margin-left:5px
    }

    [dir=rtl] .testimonial__slider-nav-4 button.testimonial-4-button-next
    {
        margin-left:0;
        margin-right:5px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__slider-arrow-2
    {
        display:none
    }
}

.testimonial__slider-arrow-2 button
{
    width:60px;
    height:60px;
    line-height:56px;
    text-align:center;
    color:var(--tp-common-white);
    border:2px solid rgba(255,255,255,0.2);
    border-radius:50%;
    font-size:16px;
    position:absolute;
    top:50%;
    left:70px;
    z-index:1;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}

[dir=rtl] .testimonial__slider-arrow-2 button
{
    left:auto;
    right:70px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial__slider-arrow-2 button
    {
        left:40px
    }

    [dir=rtl] .testimonial__slider-arrow-2 button
    {
        left:auto;
        right:40px
    }
}

.testimonial__slider-arrow-2 button.testimonial-2-button-next
{
    left:auto;
    right:70px
}

[dir=rtl] .testimonial__slider-arrow-2 button.testimonial-2-button-next
{
    left:70px;
    right:auto
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial__slider-arrow-2 button.testimonial-2-button-next
    {
        right:40px
    }

    [dir=rtl] .testimonial__slider-arrow-2 button.testimonial-2-button-next
    {
        right:auto;
        left:40px
    }
}

.testimonial__slider-arrow-2 button:hover
{
    border-color:var(--tp-common-white);
    background-color:var(--tp-common-white);
    color:var(--tp-common-black)
}

.testimonial__slider-arrow-6 button
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:38px;
    text-align:center;
    font-size:14px;
    border:1px solid rgba(13,18,30,0.2);
    color:var(--tp-common-black-10);
    border-radius:50%
}

.testimonial__slider-arrow-6 button:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-6);
    border-color:var(--tp-theme-6)
}

.testimonial__slider-arrow-6 button.testimonial-6-button-next
{
    margin-left:3px
}

[dir=rtl] .testimonial__slider-arrow-6 button.testimonial-6-button-next
{
    margin-left:0;
    margin-right:3px
}

.testimonial__slider-arrow-8 button
{
    display:inline-block;
    width:60px;
    height:60px;
    line-height:58px;
    text-align:center;
    font-size:18px;
    border:1.5px solid rgba(255,255,255,0.3);
    color:var(--tp-common-white);
    position:absolute;
    top:50%;
    left:0
}

[dir=rtl] .testimonial__slider-arrow-8 button
{
    left:auto;
    right:0
}

.testimonial__slider-arrow-8 button.testimonial-8-button-next
{
    left:auto;
    right:0
}

[dir=rtl] .testimonial__slider-arrow-8 button.testimonial-8-button-next
{
    left:0;
    right:auto
}

.testimonial__slider-arrow-8 button:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-8);
    border-color:var(--tp-theme-8)
}

.testimonial__slider-arrow-9 button
{
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:1;
    text-transform:uppercase;
    color:var(--tp-common-black);
    padding-right:30px;
    font:600 14px/12px var(--tp-ff-syne)
}

[dir=rtl] .testimonial__slider-arrow-9 button
{
    left:auto;
    right:0;
    padding-right:0;
    padding-left:30px
}

.testimonial__slider-arrow-9 button::after
{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:100px;
    background-color:#EAEAEF
}

[dir=rtl] .testimonial__slider-arrow-9 button::after
{
    right:auto;
    left:0
}

.testimonial__slider-arrow-9 button:hover
{
    color:#FA6490
}

.testimonial__slider-arrow-9 button span
{
    position:relative
}

.testimonial__slider-arrow-9 button i,.testimonial__slider-arrow-9 button svg
{
    margin-right:4px
}

[dir=rtl] .testimonial__slider-arrow-9 button i,[dir=rtl] .testimonial__slider-arrow-9 button svg
{
    margin-right:0;
    margin-left:4px
}

.testimonial__slider-arrow-9 button svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.testimonial__slider-arrow-9 button.testimonial-9-button-next
{
    padding-left:30px;
    padding-right:0;
    left:auto;
    right:0
}

[dir=rtl] .testimonial__slider-arrow-9 button.testimonial-9-button-next
{
    padding-left:0;
    padding-right:30px;
    left:0;
    right:auto
}

.testimonial__slider-arrow-9 button.testimonial-9-button-next::after
{
    left:0;
    right:auto
}

[dir=rtl] .testimonial__slider-arrow-9 button.testimonial-9-button-next::after
{
    left:auto;
    right:0
}

.testimonial__slider-arrow-9 button.testimonial-9-button-next i,.testimonial__slider-arrow-9 button.testimonial-9-button-next svg
{
    margin-right:0;
    margin-left:4px
}

[dir=rtl] .testimonial__slider-arrow-9 button.testimonial-9-button-next i,[dir=rtl] .testimonial__slider-arrow-9 button.testimonial-9-button-next svg
{
    margin-right:4px;
    margin-left:0
}

.testimonial__slider-arrow-15 button
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:36px;
    text-align:center;
    font-size:14px;
    border:2px solid #E7E7EF;
    color:var(--tp-common-black)
}

.testimonial__slider-arrow-15 button:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.testimonial__slider-arrow-15 button.testimonial-15-button-next
{
    margin-left:3px
}

[dir=rtl] .testimonial__slider-arrow-15 button.testimonial-15-button-next
{
    margin-left:0;
    margin-right:3px
}

.testimonial__slider-thumb-nav
{
    position:relative;
    background-color:var(--tp-theme-2)
}

.testimonial__slider-thumb-nav:hover
{
    cursor:pointer
}

.testimonial__slider-thumb-nav img
{
    width:70px!important;
    height:70px;
    border:1px solid transparent;
    border-radius:50%;
    padding:5px
}

.testimonial__slider-thumb-nav .tp-border-loader
{
    position:absolute;
    top:0;
    left:0
}

[dir=rtl] .testimonial__slider-thumb-nav .tp-border-loader
{
    left:auto;
    right:0
}

.testimonial__slider-thumb-nav .tp-border-loader svg
{
    width:70px;
    height:70px
}

.testimonial__slider-5 .slick-list
{
    overflow:visible;
    margin:0 -15px
}

.testimonial__slider-5 .slick-slide > div
{
    margin:0 15px
}

.testimonial__slider-6
{
    margin-right:-410px
}

[dir=rtl] .testimonial__slider-6
{
    margin-right:0;
    margin-left:-410px
}

@media (max-width: 575px) {
    .testimonial__slider-6
    {
        margin-right:0
    }

    [dir=rtl] .testimonial__slider-6
    {
        margin-left:0
    }
}

.testimonial__slider-8-thumb
{
    width:270px
}

.testimonial__slider-9
{
    padding-left:250px;
    padding-right:250px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonial__slider-9
    {
        padding-left:200px;
        padding-right:200px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial__slider-9
    {
        padding-left:150px;
        padding-right:150px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial__slider-9
    {
        padding-left:140px;
        padding-right:140px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__slider-9
    {
        padding-left:0;
        padding-right:0
    }
}

.testimonial__slider-9 .slick-current.slick-active .tp-border-loader svg circle:last-child
{
    animation:tp-border-loader 8s linear infinite
}

.testimonial__slider-9-thumb-nav
{
    position:relative
}

.testimonial__slider-9-thumb-nav:hover
{
    cursor:pointer
}

.testimonial__slider-9-thumb-nav .tp-border-loader
{
    position:absolute;
    top:0;
    left:0
}

.testimonial__slider-9-thumb-nav .tp-border-loader svg
{
    width:62px;
    height:62px
}

.testimonial__slider-9-thumb-nav .tp-border-loader svg circle
{
    stroke:var(--tp-common-black)
}

.testimonial__slider-9-thumb-nav img
{
    width:62px;
    height:62px;
    border-radius:50%;
    padding:4px
}

[dir=rtl] .testimonial__slider-9-thumb-nav img
{
    margin-right:12px
}

.testimonial__slider-14
{
    padding:40px 60px 90px;
    border:1px solid #EAEAEF
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial__slider-14
    {
        padding-left:40px;
        padding-right:40px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__slider-14
    {
        padding-left:20px;
        padding-right:20px
    }
}

.testimonial__slider-15
{
    margin-right:-770px
}

[dir=rtl] .testimonial__slider-15
{
    margin-right:0;
    margin-left:-770px
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .testimonial__slider-15
    {
        margin-right:-400px
    }

    [dir=rtl] .testimonial__slider-15
    {
        margin-right:0;
        margin-left:-400px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonial__slider-15
    {
        margin-right:-600px
    }

    [dir=rtl] .testimonial__slider-15
    {
        margin-right:0;
        margin-left:-600px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial__slider-15
    {
        margin-right:-300px
    }

    [dir=rtl] .testimonial__slider-15
    {
        margin-right:0;
        margin-left:-300px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__slider-15
    {
        margin-right:0
    }

    [dir=rtl] .testimonial__slider-15
    {
        margin-left:0
    }
}

.testimonial__item-2
{
    padding:0 70px;
    text-align:center
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial__item-2
    {
        padding:0
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__item-2
    {
        padding:0 35px
    }
}

.testimonial__item-3
{
    padding:60px 60px 50px;
    background:#22264C
}

@media (max-width: 575px) {
    .testimonial__item-3
    {
        padding:60px 35px 50px
    }
}

.testimonial__item-4
{
    padding:40px 60px;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.1);
    backdrop-filter:blur(20px)
}

@media (max-width: 575px) {
    .testimonial__item-4
    {
        padding-left:20px;
        padding-right:20px
    }
}

.testimonial__item-5
{
    position:relative;
    padding:60px 40px 50px;
    background:var(--tp-common-white);
    box-shadow:0 30px 40px rgba(2,45,62,0.08);
    border-radius:10px
}

@media (max-width: 575px) {
    .testimonial__item-5
    {
        padding:40px 20px 20px
    }
}

.testimonial__item-6
{
    padding:35px 30px 40px;
    background:var(--tp-common-white);
    box-shadow:0 1px 2px rgba(13,18,30,0.08);
    position:relative
}

.testimonial__item-6::after
{
    position:absolute;
    content:"";
    left:auto;
    right:0;
    top:0;
    width:0;
    height:2px;
    background-color:var(--tp-theme-6)
}

[dir=rtl] .testimonial__item-6::after
{
    left:0;
    right:auto
}

.testimonial__item-6:hover
{
    box-shadow:0 30px 30px rgba(13,18,30,0.08)
}

.testimonial__item-6:hover::after
{
    width:100%;
    right:auto;
    left:0
}

[dir=rtl] .testimonial__item-6:hover::after
{
    left:auto;
    right:0
}

.testimonial__item-7
{
    border-radius:40px;
    padding:50px 35px 45px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial__item-7
    {
        padding-left:25px;
        padding-right:25px
    }
}

@media (max-width: 575px) {
    .testimonial__item-7
    {
        padding-left:20px;
        padding-right:20px
    }
}

.testimonial__item-7:hover
{
    box-shadow:0 30px 50px rgba(4,40,34,0.1)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__item-wrapper-3
    {
        margin-top:30px
    }
}

.testimonial__inner-2
{
    background-blend-mode:luminosity;
    padding-top:90px;
    padding-bottom:72px;
    box-shadow:0 40px 50px rgba(5,31,31,0.14)
}

.testimonial__inner-10
{
    padding:60px 100px 40px;
    background-color:#159BFC;
    border-radius:20px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .testimonial__inner-10
    {
        padding:60px 50px 40px
    }
}

@media (max-width: 575px) {
    .testimonial__inner-10
    {
        padding:60px 20px 40px
    }
}

.testimonial__bg
{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:200px;
    background-color:var(--tp-grey-7)
}

.testimonial__shape-quote
{
    position:absolute;
    bottom:-7%;
    right:6%
}

[dir=rtl] .testimonial__shape-quote
{
    left:6%;
    right:auto
}

.testimonial__shape-quote-8
{
    margin-bottom:40px
}

.testimonial__shape-quote-9
{
    margin-bottom:35px
}

.testimonial__shape-quote-9 img
{
    display:inline-block!important
}

.testimonial__shape-1
{
    position:absolute;
    top:-4%;
    left:14%;
    z-index:-1
}

[dir=rtl] .testimonial__shape-1
{
    left:auto;
    right:14%
}

@media only screen and (min-width: 1700px) and (max-width: 1899px),only screen and (min-width: 1600px) and (max-width: 1699px),only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonial__shape-1
    {
        left:0
    }

    [dir=rtl] .testimonial__shape-1
    {
        right:0
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__shape-1
    {
        left:0;
        width:100%
    }

    [dir=rtl] .testimonial__shape-1
    {
        right:0
    }
}

.testimonial__shape-2
{
    position:absolute;
    top:15%;
    right:40px
}

[dir=rtl] .testimonial__shape-2
{
    right:auto;
    left:40px
}

.testimonial__shape-3
{
    position:absolute;
    top:22%;
    right:8%;
    z-index:-1;
    -webkit-animation:tprotate 3s infinite alternate;
    animation:tprotate 3s infinite alternate
}

[dir=rtl] .testimonial__shape-3
{
    right:auto;
    left:8%
}

.testimonial__shape-4
{
    position:absolute;
    bottom:23%;
    right:9%;
    z-index:-1;
    -webkit-animation:tpleftright 1s infinite alternate;
    animation:tpleftright 1s infinite alternate
}

[dir=rtl] .testimonial__shape-4
{
    right:auto;
    left:9%
}

.testimonial__shape-5
{
    position:absolute;
    top:20%;
    right:20%;
    z-index:-1;
    -webkit-animation:tpupdown 1s infinite alternate;
    animation:tpupdown 1s infinite alternate
}

[dir=rtl] .testimonial__shape-5
{
    right:auto;
    left:20%
}

.testimonial__shape-6
{
    position:absolute;
    top:16%;
    left:12%;
    z-index:-1;
    -webkit-animation:tpupdown 1s infinite alternate;
    animation:tpupdown 1s infinite alternate
}

[dir=rtl] .testimonial__shape-6
{
    right:12%;
    left:auto
}

.testimonial__shape-7
{
    position:absolute;
    bottom:33%;
    left:16%;
    z-index:-1;
    -webkit-animation:tprotate 1s infinite alternate;
    animation:tprotate 1s infinite alternate
}

[dir=rtl] .testimonial__shape-7
{
    right:16%;
    left:auto
}

.testimonial__shape-8
{
    position:absolute;
    top:-5%;
    left:17%;
    z-index:-1
}

[dir=rtl] .testimonial__shape-8
{
    right:17%;
    left:auto
}

@media (max-width: 575px),only screen and (min-width: 576px) and (max-width: 767px),only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial__shape-8
    {
        left:0;
        width:100%;
        object-fit:cover
    }

    [dir=rtl] .testimonial__shape-8
    {
        right:0;
        left:auto
    }
}

.testimonial__shape-9
{
    position:absolute;
    left:9%;
    bottom:11%;
    -moz-animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate
}

[dir=rtl] .testimonial__shape-9
{
    right:9%;
    left:auto
}

.testimonial__shape-10
{
    position:absolute;
    right:9%;
    bottom:19%;
    -moz-animation:tptranslateX 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateX 3s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateX 3s ease-in-out 1s forwards infinite alternate
}

[dir=rtl] .testimonial__shape-10
{
    right:auto;
    left:9%
}

.testimonial__shape-11
{
    position:absolute;
    mix-blend-mode:luminosity;
    opacity:.04;
    bottom:-41%;
    left:-11%;
    z-index:-1
}

[dir=rtl] .testimonial__shape-11
{
    right:-11%;
    left:auto
}

.testimonial__rating
{
    margin-bottom:5px
}

.testimonial__rating a
{
    font-size:16px;
    color:var(--tp-common-yellow)
}

.testimonial__rating-5
{
    margin-bottom:0;
    line-height:1
}

.testimonial__rating-5 a
{
    font-size:11px
}

.testimonial__rating-7
{
    margin-bottom:30px;
    line-height:1
}

.testimonial__rating-7 a
{
    font-size:16px
}

.testimonial__rating-content p
{
    font-weight:500;
    font-size:14px;
    color:var(--tp-common-black);
    margin-bottom:0
}

[dir=rtl] .testimonial__rating-logo
{
    margin-right:0;
    margin-left:15px
}

.testimonial__icon
{
    margin-bottom:24px
}

.testimonial__icon span
{
    color:var(--tp-common-white);
    font-size:40px
}

.testimonial__icon-10
{
    margin-bottom:17px
}

.testimonial__icon-10 span
{
    display:inline-block;
    width:70px;
    height:70px;
    line-height:66px;
    text-align:center;
    border:2px solid rgba(255,255,255,0.12);
    border-radius:50%;
    font-size:24px;
    color:var(--tp-common-white)
}

.testimonial__gradient-bg
{
    background-image:-webkit-linear-gradient(180deg,#F8F8F8 0%,rgba(248,248,248,0) 100%);
    background-image:-moz-linear-gradient(180deg,#F8F8F8 0%,rgba(248,248,248,0) 100%);
    background-image:-ms-linear-gradient(180deg,#F8F8F8 0%,rgba(248,248,248,0) 100%);
    background-image:-o-linear-gradient(180deg,#F8F8F8 0%,rgba(248,248,248,0) 100%);
    background-image:linear-gradient(180deg,#F8F8F8 0%,rgba(248,248,248,0) 100%)
}

.testimonial__gradient-bg-2
{
    position:absolute;
    left:150px;
    top:0;
    width:calc(100% - 300px);
    height:calc(100% + 20px);
    background-image:-webkit-linear-gradient(100.21deg,rgba(255,63,3,0.1) -2.54%,rgba(123,214,80,0.1) 50.09%,rgba(129,108,236,0.1) 101.82%);
    background-image:-moz-linear-gradient(100.21deg,rgba(255,63,3,0.1) -2.54%,rgba(123,214,80,0.1) 50.09%,rgba(129,108,236,0.1) 101.82%);
    background-image:-ms-linear-gradient(100.21deg,rgba(255,63,3,0.1) -2.54%,rgba(123,214,80,0.1) 50.09%,rgba(129,108,236,0.1) 101.82%);
    background-image:-o-linear-gradient(100.21deg,rgba(255,63,3,0.1) -2.54%,rgba(123,214,80,0.1) 50.09%,rgba(129,108,236,0.1) 101.82%);
    background-image:linear-gradient(100.21deg,rgba(255,63,3,0.1) -2.54%,rgba(123,214,80,0.1) 50.09%,rgba(129,108,236,0.1) 101.82%)
}


[dir=rtl] .testimonial__gradient-bg-2
{
    left:auto;
    right:150px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial__gradient-bg-2
    {
        left:50px;
        width:calc(100% - 100px)
    }

    [dir=rtl] .testimonial__gradient-bg-2
    {
        left:auto;
        right:50px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__gradient-bg-2
    {
        left:20px;
        width:calc(100% - 40px)
    }

    [dir=rtl] .testimonial__gradient-bg-2
    {
        left:auto;
        right:20px
    }
}

.testimonial__info
{
    padding-right:60px
}

[dir=rtl] .testimonial__info
{
    padding-right:0;
    padding-left:60px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonial__info
    {
        padding-right:40px
    }

    [dir=rtl] .testimonial__info
    {
        padding-right:0;
        padding-left:40px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial__info
    {
        padding-right:0
    }

    [dir=rtl] .testimonial__info
    {
        padding-left:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .testimonial__info
    {
        padding-right:0;
        margin-bottom:50px
    }

    [dir=rtl] .testimonial__info
    {
        padding-left:0
    }
}

.testimonial__info-title
{
    font-size:170px;
    line-height:.9;
    color:var(--tp-common-black)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial__info-title
    {
        font-size:158px
    }
}

@media (max-width: 575px) {
    .testimonial__info-title
    {
        font-size:120px
    }
}

.testimonial__info-title img
{
    -webkit-transform:translateY(-6px);
    -moz-transform:translateY(-6px);
    -ms-transform:translateY(-6px);
    -o-transform:translateY(-6px);
    transform:translateY(-6px)
}

.testimonial__info-title.has-background
{
    -webkit-background-clip:text;
    color:transparent;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}

.testimonial__info p
{
    letter-spacing:-.04em;
    color:var(--tp-common-black);
    margin-bottom:37px;
    font:500 26px/1.15 var(--tp-ff-space)
}

.testimonial__info-btn .tp-btn
{
    padding:12px 28px
}

.testimonial__info-btn .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

@media (max-width: 575px) {
    .testimonial__nav-5
    {
        margin-top:40px
    }
}

.testimonial__nav-5 button
{
    display:inline-block;
    width:50px;
    height:50px;
    line-height:46px;
    text-align:center;
    border:2px solid rgba(4,18,31,0.1);
    font-size:14px;
    color:var(--tp-common-black);
    background-color:transparent;
    border-radius:50%
}

.testimonial__nav-5 button:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-5);
    border-color:var(--tp-theme-5)
}

.testimonial__nav-5 button.testimonial-5-button-next
{
    margin-left:5px
}

[dir=rtl] .testimonial__nav-5 button.testimonial-5-button-next
{
    margin-left:0;
    margin-right:5px
}

.testimonial__heading
{
    color:var(--tp-common-black-11);
    margin-bottom:10px;
    font:600 20px/1.5 var(--tp-ff-inter)
}

.testimonial__style-black .testimonial__item-4
{
    padding:0;
    background:var(--tp-common-white);
    border:none
}

.testimonial__style-black .testimonial__icon span
{
    color:var(--tp-common-black)
}

.testimonial__style-black .testimonial__content-4 p
{
    color:#03041C
}

.testimonial__style-black .testimonial__avater-title-4
{
    color:var(--tp-common-black)
}

.testimonial__style-black .testimonial__avater-designation-4
{
    color:var(--tp-text-1)
}

.testimonial__style-black .testimonial__avater-thumb-4 img
{
    margin-bottom:60px
}

.testimonial__style-2 .testimonial__item-5
{
    border-radius:0;
    padding:50px 40px 34px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonial__style-2 .testimonial__item-5
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial__style-2 .testimonial__item-5
    {
        padding:40px 30px 34px
    }
}

.testimonial__style-2 .testimonial__content-5 p
{
    margin-bottom:46px
}

.testimonial__style-3 .testimonial__rating
{
    margin-bottom:10px
}

.testimonial__style-3 .testimonial__item-6
{
    padding:48px 50px 50px
}

@media (max-width: 575px) {
    .testimonial__style-3 .testimonial__item-6
    {
        padding:48px 30px 50px
    }
}

.testimonial__style-3 .testimonial__item-6::after
{
    background-color:var(--tp-theme-1)
}

.testimonial__style-3 .testimonial__content-6 p
{
    color:var(--tp-text-1);
    font:20px/1.4 var(--tp-ff-space)
}

.testimonial__style-3 .testimonial__avater-title-6
{
    font:16px var(--tp-ff-inter)
}

.testimonial__style-3 .testimonial__avater-designation-6
{
    text-transform:uppercase;
    color:var(--tp-text-1);
    font:500 12px var(--tp-ff-space)
}

.testimonial-slider-dot-2 .swiper-pagination-bullet
{
    background-color:var(--tp-common-white-op-7)
}

.testimonial-slider-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color:var(--tp-common-white)
}

.testimonial-slider-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active::after
{
    border-color:var(--tp-common-white)
}

.testimonial-slider-dot-7 .swiper-pagination-bullet
{
    background-color:rgba(4,18,31,0.1411764706);
    width:10px;
    height:10px;
    margin:0 4px
}

.testimonial-slider-dot-7 .swiper-pagination-bullet::after
{
    display:none
}

.testimonial-slider-dot-7 .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color:var(--tp-theme-7)
}

.testimonial-slider-dot-9 .swiper-pagination-bullet
{
    background-color:rgba(3,4,28,0.3)
}

.testimonial-slider-dot-9 .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color:#03041c
}

.testimonial-slider-dot-9 .swiper-pagination-bullet.swiper-pagination-bullet-active::after
{
    border-color:#03041c
}

.testimonial-slider-dot-10 .swiper-pagination-bullet
{
    background-color:rgba(255,255,255,0.5);
    margin:0 4px
}

.testimonial-slider-dot-10 .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color:#fff;
    width:50px
}

.testimonial-slider-dot-10 .swiper-pagination-bullet.swiper-pagination-bullet-active::after
{
    border-color:#fff
}

.testimonial-slider-dot-14
{
    position:absolute;
    left:20.5%;
    bottom:40px
}

[dir=rtl] .testimonial-slider-dot-14
{
    left:auto;
    right:20.5%
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonial-slider-dot-14
    {
        left:21.5%
    }

    [dir=rtl] .testimonial-slider-dot-14
    {
        left:auto;
        right:21.5%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-slider-dot-14
    {
        left:21.5%
    }

    [dir=rtl] .testimonial-slider-dot-14
    {
        left:auto;
        right:21.5%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slider-dot-14
    {
        left:17.5%
    }

    [dir=rtl] .testimonial-slider-dot-14
    {
        left:auto;
        right:17.5%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .testimonial-slider-dot-14
    {
        left:19.5%
    }

    [dir=rtl] .testimonial-slider-dot-14
    {
        left:auto;
        right:19.5%
    }
}

@media (max-width: 575px) {
    .testimonial-slider-dot-14
    {
        left:7.5%
    }

    [dir=rtl] .testimonial-slider-dot-14
    {
        left:auto;
        right:7.5%
    }
}

.testimonial-slider-dot-14 .swiper-pagination-bullet
{
    background-color:#DBDBE6;
    margin:0 4px
}

.testimonial-slider-dot-14 .swiper-pagination-bullet::after
{
    display:none
}

.testimonial-slider-dot-14 .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color:var(--tp-theme-1)
}

.testimonial-slider-dot .swiper-pagination-bullet
{
    background-color:var(--tp-common-white-op-3)
}

.testimonial-slider-dot .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color:var(--tp-common-white)
}

.testimonial-slider-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::after
{
    border-color:var(--tp-common-white)
}

.brand__inner
{
    padding:40px 0;
    border-top:1px solid var(--tp-border-1)
}

.brand__title
{
    color:var(--tp-common-white);
    margin-right:60px;
    margin-bottom:0;
    display:inline-block;
    flex:0 0 auto;
    font:700 16px var(--tp-ff-inter)
}

[dir=rtl] .brand__title
{
    margin-right:0;
    margin-left:60px
}

@media (max-width: 575px) {
    .brand__title
    {
        margin-bottom:15px;
        margin-right:0
    }

    [dir=rtl] .brand__title
    {
        margin-left:0
    }
}

.brand__thumb
{
    text-align:center
}

.brand__thumb img
{
    opacity:.5
}

.brand__thumb:hover img
{
    opacity:1
}

.brand__item-2
{
    text-align:center
}

.brand__item-2 img
{
    opacity:.6
}

.brand__item-2:hover img
{
    opacity:1
}

.brand__item-3
{
    position:relative;
    padding:60px 30px;
    border:1px solid rgba(255,255,255,0.1);
    margin:-1px 0 0 -1px;
    height:150px;
    z-index:1
}

.brand__item-3::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.04);
    backdrop-filter:blur(10px);
    visibility:hidden;
    opacity:0;
    z-index:-1
}

[dir=rtl] .brand__item-3::after
{
    left:auto;
    right:0
}

.brand__item-3:hover::after
{
    visibility:visible;
    opacity:1
}

.brand__item-3:hover .brand__tooltip
{
    visibility:visible;
    opacity:1;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

.brand__item-5
{
    width:260px!important;
    height:160px;
    border:1px solid rgba(4,18,31,0.1019607843);
    text-align:center;
    line-height:160px;
    border-radius:14px;
    display:flex!important;
    align-items:center;
    justify-content:center
}

.brand__item-5:hover
{
    background:#F8F8F8
}

.brand__item-6
{
    text-align:center;
    margin-bottom:50px
}

@media (max-width: 575px) {
    .brand__item-6
    {
        width:100%;
        text-align:center
    }
}

@media only screen and (min-width: 270px) and (max-width: 575px) {
    .brand__item-6
    {
        width:50%
    }
}

.brand__item-6 img
{
    opacity:.5
}

.brand__item-6:hover img
{
    opacity:1
}

.brand__item-7 img
{
    opacity:.5
}

.brand__item-7:hover img
{
    opacity:1
}

.brand__tooltip
{
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translate(-50%,-20%);
    -moz-transform:translate(-50%,-20%);
    -ms-transform:translate(-50%,-20%);
    -o-transform:translate(-50%,-20%);
    transform:translate(-50%,-20%);
    display:inline-block;
    color:var(--tp-common-white);
    background-color:var(--tp-theme-3);
    padding:9px 20px;
    min-width:160px;
    transition-duration:.3s;
    visibility:hidden;
    opacity:0;
    font:700 14px var(--tp-ff-space)
}

.brand__tooltip::after
{
    position:absolute;
    content:"";
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid var(--tp-theme-3);
    position:absolute;
    bottom:-5px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%)
}

.brand__slider-7 span
{
    font-weight:600;
    font-size:14px;
    letter-spacing:-.02em;
    text-transform:uppercase;
    display:inline-block
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .brand__slider-7 span
    {
        margin-bottom:20px
    }
}

.brand__slider-5 .swiper-wrapper,.brand__slider-5-1 .swiper-wrapper
{
    -webkit-transition-timing-function:linear!important;
    -o-transition-timing-function:linear!important;
    transition-timing-function:linear!important
}

.brand__slider-5 .slick-list,.brand__slider-5-1 .slick-list
{
    margin:0 6px
}

.brand__slider-5 .slick-slide,.brand__slider-5-1 .slick-slide
{
    margin:0 6px
}

.brand__info p
{
    letter-spacing:-.04em;
    color:#525258;
    margin-bottom:50px;
    font:400 20px var(--tp-ff-space)
}

.brand__info p span
{
    color:var(--tp-theme-5)
}

.brand__info-2 p
{
    color:var(--tp-common-black-9);
    font:600 20px/24px var(--tp-ff-roboto)
}

.brand__info-2 p span
{
    color:var(--tp-theme-6)
}

.brand__style-square .brand__item-5
{
    border-radius:0
}

@media (max-width: 575px) {
    .skill__item
    {
        flex-wrap:wrap
    }
}

.skill__item-9
{
    margin-bottom:56px
}

.skill__item-wrapper-9 .row [class*=col-]:nth-child(2n) .skill__item-9
{
    padding-left:20px
}

[dir=rtl] .skill__item-wrapper-9 .row [class*=col-]:nth-child(2n) .skill__item-9
{
    padding-left:0;
    padding-right:20px
}

.skill__item-wrapper-9 .row [class*=col-]:last-child .skill__item-9
{
    margin-bottom:0
}

.skill__item-wrapper-9 .row [class*=col-]:nth-last-child(2) .skill__item-9
{
    margin-bottom:0
}

.skill__single
{
    padding:45px 0 35px;
    border-radius:200px;
    background-color:var(--tp-common-white);
    box-shadow:0 2px 3px rgba(22,34,19,0.1);
    width:130px
}

[dir=rtl] .skill__single
{
    margin-right:0;
    margin-left:20px
}

@media (max-width: 575px) {
    .skill__single
    {
        width:120px;
        margin-right:10px
    }

    [dir=rtl] .skill__single
    {
        margin-right:0;
        margin-left:10px
    }
}

.skill__icon
{
    margin-bottom:17px
}

.skill__icon-9
{
    margin-bottom:13px
}

.skill__icon-9 span
{
    display:inline-block;
    width:80px;
    height:80px;
    line-height:80px;
    text-align:center;
    background-color:var(--tp-common-white);
    box-shadow:0 1px 2px rgba(3,4,28,0.08);
    border-radius:50%
}

.skill__content h4
{
    color:var(--tp-text-6);
    margin-bottom:0;
    font:400 22px var(--tp-ff-oswald)
}

.skill__content-9 h4
{
    color:#525258;
    font:400 20px/1.2 var(--tp-ff-syne)
}

@media (max-width: 575px) {
    .skill__content-9 h4
    {
        font-size:16px
    }
}

.skill__content-9 h4 span
{
    font-weight:500;
    color:var(--tp-common-black)
}

.skill__style-2 .skill__content-9 h4
{
    font-family:var(--tp-ff-space)
}

.skill__wrapper-14 .skill-section-title
{
    font-size:50px;
    line-height:1;
    letter-spacing:-.04em;
    margin-bottom:13px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),(max-width: 575px) {
    .skill__wrapper-14 .skill-section-title
    {
        font-size:40px
    }
}

.skill__wrapper-14 p
{
    font-size:16px
}

.skill__bar
{
    padding-top:6px
}

.skill__bar-title
{
    font-weight:500;
    font-size:14px;
    color:var(--tp-common-black-solid);
    margin-bottom:11px
}

.skill__bar-title span
{
    color:var(--tp-text-1);
    font-size:14px;
    min-width:21px;
    text-align:left;
    display:inline-block
}

[dir=rtl] .skill__bar-title span
{
    text-align:right
}

.skill__bar-title span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.skill__bar-item
{
    margin-bottom:35px
}

.skill__bar-item .progress
{
    height:30px;
    background-color:#F0EFF0;
    border-radius:20px;
    overflow:visible
}

.skill__bar-item .progress .progress-bar
{
    background-color:#50CD57;
    border-radius:30px;
    position:relative;
    overflow:visible
}

.skill__bar-item .progress .progress-bar span
{
    position:absolute;
    right:0;
    top:0;
    transform:translateX(50%);
    color:var(--tp-common-black-solid);
    width:36px;
    height:30px;
    border-radius:20px;
    background-color:var(--tp-common-white);
    box-shadow:0 1px 4px rgba(3,4,28,0.1);
    font:500 14px/30px var(--tp-ff-space)
}

[dir=rtl] .skill__bar-item .progress .progress-bar span
{
    right:auto;
    left:0
}

.skill__bar-item.is-blue .progress .progress-bar
{
    background-color:#29B4EF
}

.skill__bar-item.is-brown .progress .progress-bar
{
    background-color:var(--tp-theme-4)
}

.skill__bar-item.is-pink .progress .progress-bar
{
    background-color:var(--tp-theme-1)
}

.skill__bar-progress
{
    overflow:hidden;
    border-radius:30px
}

.skill__bar-count
{
    display:inline-block;
    color:var(--tp-common-black-solid);
    margin-bottom:11px;
    font:500 15px var(--tp-ff-space)
}

.career-link-btn
{
    display:inline-block;
    font-size:18px;
    color:var(--tp-common-black)
}

.career-link-btn:hover
{
    color:var(--tp-theme-2)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .career__wrapper
    {
        padding-left:0
    }

    [dir=rtl] .career__wrapper
    {
        padding-right:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .career__wrapper
    {
        padding-left:0;
        margin-top:50px
    }

    [dir=rtl] .career__wrapper
    {
        padding-right:0
    }
}

.career__item
{
    padding:43px 40px 37px;
    box-shadow:0 1px 3px rgba(22,34,19,0.1),0 6px 0 #EDEDED;
    margin-bottom:23px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .career__item
    {
        padding:32px 15px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .career__item
    {
        padding:32px 10px
    }
}

.career__item:last-child
{
    margin-bottom:0
}

.career__item:hover
{
    position:relative;
    z-index:1;
    box-shadow:0 30px 50px rgba(3,4,28,0.1),0 6px 0 teal
}

.career__logo
{
    width:50px
}

[dir=rtl] .career__logo
{
    margin-right:0;
    margin-left:20px
}

@media (max-width: 575px) {
    .career__logo
    {
        margin-bottom:15px
    }
}

.career__logo span
{
    font-size:50px;
    color:var(--tp-theme-2)
}

.career__info
{
    width:70%
}

@media (max-width: 575px) {
    .career__info
    {
        margin-bottom:15px;
        width:100%
    }
}

.career__info-title
{
    margin-bottom:4px;
    font:500 24px var(--tp-ff-oswald)
}

.career__info-designation
{
    color:var(--tp-text-6);
    font:16px var(--tp-ff-inter)
}

.career__year
{
    width:46%
}

@media (max-width: 575px) {
    .career__year
    {
        width:100%
    }
}

.career__year-info p
{
    color:var(--tp-text-6);
    margin-bottom:0;
    position:relative;
    padding-left:14px;
    display:inline-block;
    font:15px var(--tp-ff-inter)
}

[dir=rtl] .career__year-info p
{
    padding-left:0;
    padding-right:14px
}

.career__year-info p::after
{
    position:absolute;
    content:"";
    left:0;
    top:12px;
    width:4px;
    height:4px;
    border-radius:50%;
    background-color:var(--tp-text-6)
}

[dir=rtl] .career__year-info p::after
{
    left:auto;
    right:0
}

.career__btn
{
    margin-bottom:5px
}

.career__style-2
{
    padding-top:43px
}

.career__style-2 .career__title
{
    letter-spacing:-.04em;
    color:var(--tp-common-black);
    margin-bottom:25px;
    font:700 30px/1 var(--tp-ff-syne)
}

.career__style-2 .career__item
{
    padding:23px 30px;
    box-shadow:0 1px 2px rgba(3,4,28,0.08);
    margin-bottom:10px
}

.career__style-2 .career__item:last-child
{
    margin-bottom:0
}

.career__style-2 .career__item:hover
{
    box-shadow:0 20px 20px rgba(3,4,28,0.08);
    position:relative;
    z-index:1
}

.career__style-2 .career__logo span
{
    display:inline-block;
    width:52px;
    height:52px;
    line-height:52px;
    text-align:center;
    border:0 solid #EAEAEF;
    border-radius:50%;
    overflow:hidden;
    object-fit:cover
}

.career__style-2 .career__logo span img
{
    -webkit-transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    transform:translateY(-5px)
}

.career__style-2 .career__info-title
{
    color:var(--tp-common-black);
    font:700 20px/1 var(--tp-ff-syne)
}

.career__style-2 .career__info-designation
{
    color:#525258;
    font:400 16px/.62 var(--tp-ff-syne)
}

.career__style-2 .career__year-info p
{
    color:#525258;
    font:400 16px var(--tp-ff-syne)
}

.career__style-2 .career__btn .career-link-btn:hover
{
    color:#FA6490
}

.career__style-3 .career__title
{
    font-family:var(--tp-ff-space)
}

.career__style-3 .career__info-title
{
    font-family:var(--tp-ff-space)
}

.career__style-3 .career__info-designation
{
    font-family:var(--tp-ff-space)
}

.career__style-3 .career__year-info p
{
    font-family:var(--tp-ff-space)
}

.career__style-3 .career__btn .career-link-btn:hover
{
    color:var(--tp-theme-1)!important
}

.award__item
{
    border:2px solid var(--tp-border-8);
    padding:50px 40px;
    position:relative
}

.award__item:hover
{
    border-color:var(--tp-common-white);
    box-shadow:0 4px 0 #008080,0 20px 30px rgba(22,34,19,0.1)
}

.award__item:hover .award__icon span,.award__item:hover .award__icon i
{
    border-color:var(--tp-theme-2);
    color:var(--tp-theme-2)
}

@media (max-width: 575px) {
    .award__item-4
    {
        margin-bottom:30px
    }
}

.award__item-5
{
    padding:70px 50px 55px;
    background-color:rgba(94,183,75,0.1)
}

@media only screen and (min-width: 992px) and (max-width: 1199px),(max-width: 575px) {
    .award__item-5
    {
        padding:50px 30px 35px
    }
}

.award__item-8
{
    border-bottom:1px solid rgba(255,255,255,0.1019607843);
    padding-top:40px;
    padding-bottom:40px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .award__item-8
    {
        padding-left:40px;
        padding-right:40px
    }
}

.award__item-8:hover
{
    background-color:#101223
}

.award__item-8:last-child
{
    border-bottom:0
}

.award__item-9
{
    position:relative;
    padding-top:40px;
    padding-bottom:43px;
    border-top:1px solid #EAEAEF
}

.award__item-9:last-child
{
    border-bottom:1px solid #EAEAEF
}

.award__item-9::after
{
    position:absolute;
    content:"";
    left:auto;
    right:0;
    bottom:0;
    width:0;
    height:2px;
    background-image:-webkit-linear-gradient(329deg,#f6921e 13.55%,#126599 48.54%,#f6921e 86.44%);
    background-image:-moz-linear-gradient(329deg,#f6921e 13.55%,#126599 48.54%,#f6921e 86.44%);
    background-image:-ms-linear-gradient(329deg,#f6921e 13.55%,#126599 48.54%,#f6921e 86.44%);
    background-image:-o-linear-gradient(329deg,#f6921e 13.55%,#126599 48.54%,#f6921e 86.44%);
    background-image:linear-gradient(329deg,#f6921e 13.55%,#126599 48.54%,#f6921e 86.44%);
    -webkit-transform:matrix(-1,0,0,1,0,0);
    -moz-transform:matrix(-1,0,0,1,0,0);
    -ms-transform:matrix(-1,0,0,1,0,0);
    -o-transform:matrix(-1,0,0,1,0,0);
    transform:matrix(-1,0,0,1,0,0);
    -webkit-transition:all .6s ease-out 0;
    -moz-transition:all .6s ease-out 0;
    -ms-transition:all .6s ease-out 0;
    -o-transition:all .6s ease-out 0;
    transition:all .6s ease-out 0
}

[dir=rtl] .award__item-9::after
{
    left:0;
    right:auto
}

.award__item-9:hover::after
{
    width:100%;
    left:0;
    right:auto
}

[dir=rtl] .award__item-9:hover::after
{
    left:auto;
    right:0
}

.award__item-9:hover .award__thumb img
{
    -webkit-transform:scaleY(1);
    -moz-transform:scaleY(1);
    -ms-transform:scaleY(1);
    -o-transform:scaleY(1);
    transform:scaleY(1)
}

.award__icon
{
    margin-bottom:30px
}

.award__icon > span
{
    position:relative;
    display:inline-block;
    width:70px;
    height:70px;
    line-height:65px;
    text-align:center;
    border-radius:50%;
    border:2px solid var(--tp-border-8);
    color:var(--tp-theme-2)
}

.award__icon i
{
    display:inline-block;
    width:70px;
    height:70px;
    line-height:66px;
    text-align:center;
    font-size:24px;
    border-radius:50%;
    border:2px solid var(--tp-border-8);
    color:var(--tp-theme-2)
}

.award__icon-5
{
    margin-bottom:36px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .award__icon-8
    {
        padding-left:0;
        margin-bottom:20px
    }

    [dir=rtl] .award__icon-8
    {
        padding-right:0
    }
}

.award__icon-8 span
{
    display:inline-block;
    min-height:70px
}

.award__title
{
    margin-bottom:10px;
    font:500 24px var(--tp-ff-oswald)
}

.award__title a:hover
{
    color:var(--tp-theme-2)
}

.award__title-4
{
    color:var(--tp-common-black-solid);
    margin-bottom:0;
    font:700 18px var(--tp-ff-space)
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .award__title-4
    {
        margin-bottom:25px
    }
}

.award__title-5
{
    letter-spacing:-.04em;
    margin-bottom:0;
    font:700 20px var(--tp-ff-space)
}

.award__title-5 a:hover
{
    color:var(--tp-common-green-4)
}

.award__title-8
{
    letter-spacing:-.02em;
    color:var(--tp-common-white);
    margin-bottom:6px;
    font:700 28px var(--tp-ff-space)
}

.award__title-8 a:hover
{
    color:var(--tp-theme-8)
}

.award__title-9
{
 
    color:var(--tp-common-black-solid);
    margin-bottom:7px;
    font:700 32px/1.2 var(--tp-ff-syne)
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .award__title-9
    {
        line-height:1.16
    }
}

.award__title-9 a
{
    background-image:linear-gradient(#000,#000),linear-gradient(#000,#000);
    background-size:0 2px,0 2px;
    background-position:100% 100%,0 100%;
    background-repeat:no-repeat;
    transition:background-size .4s linear
}

.award__title-9 a:hover
{
    background-size:0 2px,100% 2px
}

.award__content > p
{
    font-size:14px;
    font-weight:500;
    color:var(--tp-text-6);
    margin-bottom:30px;
    position:relative;
    padding-left:12px;
    text-transform:uppercase
}

[dir=rtl] .award__content > p
{
    padding-left:0;
    padding-right:12px
}

.award__content > p::after
{
    position:absolute;
    content:"";
    left:0;
    top:12px;
    width:4px;
    height:4px;
    border-radius:50%;
    background-color:var(--tp-theme-2)
}

[dir=rtl] .award__content > p::after
{
    left:auto;
    right:0
}

.award__content-5 > p
{
    letter-spacing:-.02em;
    color:#525258;
    margin-bottom:0;
    font:15px var(--tp-ff-inter)
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .award__content-8
    {
        margin-bottom:20px
    }
}

.award__content-8 > p
{
    color:var(--tp-common-white);
    opacity:.6;
    margin-bottom:0;
    font:16px/20px var(--tp-ff-space)
}

.award__content-9 > p
{
    color:#525258;
    margin-bottom:0;
    font:400 16px/1.25 var(--tp-ff-syne)
}

.award__thumb
{
    position:absolute;
    top:51%;
    right:14.5%;
    z-index:99
}

[dir=rtl] .award__thumb
{
    right:auto;
    left:14.5%
}

.award__thumb img
{
    box-shadow:0 20px 30px rgba(3,4,28,0.2);
    -webkit-transform:scaleY(0);
    -moz-transform:scaleY(0);
    -ms-transform:scaleY(0);
    -o-transform:scaleY(0);
    transform:scaleY(0);
    transform-origin:top center
}

@media (max-width: 575px) {
    .award__thumb
    {
        top:90%;
        right:9.5%
    }

    [dir=rtl] .award__thumb
    {
        right:auto;
        left:9.5%
    }
}

.award__brown
{
    background-color:rgba(171,108,86,0.1)
}

.award__brown .award__title-5 a:hover
{
    color:var(--tp-theme-4)
}

.award__purple
{
    background-color:rgba(67,83,255,0.1)
}

.award__purple .award__title-5 a:hover
{
    color:var(--tp-theme-5)
}

.award__stroke
{
    -webkit-transform:translateY(41px);
    -moz-transform:translateY(41px);
    -ms-transform:translateY(41px);
    -o-transform:translateY(41px);
    transform:translateY(41px)
}

@media (max-width: 575px) {
    .award__stroke img
    {
        width:100%
    }
}

.award__shape-1
{
    position:absolute;
    z-index:-1;
    left:13%;
    bottom:4%;
    -webkit-animation:tpupdown 1s infinite alternate;
    animation:tpupdown 1s infinite alternate
}

[dir=rtl] .award__shape-1
{
    left:auto;
    right:13%
}

.award__shape-2
{
    position:absolute;
    z-index:-1;
    right:14%;
    top:30%;
    -webkit-animation:tprotate 2s infinite alternate;
    animation:tprotate 2s infinite alternate
}

[dir=rtl] .award__shape-2
{
    right:auto;
    left:14%
}

.award__year span
{
    color:var(--tp-common-white);
    font:500 16px var(--tp-ff-space)
}

.award__topic p
{
    color:var(--tp-common-black-solid);
    margin-bottom:0;
    padding-bottom:16px;
    font:18px/1 var(--tp-ff-syne)
}

.award__btn-8
{
    padding-left:28px
}

[dir=rtl] .award__btn-8
{
    padding-left:0;
    padding-right:28px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .award__btn-8
    {
        padding-left:0
    }

    [dir=rtl] .award__btn-8
    {
        padding-right:0
    }
}

.award__btn-8 a
{
    color:var(--tp-common-white);
    font:500 16px var(--tp-ff-space)
}

.award__btn-8 a:hover
{
    color:var(--tp-theme-8)
}

.award__btn-8 a:hover i
{
    color:var(--tp-theme-8)
}

.award__btn-8 a span
{
    -webkit-transform:translateY(1px);
    -moz-transform:translateY(1px);
    -ms-transform:translateY(1px);
    -o-transform:translateY(1px);
    transform:translateY(1px)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .award__btn-9
    {
        margin-top:20px
    }
}

.award__btn-9 a
{
    color:var(--tp-common-black-16)
}

.award__btn-9 a:hover
{
    color:#FA6490
}

.award__style-2 .award__item-9::after
{
    background-image:none;
    background-color:var(--tp-theme-1)
}

.award__style-2 .award__topic p
{
    font-family:var(--tp-ff-space);
    color:var(--tp-common-black)
}

.award__style-2 .award__title-9
{
    font-family:var(--tp-ff-space)
}

.award__style-2 .award__title-9 a
{
    background-image:none
}

.award__style-2 .award__title-9 a:hover
{
    color:var(--tp-theme-1)
}

.award__style-2 .award__content-9 p
{
    font-family:var(--tp-ff-inter)
}

.award__style-2 .award__btn-9 a:hover
{
    color:var(--tp-theme-1)
}

.cta__wrapper-7 .section__title-7
{
    letter-spacing:-.02em
}

.cta__title
{
    margin-bottom:0;
    font:500 60px/1.05 var(--tp-ff-oswald)
}

@media (max-width: 575px) {
    .cta__title
    {
        font-size:40px
    }
}

.cta__title-5
{
    letter-spacing:-.06em;
    color:var(--tp-common-white);
    margin-bottom:0;
    font:700 60px/1 var(--tp-ff-space)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .cta__title-5
    {
        font-size:55px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cta__title-5
    {
        font-size:50px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .cta__title-5
    {
        font-size:40px
    }
}

@media (max-width: 575px) {
    .cta__title-5
    {
        font-size:38px
    }
}

.cta__title-6
{
    letter-spacing:.02em;
    color:var(--tp-common-white);
    margin-bottom:0;
    font:900 60px/70px var(--tp-ff-roboto)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .cta__title-6
    {
        margin-bottom:25px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .cta__title-6
    {
        font-size:47px;
        line-height:57px
    }
}

.cta__title-13
{
    margin-bottom:0;
    font:34px/1.18 var(--tp-ff-roboto)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .cta__title-13
    {
        margin-bottom:20px
    }
}

@media (max-width: 575px) {
    .cta__title-13
    {
        margin-bottom:20px;
        font-size:23px
    }
}

.cta__inner
{
    padding-top:115px;
    padding-bottom:125px;
    border-bottom:1px solid var(--tp-border-9)
}

.cta__inner-5
{
    padding:90px 100px;
    position:relative;
    z-index:1;
    overflow:hidden;
    border-radius:30px;
    box-shadow:0 40px 50px rgba(7,18,133,0.3)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cta__inner-5
    {
        padding-left:60px;
        padding-right:60px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .cta__inner-5
    {
        padding:50px 40px
    }
}

@media (max-width: 575px) {
    .cta__inner-5
    {
        padding:40px 30px
    }
}

.cta__inner-6
{
    padding:65px 70px
}

@media (max-width: 575px) {
    .cta__inner-6
    {
        padding:35px 26px
    }
}

.cta__inner-10
{
    padding:55px 100px 60px;
    background:#FF8848;
    box-shadow:0 30px 50px rgba(129,51,10,0.2);
    border-radius:20px;
    position:relative;
    z-index:9;
    background-blend-mode:overlay
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 576px) and (max-width: 767px) {
    .cta__inner-10
    {
        padding:35px 50px 30px
    }
}

@media (max-width: 575px) {
    .cta__inner-10
    {
        padding:35px 30px 30px
    }
}

.cta__inner-13
{
    padding:60px 70px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .cta__inner-13
    {
        padding:40px 50px
    }
}

@media (max-width: 575px) {
    .cta__inner-13
    {
        padding:30px
    }
}

.cta__form
{
    padding-left:200px
}

[dir=rtl] .cta__form
{
    padding-left:0;
    padding-right:200px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cta__form
    {
        padding-left:0
    }

    [dir=rtl] .cta__form
    {
        padding-right:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .cta__form
    {
        padding-left:0;
        margin-top:50px
    }

    [dir=rtl] .cta__form
    {
        padding-right:0
    }
}

.cta__form-10 .cta-form-title
{
    font-size:30px;
    letter-spacing:-.02em;
    color:var(--tp-common-white);
    margin-bottom:2px
}

.cta__form-10 p
{
    color:var(--tp-common-white);
    margin-bottom:25px;
    font:16px var(--tp-ff-space)
}

.cta__input
{
    position:relative
}

.cta__input input
{
    width:100%;
    height:60px;
    line-height:56px;
    border:2px solid var(--tp-common-black);
    font-family:var(--tp-ff-inter);
    padding-left:25px;
    padding-right:150px;
    background-color:var(--tp-common-white)
}

[dir=rtl] .cta__input input
{
    padding-left:0;
    padding-right:0;
    padding-left:150px;
    padding-right:25px;
    text-align:right
}

.cta__input input::-webkit-input-placeholder
{
    color:var(--tp-text-6);
    font:15px var(--tp-ff-inter)
}

.cta__input input:-moz-placeholder
{
    color:var(--tp-text-6);
    font:15px var(--tp-ff-inter)
}

.cta__input input::-moz-placeholder
{
    color:var(--tp-text-6);
    font:15px var(--tp-ff-inter)
}

.cta__input input:-ms-input-placeholder
{
    color:var(--tp-text-6);
    font:15px var(--tp-ff-inter)
}

.cta__input input:focus
{
    border-color:var(--tp-theme-2)
}

@media (max-width: 575px) {
    .cta__input input
    {
        padding-right:25px
    }

    [dir=rtl] .cta__input input
    {
        padding-right:0;
        padding-left:25px
    }
}

.cta__input button
{
    position:absolute;
    top:7px;
    right:7px;
    padding:10px 30px
}

[dir=rtl] .cta__input button
{
    right:auto;
    left:7px
}

@media (max-width: 575px) {
    .cta__input button
    {
        position:relative;
        right:auto;
        left:0
    }

    [dir=rtl] .cta__input button
    {
        left:auto;
        right:0
    }
}

.cta__input button:hover
{
    background-color:var(--tp-theme-2-dark)
}

.cta__input-10
{
    margin-right:20px;
    margin-bottom:20px
}

[dir=rtl] .cta__input-10
{
    margin-right:0;
    margin-left:20px
}

@media (max-width: 575px) {
    .cta__input-10
    {
        margin-right:0
    }

    [dir=rtl] .cta__input-10
    {
        margin-left:0
    }
}

.cta__input-10 input
{
    height:56px;
    width:244px;
    background-color:transparent;
    border:2px solid rgba(255,255,255,0.16);
    border-radius:6px;
    color:var(--tp-common-white);
    padding:0 24px;
    font:16px/56px var(--tp-ff-space)
}

[dir=rtl] .cta__input-10 input
{
    text-align:right
}

.cta__input-10 input::-webkit-input-placeholder
{
    color:var(--tp-common-white)
}

.cta__input-10 input:-moz-placeholder
{
    color:var(--tp-common-white)
}

.cta__input-10 input::-moz-placeholder
{
    color:var(--tp-common-white)
}

.cta__input-10 input:-ms-input-placeholder
{
    color:var(--tp-common-white)
}

.cta__input-10 input:focus
{
    border-color:var(--tp-common-white)
}

@media (max-width: 575px) {
    .cta__input-10 input
    {
        width:100%
    }
}

.cta__input-10.sm-input
{
    margin-right:0
}

[dir=rtl] .cta__input-10.sm-input
{
    margin-left:0
}

.cta__input-10.sm-input input
{
    width:150px
}

.cta__input-13
{
    position:relative
}

.cta__input-13 input
{
    height:64px;
    background:#FFF;
    border:1px solid var(--tp-common-black);
    padding-right:170px;
    font:15px var(--tp-ff-roboto)
}

[dir=rtl] .cta__input-13 input
{
    padding-right:29px;
    padding-left:170px;
    text-align:right
}

.cta__input-13 input::-webkit-input-placeholder
{
    color:#7D7F82
}

.cta__input-13 input:-moz-placeholder
{
    color:#7D7F82
}

.cta__input-13 input::-moz-placeholder
{
    color:#7D7F82
}

.cta__input-13 input:-ms-input-placeholder
{
    color:#7D7F82
}

.cta__input-13 input:focus
{
    border-color:var(--tp-common-black)
}

@media (max-width: 575px) {
    .cta__input-13 input
    {
        padding-right:26px
    }

    [dir=rtl] .cta__input-13 input
    {
        padding-right:0;
        padding-left:26px
    }
}

.cta__input-13 .tp-btn
{
    position:absolute;
    top:10px;
    right:10px;
    color:var(--tp-common-white);
    background-color:var(--tp-common-black);
    padding:10px 42px;
    font:500 16px var(--tp-ff-roboto)
}

[dir=rtl] .cta__input-13 .tp-btn
{
    right:auto;
    left:10px
}

@media (max-width: 575px) {
    .cta__input-13 .tp-btn
    {
        position:static;
        margin-top:15px
    }
}

.cta__input-13 .tp-btn:hover
{
    background-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.cta__shape-bg
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    mix-blend-mode:luminosity
}

.cta__shape-1
{
    position:absolute;
    top:11%;
    right:21%;
    z-index:-1
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .cta__shape-1
    {
        top:12%;
        right:7%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cta__shape-1
    {
        right:3%
    }
}

.cta__shape-2
{
    position:absolute;
    top:8%;
    left:8%;
    z-index:-1;
    -moz-animation:tptranslateX 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateX 3s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateX 3s ease-in-out 1s forwards infinite alternate
}

.cta__shape-3
{
    position:absolute;
    top:-18px;
    left:5%;
    z-index:-1;
    -moz-animation:tptranslateX 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateX 3s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateX 3s ease-in-out 1s forwards infinite alternate
}

.cta__shape-4
{
    position:absolute;
    top:-17%;
    right:5%;
    z-index:-1;
    -moz-animation:tptranslateY 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateY 3s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateY 3s ease-in-out 1s forwards infinite alternate
}

.cta__shape-5
{
    position:absolute;
    bottom:10%;
    right:8%;
    z-index:-1;
    -moz-animation:tptranslateX2 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateX2 3s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateX2 3s ease-in-out 1s forwards infinite alternate
}

.cta__shape-6
{
    position:absolute;
    top:22%;
    right:46%;
    z-index:-1
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cta__shape-6
    {
        top:14%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta__shape-6
    {
        top:20%;
        right:20%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .cta__shape-6
    {
        top:2%;
        right:21%
    }
}

@media (max-width: 575px) {
    .cta__shape-6
    {
        top:4px;
        right:12px
    }
}

.cta__shape-7
{
    position:absolute;
    z-index:-1;
    left:0;
    top:0;
    opacity:.6
}

.cta__shape-8
{
    position:absolute;
    z-index:-1;
    left:0;
    top:0
}

.cta__shape-9
{
    position:absolute;
    z-index:-1;
    right:0;
    bottom:0;
    opacity:.6
}

.cta__shape-10
{
    position:absolute;
    z-index:-1;
    right:0;
    bottom:0;
    mix-blend-mode:overlay
}

.cta__shape-11
{
    position:absolute;
    z-index:-1;
    left:3%;
    bottom:-12px;
    mix-blend-mode:color-dodge
}

.cta__shape-12
{
    position:absolute;
    z-index:-1;
    left:46%;
    top:28%;
    mix-blend-mode:color-dodge
}

.cta__shape-13
{
    position:absolute;
    z-index:-1;
    right:33%;
    bottom:6%;
    mix-blend-mode:color-dodge
}

.cta__shape-14
{
    position:absolute;
    z-index:-1;
    right:23%;
    top:-4%;
    mix-blend-mode:color-dodge
}

.cta__shape-15
{
    position:absolute;
    z-index:-1;
    top:25%;
    right:38%;
    mix-blend-mode:color-burn
}

.cta__shape-16
{
    position:absolute;
    z-index:-1;
    top:25%;
    right:38%
}

.cta__shape-17
{
    position:absolute;
    top:0;
    left:27%;
    z-index:-1
}

@media (max-width: 575px) {
    .cta__shape-17
    {
        left:0;
        width:100%
    }
}

.cta__shape-18
{
    position:absolute;
    top:22%;
    right:12%;
    z-index:-1
}

.cta__shape-19
{
    position:absolute;
    top:14%;
    right:2%;
    z-index:-1;
    mix-blend-mode:darken
}

.cta__shape-20
{
    position:absolute;
    bottom:7%;
    left:2%;
    z-index:-1
}

.cta__content-5 span
{
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--tp-common-white);
    display:inline-block;
    margin-bottom:15px;
    font:700 16px/20px var(--tp-ff-space)
}

.cta__content-6
{
    padding-right:50px
}

[dir=rtl] .cta__content-6
{
    padding-right:0;
    padding-left:50px
}

@media (max-width: 575px) {
    .cta__content-6
    {
        padding-right:0
    }

    [dir=rtl] .cta__content-6
    {
        padding-left:0
    }
}

.cta__overlay-5
{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:50%;
    background-color:var(--tp-common-black-7)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .cta__btn-5
    {
        margin-top:50px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cta__btn-wrapper-7 .tp-cta-btn-yellow
    {
        padding:35px 30px 32px
    }
}

.cta__btn-wrapper-7 a:first-child
{
    margin-right:0;
    margin-left:20px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .cta__features-wrapper
    {
        margin-top:50px
    }
}

.cta__features-item
{
    padding:50px 45px 35px;
    border-radius:14px;
    box-shadow:0 20px 50px rgba(122,55,17,0.2);
    overflow:hidden;
    width:300px;
    margin-bottom:-100px;
    -webkit-transform:translateY(5px);
    -moz-transform:translateY(5px);
    -ms-transform:translateY(5px);
    -o-transform:translateY(5px);
    transform:translateY(5px)
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 576px) and (max-width: 767px) {
    .cta__features-item
    {
        padding:30px 25px 25px
    }
}

@media (max-width: 575px) {
    .cta__features-item
    {
        margin-bottom:0;
        width:100%;
        padding:30px 25px 25px
    }
}

.cta__features-overlay
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}

.cta__features-overlay::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(82,83,206,0.9)
}

.cta__features-video
{
    position:relative;
    z-index:1;
    margin-bottom:42px
}

.cta__features-video a
{
    display:inline-block;
    width:60px;
    height:60px;
    line-height:58px;
    text-align:center;
    background:rgba(255,255,255,0.06);
    border:1px solid #FFF;
    box-shadow:0 0 20px rgba(72,30,8,0.2);
    backdrop-filter:blur(6px);
    color:var(--tp-common-white);
    border-radius:50%;
    margin-bottom:10px
}

.cta__features-video a svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.cta__features-video span
{
    display:block;
    letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--tp-common-white);
    font:700 12px/2 var(--tp-ff-space)
}

.cta__features-content
{
    position:relative;
    z-index:1
}

.cta__features-content > p
{
    color:var(--tp-common-white);
    font:500 15px/1.33 var(--tp-ff-space)
}

.cta__features-title
{
    font-size:26px;
    letter-spacing:-.02em;
    color:var(--tp-common-white);
    margin-bottom:7px
}

.cta__counter
{
    margin-left:50px;
    margin-top:28px
}

[dir=rtl] .cta__counter
{
    margin-left:0;
    margin-right:50px
}

@media (max-width: 575px) {
    .cta__counter
    {
        margin-left:0;
        margin-top:50px
    }

    [dir=rtl] .cta__counter
    {
        margin-right:0
    }
}

.cta__counter-icon
{
    margin-bottom:42px
}

.cta__counter-icon span
{
    color:rgba(255,255,255,0.7);
    font-size:60px
}

.cta__counter-content h4
{
    font-weight:500;
    font-size:40px;
    line-height:1;
    color:var(--tp-common-white);
    margin-bottom:3px
}

.cta__counter-content p
{
    color:rgba(255,255,255,0.7);
    margin-bottom:0;
    font:500 16px/1 var(--tp-ff-space)
}

.cta__translate .cta__inner-10
{
    margin-top:-190px
}

.cta__half-bg
{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:50%;
    background-color:var(--tp-common-footer-bg-blue);
    z-index:-1
}

.cta__style-2
{
    position:relative
}

.cta__style-2 .tp-btn-orange-2
{
    background-color:var(--tp-common-white);
    color:var(--tp-common-black);
    border-radius:0;
    padding:22px 53px 21px
}

.cta__style-2 .cta__inner-5
{
    background-color:var(--tp-common-purple);
    border-radius:0
}

.cta__style-2 .cta__inner-5::after
{
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:-webkit-linear-gradient(270deg,#013E93 0%,#00549A 100%);
    background-image:-moz-linear-gradient(270deg,#013E93 0%,#00549A 100%);
    background-image:-ms-linear-gradient(270deg,#013E93 0%,#00549A 100%);
    background-image:-o-linear-gradient(270deg,#013E93 0%,#00549A 100%);
    background-image:linear-gradient(270deg,#013E93 0%,#00549A 100%);
    mix-blend-mode:luminosity;
    opacity:.5;
    z-index:-1
}

.cta__style-3 .section__title-pre-7
{
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--tp-theme-1);
    font:500 14px/1.43 var(--tp-ff-space)
}

.cta__style-3 .section__title-7
{
    letter-spacing:-.04em;
    font:60px/1.1 var(--tp-ff-space)
}

@media (max-width: 575px) {
    .cta__style-3 .section__title-7
    {
        font-size:40px
    }
}

.cta__style-3 .section__title-7-highlight svg
{
    display:none
}

.cta__style-3 .cta__btn-wrapper-7
{
    padding-left:60px
}

[dir=rtl] .cta__style-3 .cta__btn-wrapper-7
{
    padding-left:0;
    padding-right:60px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta__style-3 .cta__btn-wrapper-7
    {
        padding-left:0
    }

    [dir=rtl] .cta__style-3 .cta__btn-wrapper-7
    {
        padding-right:0
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .cta__style-3 .cta__btn-wrapper-7
    {
        padding-left:0
    }

    [dir=rtl] .cta__style-3 .cta__btn-wrapper-7
    {
        padding-right:0
    }
}

.cta__style-3 .cta__btn-wrapper-7 .tp-cta-btn
{
    background-color:#6364DB;
    border-radius:0;
    padding:25px 55px 23px 35px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .cta__style-3 .cta__btn-wrapper-7 .tp-cta-btn
    {
        padding-right:35px
    }

    [dir=rtl] .cta__style-3 .cta__btn-wrapper-7 .tp-cta-btn
    {
        padding-right:30px;
        padding-left:30px
    }
}

.cta__style-3 .cta__btn-wrapper-7 .tp-cta-btn:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black)
}

.cta__style-3 .cta__btn-wrapper-7 .tp-cta-btn-yellow
{
    padding:25px 55px 23px 35px;
    border-radius:0;
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .cta__style-3 .cta__btn-wrapper-7 .tp-cta-btn-yellow
    {
        padding-right:35px
    }

    [dir=rtl] .cta__style-3 .cta__btn-wrapper-7 .tp-cta-btn-yellow
    {
        padding-right:55px;
        padding-left:35px
    }
}

.cta__style-3 .cta__btn-wrapper-7 .tp-cta-btn-yellow:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black)
}

.subscribe__overlay
{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:170px;
    background-color:var(--tp-common-black-9);
    z-index:-1
}

.subscribe__bg
{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:50%;
    background-color:#F0F0F5;
    z-index:-1
}

.subscribe__title
{
    color:var(--tp-common-white);
    margin-bottom:10px;
    font:800 46px var(--tp-ff-roboto)
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .subscribe__title
    {
        font-size:35px
    }
}

@media (max-width: 575px) {
    .subscribe__title
    {
        font-size:40px
    }
}

.subscribe__title-11
{
    letter-spacing:-.02em;
    color:var(--tp-common-black);
    margin-bottom:35px;
    animation-delay:.5s;
    animation-duration:1s;
    font:76px/.92 var(--tp-ff-rajdhani)
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .subscribe__title-11
    {
        font-size:60px
    }
}

@media (max-width: 575px) {
    .subscribe__title-11
    {
        font-size:40px
    }
}

.subscribe__title-14
{
    font-size:24px;
    letter-spacing:-.02em;
    color:var(--tp-common-white);
    margin-bottom:0
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .subscribe__title-14
    {
        margin-bottom:25px
    }
}

.subscribe__input
{
    position:relative;
    margin-bottom:12px
}

.subscribe__input input
{
    width:100%;
    height:60px;
    line-height:60px;
    padding:0 24px;
    padding-right:135px;
    border:0;
    background-color:var(--tp-common-white)
}

[dir=rtl] .subscribe__input input
{
    padding-right:24px;
    padding-left:135px;
    text-align:right
}

.subscribe__input input::-webkit-input-placeholder
{
    color:rgba(65,70,81,0.7)
}

.subscribe__input input:-moz-placeholder
{
    color:rgba(65,70,81,0.7)
}

.subscribe__input input::-moz-placeholder
{
    color:rgba(65,70,81,0.7)
}

.subscribe__input input:-ms-input-placeholder
{
    color:rgba(65,70,81,0.7)
}

.subscribe__input button
{
    position:absolute;
    top:7px;
    right:7px;
    bottom:7px;
    display:inline-block;
    padding:10px 27px;
    color:var(--tp-common-white);
    background-color:var(--tp-common-black-9);
    font:500 15px var(--tp-ff-roboto)
}

[dir=rtl] .subscribe__input button
{
    right:auto;
    left:7px
}

.subscribe__input button:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-6)
}

@media (max-width: 575px) {
    .subscribe__input button
    {
        position:static;
        margin-top:20px
    }

    .subscribe__input button:hover
    {
        background-color:var(--tp-common-white);
        color:var(--tp-common-black-9)
    }
}

.subscribe__input-10 input
{
    width:100%;
    height:64px;
    background-color:var(--tp-common-white);
    border-radius:6px;
    padding:0 25px;
    padding-right:190px;
    border:0;
    outline:0;
    font:16px/64px var(--tp-ff-space)
}

[dir=rtl] .subscribe__input-10 input
{
    padding-right:25px;
    padding-left:190px;
    text-align:right
}

@media (max-width: 575px) {
    .subscribe__input-10 input
    {
        padding-right:25px
    }

    [dir=rtl] .subscribe__input-10 input
    {
        padding-right:0;
        padding-left:25px
    }
}

.subscribe__input-10 input::-webkit-input-placeholder
{
    color:#84848B
}

.subscribe__input-10 input:-moz-placeholder
{
    color:#84848B
}

.subscribe__input-10 input::-moz-placeholder
{
    color:#84848B
}

.subscribe__input-10 input:-ms-input-placeholder
{
    color:#84848B
}

.subscribe__input-10 button
{
    position:absolute;
    top:0;
    right:0;
    box-shadow:0;
    padding:20px 33px 18px;
    border-top-left-radius:0;
    border-bottom-left-radius:0
}

[dir=rtl] .subscribe__input-10 button
{
    right:auto;
    left:0;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px
}

@media (max-width: 575px) {
    .subscribe__input-10 button
    {
        position:relative;
        margin-top:15px;
        text-align:left
    }

    [dir=rtl] .subscribe__input-10 button
    {
        text-align:right
    }
}

.subscribe__input-10 button:hover
{
    -webkit-transform:inherit;
    -moz-transform:inherit;
    -ms-transform:inherit;
    -o-transform:inherit;
    transform:inherit
}

.subscribe__input-11
{
    position:relative;
    margin-bottom:60px;
    animation-delay:.7s;
    animation-duration:1s
}

.subscribe__input-11 input
{
    width:100%;
    height:70px;
    box-shadow:0 1px 3px rgba(5,18,20,0.1);
    color:var(--tp-common-black);
    background-color:var(--tp-common-white);
    padding-left:34px;
    padding-right:170px;
    outline:0;
    border:0;
    font:16px/70px var(--tp-ff-syne)
}

[dir=rtl] .subscribe__input-11 input
{
    padding-left:170px;
    padding-right:34px
}

@media (max-width: 575px) {
    .subscribe__input-11 input
    {
        padding-right:34px
    }

    [dir=rtl] .subscribe__input-11 input
    {
        padding-right:0;
        padding-left:34px
    }
}

.subscribe__input-11 input::-webkit-input-placeholder
{
    color:#84848B
}

.subscribe__input-11 input:-moz-placeholder
{
    color:#84848B
}

.subscribe__input-11 input::-moz-placeholder
{
    color:#84848B
}

.subscribe__input-11 input:-ms-input-placeholder
{
    color:#84848B
}

.subscribe__input-11 button
{
    position:absolute;
    top:0;
    right:0;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    padding:22px 32px;
    font:700 14px var(--tp-ff-syne)
}

@media (max-width: 575px) {
    .subscribe__input-11 button
    {
        position:relative;
        margin-top:20px
    }
}

.subscribe__input-11 button:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black)
}

.subscribe__wrapper > p
{
    color:var(--tp-common-white);
    margin-bottom:32px;
    font:16px var(--tp-ff-roboto)
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .subscribe__wrapper-11
    {
        -webkit-transform:translateY(-80px);
        -moz-transform:translateY(-80px);
        -ms-transform:translateY(-80px);
        -o-transform:translateY(-80px);
        transform:translateY(-80px)
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .subscribe__wrapper-11
    {
        -webkit-transform:translateY(-50px);
        -moz-transform:translateY(-50px);
        -ms-transform:translateY(-50px);
        -o-transform:translateY(-50px);
        transform:translateY(-50px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .subscribe__wrapper-11
    {
        -webkit-transform:translateY(90px);
        -moz-transform:translateY(90px);
        -ms-transform:translateY(90px);
        -o-transform:translateY(90px);
        transform:translateY(90px)
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .subscribe__wrapper-11
    {
        -webkit-transform:translateY(130px);
        -moz-transform:translateY(130px);
        -ms-transform:translateY(130px);
        -o-transform:translateY(130px);
        transform:translateY(130px)
    }
}

.subscribe__wrapper-11 p
{
    animation-delay:.3s;
    animation-duration:1s;
    color:var(--tp-common-black-19);
    position:relative;
    padding-left:17px;
    margin-bottom:27px;
    font:18px/1.11 var(--tp-ff-syne)
}

[dir=rtl] .subscribe__wrapper-11 p
{
    padding-left:0;
    padding-right:17px
}

.subscribe__wrapper-11 p::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:4px;
    height:calc(100% + 10px);
    background-color:var(--tp-theme-1)
}

[dir=rtl] .subscribe__wrapper-11 p::after
{
    left:auto;
    right:0
}

.subscribe__inner
{
    padding:80px 0
}

.subscribe__inner-10.has-border
{
    border-bottom:1px solid rgba(255,255,255,0.1)
}

.subscribe__inner-10 .section__title-pre-10
{
    color:var(--tp-theme-10)
}

.subscribe__inner-14
{
    padding:25px 100px;
    background-color:var(--tp-common-purple)
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .subscribe__inner-14
    {
        padding-left:50px;
        padding-right:50px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .subscribe__inner-14
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media (max-width: 575px) {
    .subscribe__inner-14
    {
        padding-left:20px;
        padding-right:20px
    }
}

.subscribe__form
{
    padding:0 35px
}

@media (max-width: 575px) {
    .subscribe__form
    {
        padding:0 10px
    }
}

.subscribe__form-list ul li
{
    list-style:none;
    margin-right:30px;
    display:inline-block
}

[dir=rtl] .subscribe__form-list ul li
{
    margin-right:0;
    margin-left:30px
}

.subscribe__form-list ul li:last-child
{
    margin-right:0
}

[dir=rtl] .subscribe__form-list ul li:last-child
{
    margin-left:0
}

.subscribe__form-list ul li span
{
    color:var(--tp-common-white);
    font:15px var(--tp-ff-roboto)
}

.subscribe__form-list ul li span i
{
    margin-right:5px
}

[dir=rtl] .subscribe__form-list ul li span i
{
    margin-right:0;
    margin-left:5px
}

.subscribe__form-14
{
    position:relative
}

.subscribe__form-14 input
{
    width:100%;
    height:60px;
    padding:0 26px;
    padding-right:180px;
    border:0;
    outline:0;
    background-color:var(--tp-common-white)
}

[dir=rtl] .subscribe__form-14 input
{
    padding-right:26px;
    padding-left:180px;
    text-align:right
}

@media (max-width: 575px) {
    .subscribe__form-14 input
    {
        padding-right:26px
    }

    [dir=rtl] .subscribe__form-14 input
    {
        padding-right:0;
        padding-left:26px
    }
}

.subscribe__form-14 button
{
    position:absolute;
    top:0;
    right:0;
    color:var(--tp-common-white);
    background-color:var(--tp-common-black);
    padding:17px 36px;
    font:700 15px var(--tp-ff-space)
}

[dir=rtl] .subscribe__form-14 button
{
    right:auto;
    left:0
}

@media (max-width: 575px) {
    .subscribe__form-14 button
    {
        position:static;
        margin-top:20px
    }
}

.subscribe__form-14 button:hover
{
    background-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.subscribe__shape-1
{
    position:absolute;
    z-index:-1;
    bottom:0;
    right:0
}

[dir=rtl] .subscribe__shape-1
{
    right:auto;
    left:0
}

.subscribe__shape-2
{
    position:absolute;
    z-index:-1;
    top:0;
    left:0
}

[dir=rtl] .subscribe__shape-2
{
    left:auto;
    right:0
}

.subscribe__shape-3
{
    position:absolute;
    left:0;
    top:0;
    width:100%
}

.subscribe__social
{
    animation-delay:.9s;
    animation-duration:1s
}

.subscribe__social a
{
    display:inline-block;
    width:44px;
    height:44px;
    line-height:44px;
    text-align:center;
    color:var(--tp-border-9);
    background-color:var(--tp-common-white);
    border-radius:50%;
    box-shadow:0 1px 2px 1px rgba(50,5,48,0.06);
    color:rgba(5,18,20,0.7);
    margin-right:1px
}

[dir=rtl] .subscribe__social a
{
    margin-right:0;
    margin-left:1px
}

.subscribe__social a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1)
}

.subscribe__thumb
{
    position:relative;
    animation-delay:.5s;
    animation-duration:1s;
    z-index:-1
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .subscribe__thumb
    {
        -webkit-transform:translateX(-170px);
        -moz-transform:translateX(-170px);
        -ms-transform:translateX(-170px);
        -o-transform:translateX(-170px);
        transform:translateX(-170px)
    }

    [dir=rtl] .subscribe__thumb
    {
        -webkit-transform:translateX(170px);
        -moz-transform:translateX(170px);
        -ms-transform:translateX(170px);
        -o-transform:translateX(170px);
        transform:translateX(170px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .subscribe__thumb
    {
        -webkit-transform:scale(0.8) translateY(122px) translateX(-320px);
        -moz-transform:scale(0.8) translateY(122px) translateX(-320px);
        -ms-transform:scale(0.8) translateY(122px) translateX(-320px);
        -o-transform:scale(0.8) translateY(122px) translateX(-320px);
        transform:scale(0.8) translateY(122px) translateX(-320px)
    }

    [dir=rtl] .subscribe__thumb
    {
        -webkit-transform:scale(0.8) translateY(122px) translateX(320px);
        -moz-transform:scale(0.8) translateY(122px) translateX(320px);
        -ms-transform:scale(0.8) translateY(122px) translateX(320px);
        -o-transform:scale(0.8) translateY(122px) translateX(320px);
        transform:scale(0.8) translateY(122px) translateX(320px)
    }
}

@media (max-width: 575px) {
    .subscribe__thumb
    {
        display:none
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .subscribe__thumb img
    {
        -webkit-transform:translate(-400px,200px) scale(0.6);
        -moz-transform:translate(-400px,200px) scale(0.6);
        -ms-transform:translate(-400px,200px) scale(0.6);
        -o-transform:translate(-400px,200px) scale(0.6);
        transform:translate(-400px,200px) scale(0.6)
    }

    [dir=rtl] .subscribe__thumb img
    {
        -webkit-transform:translate(400px,200px) scale(0.6);
        -moz-transform:translate(400px,200px) scale(0.6);
        -ms-transform:translate(400px,200px) scale(0.6);
        -o-transform:translate(400px,200px) scale(0.6);
        transform:translate(400px,200px) scale(0.6)
    }
}

.subscribe__thumb-animation-1,.subscribe__thumb-animation-2
{
    position:absolute;
    left:20%;
    top:24%;
    width:700px;
    height:700px;
    z-index:-1;
    border-radius:50%;
    background-color:rgba(255,255,255,0.1);
    -webkit-animation:tp-hotspot 3s infinite cubic-bezier(0.4,0,1,1);
    animation:tp-hotspot 3s infinite cubic-bezier(0.4,0,1,1);
    animation-delay:0
}

[dir=rtl] .subscribe__thumb-animation-1,[dir=rtl] .subscribe__thumb-animation-2
{
    left:auto;
    right:20%
}

.subscribe__thumb-animation-1
{
    animation-delay:1s
}

.pricing__item
{
    padding:40px 70px;
    background-color:rgba(255,255,255,0.1);
    backdrop-filter:blur(10px)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pricing__item
    {
        padding-left:20px;
        padding-right:20px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pricing__item
    {
        padding-left:45px;
        padding-right:45px
    }
}

@media (max-width: 575px) {
    .pricing__item
    {
        padding-left:25px;
        padding-right:25px
    }
}

.pricing__item.price-active .pricing__btn .tp-btn-border-pink-2
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-3);
    border-color:var(--tp-theme-3)
}

.pricing__item.price-active .pricing__btn .tp-btn-border-pink-2:hover
{
    color:var(--tp-common-black-5);
    border-color:var(--tp-common-white);
    background-color:var(--tp-common-white)
}

.pricing__item-5
{
    background-color:var(--tp-common-white);
    border-radius:10px;
    overflow:hidden;
    position:relative;
    height:100%
}

.pricing__item-5.has-popular .pricing__popular
{
    display:inline-block;
    position:absolute;
    top:0;
    right:0;
    width:100%;
    z-index:1
}

.pricing__item-5.has-popular .pricing__tag-5
{
    top:40px
}

.pricing__item-5.has-popular .pricing__btn-5 .tp-btn-grey
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-5)
}

.pricing__item-5.has-popular .pricing__btn-5 .tp-btn-grey:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black)
}

.pricing__feature
{
    position:relative;
    padding-right:40px
}

[dir=rtl] .pricing__feature
{
    padding-right:0;
    padding-left:40px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pricing__feature
    {
        padding-right:0
    }

    [dir=rtl] .pricing__feature
    {
        padding-left:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .pricing__feature
    {
        padding-right:0;
        margin-bottom:35px
    }

    [dir=rtl] .pricing__feature
    {
        padding-left:0
    }
}

.pricing__feature::after,.pricing__feature::before
{
    position:absolute;
    content:"";
    left:-55px;
    top:50%;
    width:1px;
    height:90px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background-color:var(--tp-common-white);
    opacity:.16
}

[dir=rtl] .pricing__feature::after,[dir=rtl] .pricing__feature::before
{
    left:auto;
    right:-55px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .pricing__feature::after,.pricing__feature::before
    {
        display:none
    }
}

.pricing__feature::after
{
    left:auto;
    right:-25px
}

[dir=rtl] .pricing__feature::after
{
    left:-25px;
    right:auto
}

.pricing__feature ul
{
    overflow:hidden
}

.pricing__feature ul li
{
    list-style:none;
    padding-left:30px;
    color:var(--tp-common-white-op-7);
    position:relative;
    margin-bottom:10px;
    font:15px var(--tp-ff-inter)
}

[dir=rtl] .pricing__feature ul li
{
    padding-left:0;
    padding-right:30px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .pricing__feature ul li
    {
        width:100%;
        float:inherit
    }
}

.pricing__feature ul li:last-child
{
    margin-bottom:0
}

.pricing__feature ul li:first-child
{
    margin-bottom:10px
}

.pricing__feature ul li::after
{
    position:absolute;
    content:"\f00c";
    left:0;
    top:4px;
    width:18px;
    height:18px;
    text-align:center;
    color:var(--tp-common-white);
    background-image:-webkit-linear-gradient(326.31deg,#0F9351 26.11%,#44C987 83.89%);
    background-image:-moz-linear-gradient(326.31deg,#0F9351 26.11%,#44C987 83.89%);
    background-image:-ms-linear-gradient(326.31deg,#0F9351 26.11%,#44C987 83.89%);
    background-image:-o-linear-gradient(326.31deg,#0F9351 26.11%,#44C987 83.89%);
    background-image:linear-gradient(326.31deg,#0F9351 26.11%,#44C987 83.89%);
    box-shadow:0 3px 6px rgba(15,147,81,0.4);
    border-radius:50%;
    font:700 9px/18px var(--tp-ff-fontawesome)
}

[dir=rtl] .pricing__feature ul li::after
{
    left:auto;
    right:0
}

.pricing__feature ul li.has-denied
{
    color:var(--tp-common-white-op-03)
}

.pricing__feature ul li.has-denied::after
{
    content:"\f00d";
    color:var(--tp-common-white);
    background:rgba(255,255,255,0.1);
    box-shadow:0 3px 6px rgba(3,4,28,0.2)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .pricing__feature-left
    {
        margin-bottom:12px
    }
}

.pricing__feature-5
{
    margin-bottom:45px
}

.pricing__feature-5 > p
{
    color:#84858D;
    margin-bottom:15px;
    font:400 14px var(--tp-ff-inter)
}

.pricing__feature-5 ul li
{
    letter-spacing:-.02em;
    color:#525258;
    list-style:none;
    position:relative;
    padding-left:35px;
    margin-bottom:12px;
    font:500 15px var(--tp-ff-inter)
}

[dir=rtl] .pricing__feature-5 ul li
{
    padding-left:0;
    padding-right:35px
}

.pricing__feature-5 ul li:last-child
{
    margin-bottom:0
}

.pricing__feature-5 ul li::after
{
    position:absolute;
    content:"\f00c";
    left:0;
    top:3px;
    width:20px;
    height:20px;
    text-align:center;
    color:var(--tp-common-white);
    background:linear-gradient(142.96deg,#22E17F 14.78%,#0EAC60 95.99%);
    box-shadow:0 1px 2px rgba(6,138,75,0.3);
    border-radius:50%;
    font:700 12px/20px var(--tp-ff-fontawesome)
}

[dir=rtl] .pricing__feature-5 ul li::after
{
    left:auto;
    right:0
}

.pricing__feature-info-item
{
    border-bottom:1px solid rgba(4,18,31,0.08)
}

.pricing__feature-info-content
{
    padding:30px 35px;
    border-right:1px solid rgba(4,18,31,0.08)
}

[dir=rtl] .pricing__feature-info-content
{
    border-right:0
}

.pricing__feature-info-content:hover .pricing__feature-info-tooltip
{
    visibility:visible;
    opacity:1;
    top:-78px
}

.pricing__feature-info-content:hover .pricing__feature-info-details span
{
    color:#8E959B
}

.pricing__feature-info-available
{
    width:33.33%;
    line-height:1;
    height:100%;
    padding:30px;
    border-right:1px solid rgba(4,18,31,0.08)
}

[dir=rtl] .pricing__feature-info-available
{
    border-right:0;
    border-left:1px solid rgba(4,18,31,0.08)
}

.pricing__feature-info-available:last-child
{
    border-right:0
}

[dir=rtl] .pricing__feature-info-available:last-child
{
    border-left:0
}

.pricing__feature-info-available:first-child
{
    border-right:1px solid rgba(4,18,31,0.08)
}

.pricing__feature-info-available p
{
    font-size:16px;
    color:var(--tp-common-black-11);
    margin-bottom:0
}

.pricing__feature-info-available p span
{
    display:inline-block;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    color:var(--tp-common-white);
    background:linear-gradient(142.96deg,#28D58A 14.78%,#2CAE76 95.99%);
    box-shadow:0 1px 2px rgba(6,138,75,0.3);
    border-radius:50%
}

.pricing__feature-info-available p span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.pricing__feature-info-details
{
    position:relative
}

.pricing__feature-info-details span
{
    color:#BCBFC2;
    margin-right:7px
}

[dir=rtl] .pricing__feature-info-details span
{
    margin-right:0;
    margin-left:7px
}

.pricing__feature-info-details span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.pricing__feature-info-details span:hover
{
    cursor:pointer
}

.pricing__feature-info-details:hover span
{
    color:#8E959B
}

.pricing__feature-info-tooltip
{
    position:absolute;
    top:-50px;
    left:-29px;
    min-width:286px;
    background-color:var(--tp-common-white);
    padding:13px 20px 15px;
    border-radius:14px;
    box-shadow:0 10px 30px rgba(4,11,17,0.14);
    visibility:hidden;
    opacity:0
}

[dir=rtl] .pricing__feature-info-tooltip
{
    left:auto;
    right:-29px
}

.pricing__feature-info-tooltip::after
{
    position:absolute;
    content:"";
    left:35px;
    bottom:0;
    width:18px;
    height:18px;
    background-color:var(--tp-common-white);
    -webkit-transform:rotate(45deg) translateY(50%);
    -moz-transform:rotate(45deg) translateY(50%);
    -ms-transform:rotate(45deg) translateY(50%);
    -o-transform:rotate(45deg) translateY(50%);
    transform:rotate(45deg) translateY(50%)
}

[dir=rtl] .pricing__feature-info-tooltip::after
{
    left:auto;
    right:35px
}

.pricing__feature-info-tooltip p
{
    font-size:14px;
    line-height:1.43;
    color:#525258;
    margin-bottom:0
}

.pricing__feature-info-text p
{
    font-size:16px;
    color:var(--tp-common-black-11);
    margin-bottom:0
}

.pricing__feature-item-wrapper
{
    border:1px solid rgba(4,18,31,0.08);
    border-top:0;
    border-bottom-left-radius:41px;
    border-bottom-right-radius:41px
}

.pricing__header
{
    min-height:240px;
    border-top-left-radius:41px;
    border-top-right-radius:41px;
    border-left:1px solid rgba(4,18,31,0.08);
    border-right:1px solid rgba(4,18,31,0.08)
}

.pricing__header-title
{
    letter-spacing:-.01em;
    color:var(--tp-common-black-11);
    margin-bottom:20px;
    font:600 30px var(--tp-ff-inter)
}

.pricing__header-content
{
    position:relative;
    padding:52px 35px;
    border-top:1px solid rgba(4,18,31,0.08);
    border-right:1px solid rgba(4,18,31,0.08);
    height:100%;
    border-top-left-radius:41px
}

[dir=rtl] .pricing__header-content
{
    border-top-left-radius:0;
    border-top-right-radius:41px;
    border-right:0
}

.pricing__header-content .pricing-header-shape
{
    position:absolute;
    bottom:19%;
    right:2%
}

[dir=rtl] .pricing__header-content .pricing-header-shape
{
    right:auto;
    left:2%
}

.pricing__header-top-wrapper .pricing__top-7
{
    border-top:1px solid rgba(4,18,31,0.08)
}

.pricing__header-top-wrapper .pricing__top-7:last-child
{
    border-top-right-radius:41px;
    border-right:0
}

[dir=rtl] .pricing__header-top-wrapper .pricing__top-7:last-child
{
    border-top-right-radius:0;
    border-top-left-radius:41px;
    border-left:0;
    border-right:1px solid rgba(4,18,31,0.08)
}

.pricing__category span
{
    color:var(--tp-common-white);
    display:inline-block;
    position:relative;
    padding-left:9px;
    margin-bottom:2px;
    font:700 20px var(--tp-ff-space)
}

[dir=rtl] .pricing__category span
{
    padding-left:0;
    padding-right:9px
}

.pricing__category span::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:2px;
    height:20px;
    background-color:var(--tp-common-green-2)
}

[dir=rtl] .pricing__category span::after
{
    left:auto;
    right:0
}

.pricing__category span.standard::after
{
    background-color:var(--tp-common-pink-2)
}

.pricing__category span.premium::after
{
    background-color:var(--tp-common-purple-2)
}

.pricing__title
{
    color:var(--tp-common-white);
    margin-bottom:0;
    font:46px var(--tp-ff-space)
}

.pricing__title .pricing-currency
{
    font-size:20px
}

.pricing__title-5
{
    letter-spacing:-.04em;
    margin-bottom:5px;
    font:500 60px var(--tp-ff-space)
}

.pricing__title-5 span
{
    font-weight:400;
    font-size:16px;
    color:#84858D;
    letter-spacing:-.01em
}

.pricing__title-7
{
    color:var(--tp-common-black-11);
    margin-bottom:12px;
    font:600 54px var(--tp-ff-inter)
}

.pricing__title-wrapper p
{
    color:var(--tp-common-black);
    margin-bottom:0;
    font:500 18px var(--tp-ff-inter)
}

.pricing__title-wrapper-7 p
{
    font-size:15px;
    line-height:1.33;
    color:#525258;
    margin-bottom:0
}

.pricing__shape-1
{
    position:absolute;
    top:1%;
    left:10%;
    z-index:-1
}

[dir=rtl] .pricing__shape-1
{
    left:auto;
    right:0;
    width:100%
}

@media only screen and (min-width: 1700px) and (max-width: 1899px),only screen and (min-width: 1600px) and (max-width: 1699px) {
    .pricing__shape-1
    {
        left:0
    }

    [dir=rtl] .pricing__shape-1
    {
        left:auto;
        right:0
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .pricing__shape-1
    {
        left:0;
        width:100%
    }
}

.pricing__shape-2
{
    position:absolute;
    z-index:-1;
    bottom:37%;
    left:13%;
    -webkit-animation:tpupdown 1s infinite alternate;
    animation:tpupdown 1s infinite alternate
}

.pricing__shape-3
{
    position:absolute;
    z-index:-1;
    top:6%;
    left:30%;
    -webkit-animation:tpleftright 1s infinite alternate;
    animation:tpleftright 1s infinite alternate
}

.pricing__shape-4
{
    position:absolute;
    z-index:-1;
    top:2%;
    right:4%;
    -webkit-animation:tpupdown 1s infinite alternate;
    animation:tpupdown 1s infinite alternate
}

.pricing__shape-5
{
    position:absolute;
    z-index:-1;
    top:35%;
    right:16%;
    -webkit-animation:tprotate 2s infinite alternate;
    animation:tprotate 2s infinite alternate
}

.pricing__shape-6
{
    position:absolute;
    z-index:-1;
    bottom:0;
    left:0
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .pricing__content
    {
        margin-bottom:35px
    }
}

.pricing__content-5
{
    border:1px solid rgba(4,18,31,0.08);
    border-top:0;
    padding:30px 40px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    height:100%
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pricing__content-5
    {
        padding-left:20px;
        padding-right:20px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .pricing__content-5
    {
        margin-bottom:40px
    }
}

@media (max-width: 575px) {
    .pricing__content-5
    {
        padding-left:20px;
        padding-right:20px
    }
}

.pricing__content-5-inner
{
    height:100%
}

.pricing__icon-5
{
    margin-bottom:35px
}

.pricing__icon-5 img
{
    mix-blend-mode:darken;
    height:100px
}

.pricing__tag-5
{
    position:absolute;
    top:20px;
    right:20px;
    z-index:1
}

[dir=rtl] .pricing__tag-5
{
    right:auto;
    left:20px
}

.pricing__tag-5 span
{
    display:inline-block;
    background:var(--tp-common-white);
    box-shadow:0 1px 2px rgba(3,4,28,0.1);
    border-radius:14px;
    text-align:center;
    color:var(--tp-common-black);
    padding:0 19px;
    font:500 13px var(--tp-ff-inter)
}

.pricing__tag-7
{
    margin-bottom:13px
}

.pricing__tag-7 span
{
    font-size:18px;
    color:var(--tp-common-black-11)
}

.pricing__top-5
{
    padding:35px 40px 36px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pricing__top-5
    {
        padding-left:20px;
        padding-right:20px
    }
}

@media (max-width: 575px) {
    .pricing__top-5
    {
        padding-left:20px;
        padding-right:20px
    }
}

.pricing__top-7
{
    padding-top:40px;
    padding-bottom:44px;
    width:33.33%;
    border-right:1px solid rgba(4,18,31,0.08)
}

.pricing__popular
{
    display:none;
    background-color:var(--tp-theme-5);
    padding:4px 0
}

.pricing__popular p
{
    margin-bottom:0;
    text-align:center;
    letter-spacing:.06em;
    color:#FFF;
    font:700 12px/1 var(--tp-ff-inter)
}

.pricing__popular-2
{
    position:absolute;
    top:-2px;
    left:50%;
    -webkit-transform:translateX(-50px);
    -moz-transform:translateX(-50px);
    -ms-transform:translateX(-50px);
    -o-transform:translateX(-50px);
    transform:translateX(-50px)
}

.pricing__popular-2 span
{
    text-align:center;
    text-transform:uppercase;
    color:var(--tp-common-white);
    background-color:#FF9F39;
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px;
    display:inline-block;
    padding:7px 10px;
    font:700 12px/1 var(--tp-ff-inter)
}

.pricing__tab-nav
{
    padding:8px;
    background-color:var(--tp-grey-11);
    border-radius:10px;
    width:356px
}

@media (max-width: 366px) {
    .pricing__tab-nav
    {
        width:100%
    }
}

.pricing__tab-nav .nav-link
{
    background-color:transparent;
    color:var(--tp-text-1);
    padding:6px 27px;
    padding-right:14px;
    border-radius:10px;
    border:0;
    font:500 14px var(--tp-ff-inter)
}

[dir=rtl] .pricing__tab-nav .nav-link
{
    padding-right:44px;
    padding-left:0
}

.pricing__tab-nav .nav-link span
{
    font-weight:700;
    font-size:13px;
    color:#F46A35;
    padding:4px 7px;
    border-radius:30px;
    background:rgba(244,106,53,0.1);
    display:inline-block;
    line-height:1;
    margin-left:5px
}

[dir=rtl] .pricing__tab-nav .nav-link span
{
    margin-left:0;
    margin-right:5px
}

.pricing__tab-nav .nav-link:first-child
{
    padding-right:29px
}

[dir=rtl] .pricing__tab-nav .nav-link:first-child
{
    padding-right:0;
    padding-left:29px
}

.pricing__tab-nav .nav-link.active
{
    background-color:transparent;
    color:var(--tp-common-black)
}

.pricing__tab-nav .price-tab-slide
{
    position:relative;
    z-index:1
}

.pricing__tab-nav .price-tab-slide:hover
{
    cursor:pointer
}

.pricing__tab-nav .price-tab-slide label:hover
{
    cursor:pointer
}

.pricing__tab-nav .price-tab-slide #price-tab-check
{
    display:none
}

.pricing__tab-nav .price-tab-slide #price-tab-check:checked + i
{
    right:190px;
    width:150px
}

[dir=rtl] .pricing__tab-nav .price-tab-slide #price-tab-check:checked + i
{
    right:auto;
    left:190px
}

@media (max-width: 366px) {
    .pricing__tab-nav .price-tab-slide #price-tab-check:checked + i
    {
        bottom:38px;
        right:0;
        width:100%
    }

    [dir=rtl] .pricing__tab-nav .price-tab-slide #price-tab-check:checked + i
    {
        left:0;
        right:auto
    }
}

.pricing__tab-nav .price-tab-slide i
{
    position:absolute;
    top:0;
    right:0;
    width:175px;
    height:38px;
    color:var(--tp-common-black);
    background-color:var(--tp-common-white);
    box-shadow:0 1px 4px rgba(0,20,90,0.1);
    border-radius:10px;
    -webkit-transform:translate3d(0,0);
    transform:translate3d(0,0);
    -webkit-transition:.2s cubic-bezier(0.25,1,0.5,1);
    -o-transition:.2s cubic-bezier(0.25,1,0.5,1);
    transition:.2s cubic-bezier(0.25,1,0.5,1);
    z-index:-1
}

[dir=rtl] .pricing__tab-nav .price-tab-slide i
{
    left:0;
    right:auto
}

@media (max-width: 366px) {
    .pricing__tab-nav .price-tab-slide i
    {
        width:100%;
        top:auto;
        bottom:0
    }
}

.pricing__btn .tp-btn-border-3
{
    font-size:16px;
    padding:17px 31px
}

.pricing__btn .tp-btn-border-3:hover
{
    color:var(--tp-common-white);
    border-color:var(--tp-theme-3);
    background-color:var(--tp-theme-3)
}

.pricing__btn-7
{
    border-right:1px solid rgba(4,18,31,0.08);
    width:33.33%;
    padding:40px 20px 37px
}

.pricing__btn-7:last-child
{
    border:0
}

[dir=rtl] .pricing__btn-7:last-child
{
    border-right:1px solid rgba(4,18,31,0.08)
}

[dir=rtl] .pricing__btn-7:first-child
{
    border:0
}

.pricing__btn-7.price-active .tp-btnr-border-2
{
    background-color:var(--tp-theme-7);
    border-color:var(--tp-theme-7);
    color:var(--tp-common-white)
}

.pricing__btn-7.price-active .tp-btnr-border-2:hover
{
    background-color:var(--tp-common-yellow-3);
    border-color:var(--tp-common-yellow-3);
    color:var(--tp-common-black)
}

.pricing__btn-7 .tp-btnr-border-2:hover
{
    background-color:var(--tp-theme-7);
    border-color:var(--tp-theme-7);
    color:var(--tp-common-white)
}

.pricing__btn-7 .tp-btnr-border-2::after
{
    display:none
}

.pricing__table
{
    overflow:hidden
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .pricing__table
    {
        overflow-x:scroll
    }
}

.pricing__table-wrapper
{
    border-radius:41px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .pricing__table-wrapper
    {
        width:1120px
    }
}

.pricing__footer-content
{
    height:100%;
    border-right:1px solid rgba(4,18,31,0.08)
}

[dir=rtl] .pricing__footer-content
{
    border-right:0;
    border-left:1px solid rgba(4,18,31,0.08)
}

.pricing__style-2 .tp-btn-11:hover
{
    background-color:var(--tp-theme-1)
}

.pricing__style-2 .tp-btnr-border-2
{
    border-radius:0;
    border-width:1px;
    padding:11px 33px 11px 36px
}

.pricing__style-2 .tp-btnr-border-2:hover
{
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.pricing__style-2 .pricing__btn-7.price-active .tp-btnr-border-2
{
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.pricing__style-2 .pricing__btn-7.price-active .tp-btnr-border-2:hover
{
    background-color:var(--tp-common-black);
    border-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

.pricing__style-2 .pricing-header-shape
{
    bottom:8%;
    right:3%
}

.pricing__style-2 .pricing__feature-item-wrapper
{
    border-radius:0
}

.pricing__style-2 .pricing__header
{
    background-color:#F5F5F8;
    border-radius:0
}

.pricing__style-2 .pricing__header-content
{
    border-radius:0
}

.pricing__style-2 .pricing__header-top-wrapper .pricing__top-7:last-child
{
    border-radius:0
}

.pricing__style-2 .pricing__popular-2 span
{
    background-color:#6364DB
}

.pricing__style-2 .pricing__tag-7 span
{
    color:var(--tp-theme-1)
}

.review__inner
{
    position:relative;
    z-index:1;
    margin-left:260px;
    margin-right:260px;
    background:rgba(255,255,255,0.06)
}

@media only screen and (min-width: 1700px) and (max-width: 1899px) {
    .review__inner
    {
        margin-left:200px;
        margin-right:200px
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
    .review__inner
    {
        margin-left:100px;
        margin-right:100px
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .review__inner
    {
        margin-left:70px;
        margin-right:70px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .review__inner
    {
        margin-left:40px;
        margin-right:40px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .review__inner
    {
        margin-left:15px;
        margin-right:15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .review__inner
    {
        margin-left:15px;
        margin-right:15px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .review__inner
    {
        margin-left:10px;
        margin-right:10px
    }
}

.review__person ul
{
    display:flex;
    align-items:center
}

.review__person ul li
{
    list-style:none;
    margin-left:-15px
}

[dir=rtl] .review__person ul li
{
    margin-left:0;
    margin-right:-15px
}

.review__person ul li:first-child
{
    margin-left:0
}

[dir=rtl] .review__person ul li:first-child
{
    margin-right:0
}

.review__person ul li span
{
    display:inline-block;
    width:50px;
    height:50px;
    text-align:center;
    color:var(--tp-common-white);
    font:700 16px/42px var(--tp-ff-space)
}

.review__person ul li span img
{
    width:50px;
    height:50px;
    border-radius:50%;
    border:4px solid var(--tp-common-black-6)
}

.review__person ul li:last-child span
{
    border:4px solid var(--tp-common-black-6);
    background-image:-webkit-linear-gradient(47.17deg,#F06FF3 9.62%,#31A8FF 89.45%);
    background-image:-moz-linear-gradient(47.17deg,#F06FF3 9.62%,#31A8FF 89.45%);
    background-image:-ms-linear-gradient(47.17deg,#F06FF3 9.62%,#31A8FF 89.45%);
    background-image:-o-linear-gradient(47.17deg,#F06FF3 9.62%,#31A8FF 89.45%);
    background-image:linear-gradient(47.17deg,#F06FF3 9.62%,#31A8FF 89.45%);
    border-radius:50%
}

.review__person p
{
    color:var(--tp-common-white);
    opacity:.6;
    text-transform:uppercase;
    margin-bottom:0;
    margin-left:5px;
    font:600 11px/1.5 var(--tp-ff-inter)
}

[dir=rtl] .review__person p
{
    margin-left:0;
    margin-right:5px
}

@media (max-width: 575px) {
    .review__skill
    {
        margin-top:30px
    }
}

.review__skill-score
{
    text-align:right
}

.review__skill-score p
{
    color:var(--tp-common-white);
    margin-bottom:15px;
    font:700 16px/1 var(--tp-ff-space)
}

.review__skill-score p span
{
    font-size:100px;
    margin-bottom:0
}

.review__skill-item
{
    padding:22px 30px;
    background-image:-webkit-linear-gradient(87.58deg,#F87171 0.25%,#FACC15 42.09%,#4ADE80 63.34%,#38BDF8 97.01%);
    background-image:-moz-linear-gradient(87.58deg,#F87171 0.25%,#FACC15 42.09%,#4ADE80 63.34%,#38BDF8 97.01%);
    background-image:-ms-linear-gradient(87.58deg,#F87171 0.25%,#FACC15 42.09%,#4ADE80 63.34%,#38BDF8 97.01%);
    background-image:-o-linear-gradient(87.58deg,#F87171 0.25%,#FACC15 42.09%,#4ADE80 63.34%,#38BDF8 97.01%);
    background-image:linear-gradient(87.58deg,#F87171 0.25%,#FACC15 42.09%,#4ADE80 63.34%,#38BDF8 97.01%);
    -moz-animation:reviewbg 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:reviewbg 3s ease-in-out 1s forwards infinite alternate;
    animation:reviewbg 3s ease-in-out 1s forwards infinite alternate;
    background-size:150% 150%
}

.review__skill-item p
{
    margin-bottom:0;
    color:var(--tp-common-white);
    font:600 16px var(--tp-ff-inter)
}

@media (max-width: 575px) {
    .review__skill-item-sm
    {
        margin-left:0;
        margin-bottom:15px
    }

    [dir=rtl] .review__skill-item-sm
    {
        margin-right:0
    }
}

.review__skill-item-sm p
{
    color:var(--tp-common-white);
    margin-bottom:0;
    margin-right:15px;
    font:600 15px var(--tp-ff-inter)
}

[dir=rtl] .review__skill-item-sm p
{
    margin-right:0;
    margin-left:15px
}

.review__skill-item-sm-bar
{
    background-image:-webkit-linear-gradient(87.58deg,#F87171 0.25%,#FACC15 42.09%,#4ADE80 63.34%,#38BDF8 97.01%);
    background-image:-moz-linear-gradient(87.58deg,#F87171 0.25%,#FACC15 42.09%,#4ADE80 63.34%,#38BDF8 97.01%);
    background-image:-ms-linear-gradient(87.58deg,#F87171 0.25%,#FACC15 42.09%,#4ADE80 63.34%,#38BDF8 97.01%);
    background-image:-o-linear-gradient(87.58deg,#F87171 0.25%,#FACC15 42.09%,#4ADE80 63.34%,#38BDF8 97.01%);
    background-image:linear-gradient(87.58deg,#F87171 0.25%,#FACC15 42.09%,#4ADE80 63.34%,#38BDF8 97.01%);
    height:20px;
    width:220px;
    -moz-animation:reviewbg 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:reviewbg 3s ease-in-out 1s forwards infinite alternate;
    animation:reviewbg 3s ease-in-out 1s forwards infinite alternate;
    background-size:150% 150%
}

@media (max-width: 575px) {
    .review__skill-item-xs
    {
        margin-left:0
    }

    [dir=rtl] .review__skill-item-xs
    {
        margin-right:0
    }
}

.review__skill-item-xs p
{
    color:var(--tp-common-white);
    margin-bottom:0;
    margin-right:15px;
    opacity:.5;
    font:600 15px var(--tp-ff-inter)
}

[dir=rtl] .review__skill-item-xs p
{
    margin-right:0;
    margin-left:15px
}

.review__skill-item-xs-bar
{
    border-radius:2px;
    width:130px;
    height:20px;
    background-color:var(--tp-common-white);
    opacity:.2
}

.review__shape-1
{
    position:absolute;
    z-index:-1;
    top:-11%;
    left:6%;
    -moz-animation:tprotate 7s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tprotate 7s ease-in-out 1s forwards infinite alternate;
    animation:tprotate 7s ease-in-out 1s forwards infinite alternate
}

.review__shape-2
{
    position:absolute;
    z-index:-1;
    top:12%;
    right:-2%;
    -moz-animation:tptranslateY2 5s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateY2 5s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateY2 5s ease-in-out 1s forwards infinite alternate
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .review__shape-2
    {
        right:0
    }
}

.review__shape-3
{
    position:absolute;
    z-index:-1;
    top:18%;
    right:3%;
    -moz-animation:tptranslateY2 4s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateY2 4s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateY2 4s ease-in-out 1s forwards infinite alternate
}

.review__shape-4
{
    position:absolute;
    z-index:-1;
    bottom:-3%;
    right:30%
}

.review__shape-5
{
    position:absolute;
    z-index:-1;
    top:31%;
    right:40%
}

.review__shape-6
{
    position:absolute;
    z-index:-1;
    top:10%;
    left:14%
}

.review__shape-7
{
    position:absolute;
    z-index:-1;
    top:-5%;
    left:6%
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .review__shape-7
    {
        left:0;
        width:100%
    }
}

@-webkit-keyframes reviewbg {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@-moz-keyframes reviewbg {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@-ms-keyframes reviewbg {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

@keyframes reviewbg {
    0%
    {
        background-position:0
    }

    100%
    {
        background-position:100%
    }
}

.instagram__item
{
    position:relative;
    overflow:hidden;
    z-index:1
}

.instagram__item::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:var(--tp-common-black);
    visibility:hidden;
    opacity:0
}

.instagram__item:hover::after
{
    opacity:.6;
    visibility:visible
}

.instagram__item:hover .instagram__btn
{
    top:50%;
    visibility:visible;
    opacity:1
}

.instagram__btn
{
    position:absolute;
    top:60%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    visibility:hidden;
    opacity:0;
    z-index:1
}

.tp-instagram-btn
{
    font-size:24px;
    color:var(--tp-common-white);
    display:inline-block;
    width:80px;
    height:80px;
    text-align:center;
    line-height:76px;
    position:relative;
    z-index:1;
    overflow:hidden;
    border-radius:50%;
    border:2px solid rgba(255,255,255,0.2);
    background-color:transparent
}

.tp-instagram-btn:hover
{
    color:var(--tp-common-black);
    border-color:transparent;
    background-color:var(--tp-common-white)
}

.case__price span
{
    display:inline-block;
    color:var(--tp-theme-4);
    margin-bottom:2px;
    position:relative;
    padding-left:14px;
    font:700 20px var(--tp-ff-space)
}

[dir=rtl] .case__price span
{
    padding-left:0;
    padding-right:14px
}

.case__price span::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    width:6px;
    height:6px;
    background-color:var(--tp-theme-4);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    border-radius:50%
}

[dir=rtl] .case__price span::after
{
    left:auto;
    right:0
}

.case__title
{
    font-weight:700;
    font-size:26px;
    letter-spacing:-.02em
}

.case__title a:hover
{
    color:var(--tp-theme-4)
}

.case__content
{
    background-color:var(--tp-common-white);
    padding:35px 40px 40px;
    padding-right:50px;
    margin-right:50px;
    position:relative;
    z-index:1;
    box-shadow:0 14px 30px rgba(3,4,28,0.08);
    -webkit-transform:translateY(-60px);
    -moz-transform:translateY(-60px);
    -ms-transform:translateY(-60px);
    -o-transform:translateY(-60px);
    transform:translateY(-60px)
}

[dir=rtl] .case__content
{
    margin-right:0;
    margin-left:50px
}

@media (max-width: 575px) {
    .case__content
    {
        padding-left:20px;
        padding-right:20px;
        margin-right:0
    }

    [dir=rtl] .case__content
    {
        margin-left:0
    }
}

.case__content p
{
    margin-bottom:25px;
    font:14px/20px var(--tp-ff-inter)
}

.case__content:hover
{
    -webkit-transform:translateY(-80px);
    -moz-transform:translateY(-80px);
    -ms-transform:translateY(-80px);
    -o-transform:translateY(-80px);
    transform:translateY(-80px)
}

.video__content
{
    padding:0 40px;
    position:relative;
    z-index:1
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .video__content
    {
        padding-left:0;
        padding-right:0
    }
}

.video__content-2
{
    padding:0 35px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .video__content-2
    {
        padding-left:20px;
        padding-right:20px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .video__content-2
    {
        padding-left:0;
        padding-right:0
    }
}

.video__content-2 > span
{
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--tp-common-white);
    display:inline-block;
    margin-bottom:20px;
    font:500 14px var(--tp-ff-space)
}

.video__content-8
{
    position:relative;
    z-index:1;
    padding-left:110px;
    padding-right:110px
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .video__content-8
    {
        padding-left:40px;
        padding-right:40px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .video__content-8
    {
        padding-left:80px;
        padding-right:80px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .video__content-8
    {
        padding-left:50px;
        padding-right:50px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .video__content-8
    {
        padding-left:40px;
        padding-right:40px
    }
}

@media (max-width: 575px) {
    .video__content-8
    {
        padding-left:20px;
        padding-right:20px
    }
}

.video__title
{
    color:var(--tp-common-white);
    margin-bottom:50px;
    font:60px/1 var(--tp-ff-space)
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .video__title
    {
        font-size:50px
    }
}

@media (max-width: 575px) {
    .video__title
    {
        font-size:30px
    }
}

.video__title-2
{
    font-size:50px;
    line-height:1;
    letter-spacing:-.04em;
    color:var(--tp-common-white)
}

@media (max-width: 575px) {
    .video__title-2
    {
        font-size:30px
    }
}

.video__play
{
    margin-bottom:15px
}

.video__play-2
{
    margin-bottom:42px
}

.video__play-btn
{
    display:inline-block;
    width:80px;
    height:80px;
    line-height:80px;
    text-align:center;
    border-radius:50%;
    position:relative;
    z-index:1;
    background-color:transparent
}

.video__play-btn .video-play-bg
{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:-webkit-linear-gradient(45deg,#C6471A 15%,#FFAD91 85.5%);
    background-image:-moz-linear-gradient(45deg,#C6471A 15%,#FFAD91 85.5%);
    background-image:-ms-linear-gradient(45deg,#C6471A 15%,#FFAD91 85.5%);
    background-image:-o-linear-gradient(45deg,#C6471A 15%,#FFAD91 85.5%);
    background-image:linear-gradient(45deg,#C6471A 15%,#FFAD91 85.5%);
    border-radius:50%;
    box-shadow:0 2px 2px rgba(136,39,6,0.3)
}

.video__play-btn img
{
    position:absolute;
    top:53%;
    left:53%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

.video__play-btn:hover .video-play-bg
{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}

.video__play-btn-8
{
    position:relative
}

.video__play-btn-8 .video-play-bg
{
    box-shadow:0 2px 2px rgba(136,39,6,0.3)
}

.video__play-btn-2
{
    width:84px;
    height:84px;
    line-height:84px;
    text-align:center;
    color:var(--tp-theme-1);
    box-shadow:0 0 50px rgba(3,4,28,0.1);
    border-radius:50%
}

.video__play-btn-2 svg
{
    -webkit-transform:translate(4px,-2px);
    -moz-transform:translate(4px,-2px);
    -ms-transform:translate(4px,-2px);
    -o-transform:translate(4px,-2px);
    transform:translate(4px,-2px)
}

.video__play-btn-2 .video-play-bg
{
    background-image:-webkit-linear-gradient(164.71deg,#FFF 8.83%,#EAEAEF 128.86%);
    background-image:-moz-linear-gradient(164.71deg,#FFF 8.83%,#EAEAEF 128.86%);
    background-image:-ms-linear-gradient(164.71deg,#FFF 8.83%,#EAEAEF 128.86%);
    background-image:-o-linear-gradient(164.71deg,#FFF 8.83%,#EAEAEF 128.86%);
    background-image:linear-gradient(164.71deg,#FFF 8.83%,#EAEAEF 128.86%)
}

.video__play-btn-2:hover
{
    color:var(--tp-theme-1)
}

.video__inner-8
{
    position:relative;
    box-shadow:0 50px 60px rgba(12,15,33,0.9)
}

.video__inner-8::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(12,15,33,0.4)
}

.video__overlay
{
    position:relative;
    z-index:1
}

.video__overlay::after
{
    position:absolute;
    content:"";
    left:0;
    bottom:0;
    width:100%;
    height:50%;
    background-color:var(--tp-common-black-12);
    z-index:-1
}

.video__bg
{
    background-image:-webkit-linear-gradient(173.39deg,#6364DB -16.2%,#4D4ECC 101.3%);
    background-image:-moz-linear-gradient(173.39deg,#6364DB -16.2%,#4D4ECC 101.3%);
    background-image:-ms-linear-gradient(173.39deg,#6364DB -16.2%,#4D4ECC 101.3%);
    background-image:-o-linear-gradient(173.39deg,#6364DB -16.2%,#4D4ECC 101.3%);
    background-image:linear-gradient(173.39deg,#6364DB -16.2%,#4D4ECC 101.3%)
}

.video__bg-shape
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    mix-blend-mode:luminosity;
    z-index:-1
}

.video__pt-183
{
    padding-top:183px
}

.video__pb-223
{
    padding-bottom:223px
}

@media (max-width: 575px) {
    .video__pb-223
    {
        padding-bottom:160px
    }
}

.video__shape-1
{
    position:absolute;
    top:16%;
    left:15%;
    z-index:-1;
    -moz-animation:tptranslateX 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateX 3s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateX 3s ease-in-out 1s forwards infinite alternate
}

.video__shape-2
{
    position:absolute;
    bottom:28%;
    right:8%;
    z-index:-1;
    -moz-animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate
}

.history__thumb
{
    position:relative;
    z-index:-2
}

@media (max-width: 575px) {
    .history__thumb img
    {
        width:100%
    }
}

[dir=rtl] .history__thumb-wrapper
{
    padding-right:0;
    padding-left:70px
}

@media (max-width: 575px) {
    .history__thumb-wrapper
    {
        padding-right:0
    }

    [dir=rtl] .history__thumb-wrapper
    {
        padding-left:0
    }
}

.history__thumb-right
{
    position:relative;
    color:var(--tp-common-white);
    padding:255px 86px 75px 28px;
    margin-top:100px;
    text-align:center;
    color:#fff;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    width:230px;
    height:370px;
    font:700 60px/40px var(--tp-ff-space)
}

.history__thumb-right-wrapper
{
    margin-left:-100px;
    position:relative
}

[dir=rtl] .history__thumb-right-wrapper
{
    margin-left:0;
    margin-right:-100px
}

@media (max-width: 575px) {
    .history__thumb-right-wrapper
    {
        margin-left:65px
    }

    [dir=rtl] .history__thumb-right-wrapper
    {
        margin-left:0;
        margin-right:65px
    }
}

.history__thumb-right-wrapper .history-thumb-text
{
    position:absolute;
    bottom:5%;
    left:36px;
    z-index:1
}

[dir=rtl] .history__thumb-right-wrapper .history-thumb-text
{
    left:auto;
    right:36px
}

.history__thumb-right-wrapper .history-thumb-text p
{
    color:#fff;
    opacity:.8;
    font:500 14px var(--tp-ff-inter)
}

[dir=rtl] .history__thumb-right
{
    padding-left:86px;
    padding-right:28px
}

@media (max-width: 575px) {
    .history__thumb-right
    {
        margin-top:-70px;
        height:270px;
        padding-top:155px
    }
}

.history__thumb-right::after,.history__thumb-right::before
{
    position:absolute;
    content:""
}

.history__thumb-right::before
{
    z-index:-2;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-image:inherit
}

.history__thumb-right::after
{
    position:absolute;
    z-index:-1;
    content:"";
    left:10px;
    top:10px;
    right:10px;
    bottom:10px;
    background-color:rgba(54,93,192,0.9);
    backdrop-filter:blur(14px)
}

.history__year
{
    flex:0 0 auto
}

.history__year-title
{
    color:var(--tp-text-1);
    margin-bottom:0;
    margin-top:5px;
    margin-right:24px;
    padding-right:30px;
    position:relative;
    font:500 14px var(--tp-ff-inter)
}

[dir=rtl] .history__year-title
{
    margin-right:0;
    padding-left:0;
    margin-left:24px;
    padding-left:30px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .history__list
    {
        padding-right:0
    }

    [dir=rtl] .history__list
    {
        padding-left:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .history__list
    {
        padding-right:0;
        padding-left:0;
        margin-top:50px
    }
}

.history__list-item
{
    margin-bottom:50px
}

.history__list-item:last-child
{
    margin-bottom:0
}

.history__list-item:last-child .history__list-content::after
{
    display:none
}

.history__list-content
{
    position:relative
}

.history__list-content::after
{
    position:absolute;
    content:"";
    left:-30px;
    top:37px;
    width:1px;
    height:100%;
    background-color:#EAEAEF
}

[dir=rtl] .history__list-content::after
{
    left:auto;
    right:-30px
}

.history__list-content > p
{
    margin-bottom:20px;
    font:15px/20px var(--tp-ff-inter)
}

.history__list-dot
{
    position:absolute;
    top:4px;
    left:-25px
}

[dir=rtl] .history__list-dot
{
    left:auto;
    right:-25px
}

.history__list-dot span
{
    display:inline-block;
    position:absolute;
    content:"";
    right:0;
    top:4px;
    width:10px;
    height:10px;
    background:linear-gradient(180deg,#0CCEBA 0%,#017266 100%);
    box-shadow:0 1px 2px rgba(14,53,49,0.2);
    border-radius:50%
}

[dir=rtl] .history__list-dot span
{
    right:auto;
    left:0
}

.history__list-dot span::before
{
    position:absolute;
    content:"";
    right:-7px;
    top:-7px;
    width:24px;
    height:24px;
    background:rgba(21,165,150,0.1019607843);
    border-radius:50%;
    -webkit-animation:pulse-2 1.75s cubic-bezier(0.4,0,0.2,1) infinite;
    animation:pulse-2 1.75s cubic-bezier(0.4,0,0.2,1) infinite
}

[dir=rtl] .history__list-dot span::before
{
    right:auto;
    left:-7px
}

.history__list-title
{
    letter-spacing:-.04em;
    margin-bottom:8px;
    font:700 24px var(--tp-ff-space)
}

.history__list-meta span
{
    display:inline-block;
    padding:0 13px;
    color:var(--tp-text-1);
    background-color:var(--tp-grey-9);
    border-radius:20px;
    font:500 14px var(--tp-ff-space)
}

.history__list-meta span:hover
{
    background-color:var(--tp-theme-4);
    color:var(--tp-common-white)
}

.contact__wrapper > p
{
    color:var(--tp-common-black);
    margin-bottom:50px;
    font:20px var(--tp-ff-space)
}

.contact__wrapper-2
{
    margin-right:-30px
}

[dir=rtl] .contact__wrapper-2
{
    margin-right:0;
    margin-left:-30px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .contact__wrapper-2
    {
        margin-bottom:30px;
        margin-right:0
    }

    [dir=rtl] .contact__wrapper-2
    {
        margin-left:0
    }
}

.contact__form
{
    padding:50px;
    border:2px solid var(--tp-border-5)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px) {
    .contact__form
    {
        margin-left:0
    }

    [dir=rtl] .contact__form
    {
        margin-right:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .contact__form
    {
        margin-left:0;
        margin-top:50px;
        padding:25px
    }

    [dir=rtl] .contact__form
    {
        margin-right:0
    }
}

.contact__form-2
{
    padding:73px 100px 95px;
    border:2px solid #EAEAEF;
    background-color:var(--tp-common-white)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .contact__form-2
    {
        padding:43px 50px 55px
    }
}

@media (max-width: 575px) {
    .contact__form-2
    {
        padding:20px
    }
}

.contact__form-2-title
{
    font-weight:500;
    font-size:30px;
    letter-spacing:-.04em;
    margin-bottom:30px
}

@media (max-width: 575px) {
    .contact__form-2-title
    {
        font-size:22px;
        margin-bottom:15px
    }
}

.contact__form-3
{
    padding:60px 50px 70px;
    background-color:var(--tp-common-white);
    box-shadow:0 2px 4px rgba(3,4,28,0.1)
}

[dir=rtl] .contact__form-3
{
    margin-left:0;
    margin-right:70px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .contact__form-3
    {
        margin-left:0
    }

    [dir=rtl] .contact__form-3
    {
        margin-right:0
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .contact__form-3
    {
        padding:60px 25px 70px 30px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
    .contact__form-9
    {
        padding-left:0
    }

    [dir=rtl] .contact__form-9
    {
        padding-right:0
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .contact__form-9
    {
        margin-top:40px;
        padding-left:0
    }

    [dir=rtl] .contact__form-9
    {
        padding-right:0
    }
}

.contact__form-9-title
{
    color:var(--tp-common-black);
    margin-bottom:55px;
    font:700 30px var(--tp-ff-syne)
}

.contact__form-11
{
    padding:50px 45px;
    background-color:var(--tp-common-white);
    box-shadow:0 1px 3px rgba(5,18,20,0.06);
    animation-delay:.6s;
    animation-duration:1s
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .contact__form-11
    {
        margin-left:0
    }
}

@media (max-width: 575px) {
    .contact__form-11
    {
        margin-left:0;
        padding:30px 25px
    }

    [dir=rtl] .contact__form-11
    {
        margin-right:0
    }
}

.contact__form-call
{
    display:none
}

[dir=rtl] .contact__form-call
{
    text-align:left
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .contact__form-call
    {
        margin-top:15px
    }
}

.contact__form-call span
{
    display:inline-block;
    color:#636363;
    font:500 13px/1 var(--tp-ff-space)
}

.contact__form-call p
{
    color:var(--tp-theme-1);
    margin-bottom:0;
    font:500 16px/.1 var(--tp-ff-space)
}

.contact__icon
{
    margin-bottom:37px;
    min-height:80px
}

.contact__input
{
    margin-bottom:20px
}

.contact__input input,.contact__input textarea
{
    width:100%;
    height:60px;
    border:2px solid var(--tp-grey-7);
    outline:0;
    background-color:var(--tp-grey-7);
    color:var(--tp-common-black);
    font-family:var(--tp-ff-inter);
    padding:0 25px
}

.contact__input input::-webkit-input-placeholder,.contact__input textarea::-webkit-input-placeholder
{
    color:var(--tp-text-10);
    font-family:var(--tp-ff-inter)
}

.contact__input input:-moz-placeholder,.contact__input textarea:-moz-placeholder
{
    color:var(--tp-text-10);
    font-family:var(--tp-ff-inter)
}

.contact__input input::-moz-placeholder,.contact__input textarea::-moz-placeholder
{
    color:var(--tp-text-10);
    font-family:var(--tp-ff-inter)
}

.contact__input input:-ms-input-placeholder,.contact__input textarea:-ms-input-placeholder
{
    color:var(--tp-text-10);
    font-family:var(--tp-ff-inter)
}

.contact__input input:focus,.contact__input textarea:focus
{
    border-color:var(--tp-theme-4);
    background-color:var(--tp-common-white)
}

.contact__input textarea
{
    height:160px;
    padding:23px 25px;
    resize:none
}

.contact__input textarea:focus
{
    border-color:var(--tp-theme-4);
    background-color:var(--tp-common-white)
}

.contact__input-2
{
    margin-bottom:20px
}

.contact__input-2 input,.contact__input-2 textarea
{
    width:100%;
    height:60px;
    border:1px solid var(--tp-grey-15);
    outline:0;
    background-color:var(--tp-grey-15);
    color:var(--tp-common-black);
    padding:0 25px
}

.contact__input-2 input::-webkit-input-placeholder,.contact__input-2 textarea::-webkit-input-placeholder
{
    color:#85858B
}

.contact__input-2 input:-moz-placeholder,.contact__input-2 textarea:-moz-placeholder
{
    color:#85858B
}

.contact__input-2 input::-moz-placeholder,.contact__input-2 textarea::-moz-placeholder
{
    color:#85858B
}

.contact__input-2 input:-ms-input-placeholder,.contact__input-2 textarea:-ms-input-placeholder
{
    color:#85858B
}

.contact__input-2 input:focus,.contact__input-2 textarea:focus
{
    border-color:var(--tp-theme-1);
    background-color:var(--tp-common-white)
}

.contact__input-2 textarea
{
    height:160px;
    padding:23px 25px;
    resize:none
}

.contact__input-3 input,.contact__input-3 textarea
{
    border-width:2px;
    padding:0 26px;
    background-color:var(--tp-grey-7);
    border-color:var(--tp-grey-7)
}

.contact__input-3 textarea
{
    height:180px;
    padding:23px 26px;
    resize:none
}

.contact__input-3 textarea:focus
{
    border-color:var(--tp-theme-1);
    background-color:var(--tp-common-white)
}

.contact__input-3 .nice-select
{
    width:100%;
    float:none;
    height:60px;
    line-height:56px;
    border:2px solid var(--tp-grey-7);
    background-color:var(--tp-grey-7);
    padding:0 26px;
    border-radius:0
}

.contact__input-3 .nice-select:focus
{
    border-color:var(--tp-theme-1)
}

.contact__input-3 .nice-select::after
{
    right:26px
}

[dir=rtl] .contact__input-3 .nice-select::after
{
    right:auto;
    left:26px
}

.contact__input-3 .nice-select .list
{
    margin-top:0;
    border-radius:0;
    width:100%;
    padding-bottom:10px;
    padding-top:9px
}

.contact__input-3 .nice-select .list .option
{
    line-height:29px;
    min-height:29px;
    padding-left:18px;
    padding-right:18px
}

.contact__input-3 .nice-select .list .option:first-child
{
    display:none!important
}

.contact__input-3 .nice-select .list .option:hover
{
    color:var(--tp-theme-1)
}

.contact__input-3 .nice-select .list .option.selected
{
    color:var(--tp-theme-1)
}

.contact__input-9
{
    margin-bottom:20px
}

.contact__input-9 input,.contact__input-9 textarea
{
    width:100%;
    height:60px;
    line-height:56px;
    outline:0;
    border:1.5px solid #f6f6f9;
    background-color:#f6f6f9;
    padding:0 30px;
    color:var(--tp-common-black)
}

.contact__input-9 input::-webkit-input-placeholder,.contact__input-9 textarea::-webkit-input-placeholder
{
    color:#7B7C89
}

.contact__input-9 input:-moz-placeholder,.contact__input-9 textarea:-moz-placeholder
{
    color:#7B7C89
}

.contact__input-9 input::-moz-placeholder,.contact__input-9 textarea::-moz-placeholder
{
    color:#7B7C89
}

.contact__input-9 input:-ms-input-placeholder,.contact__input-9 textarea:-ms-input-placeholder
{
    color:#7B7C89
}

.contact__input-9 input:focus,.contact__input-9 textarea:focus
{
    background-color:var(--tp-common-white);
    border-color:var(--tp-common-black)
}

.contact__input-9 textarea
{
    height:180px;
    resize:none;
    line-height:1.2;
    padding:20px 30px
}

.contact__input-11
{
    margin-bottom:20px
}

.contact__input-11 input,.contact__input-11 textarea
{
    border-width:1px
}

.contact__input-11 input:focus,.contact__input-11 textarea:focus
{
    background-color:var(--tp-common-white);
    border-color:var(--tp-theme-1)
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .contact__list-9
    {
        margin-right:0
    }

    [dir=rtl] .contact__list-9
    {
        margin-left:0
    }
}

.contact__list-item
{
    margin-bottom:10px
}

.contact__list-item:last-child
{
    margin-bottom:0
}

.contact__list-item-9
{
    padding:37px 40px;
    background:#FFF;
    border:1px solid #EAEAEF;
    position:relative;
    margin-bottom:28px
}

.contact__list-item-9:last-child
{
    margin-bottom:0
}

.contact__list-item-9::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:-webkit-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-moz-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-ms-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-o-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    z-index:-1;
    -webkit-transition:all .15s ease-out 0;
    -moz-transition:all .15s ease-out 0;
    -ms-transition:all .15s ease-out 0;
    -o-transition:all .15s ease-out 0;
    transition:all .15s ease-out 0
}

[dir=rtl] .contact__list-item-9::after
{
    left:auto;
    right:0
}

.contact__list-item-9:hover::after
{
    top:8px;
    left:8px
}

.contact__list-item-9:hover .contact__list-icon-9 span i,.contact__list-item-9:hover .contact__list-icon-9 span svg
{
    -webkit-transform:translateY(-2px) translate3d(0,-2px,0);
    -moz-transform:translateY(-2px) translate3d(0,-2px,0);
    -ms-transform:translateY(-2px) translate3d(0,-2px,0);
    -o-transform:translateY(-2px) translate3d(0,-2px,0);
    transform:translateY(-2px) translate3d(0,-2px,0)
}

.contact__list-item-11
{
    padding-top:31px;
    padding-bottom:26px;
    padding-right:55px;
    background-color:var(--tp-common-brown);
    margin-bottom:20px;
    animation-delay:.3s;
    animation-duration:1s
}

[dir=rtl] .contact__list-item-11
{
    padding-right:0;
    padding-left:55px
}

.contact__list-item-11:nth-child(2)
{
    animation-delay:.6s
}

.contact__list-item-11:nth-child(3)
{
    animation-delay:.9s
}

.contact__list-item-11:nth-child(4)
{
    animation-delay:1.2s
}

.contact__list-item-11:last-child
{
    margin-bottom:0
}

.contact__list-item-11.is-green
{
    background-color:var(--tp-common-green-light-5)
}

.contact__list-item-11.is-green .contact__list-icon-11 span
{
    color:var(--tp-common-green-7)
}

.contact__list-item-11.is-brown
{
    background-color:var(--tp-common-brown-light)
}

.contact__list-item-11.is-brown .contact__list-icon-11 span
{
    color:var(--tp-common-brown-dark-2)
}

.contact__list-icon span
{
    display:inline-block;
    width:70px;
    height:70px;
    line-height:63px;
    text-align:center;
    font-size:26px;
    background-color:var(--tp-grey-8);
    color:var(--tp-common-green-3);
    margin-right:20px
}

[dir=rtl] .contact__list-icon span
{
    margin-right:0;
    margin-left:20px
}

.contact__list-icon-9 span
{
    display:inline-block;
    font-size:24px;
    margin-right:30px;
    position:relative;
    color:var(--tp-common-black)
}

[dir=rtl] .contact__list-icon-9 span
{
    margin-right:0;
    margin-left:30px
}

@media (max-width: 575px) {
    .contact__list-icon-9 span
    {
        margin-bottom:25px
    }
}

.contact__list-icon-9 span .contact-icon-shape
{
    position:absolute;
    bottom:-12px;
    right:-16px
}

[dir=rtl] .contact__list-icon-9 span .contact-icon-shape
{
    right:auto;
    left:-16px
}

.contact__list-icon-9 span svg,.contact__list-icon-9 span i
{
    backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    -moz-transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    -ms-transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    -o-transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18)
}

.contact__list-icon-11 span
{
    display:inline-block;
    color:var(--tp-common-brown-dark);
    font-size:55px;
    -webkit-transform:translateX(-50%) translateY(-15%);
    -moz-transform:translateX(-50%) translateY(-15%);
    -ms-transform:translateX(-50%) translateY(-15%);
    -o-transform:translateX(-50%) translateY(-15%);
    transform:translateX(-50%) translateY(-15%)
}

.contact__list-content h5
{
    letter-spacing:-.04em;
    margin-bottom:2px;
    color:var(--tp-text-1);
    font:400 16px var(--tp-ff-inter)
}

.contact__list-content p
{
    letter-spacing:-.04em;
    color:var(--tp-common-black);
    margin-bottom:0;
    font:500 18px var(--tp-ff-inter)
}

.contact__list-content-9 h5
{
    color:#525258;
    margin-bottom:10px;
    font:400 16px/14px var(--tp-ff-syne)
}

.contact__list-content-9 p
{
    color:var(--tp-common-black);
    margin-bottom:0;
    font:600 22px/15px var(--tp-ff-syne)
}

.contact__list-content-9 p a
{
    position:relative
}

.contact__list-content-9 p a::after
{
    position:absolute;
    content:"";
    left:auto;
    right:0;
    width:0;
    bottom:0;
    height:2px;
    background-color:var(--tp-common-black)
}

[dir=rtl] .contact__list-content-9 p a::after
{
    left:0;
    right:auto
}

.contact__list-content-9 p a:hover::after
{
    width:100%;
    left:0;
    right:auto
}

[dir=rtl] .contact__list-content-9 p a:hover::after
{
    left:auto;
    right:0
}

.contact__list-content-11
{
    margin-left:3px
}

[dir=rtl] .contact__list-content-11
{
    margin-left:0;
    margin-right:3px
}

.contact__list-content-11 h5
{
    color:var(--tp-common-black);
    font:600 22px/.82 var(--tp-ff-rajdhani)
}

.contact__list-content-11 p
{
    color:#53535A;
    margin-bottom:0;
    font:400 16px/1.25 var(--tp-ff-syne)
}

.contact__list-content-11 p a
{
    position:relative
}

.contact__list-content-11 p a:hover
{
    color:var(--tp-theme-1)
}

.contact__btn .tp-btn-brown
{
    padding:11px 32px 13px
}

.contact__btn-2 .tp-btn
{
    padding:12px 47px
}

.contact__btn-2 .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

.contact__btn-3 .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

.contact__shape-1
{
    position:absolute;
    left:15%;
    top:12%;
    display:inline-block;
    width:250px;
    height:250px;
    border-radius:50%;
    background-image:-webkit-linear-gradient(329deg,rgba(255,145,250,0.1) 13.55%,rgba(250,100,144,0.1) 48.54%,rgba(247,216,106,0.1) 86.44%);
    background-image:-moz-linear-gradient(329deg,rgba(255,145,250,0.1) 13.55%,rgba(250,100,144,0.1) 48.54%,rgba(247,216,106,0.1) 86.44%);
    background-image:-ms-linear-gradient(329deg,rgba(255,145,250,0.1) 13.55%,rgba(250,100,144,0.1) 48.54%,rgba(247,216,106,0.1) 86.44%);
    background-image:-o-linear-gradient(329deg,rgba(255,145,250,0.1) 13.55%,rgba(250,100,144,0.1) 48.54%,rgba(247,216,106,0.1) 86.44%);
    background-image:linear-gradient(329deg,rgba(255,145,250,0.1) 13.55%,rgba(250,100,144,0.1) 48.54%,rgba(247,216,106,0.1) 86.44%)
}

[dir=rtl] .contact__shape-1
{
    left:auto;
    right:15%
}

.contact__shape-2
{
    position:absolute;
    bottom:-1%;
    right:-17%;
    z-index:1;
    animation-delay:.5s;
    animation-duration:1s
}

[dir=rtl] .contact__shape-2
{
    right:auto;
    left:-17%
}

@media (max-width: 575px) {
    .contact__shape-2
    {
        display:none
    }
}

.contact__shape-circle
{
    position:absolute;
    content:"";
    top:2%;
    right:-13%;
    width:450px;
    height:450px;
    border-radius:50%;
    border:1px solid rgba(119,55,255,0.1);
    background-color:transparent;
    z-index:-1
}

[dir=rtl] .contact__shape-circle
{
    right:auto;
    left:-13%
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .contact__inner-11
    {
        margin-top:75px
    }

    .contact__inner-11 .section__title-wrapper-11
    {
        margin-bottom:30px
    }
}

.contact__item
{
    padding:60px 40px 58px;
    box-shadow:0 20px 30px rgba(3,4,28,0.06)
}

@media only screen and (min-width: 992px) and (max-width: 1199px),(max-width: 575px) {
    .contact__item
    {
        padding:60px 20px 58px
    }
}

.contact__content .contact-item-subtitle
{
    display:inline-block;
    text-decoration-line:underline;
    color:#96969C;
    margin-bottom:15px;
    font:500 18px var(--tp-ff-space)
}

.contact__content p
{
    letter-spacing:-.02em;
    color:var(--tp-common-black);
    margin-bottom:0;
    font:500 22px/1.36 var(--tp-ff-space)
}

.contact__content p a:hover
{
    color:var(--tp-theme-1)
}

.contact__content-2
{
    margin-bottom:43px
}

.contact__content-2 .contact-title
{
    font-size:34px;
    letter-spacing:-.02em;
    margin-bottom:5px
}

.contact__content-2 p
{
    font-size:15px;
    line-height:1.6
}

.contact__info-box
{
    padding:40px 40px 45px;
    background:#FFF;
    box-shadow:0 2px 4px rgba(3,4,28,0.1)
}

.contact__info-box-title
{
    font-size:24px;
    letter-spacing:-.02em;
    margin-bottom:6px
}

.contact__info-box p
{
    font-size:14px;
    line-height:1.57;
    margin-bottom:32px
}

@media (max-width: 575px) {
    .contact__info-box p br
    {
        display:none
    }
}

.contact__info-box-refund p
{
    font-size:14px;
    margin-bottom:0
}

.contact__info-box-refund p a:hover
{
    color:var(--tp-theme-1)
}

.contact__info-item:not(:last-child)
{
    margin-right:46px
}

[dir=rtl] .contact__info-item:not(:last-child)
{
    margin-right:0;
    margin-left:46px
}

.contact__info-item:hover .contact__info-icon span svg,.contact__info-item:hover .contact__info-icon span i
{
    animation-name:tpshake;
    animation-timing-function:ease-in-out;
    animation-duration:.4s;
    animation-iteration-count:1
}

.contact__info-icon span
{
    font-size:26px;
    color:var(--tp-common-purple);
    position:relative;
    display:inline-block;
    margin-bottom:15px
}

.contact__info-icon span::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:38px;
    height:38px;
    background-image:-webkit-linear-gradient(151.63deg,rgba(99,100,219,0) 4.91%,rgba(99,100,219,0.12) 88.78%);
    background-image:-moz-linear-gradient(151.63deg,rgba(99,100,219,0) 4.91%,rgba(99,100,219,0.12) 88.78%);
    background-image:-ms-linear-gradient(151.63deg,rgba(99,100,219,0) 4.91%,rgba(99,100,219,0.12) 88.78%);
    background-image:-o-linear-gradient(151.63deg,rgba(99,100,219,0) 4.91%,rgba(99,100,219,0.12) 88.78%);
    background-image:linear-gradient(151.63deg,rgba(99,100,219,0) 4.91%,rgba(99,100,219,0.12) 88.78%);
    border-radius:50%
}

[dir=rtl] .contact__info-icon span::after
{
    left:auto;
    right:0
}

.contact__info-icon span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.contact__info-icon span svg,.contact__info-icon span i
{
    -webkit-transition:.2s ease-in-out;
    transition:.2s ease-in-out
}

.contact__info-content p
{
    letter-spacing:-.02em;
    color:var(--tp-common-black);
    font:500 16px var(--tp-ff-space)
}

.contact__info-content p a:hover
{
    color:var(--tp-theme-1)
}

.contact__info-content.has-fw-400 p
{
    font-weight:400
}

.contact__info-content.has-fw-400 p a
{
    text-decoration:underline
}

.contact__agree input
{
    margin:0;
    appearance:none;
    -moz-appearance:none;
    display:block;
    width:18px;
    height:18px;
    background:transparent;
    border:1px solid #D9D9DE;
    outline:none;
    flex:0 0 auto;
    -webkit-transform:translateY(-2.5px);
    -moz-transform:translateY(-2.5px);
    -ms-transform:translateY(-2.5px);
    -o-transform:translateY(-2.5px);
    transform:translateY(-2.5px);
    padding:0
}

.contact__agree input:checked
{
    position:relative;
    background-color:var(--tp-theme-1);
    border-color:transparent
}

.contact__agree input:checked::after
{
    box-sizing:border-box;
    position:absolute;
    content:"\f00c";
    color:var(--tp-common-white);
    top:46%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font:700 10px var(--tp-ff-fontawesome)
}

.contact__agree input:hover
{
    cursor:pointer
}

.contact__agree label
{
    padding-left:10px;
    color:var(--tp-text-1);
    font:14px/1 var(--tp-ff-inter)
}

[dir=rtl] .contact__agree label
{
    padding-left:0;
    padding-right:10px
}

.contact__agree label a
{
    color:var(--tp-common-black);
    font-weight:600;
    padding-left:4px
}

[dir=rtl] .contact__agree label a
{
    padding-left:0;
    padding-right:4px
}

.contact__agree label a:hover
{
    color:var(--tp-theme-1)
}

.contact__agree label:hover
{
    cursor:pointer
}

.contact__location-item
{
    padding-top:33px;
    padding-bottom:33px;
    border-bottom:1px solid #EAEAEF
}

.contact__location-title
{
    width:300px;
    font-size:20px;
    line-height:1;
    letter-spacing:-.02em;
    color:var(--tp-common-black-solid)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .contact__location-info
    {
        margin-top:30px
    }
}

@media (max-width: 575px) {
    .contact__location-info
    {
        margin-top:30px;
        margin-bottom:30px
    }
}

[dir=rtl] .contact__location-icon
{
    margin-right:0;
    margin-left:45px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .contact__location-icon
    {
        margin-right:15px
    }

    [dir=rtl] .contact__location-icon
    {
        margin-right:0;
        margin-left:15px
    }
}

@media (max-width: 575px) {
    .contact__location-icon
    {
        margin-bottom:20px
    }
}

.contact__location-content p
{
    letter-spacing:-.02em;
    color:#525258;
    margin-bottom:0;
    word-wrap:break-word;
    font:15px/1.47 var(--tp-ff-space)
}

.contact__location-content p a:hover
{
    color:var(--tp-theme-1)
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact__location-btn
    {
        margin-top:15px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .contact__location-btn
    {
        margin-top:15px
    }
}

.contact__location-btn .tp-btn-border
{
    padding:9px 31px;
    font-size:15px;
    letter-spacing:-.02em;
    text-transform:capitalize
}

.contact__location-btn .tp-btn-border:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.contact__location-box
{
    padding:60px 50px;
    box-shadow:0 20px 40px rgba(3,4,28,0.08)
}

.contact__location-box:hover .contact__location-box-icon img
{
    animation-name:tpshake;
    animation-timing-function:ease-in-out;
    animation-duration:.4s;
    animation-iteration-count:1
}

.contact__location-box-title
{
    font-size:22px;
    letter-spacing:-.02em;
    color:var(--tp-common-black-solid);
    margin-bottom:20px;
    padding-bottom:23px;
    border-bottom:1px solid #EAEAEF
}

.contact__location-box-icon
{
    margin-bottom:33px;
    min-height:56px
}

.contact__location-box-icon img
{
    -webkit-transition:.2s ease-in-out;
    transition:.2s ease-in-out
}

.contact__location-box-info
{
    margin-bottom:30px
}

.contact__location-box-info p
{
    letter-spacing:-.02em;
    color:var(--tp-text-1);
    margin-bottom:0;
    font:16px/1.5 var(--tp-ff-space)
}

.contact__location-box-info p a:hover
{
    color:var(--tp-theme-1)
}

.contact__location-box-btn .tp-btn-border
{
    padding:9px 36px;
    font-size:15px;
    letter-spacing:-.02em;
    text-transform:capitalize
}

.contact__location-box-btn .tp-btn-border:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.contact__social a
{
    font-size:16px;
    color:#B9B9BF;
    margin:0 10px
}

.contact__social a:hover
{
    color:var(--tp-theme-1)
}

.contact__translate
{
    position:relative;
    z-index:1;
    margin-top:-180px;
    border:0
}

.contact__translate-2
{
    position:relative;
    z-index:1;
    margin-top:-190px;
    border:0
}

.contact__map-height
{
    height:500px
}

.contact__map-height iframe
{
    width:100%;
    height:100%;
    border:0
}

.contact__map-black
{
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}

.contact__style-2
{
    background-color:var(--tp-common-white);
    box-shadow:0 20px 40px rgba(3,4,28,0.08)
}

.contact__style-2 .contact__form-call
{
    display:block
}

@-webkit-keyframes tpshake {
    10%
    {
        transform:translateY(-10px)
    }

    50%
    {
        transform:skew(15deg)
    }

    80%
    {
        transform:rotate(10deg)
    }

    100%
    {
        transform:translate(0)
    }
}

@-moz-keyframes tpshake {
    10%
    {
        transform:translateY(-10px)
    }

    50%
    {
        transform:skew(15deg)
    }

    80%
    {
        transform:rotate(10deg)
    }

    100%
    {
        transform:translate(0)
    }
}

@-ms-keyframes tpshake {
    10%
    {
        transform:translateY(-10px)
    }

    50%
    {
        transform:skew(15deg)
    }

    80%
    {
        transform:rotate(10deg)
    }

    100%
    {
        transform:translate(0)
    }
}

@keyframes tpshake {
    10%
    {
        transform:translateY(-10px)
    }

    50%
    {
        transform:skew(15deg)
    }

    80%
    {
        transform:rotate(10deg)
    }

    100%
    {
        transform:translate(0)
    }
}

.ticket__shape-1
{
    position:absolute;
    top:0;
    left:0;
    z-index:-1
}

.ticket__shape-2
{
    position:absolute;
    top:0;
    right:40%;
    z-index:-1
}

.ticket__shape-3
{
    position:absolute;
    bottom:0;
    right:0;
    z-index:-1
}

.ticket__wrapper
{
    padding:20px 50px;
    position:relative;
    z-index:1;
    border-radius:14px;
    overflow:hidden
}

@media (max-width: 575px) {
    .ticket__wrapper
    {
        padding-top:40px;
        padding-bottom:40px
    }
}

.ticket__title
{
    letter-spacing:-.04em;
    color:#FFF;
    margin-bottom:0;
    font:300 20px var(--tp-ff-space)
}

.ticket__content p
{
    letter-spacing:-.04em;
    color:#FFF;
    margin-bottom:0;
    font:700 20px/1 var(--tp-ff-space)
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .ticket__inner
    {
        margin-bottom:30px
    }
}

[dir=rtl] .ticket__icon
{
    margin-right:0;
    margin-left:15px
}

@media (max-width: 575px) {
    .ticket__icon
    {
        margin-bottom:20px
    }
}

.features__section-title
{
    font-weight:700;
    font-size:40px;
    line-height:1.14;
    letter-spacing:-.04em;
    color:var(--tp-common-black)
}

@media (max-width: 575px) {
    .features__section-title
    {
        font-size:30px
    }
}

.features__section-title-wrapper
{
    padding-left:35px;
    padding-right:35px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .features__section-title-wrapper
    {
        padding-left:0;
        padding-right:0
    }
}

.features__wrapper-9
{
    padding-top:15px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .features__wrapper-9
    {
        margin-top:0;
        margin-right:0
    }
}

.features__wrapper-10 .row [class*=col-]:nth-child(2n) .features__item-10
{
    margin-top:60px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .features__wrapper-10 .row [class*=col-]:nth-child(2n) .features__item-10
    {
        margin-top:0
    }
}

.features__wrapper-15
{
    position:relative;
    z-index:1;
    box-shadow:0 20px 40px rgba(3,4,28,0.08)
}

.features__wrapper-15.is-translate-50
{
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .features__wrapper-15.is-translate-50
    {
        -webkit-transform:translateY(-25%);
        -moz-transform:translateY(-25%);
        -ms-transform:translateY(-25%);
        -o-transform:translateY(-25%);
        transform:translateY(-25%)
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .features__wrapper-15.is-translate-50
    {
        -webkit-transform:translateY(0%);
        -moz-transform:translateY(0%);
        -ms-transform:translateY(0%);
        -o-transform:translateY(0%);
        transform:translateY(0%);
        margin-top:50px;
        margin-bottom:120px
    }
}

.features__wrapper-15 .row [class*=col-]:nth-child(3n) .features__item-15
{
    border-right:0
}

[dir=rtl] .features__wrapper-15 .row [class*=col-]:nth-child(3n) .features__item-15
{
    border-left:0
}

.features__item
{
    padding:40px 30px 30px;
    background-color:var(--tp-common-white);
    box-shadow:0 1px 2px rgba(13,18,30,0.08);
    position:relative
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 576px) and (max-width: 767px) {
    .features__item
    {
        padding:35px 20px 10px
    }
}

.features__item::after
{
    position:absolute;
    content:"";
    left:auto;
    right:0;
    top:0;
    width:0;
    height:2px;
    background-color:var(--tp-common-blue-3)
}

[dir=rtl] .features__item::after
{
    left:0;
    right:auto
}

.features__item:hover
{
    box-shadow:0 30px 30px rgba(13,18,30,0.08);
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    -o-transform:translateY(-10px);
    transform:translateY(-10px)
}

.features__item:hover::after
{
    width:100%;
    left:0;
    right:auto
}

.features__item.has-green::after
{
    background-color:var(--tp-common-green-5)
}

.features__item.has-green .features__icon span
{
    color:var(--tp-common-green-5)
}

.features__item.has-green .features__btn a
{
    color:var(--tp-common-green-5)
}

.features__item.has-pink::after
{
    background-color:var(--tp-common-pink-3)
}

.features__item.has-pink .features__icon span
{
    color:var(--tp-common-pink-3)
}

.features__item.has-pink .features__btn a
{
    color:var(--tp-common-pink-3)
}

.features__item.has-purple::after
{
    background-color:var(--tp-common-purple-5)
}

.features__item.has-purple .features__icon span
{
    color:var(--tp-common-purple-5)
}

.features__item.has-purple .features__btn a
{
    color:var(--tp-common-purple-5)
}

.features__item-7
{
    border:1px solid rgba(4,18,31,0.1);
    border-radius:40px;
    padding:52px 45px 57px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),(max-width: 575px) {
    .features__item-7
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .features__item-7
    {
        padding-left:25px;
        padding-right:25px
    }
}

.features__item-7:hover
{
    background-color:#F8F4EE;
    border-color:#F8F4EE
}

.features__item-10
{
    padding:55px 50px 57px;
    border:2px solid #EAEAEF;
    border-radius:14px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),(max-width: 575px) {
    .features__item-10
    {
        padding:35px 30px 37px
    }
}

.features__item-10:hover
{
    border-color:#FC3839
}

.features__item-10:hover .features__icon-10 span
{
    animation-name:tpshake;
    animation-timing-function:ease-in-out;
    animation-duration:.4s;
    animation-iteration-count:1
}

.features__item-13:hover .features__icon-13 span svg,.features__item-13:hover .features__icon-13 span i
{
    animation-name:tpshake;
    animation-timing-function:ease-in-out;
    animation-duration:.4s;
    animation-iteration-count:1
}

.features__item-14
{
    padding:0 40px 15px
}

.features__item-15
{
    padding:65px 60px 45px;
    border-right:1px solid #EAEAEF;
    height:100%
}

[dir=rtl] .features__item-15
{
    border-right:0;
    border-left:1px solid #EAEAEF
}

@media only screen and (min-width: 992px) and (max-width: 1199px),(max-width: 575px) {
    .features__item-15
    {
        padding-left:20px;
        padding-right:20px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .features__item-15
    {
        border:0;
        border-bottom:1px solid #EAEAEF
    }
}

.features__item-15:hover .features__icon-15 svg,.features__item-15:hover .features__icon-15 i
{
    animation-name:tpshake;
    animation-timing-function:ease-in-out;
    animation-duration:.4s;
    animation-iteration-count:1
}

.features__icon
{
    margin-bottom:33px
}

.features__icon span
{
    font-size:45px;
    color:var(--tp-common-blue-3)
}

.features__icon-7 span
{
    display:inline-block;
    font-size:80px;
    color:var(--tp-common-yellow-3);
    min-height:100px;
    margin-bottom:25px
}

.features__icon-10 span
{
    display:inline-block;
    font-size:70px;
    color:var(--tp-common-black-solid);
    min-height:70px;
    margin-bottom:40px;
    -webkit-transition:.2s ease-in-out;
    transition:.2s ease-in-out
}

.features__icon-13 span
{
    margin-right:16px;
    display:inline-block;
    width:60px;
    height:60px;
    line-height:58px;
    text-align:center;
    background:var(--tp-common-white);
    border:1px solid rgba(3,4,28,0.1);
    border-radius:45px;
    color:var(--tp-common-black)
}

[dir=rtl] .features__icon-13 span
{
    margin-right:0;
    margin-left:16px
}

.features__icon-13 span svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.features__icon-13 span svg,.features__icon-13 span i
{
    -webkit-transition:.2s ease-in-out;
    transition:.2s ease-in-out
}

.features__icon-14 span
{
    display:inline-block;
    font-weight:700;
    font-size:90px;
    line-height:1;
    letter-spacing:-.04em;
    color:#EEE;
    margin-bottom:17px;
    margin-top:-47px
}

.features__icon-15 span
{
    font-size:45px;
    color:var(--tp-theme-1);
    position:relative
}

.features__icon-15 span::after
{
    position:absolute;
    content:"";
    left:6px;
    bottom:-18px;
    width:58px;
    height:58px;
    border-radius:50%;
    background-image:-webkit-linear-gradient(314.27deg,rgba(245,9,99,0.12) 0%,rgba(255,255,255,0) 79.01%);
    background-image:-moz-linear-gradient(314.27deg,rgba(245,9,99,0.12) 0%,rgba(255,255,255,0) 79.01%);
    background-image:-ms-linear-gradient(314.27deg,rgba(245,9,99,0.12) 0%,rgba(255,255,255,0) 79.01%);
    background-image:-o-linear-gradient(314.27deg,rgba(245,9,99,0.12) 0%,rgba(255,255,255,0) 79.01%);
    background-image:linear-gradient(314.27deg,rgba(245,9,99,0.12) 0%,rgba(255,255,255,0) 79.01%)
}

[dir=rtl] .features__icon-15 span::after
{
    left:auto;
    right:6px
}

.features__icon-15 span svg,.features__icon-15 span i
{
    -webkit-transition:.2s ease-in-out;
    transition:.2s ease-in-out
}

.features__title
{
    color:var(--tp-common-black-9);
    margin-bottom:10px;
    font:700 20px/26px var(--tp-ff-roboto)
}

.features__title-7
{
    letter-spacing:-.01em;
    color:var(--tp-text-23);
    margin-bottom:23px;
    font:400 16px var(--tp-ff-inter)
}

.features__title-9
{
    letter-spacing:-.02em;
    position:relative;
    display:inline-block;
    color:var(--tp-text-25);
    font:700 44px/1 var(--tp-ff-syne)
}

.features__title-10
{
    font-size:26px;
    letter-spacing:-.02em;
    margin-bottom:17px
}

.features__title-10 a:hover
{
    color:var(--tp-theme-10)
}

.features__title-13
{
    color:var(--tp-common-black-solid);
    margin-bottom:5px;
    font:500 18px var(--tp-ff-roboto)
}

.features__title-13 a:hover
{
    color:var(--tp-theme-1)
}

.features__title-14
{
    font-size:24px;
    line-height:1;
    letter-spacing:-.02em;
    color:var(--tp-common-black-solid)
}

.features__title-15
{
    font-size:22px;
    letter-spacing:-.04em
}

.features__title-15 a:hover
{
    color:var(--tp-theme-1)
}

.features__content > p
{
    color:var(--tp-text-18);
    margin-bottom:30px;
    font:15px var(--tp-ff-roboto)
}

.features__content-7 > p
{
    color:var(--tp-common-black-11);
    margin-bottom:30px;
    font:22px/1.4 var(--tp-ff-inter)
}

.features__content-9
{
    border:1px solid #EAEAEF;
    margin-bottom:10px;
    padding:30px 28px 18px;
    position:relative
}

.features__content-9::after
{
    position:absolute;
    content:"";
    left:0;
    top:auto;
    bottom:0;
    width:3px;
    height:0;
    background-color:var(--tp-common-black)
}

[dir=rtl] .features__content-9::after
{
    left:auto;
    right:0
}

.features__content-9:last-child
{
    margin-bottom:0
}

.features__content-9 span
{
    letter-spacing:.02em;
    text-transform:uppercase;
    color:var(--tp-common-black);
    display:block;
    margin-bottom:1px;
    font:500 13px/16px var(--tp-ff-syne)
}

#features-item-thumb
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:var(--tp-common-black-12);
    overflow:hidden
}

#features-item-thumb.features-img-1 .features-img-1
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-2 .features-img-2
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-3 .features-img-3
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-4 .features-img-4
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-5 .features-img-5
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-6 .features-img-6
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-7 .features-img-7
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-8 .features-img-8
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-9 .features-img-9
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-10 .features-img-10
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-11 .features-img-11
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-12 .features-img-12
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-13 .features-img-13
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-14 .features-img-14
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-15 .features-img-15
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-16 .features-img-16
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-17 .features-img-17
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-18 .features-img-18
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-19 .features-img-19
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-20 .features-img-20
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-21 .features-img-21
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-22 .features-img-22
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-23 .features-img-23
{
    visibility:visible;
    opacity:1
}

#features-item-thumb.features-img-24 .features-img-24
{
    visibility:visible;
    opacity:1
}

.features__content-9:hover,.features__content-9.active
{
    cursor:pointer
}

.features__content-9:hover::after,.features__content-9.active::after
{
    height:100%;
    bottom:auto;
    top:0
}

.features__content-9:hover .features__title-9,.features__content-9.active .features__title-9
{
    color:var(--tp-common-black)
}

.features__content-10 > span
{
    color:#84848B;
    margin-bottom:5px;
    font:16px/20px var(--tp-ff-space)
}

.features__content-10 > p
{
    color:#525258;
    margin-bottom:40px;
    font:16px/1.38 var(--tp-ff-space)
}

.features__content-13 p
{
    font:15px/1.33 var(--tp-ff-roboto)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .features__content-13 p br
    {
        display:none
    }
}

.features__content-14 p
{
    line-height:1.57
}

.features__content-15 p
{
    font-size:15px;
    line-height:1.6;
    color:rgba(3,4,28,0.8)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .features__more-10
    {
        margin-bottom:40px
    }
}

.features__btn a
{
    color:var(--tp-common-blue-3)
}

.features__btn a:hover
{
    color:var(--tp-common-blue-3)
}

.features__btn-7 a
{
    letter-spacing:-.01em;
    color:var(--tp-common-black-solid);
    font:500 15px var(--tp-ff-inter)
}

.features__btn-7 a:hover
{
    color:var(--tp-theme-7)
}

.features__shape-1
{
    position:absolute;
    right:0;
    top:19%;
    z-index:-1
}

.features__shape-2
{
    position:absolute;
    left:0;
    bottom:10%;
    z-index:-1
}

.features__shape-3
{
    position:absolute;
    left:19%;
    top:23%;
    z-index:-1;
    -moz-animation:tpupdown 1s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tpupdown 1s ease-in-out 1s forwards infinite alternate;
    animation:tpupdown 1s ease-in-out 1s forwards infinite alternate
}

.features__shape-4
{
    position:absolute;
    right:8%;
    top:14%;
    z-index:-1;
    -moz-animation:tprotate 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tprotate 3s ease-in-out 1s forwards infinite alternate;
    animation:tprotate 3s ease-in-out 1s forwards infinite alternate
}

.features__shape-5
{
    position:absolute;
    left:0;
    top:10%;
    z-index:-1
}

.features__shape-6
{
    position:absolute;
    left:0;
    top:16%;
    z-index:-1
}

.features__shape-7
{
    position:absolute;
    top:-15%;
    right:10%;
    z-index:-2
}

.features__shape-8
{
    position:absolute;
    top:3%;
    right:2%;
    z-index:-1
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .features__shape-8
    {
        top:0;
        right:0
    }
}

@media (max-width: 575px) {
    .features__shape-8
    {
        top:10%
    }
}

.features__offer
{
    background-color:#F8F4EE;
    border-radius:100px;
    padding:20px 0
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .features__offer
    {
        padding:20px
    }
}

.features__offer span
{
    display:inline-block;
    letter-spacing:.04em;
    color:var(--tp-common-black-11);
    background-color:#FFD584;
    border-radius:20px;
    padding:2px 25px;
    margin-right:15px;
    font:600 12px/30px var(--tp-ff-inter)
}

[dir=rtl] .features__offer span
{
    margin-right:0;
    margin-left:15px
}

.features__offer p
{
    display:inline-block;
    color:var(--tp-common-black-11);
    margin-bottom:0;
    font:500 16px var(--tp-ff-inter)
}

.features__offer p a
{
    font-weight:600;
    font-size:16px;
    color:var(--tp-theme-7);
    position:relative
}

.features__offer p a::after
{
    position:absolute;
    content:"";
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background-color:var(--tp-theme-7)
}

.features__offer p a:hover
{
    color:var(--tp-common-black-11)
}

.features__offer p a:hover::after
{
    background-color:var(--tp-common-black-11)
}

.features__list-inner
{
    border-radius:45px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .features__list-inner
    {
        padding:70px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .features__list-inner
    {
        padding:40px 30px
    }
}

@media (max-width: 575px) {
    .features__list-inner
    {
        padding:40px 20px
    }
}

.features__list-wrapper
{
    position:relative;
    z-index:1;
    padding-right:12px
}

[dir=rtl] .features__list-wrapper
{
    padding-right:0;
    padding-left:12px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .features__list-wrapper
    {
        padding-right:0
    }

    [dir=rtl] .features__list-wrapper
    {
        padding-left:0
    }
}

.features__list-wrapper .nav-tabs .nav-item
{
    width:100%
}

.features__list-wrapper .nav-tabs .nav-item:not(:last-child)
{
    margin-bottom:10px
}

.features__list-wrapper .nav-tabs .nav-item .nav-link
{
    width:100%
}

.features__list-wrapper .nav-tabs .nav-item .nav-link.active
{
    background-color:transparent
}

.features__list-wrapper .nav-tabs .nav-item .nav-link:hover,.features__list-wrapper .nav-tabs .nav-item .nav-link.active
{
    box-shadow:0 30px 50px rgba(5,47,40,0.12);
    z-index:1;
    cursor:pointer
}

.features__list-wrapper .nav-tabs .nav-item .nav-link:hover::after,.features__list-wrapper .nav-tabs .nav-item .nav-link.active::after
{
    left:-3px
}

.features__list-wrapper .nav-tabs .nav-item .nav-link:hover .features__list-title,.features__list-wrapper .nav-tabs .nav-item .nav-link.active .features__list-title
{
    color:var(--tp-theme-7)
}

.features__list-wrapper .nav-tabs .nav-item .nav-link:hover .features__list-btn a,.features__list-wrapper .nav-tabs .nav-item .nav-link.active .features__list-btn a
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-7)
}

.features__list-item
{
    border-radius:45px;
    position:relative
}

.features__list-item-wrapper
{
    padding:20px 25px 15px 30px;
    border-radius:45px
}

.features__list-item::after
{
    position:absolute;
    content:"";
    left:3px;
    top:0;
    width:40%;
    height:100%;
    background-color:var(--tp-theme-7);
    z-index:-1;
    border-radius:45px
}

[dir=rtl] .features__list-item::after
{
    left:auto;
    right:3px
}

@media (max-width: 575px) {
    .features__list-item-inner
    {
        margin-bottom:20px
    }
}

[dir=rtl] .features__list-icon
{
    margin-right:0;
    margin-left:20px
}

@media (max-width: 575px) {
    .features__list-icon
    {
        margin-bottom:20px
    }
}

.features__list-icon span
{
    font-size:24px;
    color:var(--tp-theme-7)
}

.features__list-title
{
    color:var(--tp-common-black-11);
    margin-bottom:0;
    text-align:left;
    font:600 18px/1.1 var(--tp-ff-inter)
}

[dir=rtl] .features__list-title
{
    text-align:right
}

.features__list-title a:hover
{
    color:var(--tp-theme-7)
}

.features__list-content > p
{
    margin-bottom:0;
    font:14px var(--tp-ff-inter)
}

.features__list-btn a
{
    background-color:rgba(4,18,31,0.0588235294);
    color:var(--tp-common-black-11);
    border-radius:50%;
    width:32px;
    height:32px;
    line-height:32px;
    text-align:center;
    font-size:14px;
    display:inline-block
}

.features__list-btn a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-7)
}

.features__list-thumb-wrapper
{
    position:relative;
    z-index:1
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .features__list-thumb-wrapper
    {
        margin-top:50px
    }
}

.features__list-thumb-1
{
    position:relative;
    z-index:1;
    left:45px;
    top:0;
    box-shadow:0 40px 70px rgba(86,55,8,0.1);
    border-radius:20px
}

[dir=rtl] .features__list-thumb-1
{
    left:auto;
    right:45px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
    .features__list-thumb-1
    {
        left:0
    }

    [dir=rtl] .features__list-thumb-1
    {
        left:auto;
        right:0
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .features__list-thumb-1
    {
        left:45px;
        top:0
    }

    [dir=rtl] .features__list-thumb-1
    {
        left:auto;
        right:45px
    }
}

@media (max-width: 575px) {
    .features__list-thumb-1
    {
        left:0;
        top:0;
        width:100%
    }
}

.features__list-thumb-2
{
    position:absolute;
    top:58%;
    left:19%;
    box-shadow:0 30px 70px rgba(86,55,8,0.1);
    border-radius:20px
}

[dir=rtl] .features__list-thumb-2
{
    left:auto;
    right:19%
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .features__list-thumb-2
    {
        left:0
    }

    [dir=rtl] .features__list-thumb-2
    {
        left:auto;
        right:0
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .features__list-thumb-2
    {
        position:relative;
        top:0;
        left:0
    }

    [dir=rtl] .features__list-thumb-2
    {
        left:auto;
        right:0
    }
}

@media (max-width: 575px) {
    .features__list-thumb-2
    {
        position:relative;
        top:0;
        left:0;
        width:100%
    }
}

.features__list-thumb-3
{
    position:absolute;
    bottom:-95%;
    right:13%;
    z-index:-1;
    border-radius:10px
}

[dir=rtl] .features__list-thumb-3
{
    right:auto;
    left:13%
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .features__list-thumb-3
    {
        bottom:22%;
        right:-14%
    }

    [dir=rtl] .features__list-thumb-3
    {
        right:auto;
        left:-14%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .features__list-thumb-3
    {
        position:relative;
        bottom:0;
        right:0
    }

    [dir=rtl] .features__list-thumb-3
    {
        right:auto;
        left:0
    }
}

@media (max-width: 575px) {
    .features__list-thumb-3
    {
        position:relative;
        bottom:0;
        right:0;
        width:100%
    }
}

.features__tab .nav-tabs .nav-item .nav-link span
{
    letter-spacing:.02em;
    text-transform:uppercase;
    color:#525258;
    display:block;
    margin-bottom:5px;
    font:500 13px/16px var(--tp-ff-syne)
}

.features__tab .nav-tabs .nav-item .nav-link h3
{
    letter-spacing:-.02em;
    color:var(--tp-common-black);
    position:relative;
    padding-left:0;
    display:inline-block;
    font:700 50px/.8 var(--tp-ff-syne)
}

[dir=rtl] .features__tab .nav-tabs .nav-item .nav-link h3
{
    padding-right:0
}

.features__tab .nav-tabs .nav-item .nav-link h3::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:10px;
    height:10px;
    border-radius:50%;
    background-image:-webkit-linear-gradient(327.72deg,#FA6490 29.82%,#F7D86A 91.13%);
    background-image:-moz-linear-gradient(327.72deg,#FA6490 29.82%,#F7D86A 91.13%);
    background-image:-ms-linear-gradient(327.72deg,#FA6490 29.82%,#F7D86A 91.13%);
    background-image:-o-linear-gradient(327.72deg,#FA6490 29.82%,#F7D86A 91.13%);
    background-image:linear-gradient(327.72deg,#FA6490 29.82%,#F7D86A 91.13%);
    visibility:hidden;
    opacity:0
}

[dir=rtl] .features__tab .nav-tabs .nav-item .nav-link h3::after
{
    left:auto;
    right:0
}

.features__tab .nav-tabs .nav-item .nav-link h3::before
{
    position:absolute;
    content:"";
    left:23px;
    bottom:0;
    width:calc(0% - 23px);
    height:2px;
    background-color:var(--tp-common-black)
}

[dir=rtl] .features__tab .nav-tabs .nav-item .nav-link h3::before
{
    left:auto;
    right:23px
}

.features__tab .nav-tabs .nav-item .nav-link:hover
{
    cursor:pointer
}

.features__tab .nav-tabs .nav-item .nav-link.active h3
{
    padding-left:23px
}

[dir=rtl] .features__tab .nav-tabs .nav-item .nav-link.active h3
{
    padding-left:0;
    padding-right:23px
}

.features__tab .nav-tabs .nav-item .nav-link.active h3::after
{
    opacity:1;
    visibility:visible
}

.features__tab .nav-tabs .nav-item .nav-link.active h3::before
{
    width:calc(100% - 23px)
}

.features__tab-content
{
    height:100%
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .features__tab-content
    {
        margin-top:30px;
        padding-left:0
    }

    [dir=rtl] .features__tab-content
    {
        padding-right:0
    }
}

.features__tab-content *
{
    height:100%
}

.features__tab-content img
{
    object-fit:cover
}

.features__thumb-wrapper-9
{
    height:100%;
    width:100%;
    position:relative;
    z-index:1
}

.features__thumb-wrapper-9::after
{
    position:absolute;
    content:"";
    right:-20px;
    top:20px;
    width:330px;
    height:100%;
    background-image:-webkit-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-moz-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-ms-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-o-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    z-index:-1
}

[dir=rtl] .features__thumb-wrapper-9::after
{
    right:auto;
    left:-20px
}

.features__thumb-9
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    visibility:hidden;
    opacity:0
}

.features__thumb-9 > img
{
    width:100%;
    height:100%;
    object-fit:cover
}

.features__thumb-9-content
{
    position:absolute;
    bottom:0;
    left:0;
    background-color:var(--tp-common-white);
    padding:20px 40px 25px;
    width:294px
}

[dir=rtl] .features__thumb-9-content
{
    left:auto;
    right:0
}

.features__thumb-9-content p
{
    color:var(--tp-common-black);
    margin-bottom:10px;
    font:18px/1.33 var(--tp-ff-syne)
}

.features__thumb-9 .features-users img
{
    width:30px;
    height:30px;
    border-radius:50%;
    border:2px solid var(--tp-common-white)
}

.features__thumb-9 .features-users img:not(:first-child)
{
    margin-left:-18px
}

[dir=rtl] .features__thumb-9 .features-users img:not(:first-child)
{
    margin-left:0;
    margin-right:-18px
}

.support__wrapper > p
{
    margin-bottom:50px;
    font:18px/28px var(--tp-ff-inter)
}

.support__item
{
    padding-right:55px
}

[dir=rtl] .support__item
{
    padding-right:0;
    padding-left:55px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 576px) and (max-width: 767px) {
    .support__item
    {
        padding-right:0
    }

    [dir=rtl] .support__item
    {
        padding-left:0
    }
}

.support__item:hover .support__icon span
{
    -webkit-transform:translateY(0) translate3d(0,-5px,0);
    -moz-transform:translateY(0) translate3d(0,-5px,0);
    -ms-transform:translateY(0) translate3d(0,-5px,0);
    -o-transform:translateY(0) translate3d(0,-5px,0);
    transform:translateY(0) translate3d(0,-5px,0)
}

.support__item-2
{
    border:1px solid #EAEAEF;
    padding:18px 30px;
    min-width:240px;
    margin-right:10px
}

[dir=rtl] .support__item-2
{
    margin-right:0;
    margin-left:10px
}

.support__item-2:last-child
{
    margin-right:0
}

[dir=rtl] .support__item-2:last-child
{
    margin-left:0
}

.support__icon
{
    margin-bottom:23px
}

.support__icon span
{
    font-size:20px;
    color:var(--tp-theme-7);
    display:inline-block;
    width:56px;
    height:56px;
    line-height:56px;
    text-align:center;
    background:linear-gradient(35.1deg,#E8D8C1 18.5%,#FFF9F0 92.94%);
    box-shadow:0 3px 5px rgba(47,28,6,0.1);
    border-radius:50%;
    backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    -moz-transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    -ms-transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    -o-transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    transition:transform .3s cubic-bezier(0.21,0.6,0.44,2.18)
}

[dir=rtl] .support__icon-2
{
    margin-right:0;
    margin-left:15px
}

.support__icon-2 span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.support__title
{
    color:var(--tp-common-black-11);
    font:600 22px/27px var(--tp-ff-inter)
}

.support__title-2
{
    font-weight:500;
    font-size:16px;
    margin-bottom:0
}

.support__content p
{
    font:15px/22px var(--tp-ff-inter)
}

.support__thumb img
{
    border-radius:40px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),(max-width: 575px) {
    .support__thumb img
    {
        width:100%
    }
}

.support__thumb-wrapper
{
    position:relative
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .support__thumb-wrapper
    {
        padding-left:0;
        margin-top:50px
    }

    [dir=rtl] .support__thumb-wrapper
    {
        padding-right:0
    }
}

[dir=rtl] .support__btn .tp-btnr-2
{
    margin-right:0;
    margin-left:5px
}

.support__btn .tp-btnr-2:hover
{
    background-color:var(--tp-common-yellow-3);
    border-color:var(--tp-common-yellow-3);
    color:var(--tp-common-black)
}

.support__shape-1
{
    width:300px;
    position:absolute;
    z-index:1;
    bottom:60px;
    left:1%;
    border-radius:30px;
    box-shadow:0 30px 50px rgba(4,18,31,0.1);
    -moz-animation:tptranslateY2 4s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateY2 4s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateY2 4s ease-in-out 1s forwards infinite alternate
}

@media (max-width: 575px) {
    .support__shape-1
    {
        display:none
    }
}

.support__shape-2
{
    position:absolute;
    z-index:-1;
    bottom:-10%;
    right:-7%
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .support__shape-2
    {
        right:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .support__shape-2
    {
        right:auto;
        left:0
    }
}

.support__shape-3
{
    position:absolute;
    z-index:-1;
    top:10%;
    right:-12%
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .support__shape-3
    {
        right:0
    }
}

.support__shape-4
{
    position:absolute;
    z-index:-1;
    top:0;
    right:0
}

.donate__inner
{
    padding:90px 180px 100px;
    border-radius:20px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .donate__inner
    {
        padding:90px 150px 100px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .donate__inner
    {
        padding:90px 30px 100px
    }
}

@media (max-width: 575px) {
    .donate__inner
    {
        padding:90px 20px 100px
    }
}

.donate__title
{
    font-size:50px;
    letter-spacing:-.04em;
    line-height:1.08
}

@media (max-width: 575px) {
    .donate__title
    {
        font-size:35px
    }
}

.donate__content > p
{
    color:#84848B;
    font:16px/20px var(--tp-ff-space)
}

.donate__ammount
{
    margin-right:16px;
    margin-bottom:10px
}

[dir=rtl] .donate__ammount
{
    margin-right:0;
    margin-left:16px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .donate__ammount
    {
        margin-right:10px
    }

    [dir=rtl] .donate__ammount
    {
        margin-right:0;
        margin-left:10px
    }
}

.donate__ammount:last-child
{
    margin-right:0
}

[dir=rtl] .donate__ammount:last-child
{
    margin-left:0
}

[dir=rtl] .donate__ammount-wrapper
{
    margin-right:0;
    margin-left:20px
}

.donate__ammount button,.donate__ammount input
{
    display:inline-block;
    width:90px;
    height:60px;
    text-align:center;
    background:var(--tp-common-white);
    border:0;
    outline:0;
    box-shadow:0 1px 3px rgba(3,4,28,0.1);
    border-radius:6px;
    padding:0 15px;
    font:18px/60px var(--tp-ff-space)
}

.donate__ammount button:hover,.donate__ammount input:hover
{
    box-shadow:0 30px 40px rgba(3,4,28,0.1)
}

.donate__ammount input::-webkit-input-placeholder
{
    color:#525258;
    font:16px var(--tp-ff-space)
}

.donate__ammount input:-moz-placeholder
{
    color:#525258;
    font:16px var(--tp-ff-space)
}

.donate__ammount input::-moz-placeholder
{
    color:#525258;
    font:16px var(--tp-ff-space)
}

.donate__ammount input:-ms-input-placeholder
{
    color:#525258;
    font:16px var(--tp-ff-space)
}

.donate__ammount-more button,.donate__ammount-more input
{
    width:110px
}

.donate__ammount-more button:hover,.donate__ammount-more input:hover
{
    box-shadow:0 30px 40px rgba(3,4,28,0.1)
}

.donate__more .tp-btn-7
{
    padding:16px 31px 18px;
    box-shadow:none
}

.donate__more .tp-btn-7:hover
{
    box-shadow:0 4px 10px rgba(150,21,35,0.3)
}

.vision__tab .nav-tabs .nav-item
{
    margin-bottom:12px
}

.vision__tab .nav-tabs .nav-item:last-child
{
    margin-bottom:0
}

.vision__tab .nav-tabs .nav-item .nav-link
{
    color:var(--tp-text-1);
    padding:24px 36px;
    width:100%;
    text-align:left;
    background:#FFF;
    box-shadow:0 1px 3px rgba(3,4,28,0.1);
    border-radius:10px;
    position:relative;
    z-index:1;
    overflow:hidden;
    font:500 17px var(--tp-ff-space)
}

[dir=rtl] .vision__tab .nav-tabs .nav-item .nav-link
{
    text-align:right
}

.vision__tab .nav-tabs .nav-item .nav-link::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:-webkit-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:-moz-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:-ms-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:-o-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    opacity:0;
    visibility:hidden;
    z-index:-1
}

.vision__tab .nav-tabs .nav-item .nav-link span
{
    color:#5253CE;
    margin-right:20px;
    display:inline-block;
    width:26px;
    text-align:right
}

[dir=rtl] .vision__tab .nav-tabs .nav-item .nav-link span
{
    text-align:left;
    margin-right:0;
    margin-left:20px
}

.vision__tab .nav-tabs .nav-item .nav-link span svg
{
    -webkit-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -o-transform:translateY(-3px);
    transform:translateY(-3px)
}

.vision__tab .nav-tabs .nav-item .nav-link:hover,.vision__tab .nav-tabs .nav-item .nav-link.active
{
    box-shadow:0 4px 10px rgba(150,21,35,0.3);
    color:var(--tp-common-white)
}

.vision__tab .nav-tabs .nav-item .nav-link:hover span,.vision__tab .nav-tabs .nav-item .nav-link.active span
{
    color:var(--tp-common-white)
}

.vision__tab .nav-tabs .nav-item .nav-link:hover::after,.vision__tab .nav-tabs .nav-item .nav-link.active::after
{
    opacity:1;
    visibility:visible
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .vision__tab-content
    {
        padding-left:30px
    }

    [dir=rtl] .vision__tab-content
    {
        padding-left:0;
        padding-right:30px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .vision__tab-content
    {
        padding-left:30px
    }

    [dir=rtl] .vision__tab-content
    {
        padding-left:0;
        padding-right:30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .vision__tab-content
    {
        padding-left:0
    }

    [dir=rtl] .vision__tab-content
    {
        padding-right:0
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .vision__tab-content
    {
        padding-left:0;
        margin-top:30px
    }

    [dir=rtl] .vision__tab-content
    {
        padding-right:0
    }
}

.vision__thumb img
{
    background:#FFF;
    border:10px solid var(--tp-common-white);
    box-shadow:0 1px 3px rgba(3,4,28,0.1);
    border-radius:20px
}

.vision__content p
{
    color:var(--tp-common-black);
    margin-bottom:25px;
    font:20px/1.5 var(--tp-ff-space)
}

.vision__list ul li
{
    color:var(--tp-text-1);
    list-style:none;
    font:500 16px/2.12 var(--tp-ff-space)
}

.vision__list ul li span
{
    display:inline-block;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    border-radius:50%;
    background-image:-webkit-linear-gradient(142.96deg,#28D58A 14.78%,#2CAE76 95.99%);
    background-image:-moz-linear-gradient(142.96deg,#28D58A 14.78%,#2CAE76 95.99%);
    background-image:-ms-linear-gradient(142.96deg,#28D58A 14.78%,#2CAE76 95.99%);
    background-image:-o-linear-gradient(142.96deg,#28D58A 14.78%,#2CAE76 95.99%);
    background-image:linear-gradient(142.96deg,#28D58A 14.78%,#2CAE76 95.99%);
    box-shadow:0 1px 2px rgba(6,138,75,0.3);
    color:var(--tp-common-white);
    margin-right:8px
}

[dir=rtl] .vision__list ul li span
{
    margin-right:0;
    margin-left:8px
}

.vision__list ul li span svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.vision__style-2 .vision__tab .nav-tabs .nav-item .nav-link
{
    color:var(--tp-text-1);
    border-radius:0;
    box-shadow:0 1px 3px rgba(3,4,28,0.1)
}

.vision__style-2 .vision__tab .nav-tabs .nav-item .nav-link span
{
    color:var(--tp-text-1)
}

.vision__style-2 .vision__tab .nav-tabs .nav-item .nav-link::after
{
    display:none
}

.vision__style-2 .vision__tab .nav-tabs .nav-item .nav-link:hover,.vision__style-2 .vision__tab .nav-tabs .nav-item .nav-link.active
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    box-shadow:0
}

.vision__style-2 .vision__tab .nav-tabs .nav-item .nav-link:hover span,.vision__style-2 .vision__tab .nav-tabs .nav-item .nav-link.active span
{
    color:var(--tp-common-white)
}

.vision__style-2 .vision__thumb img
{
    border-radius:0;
    box-shadow:0 1px 3px rgba(3,4,28,0.1)
}

.biography__height
{
    height:800px
}

.biography__bg
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    z-index:-1
}

[dir=rtl] .biography__bg
{
    left:auto;
    right:0
}

.biography__bg::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(3,4,28,0.6)
}

[dir=rtl] .biography__bg::after
{
    left:auto;
    right:0
}

.biography__title
{
    font-size:60px;
    line-height:1;
    letter-spacing:-.04em;
    color:var(--tp-common-white);
    margin-bottom:20px;
    animation-delay:.4s;
    animation-duration:1s
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .biography__title
    {
        font-size:45px
    }
}

@media (max-width: 575px) {
    .biography__title
    {
        font-size:35px
    }
}

.biography__content
{
    padding-top:130px
}

.biography__content p
{
    letter-spacing:-.04em;
    color:rgba(255,255,255,0.8);
    margin-bottom:40px;
    padding-right:140px;
    animation-delay:.6s;
    animation-duration:1s;
    font:18px/1.44 var(--tp-ff-space)
}

[dir=rtl] .biography__content p
{
    padding-right:0;
    padding-left:140px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .biography__content p
    {
        padding-right:40px
    }

    [dir=rtl] .biography__content p
    {
        padding-right:0;
        padding-left:40px
    }
}

@media (max-width: 575px) {
    .biography__content p
    {
        padding-right:0
    }

    [dir=rtl] .biography__content p
    {
        padding-left:0
    }
}

.biography__meta
{
    margin-bottom:12px;
    animation-delay:.2s;
    animation-duration:1s
}

.biography__meta span
{
    color:var(--tp-common-white);
    font:500 16px/1.25 var(--tp-ff-space)
}

.biography__year
{
    position:relative;
    padding:0 30px;
    padding-top:10px
}

.biography__year:hover
{
    cursor:pointer
}

.biography__year p
{
    text-align:center;
    color:var(--tp-common-white);
    display:inline-block;
    background-color:transparent;
    padding:21px 31px 11px;
    position:relative;
    z-index:1;
    font:26px var(--tp-ff-space)
}

.biography__year p::after
{
    position:absolute;
    content:"";
    top:-10px;
    left:47%;
    width:6px;
    height:6px;
    background-color:#fff;
    border-radius:50%
}

[dir=rtl] .biography__year p::after
{
    left:auto;
    right:47%
}

.biography__year p .tp-biography-bg
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}

[dir=rtl] .biography__year p .tp-biography-bg
{
    left:auto;
    right:0
}

.biography__year p .tp-biography-bg.is-solid
{
    visibility:hidden;
    opacity:0
}

.biography__year p:hover
{
    box-shadow:0 4px 10px rgba(150,21,35,0.3)
}

.biography__year p:hover::after
{
    background-color:var(--tp-theme-10)
}

.biography__year p:hover .tp-biography-bg
{
    visibility:hidden;
    opacity:0
}

.biography__year p:hover .tp-biography-bg.is-solid
{
    visibility:visible;
    opacity:1
}

.biography__slider
{
    margin-right:-350px;
    margin-top:-198px
}

[dir=rtl] .biography__slider
{
    margin-right:0;
    margin-left:-350px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .biography__slider
    {
        margin-right:0
    }

    [dir=rtl] .biography__slider
    {
        margin-left:0
    }
}

.biography__slider-content-active .slick-active .biography__title,.biography__slider-content-active .slick-active .biography__content p,.biography__slider-content-active .slick-active .biography__meta,.biography__slider-content-active .slick-active .biography__btn
{
    animation-name:fadeInUp;
    animation-fill-mode:both
}

.biography__slider-nav
{
    position:relative
}

.biography__slider-nav::after
{
    position:absolute;
    content:"";
    top:3px;
    left:0;
    width:100%;
    height:1px;
    background-color:rgba(255,255,255,0.3)
}

[dir=rtl] .biography__slider-nav::after
{
    left:auto;
    right:0
}

.biography__slider-nav .slick-active.slick-current .biography__year p::after
{
    background-color:var(--tp-theme-10)
}

.biography__slider-nav .slick-active.slick-current .biography__year p .tp-biography-bg
{
    visibility:hidden;
    opacity:0
}

.biography__slider-nav .slick-active.slick-current .biography__year p .tp-biography-bg.is-solid
{
    visibility:visible;
    opacity:1
}

.biography__btn
{
    animation-delay:.8s;
    animation-duration:1s
}

.biography__btn a
{
    font-size:16px;
    color:var(--tp-common-white);
    border-color:rgba(255,255,255,0.2);
    padding:9px 27px 11px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product__features-wrapper
    {
        margin-top:110px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .product__features-wrapper
    {
        -webkit-transform:scale(0.9) translateY(65px);
        -moz-transform:scale(0.9) translateY(65px);
        -ms-transform:scale(0.9) translateY(65px);
        -o-transform:scale(0.9) translateY(65px);
        transform:scale(0.9) translateY(65px)
    }
}

@media (max-width: 575px) {
    .product__features-wrapper
    {
        -webkit-transform:scale(0.9) translateY(50px);
        -moz-transform:scale(0.9) translateY(50px);
        -ms-transform:scale(0.9) translateY(50px);
        -o-transform:scale(0.9) translateY(50px);
        transform:scale(0.9) translateY(50px)
    }
}

.product__features-wrapper .product-section-title
{
    letter-spacing:-.02em;
    margin-bottom:60px;
    font:70px/.74 var(--tp-ff-rajdhani)
}

@media (max-width: 575px) {
    .product__features-wrapper .product-section-title
    {
        font-size:35px;
        margin-bottom:30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product__features-item
    {
        margin-bottom:20px
    }
}

.product__features-item-wrapper .row [class*=col-]:nth-child(2n) .product__features-item
{
    margin-left:-25px
}

[dir=rtl] .product__features-item-wrapper .row [class*=col-]:nth-child(2n) .product__features-item
{
    margin-left:0;
    margin-right:-25px
}

@media (max-width: 575px) {
    .product__features-item-wrapper .row [class*=col-]:nth-child(2n) .product__features-item
    {
        margin-left:0
    }

    [dir=rtl] .product__features-item-wrapper .row [class*=col-]:nth-child(2n) .product__features-item
    {
        margin-right:0
    }
}

.product__features-item-wrapper .row [class*=col-]:nth-last-child(2) .product__features-item,.product__features-item-wrapper .row [class*=col-]:last-child .product__features-item
{
    margin-bottom:0
}

.product__features-item:hover .product__features-icon span svg,.product__features-item:hover .product__features-icon span i
{
    animation-name:tpshake;
    animation-timing-function:ease-in-out;
    animation-duration:.4s;
    animation-iteration-count:1
}

.product__features-title
{
    margin-bottom:1px;
    font:22px/1 var(--tp-ff-rajdhani)
}

.product__features-content > p
{
    color:#525258;
    font:16px/1.3 var(--tp-ff-syne)
}

.product__features-icon span
{
    display:inline-block;
    width:64px;
    height:64px;
    line-height:64px;
    text-align:center;
    font-size:24px;
    color:var(--tp-common-black);
    border-radius:50%;
    background-color:var(--tp-common-white);
    box-shadow:0 1px 2px 1px rgba(50,5,48,0.06);
    margin-bottom:19px
}

.product__features-icon span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.product__features-icon span svg,.product__features-icon span i
{
    -webkit-transition:.2s ease-in-out;
    transition:.2s ease-in-out
}

.product__features-thumb
{
    position:relative
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product__features-thumb
    {
        -webkit-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -ms-transform:scale(0.8);
        -o-transform:scale(0.8);
        transform:scale(0.8)
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product__features-thumb
    {
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        transform:scale(0.5)
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .product__features-thumb
    {
        -webkit-transform:scale(0.4);
        -moz-transform:scale(0.4);
        -ms-transform:scale(0.4);
        -o-transform:scale(0.4);
        transform:scale(0.4)
    }
}

@media (max-width: 575px) {
    .product__features-thumb
    {
        display:none
    }
}

.product__features-thumb img
{
    -moz-animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate;
    margin-top:95px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product__features-thumb img
    {
        margin-left:-145px
    }

    [dir=rtl] .product__features-thumb img
    {
        margin-left:0;
        margin-right:-145px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .product__features-thumb img
    {
        margin-left:-205px
    }

    [dir=rtl] .product__features-thumb img
    {
        margin-left:0;
        margin-right:-205px
    }
}

.product__features-thumb::after
{
    position:absolute;
    content:"";
    left:8%;
    bottom:8%;
    width:342px;
    height:342px;
    border-radius:50%;
    background-image:-webkit-linear-gradient(90deg,#91DEDE 0%,#3CBAB2 100%);
    background-image:-moz-linear-gradient(90deg,#91DEDE 0%,#3CBAB2 100%);
    background-image:-ms-linear-gradient(90deg,#91DEDE 0%,#3CBAB2 100%);
    background-image:-o-linear-gradient(90deg,#91DEDE 0%,#3CBAB2 100%);
    background-image:linear-gradient(90deg,#91DEDE 0%,#3CBAB2 100%);
    z-index:-1;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    transition-delay:0;
    transition-duration:1s
}

[dir=rtl] .product__features-thumb::after
{
    left:auto;
    right:8%
}

.product__features-thumb::before
{
    position:absolute;
    content:"";
    right:-11%;
    top:17%;
    width:420px;
    height:420px;
    border-radius:50%;
    background-image:-webkit-linear-gradient(151.79deg,#FFDAD6 8.35%,#FF4343 98.03%);
    background-image:-moz-linear-gradient(151.79deg,#FFDAD6 8.35%,#FF4343 98.03%);
    background-image:-ms-linear-gradient(151.79deg,#FFDAD6 8.35%,#FF4343 98.03%);
    background-image:-o-linear-gradient(151.79deg,#FFDAD6 8.35%,#FF4343 98.03%);
    background-image:linear-gradient(151.79deg,#FFDAD6 8.35%,#FF4343 98.03%);
    z-index:-1;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    transition-delay:.3s;
    transition-duration:1s
}

[dir=rtl] .product__features-thumb::before
{
    left:-11%;
    right:auto
}

.product__category-slider .tp-scrollbar
{
    background-color:#E7E7E7;
    height:2px
}

.product__category-slider .tp-scrollbar .swiper-scrollbar-drag
{
    background-color:var(--tp-theme-1);
    height:2px;
    border-radius:0
}

.product__category-title
{
    color:var(--tp-text-1);
    margin-bottom:0;
    font:500 16px/1 var(--tp-ff-roboto)
}

.product__category-title a:hover
{
    color:var(--tp-theme-1)
}

.product__category-content
{
    padding-top:21px;
    padding-bottom:21px
}

.product__tab .nav-tabs .nav-item:not(:last-child)
{
    margin-right:25px
}

[dir=rtl] .product__tab .nav-tabs .nav-item:not(:last-child)
{
    margin-right:0;
    margin-left:25px
}

.product__tab .nav-tabs .nav-item .nav-link
{
    font-weight:500;
    font-size:14px;
    color:var(--tp-text-1);
    padding-left:5px;
    padding-right:5px;
    position:relative
}

.product__tab .nav-tabs .nav-item .nav-link::after
{
    position:absolute;
    content:"";
    bottom:1px;
    left:auto;
    right:0;
    width:0;
    height:2px;
    background-color:var(--tp-theme-1)
}

[dir=rtl] .product__tab .nav-tabs .nav-item .nav-link::after
{
    left:0;
    right:auto
}

.product__tab .nav-tabs .nav-item .nav-link.active
{
    color:var(--tp-theme-1)
}

.product__tab .nav-tabs .nav-item .nav-link.active::after
{
    width:100%;
    left:0;
    right:auto
}

[dir=rtl] .product__tab .nav-tabs .nav-item .nav-link.active::after
{
    left:auto;
    right:0
}

.product__tab .nav-tabs .nav-item .nav-link:hover
{
    color:var(--tp-theme-1)
}

.product__item:hover .product__thumb img
{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}

.product__item:hover .product__add
{
    opacity:1;
    visibility:visible;
    bottom:0
}

.product__item:hover .product__action a,.product__item:hover .product__action button
{
    transform:translateX(0);
    visibility:visible;
    opacity:1
}

.product__item:hover .product__action a:nth-child(1),.product__item:hover .product__action button:nth-child(1)
{
    transition-delay:0
}

.product__item:hover .product__action a:nth-child(2),.product__item:hover .product__action button:nth-child(2)
{
    transition-delay:.1s
}

.product__item:hover .product__action a:nth-child(3),.product__item:hover .product__action button:nth-child(3)
{
    transition-delay:.12s
}

.product__item:hover .product__action a:nth-child(4),.product__item:hover .product__action button:nth-child(4)
{
    transition-delay:.14s
}

.product__content
{
    padding-top:14px
}

.product__rating span
{
    font-size:11px;
    color:var(--tp-common-yellow-5);
    display:inline-block
}

.product__rating span:not(:last-child)
{
    margin-right:3px
}

[dir=rtl] .product__rating span:not(:last-child)
{
    margin-right:0;
    margin-left:3px
}

.product__rating-2
{
    margin-bottom:2px
}

.product__rating-2 span
{
    font-size:12px
}

.product__title
{
    font:400 14px var(--tp-ff-inter)
}

.product__title a:hover
{
    color:var(--tp-theme-1)
}

.product__ammount
{
    font-weight:500;
    font-size:15px;
    color:var(--tp-text-1)
}

.product__badge
{
    position:absolute;
    left:0;
    top:20px
}

.product__badge-item
{
    display:inline-block;
    font-size:13px;
    line-height:1;
    color:var(--tp-common-white);
    background-color:var(--tp-common-black);
    padding:4px 10px;
    margin-bottom:5px;
    text-transform:capitalize
}

.product__badge-item.has-new
{
    background-color:var(--tp-theme-1)
}

.product__action
{
    position:absolute;
    top:40px;
    right:10px
}

.product__action a,.product__action button
{
    display:inline-block;
    width:38px;
    height:38px;
    line-height:38px;
    background-color:#FFF;
    box-shadow:0 1px 3px rgba(3,4,28,0.12);
    text-align:center;
    position:relative;
    margin-bottom:6px;
    transform:translateX(100%);
    opacity:0;
    visibility:hidden;
    transition:visibility .3s .1s ease-out,opacity .3s .15s ease-out,transform .3s .1s ease-out
}

.product__action a svg,.product__action button svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.product__action a:nth-child(1),.product__action button:nth-child(1)
{
    transition-delay:.14s
}

.product__action a:nth-child(2),.product__action button:nth-child(2)
{
    transition-delay:.12s
}

.product__action a:nth-child(3),.product__action button:nth-child(3)
{
    transition-delay:.1s
}

.product__action a:nth-child(4),.product__action button:nth-child(4)
{
    transition-delay:0
}

.product__action a:hover,.product__action button:hover
{
    background-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.product__add
{
    position:absolute;
    bottom:-60px;
    left:0;
    right:0;
    visibility:hidden;
    opacity:0
}

.product__list-item
{
    background:var(--tp-common-white);
    border:1px solid #E9E9F0
}

.product__list-thumb
{
    height:100%
}

.product__list-thumb img
{
    height:100%;
    object-fit:cover
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .product__list-thumb img
    {
        width:100%
    }
}

.product__list-title
{
    margin-bottom:12px;
    font:500 20px var(--tp-ff-inter)
}

.product__list-title a:hover
{
    color:var(--tp-theme-1)
}

.product__list-action button
{
    margin-bottom:6px
}

.product__list-action button:not(:last-child)
{
    margin-right:6px
}

[dir=rtl] .product__list-action button:not(:last-child)
{
    margin-right:0;
    margin-left:6px
}

.product__list-action button.product-action-btn
{
    width:40px;
    height:40px;
    line-height:38px;
    text-align:center;
    font-size:18px;
    color:var(--tp-common-black);
    border:1px solid #DADCE0
}

.product__list-action button.product-action-btn .product-action-tooltip
{
    top:auto;
    bottom:90%;
    left:auto;
    right:auto;
    margin:auto;
    margin-bottom:10px;
    -webkit-transform:translate(-60%,0%);
    -moz-transform:translate(-60%,0%);
    -ms-transform:translate(-60%,0%);
    -o-transform:translate(-60%,0%);
    transform:translate(-60%,0%)
}

[dir=rtl] .product__list-action button.product-action-btn .product-action-tooltip
{
    -webkit-transform:translate(60%,0%);
    -moz-transform:translate(60%,0%);
    -ms-transform:translate(60%,0%);
    -o-transform:translate(60%,0%);
    transform:translate(60%,0%)
}

.product__list-action button.product-action-btn .product-action-tooltip::after
{
    top:100%;
    right:50%;
    left:auto;
    -webkit-transform:translate(50%,-50%) rotate(45deg);
    -moz-transform:translate(50%,-50%) rotate(45deg);
    -ms-transform:translate(50%,-50%) rotate(45deg);
    -o-transform:translate(50%,-50%) rotate(45deg);
    transform:translate(50%,-50%) rotate(45deg)
}

.product__list-action button.product-action-btn:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.product__list-action button.product-action-btn:hover .product-action-tooltip
{
    bottom:100%;
    top:auto;
    right:auto
}

.product__list-content
{
    padding-right:75px;
    padding-top:47px;
    padding-bottom:40px;
    margin-left:-5px
}

[dir=rtl] .product__list-content
{
    padding-right:0;
    padding-left:75px;
    margin-left:0;
    margin-right:-5px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .product__list-content
    {
        padding-right:45px;
        margin-left:0;
        padding-left:15px
    }

    [dir=rtl] .product__list-content
    {
        padding-right:0;
        padding-left:45px;
        margin-right:0;
        padding-left:0;
        padding-right:15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product__list-content
    {
        padding-right:30px;
        margin-left:0;
        padding-left:15px
    }

    [dir=rtl] .product__list-content
    {
        padding-right:0;
        margin-right:0;
        padding-left:0;
        padding-right:15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product__list-content
    {
        margin-left:0;
        padding:25px 20px
    }

    [dir=rtl] .product__list-content
    {
        padding-right:0;
        padding-left:20px;
        padding-left:0;
        padding-right:20px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .product__list-content
    {
        padding:35px;
        margin-left:0
    }

    [dir=rtl] .product__list-content
    {
        margin-right:0
    }
}

@media (max-width: 575px) {
    .product__list-content
    {
        padding:25px;
        margin-left:0
    }

    [dir=rtl] .product__list-content
    {
        margin-right:0
    }
}

.product__list-content p
{
    font-size:14px;
    line-height:1.57;
    margin-bottom:28px
}

.product__list-price
{
    margin-bottom:8px
}

.product__list-ammount
{
    font-weight:500;
    font-size:18px;
    color:var(--tp-text-1)
}

[dir=rtl] .product__details-thumb-tab
{
    margin-right:0;
    margin-left:70px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .product__details-thumb-tab
    {
        margin-right:0
    }

    [dir=rtl] .product__details-thumb-tab
    {
        margin-left:0
    }
}

.product__details-thumb-content
{
    margin-bottom:14px
}

.product__details-thumb-nav .nav-link
{
    width:110px;
    height:110px;
    position:relative;
    margin-bottom:10px
}

@media (max-width: 575px) {
    .product__details-thumb-nav .nav-link
    {
        margin-right:12px
    }

    [dir=rtl] .product__details-thumb-nav .nav-link
    {
        margin-right:0;
        margin-left:12px
    }
}

.product__details-thumb-nav .nav-link::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:transparent;
    border:1px solid var(--tp-theme-1);
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0;
    -ms-transition:all .2s ease-out 0;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0
}

.product__details-thumb-nav .nav-link.active::after
{
    visibility:visible;
    opacity:1
}

.product__details-stock
{
    margin-bottom:13px
}

.product__details-stock span
{
    color:var(--tp-theme-1);
    border:1px solid rgba(245,9,99,0.1);
    padding:5px 18px;
    font:500 14px/1 var(--tp-ff-inter)
}

.product__details-title
{
    margin-bottom:5px;
    font:500 34px var(--tp-ff-roboto)
}

.product__details-rating
{
    margin-bottom:13px
}

.product__details-rating .product__rating
{
    margin-right:10px
}

[dir=rtl] .product__details-rating .product__rating
{
    margin-right:0;
    margin-left:10px
}

.product__details-rating-count
{
    position:relative;
    margin-bottom:2px;
    padding-left:9px
}

[dir=rtl] .product__details-rating-count
{
    padding-left:0;
    padding-right:9px
}

.product__details-rating-count::after
{
    position:absolute;
    content:"";
    left:0;
    top:3px;
    width:1px;
    height:20px;
    background-color:#DADCE0
}

[dir=rtl] .product__details-rating-count::after
{
    left:auto;
    right:0
}

.product__details-rating-count span
{
    font:14px var(--tp-ff-roboto)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .product__details-wrapper
    {
        margin-top:40px
    }
}

.product__details-wrapper p
{
    margin-bottom:23px;
    font:15px/1.6 var(--tp-ff-roboto)
}

.product__details-price
{
    margin-bottom:35px
}

.product__details-price span
{
    font-family:var(--tp-ff-roboto);
    line-height:1
}

.product__details-ammount
{
    font-weight:600;
    font-size:24px;
    color:var(--tp-common-black)
}

.product__details-ammount.old-ammount
{
    font-weight:400;
    font-size:16px;
    text-decoration-line:line-through;
    color:var(--tp-text-1)
}

.product__details-ammount.new-ammount
{
    font-weight:600;
    font-size:24px;
    color:var(--tp-common-black);
    margin-left:1px
}

[dir=rtl] .product__details-ammount.new-ammount
{
    margin-left:0;
    margin-right:1px
}

.product__details-offer
{
    margin-left:2px;
    font-weight:700;
    font-size:13px;
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    padding:3px 9px;
    display:inline-block;
    -webkit-transform:translateY(-4px);
    -moz-transform:translateY(-4px);
    -ms-transform:translateY(-4px);
    -o-transform:translateY(-4px);
    transform:translateY(-4px)
}

[dir=rtl] .product__details-offer
{
    margin-left:0;
    margin-right:2px
}

.product__details-quantity
{
    margin-bottom:40px
}

.product__details-action
{
    padding-bottom:34px;
    border-bottom:1px solid #DADCE0;
    margin-bottom:32px
}

.product__details-action button
{
    margin-bottom:6px
}

.product__details-action button:not(:last-child)
{
    margin-right:6px
}

[dir=rtl] .product__details-action button:not(:last-child)
{
    margin-right:0;
    margin-left:6px
}

.product__details-action button.product-action-btn
{
    width:50px;
    height:50px;
    line-height:48px;
    text-align:center;
    font-size:18px;
    color:var(--tp-common-black);
    border:1px solid #DADCE0
}

.product__details-action button.product-action-btn .product-action-tooltip
{
    top:auto;
    bottom:90%;
    left:auto;
    right:auto;
    margin:auto;
    margin-bottom:10px;
    -webkit-transform:translate(-57%,0%);
    -moz-transform:translate(-57%,0%);
    -ms-transform:translate(-57%,0%);
    -o-transform:translate(-57%,0%);
    transform:translate(-57%,0%)
}

[dir=rtl] .product__details-action button.product-action-btn .product-action-tooltip
{
    -webkit-transform:translate(57%,0%);
    -moz-transform:translate(57%,0%);
    -ms-transform:translate(57%,0%);
    -o-transform:translate(57%,0%);
    transform:translate(57%,0%)
}

.product__details-action button.product-action-btn .product-action-tooltip::after
{
    top:100%;
    right:50%;
    left:auto;
    -webkit-transform:translate(50%,-50%) rotate(45deg);
    -moz-transform:translate(50%,-50%) rotate(45deg);
    -ms-transform:translate(50%,-50%) rotate(45deg);
    -o-transform:translate(50%,-50%) rotate(45deg);
    transform:translate(50%,-50%) rotate(45deg)
}

.product__details-action button.product-action-btn:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.product__details-action button.product-action-btn:hover .product-action-tooltip
{
    bottom:100%;
    top:auto;
    right:auto
}

.product__details-more p
{
    display:inline-block;
    margin-bottom:5px;
    font-weight:600;
    font-size:15px;
    line-height:1;
    color:var(--tp-common-black)
}

.product__details-more span
{
    font-size:15px;
    line-height:1;
    color:var(--tp-text-1)
}

.product__details-more span a:hover
{
    color:var(--tp-theme-1)
}

.product__details-categories
{
    margin-bottom:15px
}

.product__details-tags
{
    margin-bottom:15px
}

.product__details-tags span
{
    display:inline-block;
    margin-bottom:5px;
    font-weight:600;
    font-size:15px;
    line-height:1;
    color:var(--tp-common-black);
    margin-right:3px
}

[dir=rtl] .product__details-tags span
{
    margin-right:0;
    margin-left:3px
}

.product__details-tags a
{
    font-size:14px;
    line-height:1;
    color:var(--tp-text-1);
    border:1px solid #DADCE0;
    padding:4px 12px;
    margin-bottom:6px;
    display:inline-block
}

.product__details-tags a:hover
{
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.product__details-share span
{
    display:inline-block;
    margin-bottom:5px;
    font-weight:600;
    font-size:15px;
    line-height:1;
    color:var(--tp-common-black);
    margin-right:9px
}

[dir=rtl] .product__details-share span
{
    margin-right:0;
    margin-left:9px
}

.product__details-share a
{
    font-size:14px;
    line-height:1;
    color:var(--tp-text-1);
    margin-bottom:6px;
    margin-right:10px
}

[dir=rtl] .product__details-share a
{
    margin-right:0;
    margin-left:10px
}

.product__details-share a:hover
{
    color:var(--tp-theme-1)
}

.product__details-tab-nav
{
    border-bottom:1px solid #DADCE0
}

.product__details-tab-nav-inner
{
    position:relative
}

.product__details-tab-nav .nav-link
{
    position:relative;
    padding:11px 14px;
    font-weight:500;
    font-size:16px;
    color:var(--tp-text-1)
}

.product__details-tab-nav .nav-link.active,.product__details-tab-nav .nav-link:hover
{
    color:var(--tp-common-black)
}

.product__details-tab-nav .nav-link.active::after,.product__details-tab-nav .nav-link:hover::after
{
    width:100%;
    left:0;
    right:auto
}

[dir=rtl] .product__details-tab-nav .nav-link.active::after,[dir=rtl] .product__details-tab-nav .nav-link:hover::after
{
    left:auto;
    right:0
}

@media (max-width: 575px) {
    .product__details-tab-nav .nav-link::after
    {
        position:absolute;
        content:"";
        left:auto;
        right:0;
        bottom:-1px;
        width:0;
        height:2px;
        background-color:var(--tp-theme-3);
        -webkit-transition:all .3s ease-out 0;
        -moz-transition:all .3s ease-out 0;
        -ms-transition:all .3s ease-out 0;
        -o-transition:all .3s ease-out 0;
        transition:all .3s ease-out 0
    }

    [dir=rtl] .product__details-tab-nav .nav-link::after
    {
        left:0;
        right:auto
    }
}

.product__details-tab-nav .tp-tab-menu
{
    position:relative
}

.product__details-tab-nav .tp-tab-line
{
    position:absolute;
    content:"";
    left:0;
    bottom:-1px;
    width:38%;
    height:2px;
    background-color:var(--tp-theme-1)
}

[dir=rtl] .product__details-tab-nav .tp-tab-line
{
    left:auto;
    right:0
}

@media (max-width: 575px) {
    .product__details-description-content
    {
        padding-right:0
    }

    [dir=rtl] .product__details-description-content
    {
        padding-left:0
    }
}

.product__details-description-content .product-desc-title
{
    color:var(--tp-common-black-solid);
    margin-bottom:10px;
    font:500 34px var(--tp-ff-roboto)
}

@media (max-width: 575px) {
    .product__details-description-content .product-desc-title
    {
        font-size:25px
    }
}

.product__details-description-content p
{
    color:var(--tp-text-1);
    margin-bottom:25px;
    font:18px/1.67 var(--tp-ff-roboto)
}

.product__details-description .product-desc-feature-thumb
{
    margin-bottom:30px
}

[dir=rtl] .product__details-description .product-desc-feature-thumb
{
    margin-right:0;
    margin-left:25px
}

.product__details-description .product-desc-feature-content p
{
    line-height:1.56;
    padding-right:75px
}

[dir=rtl] .product__details-description .product-desc-feature-content p
{
    padding-right:0;
    padding-left:75px
}

@media (max-width: 575px) {
    .product__details-description .product-desc-feature-content p
    {
        padding-right:0
    }

    [dir=rtl] .product__details-description .product-desc-feature-content p
    {
        padding-left:0
    }
}

.product__details-additional
{
    margin-top:67px;
    background-color:var(--tp-common-white)
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .product__details-additional
    {
        overflow-x:scroll
    }
}

.product__details-additional-inner
{
    padding:45px 70px;
    border:1px solid #E9E9F0
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product__details-additional-inner
    {
        padding:15px 40px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .product__details-additional-inner
    {
        width:768px
    }
}

.product__details-additional table
{
    width:100%
}

.product__details-additional table tr
{
    padding:16px 0 14px;
    display:block
}

.product__details-additional table tr:not(:last-child)
{
    border-bottom:1px solid #E9E9F0
}

.product__details-additional table tr th
{
    color:var(--tp-common-black);
    width:28%;
    display:inline-block;
    font:500 15px var(--tp-ff-roboto)
}

.product__details-additional table tr td
{
    width:71%;
    display:inline-block;
    color:var(--tp-text-1);
    font:15px var(--tp-ff-roboto)
}

.product__details-review-inner
{
    padding:62px 70px 70px;
    border:1px solid #E9E9F0
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product__details-review-inner
    {
        padding:35px 40px 40px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .product__details-review-inner
    {
        padding:25px 30px 30px
    }
}

@media (max-width: 575px) {
    .product__details-review-inner
    {
        padding:15px 20px 20px
    }
}

.product__details-review .product-rating-title
{
    margin-bottom:22px;
    font:600 24px var(--tp-ff-roboto)
}

.product__details-review .product-rating-number
{
    text-align:center;
    width:160px;
    height:125px;
    border:1px solid #E9E9F0;
    padding-top:21px;
    padding-bottom:21px
}

[dir=rtl] .product__details-review .product-rating-number
{
    margin-right:0;
    margin-left:40px
}

@media (max-width: 575px) {
    .product__details-review .product-rating-number
    {
        margin-bottom:15px
    }
}

.product__details-review .product-rating-number-title
{
    color:var(--tp-common-black-solid);
    margin-bottom:0;
    font:400 60px/1 var(--tp-ff-roboto)
}

.product__details-review .product-rating-star
{
    line-height:1
}

.product__details-review .product-rating-star span
{
    line-height:1;
    font-size:12px;
    color:var(--tp-common-yellow-5);
    display:inline-block
}

.product__details-review .product-rating-star span:not(:last-child)
{
    margin-right:3px
}

[dir=rtl] .product__details-review .product-rating-star span:not(:last-child)
{
    margin-right:0;
    margin-left:3px
}

.product__details-review .product-rating-bar
{
    width:100%;
    background-color:#E9E9E9;
    border-radius:10px
}

.product__details-review .product-rating-bar-wrapper
{
    width:71.5%
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .product__details-review .product-rating-bar-wrapper
    {
        width:70%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product__details-review .product-rating-bar-wrapper
    {
        width:66%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .product__details-review .product-rating-bar-wrapper
    {
        width:52%
    }
}

@media (max-width: 575px) {
    .product__details-review .product-rating-bar-wrapper
    {
        width:100%
    }
}

.product__details-review .product-rating-bar .single-progress
{
    background-color:var(--tp-theme-1);
    height:8px;
    border-radius:10px
}

.product__details-review .product-rating-bar-text
{
    width:3.5%;
    line-height:1
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .product__details-review .product-rating-bar-text
    {
        width:7.5%
    }
}

.product__details-review .product-rating-bar-text span
{
    color:var(--tp-text-1);
    font:14px var(--tp-ff-roboto)
}

.product__details-review .product-rating-bar-item:not(:last-child)
{
    margin-bottom:5px
}

.product__details-review .product-review-item
{
    margin-bottom:30px
}

.product__details-review .product-review-item:last-child
{
    margin-bottom:0
}

.product__details-review .product-review-item p
{
    color:var(--tp-text-1);
    font:15px/1.6 var(--tp-ff-roboto)
}

.product__details-review .product-review-avater
{
    margin-bottom:11px
}

.product__details-review .product-review-avater-thumb img
{
    width:34px;
    height:34px;
    border-radius:50%;
    margin-right:10px
}

[dir=rtl] .product__details-review .product-review-avater-thumb img
{
    margin-right:0;
    margin-left:10px
}

.product__details-review .product-review-avater-title
{
    margin-bottom:0;
    font:500 16px/1 var(--tp-ff-roboto)
}

.product__details-review .product-review-rating
{
    margin-bottom:5px
}

.product__details-review .product-review-rating-wrapper
{
    margin-right:10px
}

[dir=rtl] .product__details-review .product-review-rating-wrapper
{
    margin-right:0;
    margin-left:10px
}

.product__details-review .product-review-rating-wrapper span
{
    line-height:1;
    font-size:12px;
    color:var(--tp-common-yellow-5);
    display:inline-block
}

.product__details-review .product-review-rating-wrapper span:not(:last-child)
{
    margin-right:3px
}

[dir=rtl] .product__details-review .product-review-rating-wrapper span:not(:last-child)
{
    margin-right:0;
    margin-left:3px
}

.product__details-review .product-review-rating-date span
{
    color:var(--tp-text-1);
    font:400 13px var(--tp-ff-roboto)
}

.product__details-review .product-review-form p
{
    color:var(--tp-text-1);
    margin-bottom:20px;
    font:400 14px var(--tp-ff-roboto)
}

.product__details-review .product-review-form-title
{
    letter-spacing:-.02em;
    margin-bottom:4px;
    font:600 24px var(--tp-ff-roboto)
}

.product__details-review .product-review-form-rating .rate-title
{
    letter-spacing:-.02em;
    color:var(--tp-text-1);
    font:500 15px/14px var(--tp-ff-roboto)
}

.product__details-review .product-review-input
{
    margin-bottom:18px;
    line-height:1
}

.product__details-review .product-review-input.is-textarea
{
    margin-bottom:30px
}

.product__details-review .product-review-input input,.product__details-review .product-review-input textarea
{
    height:60px;
    line-height:60px;
    background-color:#F7F7F7;
    border:1.5px solid #F7F7F7
}

.product__details-review .product-review-input input:focus,.product__details-review .product-review-input textarea:focus
{
    border-color:var(--tp-theme-1);
    background-color:var(--tp-common-white)
}

.product__details-review .product-review-input textarea
{
    height:180px;
    line-height:1.2;
    padding-bottom:20px
}

.product__details-review .product-review-agree input
{
    margin:0;
    appearance:none;
    -moz-appearance:none;
    display:block;
    width:18px;
    height:18px;
    background:transparent;
    border:2px solid #B2B2B9;
    border-radius:4px;
    outline:none;
    flex:0 0 auto;
    -webkit-transform:translateY(3px);
    -moz-transform:translateY(3px);
    -ms-transform:translateY(3px);
    -o-transform:translateY(3px);
    transform:translateY(3px);
    padding:0
}

.product__details-review .product-review-agree input:checked
{
    position:relative;
    background-color:var(--tp-theme-1);
    border-color:transparent
}

.product__details-review .product-review-agree input:checked::after
{
    box-sizing:border-box;
    position:absolute;
    content:"\f00c";
    color:var(--tp-common-white);
    top:46%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font:700 10px var(--tp-ff-fontawesome)
}

.product__details-review .product-review-agree input:hover
{
    cursor:pointer
}

.product__details-review .product-review-agree label
{
    padding-left:8px;
    font-size:14px;
    line-height:1.71;
    color:var(--tp-text-1)
}

[dir=rtl] .product__details-review .product-review-agree label
{
    padding-left:0;
    padding-right:8px
}

.product__details-review .product-review-agree label a
{
    color:var(--tp-common-black);
    font-weight:600;
    padding-left:4px
}

.product__details-review .product-review-agree label a:hover
{
    color:var(--tp-theme-1)
}

.product__details-review .product-review-agree label:hover
{
    cursor:pointer
}

.product__details-review .product-review-btn .tp-btn
{
    padding:12px 37px;
    font:600 15px var(--tp-ff-roboto)
}

.product__details-review .product-review-btn .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

.product__modal .modal-dialog
{
    max-width:1200px;
    border-radius:0
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .product__modal .modal-dialog
    {
        max-width:1100px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product__modal .modal-dialog
    {
        max-width:900px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product__modal .modal-dialog
    {
        max-width:700px
    }
}

.product__modal .modal-content
{
    padding:40px;
    border-radius:0
}

@media (max-width: 575px) {
    .product__modal .modal-content
    {
        padding:20px
    }
}

.product__modal .product__details-thumb-nav .nav-link
{
    width:90px;
    height:90px;
    margin-bottom:10px
}

.product__modal .product__details-thumb-nav .nav-link img
{
    width:100%
}

@media (max-width: 575px) {
    .product__modal .product__details-thumb-nav .nav-link
    {
        width:70px;
        height:70px
    }
}

.product__modal-close
{
    position:absolute;
    top:20px;
    right:20px
}

[dir=rtl] .product__modal-close
{
    right:auto;
    left:20px
}

.product__modal-close-btn
{
    display:inline-block;
    font-size:16px;
    height:44px;
    width:44px;
    line-height:44px;
    background-color:transparent;
    color:var(--tp-text-1);
    border-radius:50%
}

.product__modal-close-btn:hover
{
    color:var(--tp-theme-1);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg)
}

.product__modal-close-btn svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.product-action-btn
{
    position:relative
}

.product-action-btn .product-action-tooltip
{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    right:90%;
    font-weight:500;
    font-size:12px;
    color:var(--tp-common-white);
    background-color:var(--tp-common-black);
    z-index:1;
    display:inline-block;
    width:max-content;
    line-height:1;
    padding:4px 8px;
    margin-right:8px;
    visibility:hidden;
    opacity:0
}

.product-action-btn .product-action-tooltip::after
{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    -webkit-transform:translate(50%,-50%) rotate(45deg);
    -moz-transform:translate(50%,-50%) rotate(45deg);
    -ms-transform:translate(50%,-50%) rotate(45deg);
    -o-transform:translate(50%,-50%) rotate(45deg);
    transform:translate(50%,-50%) rotate(45deg);
    height:8px;
    width:8px;
    background-color:var(--tp-common-black)
}

.product-action-btn svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.product-action-btn:hover .product-action-tooltip
{
    visibility:visible;
    opacity:1;
    right:100%
}

.product-add-cart-btn
{
    font-weight:600;
    font-size:15px;
    color:var(--tp-common-white);
    background-color:var(--tp-common-black);
    display:inline-block;
    padding:7px 25px;
    text-align:center
}

.product-add-cart-btn svg,.product-add-cart-btn i
{
    margin-right:7px
}

[dir=rtl] .product-add-cart-btn svg,[dir=rtl] .product-add-cart-btn i
{
    margin-right:0;
    margin-left:7px
}

.product-add-cart-btn svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.product-add-cart-btn:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1)
}

.product-add-cart-btn-2
{
    border:1px solid #DADCE0;
    color:var(--tp-common-black);
    background-color:var(--tp-common-white);
    font-size:15px;
    font-weight:500;
    padding:6px 33px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-add-cart-btn-2
    {
        padding:6px 21px
    }
}

@media (max-width: 575px) {
    .product-add-cart-btn-2
    {
        width:100%
    }
}

.product-add-cart-btn-2:hover
{
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.product-add-cart-btn-3
{
    background-color:var(--tp-common-black);
    color:var(--tp-common-white);
    padding:12px 45px
}

.product-add-cart-btn-3:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1)
}

@media (max-width: 575px) {
    .product-add-cart-btn-3
    {
        width:100%
    }
}

.shop__top
{
    padding:15px 20px;
    padding-left:30px;
    border:1px solid rgba(3,4,28,0.1)
}

[dir=rtl] .shop__top
{
    padding-left:20px;
    padding-right:30px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .shop__result
    {
        margin-bottom:15px
    }
}

.shop__result p
{
    margin-bottom:0;
    font:16px var(--tp-ff-roboto)
}

.shop__sort-tab .nav-link
{
    font-size:18px;
    color:#ABABAB;
    margin-right:20px
}

[dir=rtl] .shop__sort-tab .nav-link
{
    margin-right:0;
    margin-left:20px
}

@media (max-width: 575px) {
    .shop__sort-tab .nav-link
    {
        margin-bottom:20px
    }
}

.shop__sort-tab .nav-link.active
{
    color:var(--tp-theme-1)
}

.shop__sort-select .nice-select
{
    height:40px;
    border:1px solid #E9E9F0;
    width:230px;
    border-radius:0;
    color:var(--tp-text-1);
    padding:0 20px;
    font:400 14px/40px var(--tp-ff-roboto)
}

.shop__sort-select .nice-select::after
{
    right:14px
}

[dir=rtl] .shop__sort-select .nice-select::after
{
    right:auto;
    left:14px
}

.shop__sort-select .nice-select .list
{
    width:100%;
    margin-top:0;
    border-radius:0;
    padding:12px 0
}

.shop__sort-select .nice-select .list .option
{
    line-height:30px;
    min-height:30px
}

.shop__sort-select .nice-select .list .option:hover
{
    color:var(--tp-common-black)
}

.shop__sort-select .nice-select .list .option.selected
{
    font-weight:400;
    color:var(--tp-common-black)
}

.shop__sidebar.on-left
{
    margin-right:30px;
    margin-bottom:50px
}

[dir=rtl] .shop__sidebar.on-left
{
    margin-right:0;
    margin-left:30px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .shop__sidebar.on-left
    {
        margin-right:0
    }

    [dir=rtl] .shop__sidebar.on-left
    {
        margin-left:0
    }
}

.shop__sidebar.on-right
{
    margin-right:0;
    margin-left:30px;
    margin-bottom:50px
}

[dir=rtl] .shop__sidebar.on-right
{
    margin-right:30px;
    margin-left:0
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .shop__sidebar.on-right
    {
        margin-left:0;
        margin-bottom:0;
        margin-top:50px
    }

    [dir=rtl] .shop__sidebar.on-right
    {
        margin-right:0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .shop__sidebar.on-right
    {
        margin-left:0;
        margin-bottom:0;
        margin-top:0
    }

    [dir=rtl] .shop__sidebar.on-right
    {
        margin-right:0
    }
}

.shop__widget
{
    margin-bottom:8px
}

.shop__widget .accordion-button
{
    color:var(--tp-common-black-solid);
    border-bottom:1px solid #DADCE0;
    padding:10px 0;
    margin-bottom:25px;
    font:400 17px/12px var(--tp-ff-roboto)
}

[dir=rtl] .shop__widget .accordion-button
{
    justify-content:end
}

.shop__widget .accordion-button:not(.collapsed)
{
    color:var(--tp-common-black-solid)
}

.shop__widget .accordion-button::after
{
    top:37%;
    color:var(--tp-common-black-solid)
}

.shop__widget .accordion-button.collapsed::after
{
    color:var(--tp-common-black-solid)
}

.shop__widget .accordion-button:hover
{
    color:var(--tp-theme-1)
}

.shop__widget .accordion-button:hover::after
{
    color:var(--tp-theme-1)
}

.shop__widget-list-item:not(:last-child)
{
    margin-bottom:6px
}

.shop__widget-list-item input
{
    display:none
}

.shop__widget-list-item input:checked ~ label
{
    color:var(--tp-common-black)
}

.shop__widget-list-item input:checked ~ label::after
{
    background-color:var(--tp-common-black);
    border-color:var(--tp-common-black)
}

.shop__widget-list-item input:checked ~ label::before
{
    color:var(--tp-common-white)
}

.shop__widget-list-item label
{
    color:var(--tp-text-1);
    position:relative;
    padding-left:31px;
    font:400 14px var(--tp-ff-roboto)
}

[dir=rtl] .shop__widget-list-item label
{
    padding-left:0;
    padding-right:31px
}

.shop__widget-list-item label::after,.shop__widget-list-item label::before
{
    position:absolute;
    content:"";
    top:2px;
    left:0;
    width:18px;
    height:18px;
    border:1px solid #DADCE0;
    -webkit-transition:all .1s ease-out 0;
    -moz-transition:all .1s ease-out 0;
    -ms-transition:all .1s ease-out 0;
    -o-transition:all .1s ease-out 0;
    transition:all .1s ease-out 0
}

[dir=rtl] .shop__widget-list-item label::after,[dir=rtl] .shop__widget-list-item label::before
{
    left:auto;
    right:0
}

.shop__widget-list-item label::before
{
    content:"\f00c";
    color:transparent;
    z-index:1;
    border:0;
    width:inherit;
    height:inherit;
    top:-2px;
    left:4px;
    font:12px var(--tp-ff-fontawesome)
}

[dir=rtl] .shop__widget-list-item label::before
{
    left:auto;
    right:4px
}

.shop__widget-list-item label:hover
{
    cursor:pointer
}

.shop__widget-list-item-2:not(:last-child)
{
    margin-bottom:10px
}

.shop__widget-list-item-2 input
{
    display:none
}

.shop__widget-list-item-2 input:checked ~ label::before
{
    color:var(--tp-common-white)
}

.shop__widget-list-item-2 label
{
    color:var(--tp-text-1);
    position:relative;
    padding-left:31px;
    font:400 14px var(--tp-ff-roboto)
}

[dir=rtl] .shop__widget-list-item-2 label
{
    padding-left:0;
    padding-right:31px
}

.shop__widget-list-item-2 label::after,.shop__widget-list-item-2 label::before
{
    position:absolute;
    content:"";
    top:2px;
    left:0;
    width:22px;
    height:22px;
    border-radius:50%;
    -webkit-transition:all .1s ease-out 0;
    -moz-transition:all .1s ease-out 0;
    -ms-transition:all .1s ease-out 0;
    -o-transition:all .1s ease-out 0;
    transition:all .1s ease-out 0;
    background-color:var(--tp-common-black)
}

[dir=rtl] .shop__widget-list-item-2 label::after,[dir=rtl] .shop__widget-list-item-2 label::before
{
    left:auto;
    right:0
}

.shop__widget-list-item-2 label::before
{
    content:"\f00c";
    color:transparent;
    z-index:1;
    border:0;
    width:inherit;
    height:inherit;
    top:0;
    left:6px;
    background-color:transparent;
    font:12px var(--tp-ff-fontawesome)
}

[dir=rtl] .shop__widget-list-item-2 label::before
{
    left:auto;
    right:6px
}

.shop__widget-list-item-2 label:hover
{
    cursor:pointer
}

.shop__widget-list-item-2.has-orange label::after
{
    background-color:#FFB733
}

.shop__widget-list-item-2.has-green label::after
{
    background-color:#95C995
}

.shop__widget-list-item-2.has-red label::after
{
    background-color:#FF5656
}

.shop__widget-list-item-2.has-yellow label::after
{
    background-color:#E2E20D
}

.shop__widget-search-input
{
    position:relative
}

.shop__widget-search-input input
{
    width:100%;
    height:46px;
    border:1px solid #DADCE0;
    padding:0 20px;
    background-color:var(--tp-common-white);
    padding-right:45px;
    font:14px var(--tp-ff-roboto)
}

[dir=rtl] .shop__widget-search-input input
{
    padding-right:20px;
    padding-left:45px
}

.shop__widget-search-input input::-webkit-input-placeholder
{
    color:#767A7D
}

.shop__widget-search-input input:-moz-placeholder
{
    color:#767A7D
}

.shop__widget-search-input input::-moz-placeholder
{
    color:#767A7D
}

.shop__widget-search-input input:-ms-input-placeholder
{
    color:#767A7D
}

.shop__widget-search-input input:focus
{
    border-color:var(--tp-theme-1)
}

.shop__widget-search-input button
{
    position:absolute;
    top:50%;
    right:20px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}

[dir=rtl] .shop__widget-search-input button
{
    right:auto;
    left:20px
}

.shop__widget-search-input button svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.shop__widget-search-input button:hover
{
    color:var(--tp-theme-1)
}

.tp-wishlist-btn .tp-btn
{
    padding:16px 40px 18px
}

.tp-continue-shopping
{
    margin-bottom:30px;
    padding:17px 37px;
    background-color:var(--tp-grey-1)
}

.tp-continue-shopping p
{
    margin-bottom:0;
    color:var(--tp-common-black);
    font:16px var(--tp-ff-space)
}

.tp-continue-shopping p i
{
    padding-left:2px
}

[dir=rtl] .tp-continue-shopping p i
{
    padding-left:0;
    padding-right:2px
}

.tp-continue-shopping p a:hover
{
    color:var(--tp-theme-1)
}

.table > :not(:first-child)
{
    border-top:0
}

.table-content table
{
    background:#fff;
    border-color:#eaedff;
    border-radius:0;
    border-style:solid;
    border-width:1px 0 0 1px;
    text-align:center;
    width:100%;
    margin-bottom:0
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .table-content table
    {
        width:800px
    }
}

.table-content .product-quantity
{
    float:none
}

.table-content table td.product-name
{
    font-size:16px;
    font-weight:400;
    text-transform:capitalize
}

.table-content table td.product-name a:hover
{
    color:var(--tp-theme-1)
}

.table-content table td
{
    border-top:medium none;
    padding:20px 10px;
    vertical-align:middle;
    font-size:16px
}

.table-content table th,.table-content table td
{
    border-bottom:1px solid var(--tp-border-5);
    border-right:1px solid var(--tp-border-5)
}

[dir=rtl] .table-content table th,[dir=rtl] .table-content table td
{
    border-left:1px solid var(--tp-border-5);
    border-right:0
}

.product-quantity input
{
    color:#000;
    font-size:14px;
    font-weight:400;
    border:1px solid var(--tp-border-5)
}

.table td,.table th
{
    border-top:1px solid var(--tp-border-5)
}

.product-quantity > input
{
    width:80px;
    border-radius:3px
}

.table-content table td.product-quantity .tp-product-quantity
{
    margin:auto
}

.table-content table td.product-subtotal
{
    font-size:16px
}

.table-content table td .cart-plus-minus
{
    float:none;
    margin:0 auto
}

.coupon-all
{
    margin-top:50px
}

.coupon
{
    float:left;
    display:flex
}

[dir=rtl] .coupon
{
    float:right
}

.coupon .tp-btn
{
    padding:16px 29px 18px
}

@media (max-width: 767px) {
    .coupon
    {
        float:none
    }
}

#coupon_code
{
    width:64%;
    height:60px;
    border:1px solid var(--tp-grey-15);
    margin-right:10px;
    background-color:transparent;
    background-color:var(--tp-grey-15);
    color:var(--tp-common-black)
}

[dir=rtl] #coupon_code
{
    margin-right:0;
    margin-left:10px
}

#coupon_code::-webkit-input-placeholder
{
    color:#85858B
}

#coupon_code:-moz-placeholder
{
    color:#85858B
}

#coupon_code::-moz-placeholder
{
    color:#85858B
}

#coupon_code:-ms-input-placeholder
{
    color:#85858B
}

#coupon_code:focus
{
    border-color:var(--tp-theme-1);
    background-color:var(--tp-common-white)
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    #coupon_code
    {
        width:100%
    }
}

@media (max-width: 767px) {
    #coupon_code
    {
        margin-bottom:15px
    }
}

.coupon2
{
    float:right
}

[dir=rtl] .coupon2
{
    float:left
}

.coupon2 .tp-btn
{
    padding:16px 29px 18px
}

@media (max-width: 767px) {
    .coupon2
    {
        float:none;
        margin-top:15px
    }
}

.cart-page-total
{
    padding-top:50px
}

.cart-page-total .tp-btn
{
    padding:16px 29px;
    border:1px solid var(--tp-border-5);
    background-color:transparent;
    color:var(--tp-common-black)
}

.cart-page-total .tp-btn:hover
{
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.cart-page-total > h2
{
    font-size:25px;
    margin-bottom:20px;
    text-transform:capitalize
}

.cart-page-total > ul
{
    border:1px solid var(--tp-border-5)
}

.cart-page-total > ul > li
{
    list-style:none;
    font-size:15px;
    color:var(--tp-common-black);
    padding:10px 30px;
    border-bottom:1px solid var(--tp-border-5);
    font-weight:500
}

.cart-page-total > ul > li span
{
    color:var(--tp-text-1);
    font-weight:400
}

.cart-page-total ul > li > span
{
    float:right
}

[dir=rtl] .cart-page-total ul > li > span
{
    float:left
}

.cart-page-total li:last-child
{
    border-bottom:0
}

td.product-thumbnail img
{
    width:125px
}

.coupon-accordion h3
{
    background-color:var(--tp-common-white);
    border-top:3px solid var(--tp-theme-1);
    font-size:14px;
    font-weight:400;
    margin:0 0 25px;
    padding:1em 2em 1em 3.5em;
    position:relative;
    width:auto
}

.coupon-accordion h3::before
{
    content:"\f07b";
    left:15px;
    top:13px;
    position:absolute;
    color:var(--tp-text-1);
    font-family:"Font Awesome 5 Pro";
    font-weight:700
}

.coupon-accordion span
{
    color:var(--tp-text-1);
    cursor:pointer;
    transition:.3s;
    font-weight:500
}

.coupon-accordion span:hover,p.lost-password a:hover
{
    color:var(--tp-theme-1)
}

.coupon-content
{
    border:1px solid #eaedff;
    display:none;
    margin-bottom:20px;
    padding:30px
}

.coupon-info p.coupon-text
{
    margin-bottom:15px
}

.coupon-info p
{
    margin-bottom:20px
}

.coupon-info p.form-row-first label,.coupon-info p.form-row-last label
{
    display:block;
    color:var(--tp-text-1)
}

.coupon-info p.form-row-first label span.required,.coupon-info p.form-row-last label span.required
{
    color:red;
    font-weight:700
}

.coupon-info p.form-row-first input,.coupon-info p.form-row-last input
{
    width:100%;
    height:60px;
    border:1px solid var(--tp-grey-15);
    outline:0;
    background-color:var(--tp-grey-15);
    color:var(--tp-common-black);
    padding:0 25px
}

.coupon-info p.form-row-first input::-webkit-input-placeholder,.coupon-info p.form-row-last input::-webkit-input-placeholder
{
    color:#85858B
}

.coupon-info p.form-row-first input:-moz-placeholder,.coupon-info p.form-row-last input:-moz-placeholder
{
    color:#85858B
}

.coupon-info p.form-row-first input::-moz-placeholder,.coupon-info p.form-row-last input::-moz-placeholder
{
    color:#85858B
}

.coupon-info p.form-row-first input:-ms-input-placeholder,.coupon-info p.form-row-last input:-ms-input-placeholder
{
    color:#85858B
}

.coupon-info p.form-row-first input:focus,.coupon-info p.form-row-last input:focus
{
    border-color:var(--tp-theme-1);
    background-color:var(--tp-common-white)
}

.coupon-info .form-row .tp-btn
{
    padding:17px 47px
}

.coupon-info .form-row .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

.coupon-info p.form-row input[type=submit]:hover,p.checkout-coupon input[type=submit]:hover
{
    background:var(--tp-theme-1) none repeat scroll 0 0
}

.coupon-info p.form-row input[type=checkbox]
{
    position:relative;
    top:2px
}

.form-row > label
{
    margin-top:15px;
    margin-left:15px;
    color:var(--tp-text-1)
}

[dir=rtl] .form-row > label
{
    margin-left:0;
    margin-right:15px
}

.buttons-cart input,.coupon input[type=submit],.buttons-cart a,.coupon-info p.form-row input[type=submit]
{
    background:var(--tp-common-black) none repeat scroll 0 0;
    border:medium none;
    color:#fff;
    display:inline-block;
    float:left;
    font-size:12px;
    font-weight:700;
    height:40px;
    line-height:40px;
    margin-right:15px;
    padding:0 15px;
    text-transform:uppercase;
    transition:all .3s ease 0
}

[dir=rtl] .buttons-cart input,[dir=rtl] .coupon input[type=submit],[dir=rtl] .buttons-cart a,[dir=rtl] .coupon-info p.form-row input[type=submit]
{
    float:right;
    margin-right:0;
    margin-left:15px
}

p.lost-password
{
    margin-top:15px
}

p.lost-password a
{
    color:#6f6f6f
}

.checkout-coupon .tp-btn
{
    padding:17px 47px
}

.checkout-coupon .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

p.checkout-coupon input[type=text]
{
    width:100%;
    height:60px;
    border:1px solid var(--tp-grey-15);
    outline:0;
    background-color:var(--tp-grey-15);
    color:var(--tp-common-black);
    padding:0 25px
}

p.checkout-coupon input[type=text]::-webkit-input-placeholder
{
    color:#85858B
}

p.checkout-coupon input[type=text]:-moz-placeholder
{
    color:#85858B
}

p.checkout-coupon input[type=text]::-moz-placeholder
{
    color:#85858B
}

p.checkout-coupon input[type=text]:-ms-input-placeholder
{
    color:#85858B
}

p.checkout-coupon input[type=text]:focus
{
    border-color:var(--tp-theme-1);
    background-color:var(--tp-common-white)
}

p.checkout-coupon button
{
    margin-top:15px
}

.coupon-checkout-content
{
    display:none
}

.checkbox-form h3
{
    border-bottom:1px solid #eaedff;
    font-size:26px;
    margin:0 0 20px;
    padding-bottom:10px;
    width:100%
}

.country-select
{
    margin-bottom:30px;
    position:relative
}

.country-select label,.checkout-form-list label
{
    color:var(--tp-text-1);
    display:block;
    margin:0 0 5px
}

.country-select label span.required,.checkout-form-list label span.required
{
    color:red
}

.country-select .nice-select
{
    width:100%;
    float:none;
    height:60px;
    border:1px solid var(--tp-grey-15);
    border-radius:0;
    line-height:58px;
    background-color:var(--tp-grey-15);
    color:var(--tp-common-black);
    padding:0 25px
}

.country-select .nice-select::-webkit-input-placeholder
{
    color:#85858B
}

.country-select .nice-select:-moz-placeholder
{
    color:#85858B
}

.country-select .nice-select::-moz-placeholder
{
    color:#85858B
}

.country-select .nice-select:-ms-input-placeholder
{
    color:#85858B
}

.country-select .nice-select:focus
{
    border-color:var(--tp-theme-1);
    background-color:var(--tp-common-white)
}

.country-select .nice-select .current
{
    color:var(--tp-common-black)
}

.country-select .nice-select::after
{
    right:25px;
    color:var(--tp-common-black)
}

[dir=rtl] .country-select .nice-select::after
{
    right:auto;
    left:25px
}

.country-select .nice-select .list
{
    width:100%;
    border-radius:0;
    margin-top:0;
    padding:13px 8px
}

.country-select .nice-select .list .option.selected
{
    color:var(--tp-theme-1)
}

.country-select .nice-select .list .option:hover
{
    color:var(--tp-common-black)
}

.checkout-form-list
{
    margin-bottom:30px
}

.checkout-form-list label
{
    color:var(--tp-text-1)
}

.checkout-form-list input[type=text],.checkout-form-list input[type=password],.checkout-form-list input[type=email]
{
    width:100%;
    height:60px;
    border:1px solid var(--tp-grey-15);
    outline:0;
    background-color:var(--tp-grey-15);
    color:var(--tp-common-black);
    padding:0 25px
}

.checkout-form-list input[type=text]::-webkit-input-placeholder,.checkout-form-list input[type=password]::-webkit-input-placeholder,.checkout-form-list input[type=email]::-webkit-input-placeholder
{
    color:#85858B
}

.checkout-form-list input[type=text]:-moz-placeholder,.checkout-form-list input[type=password]:-moz-placeholder,.checkout-form-list input[type=email]:-moz-placeholder
{
    color:#85858B
}

.checkout-form-list input[type=text]::-moz-placeholder,.checkout-form-list input[type=password]::-moz-placeholder,.checkout-form-list input[type=email]::-moz-placeholder
{
    color:#85858B
}

.checkout-form-list input[type=text]:-ms-input-placeholder,.checkout-form-list input[type=password]:-ms-input-placeholder,.checkout-form-list input[type=email]:-ms-input-placeholder
{
    color:#85858B
}

.checkout-form-list input[type=text]:focus,.checkout-form-list input[type=password]:focus,.checkout-form-list input[type=email]:focus
{
    border-color:var(--tp-theme-1);
    background-color:var(--tp-common-white)
}

.checkout-form-list input[type=checkbox]
{
    display:inline-block;
    margin-right:10px;
    position:relative;
    top:1px
}

[dir=rtl] .checkout-form-list input[type=checkbox]
{
    margin-right:0;
    margin-left:10px
}

.create-acc label
{
    color:var(--tp-text-1);
    display:inline-block
}

.create-account
{
    display:none
}

.ship-different-title h3 label
{
    display:inline-block;
    margin-right:20px;
    color:var(--tp-text-1)
}

[dir=rtl] .ship-different-title h3 label
{
    margin-right:0;
    margin-left:20px
}

.order-notes textarea
{
    width:100%;
    height:180px;
    border:1px solid var(--tp-grey-15);
    outline:0;
    background-color:var(--tp-grey-15);
    color:var(--tp-common-black);
    padding:20px 25px
}

.order-notes textarea::-webkit-input-placeholder
{
    color:#85858B
}

.order-notes textarea:-moz-placeholder
{
    color:#85858B
}

.order-notes textarea::-moz-placeholder
{
    color:#85858B
}

.order-notes textarea:-ms-input-placeholder
{
    color:#85858B
}

.order-notes textarea:focus
{
    border-color:var(--tp-theme-1);
    background-color:var(--tp-common-white)
}

#ship-box-info
{
    display:none
}

.panel-group .panel
{
    border-radius:0
}

.panel-default > .panel-heading
{
    border-radius:0
}

.your-order
{
    padding:30px 40px 45px;
    border:3px solid var(--tp-border-5)
}

@media (max-width: 767px) {
    .your-order
    {
        padding:15px
    }
}

.your-order h3
{
    border-bottom:1px solid var(--tp-border-5);
    font-size:30px;
    margin:0 0 20px;
    padding-bottom:10px;
    width:100%
}

.your-order-table table
{
    background:none;
    border:0;
    width:100%
}

.your-order-table table th,.your-order-table table td
{
    border-bottom:1px solid var(--tp-border-5);
    border-right:medium none;
    color:var(--tp-text-1);
    font-size:14px;
    padding:15px 0;
    text-align:left
}

[dir=rtl] .your-order-table table th,[dir=rtl] .your-order-table table td
{
    text-align:right
}

@media (max-width: 767px) {
    .your-order-table table th,.your-order-table table td
    {
        padding-right:10px
    }

    [dir=rtl] .your-order-table table th,[dir=rtl] .your-order-table table td
    {
        padding-right:0;
        padding-left:10px
    }
}

.your-order-table table th
{
    border-top:medium none;
    color:var(--tp-text-1);
    font-weight:400;
    text-align:left;
    vertical-align:middle;
    white-space:nowrap;
    width:250px
}

[dir=rtl] .your-order-table table th
{
    text-align:right
}

.panel-body > p
{
    color:#222
}

.your-order-table table .shipping ul li
{
    list-style:none;
    margin-bottom:6px
}

.your-order-table table .shipping ul li input[type=radio],.your-order-table table .shipping ul li input[type=checkbox]
{
    display:none
}

.your-order-table table .shipping ul li input[type=radio]:checked ~ label::after,.your-order-table table .shipping ul li input[type=checkbox]:checked ~ label::after
{
    border-color:var(--tp-theme-1);
    background-color:var(--tp-common-white)
}

.your-order-table table .shipping ul li input[type=radio]:checked ~ label::before,.your-order-table table .shipping ul li input[type=checkbox]:checked ~ label::before
{
    background-color:var(--tp-theme-1)
}

.your-order-table table .shipping ul li label
{
    position:relative;
    font-size:14px;
    padding-left:30px
}

[dir=rtl] .your-order-table table .shipping ul li label
{
    padding-left:0;
    padding-right:30px
}

.your-order-table table .shipping ul li label:hover
{
    cursor:pointer
}

.your-order-table table .shipping ul li label::after,.your-order-table table .shipping ul li label::before
{
    position:absolute;
    content:"";
    left:0;
    top:5px;
    width:18px;
    height:18px;
    background-color:var(--tp-common-white);
    border:1px solid #EAEAEF;
    border-radius:50%;
    transition:all .2s linear
}

[dir=rtl] .your-order-table table .shipping ul li label::after,[dir=rtl] .your-order-table table .shipping ul li label::before
{
    left:auto;
    right:0
}

.your-order-table table .shipping ul li label::before
{
    -webkit-transform:scale(0.35);
    -moz-transform:scale(0.35);
    -ms-transform:scale(0.35);
    -o-transform:scale(0.35);
    transform:scale(0.35);
    border:0;
    background-color:var(--tp-common-white);
    z-index:1
}

.your-order-table table .shipping ul li label
{
    color:var(--tp-text-1)
}

.your-order-table table .shipping th
{
    vertical-align:top
}

.your-order-table table .order-total th
{
    border-bottom:0;
    font-size:14px
}

.your-order-table table .order-total td
{
    border-bottom:medium none
}

.your-order-table table tr.cart_item:hover
{
    background:#F9F9F9
}

.your-order-table table tr.order-total td span
{
    color:var(--tp-theme-1);
    font-size:18px;
    font-weight:500
}

.payment-method
{
    margin-top:40px
}

.payment-method .accordion-button
{
    font-size:16px;
    padding:24px 25px 25px 20px
}

.payment-method .accordion-button::before
{
    top:31px;
    width:5px;
    height:5px
}

.panel-title > a
{
    display:block
}

.order-button-payment input
{
    background:#232323 none repeat scroll 0 0;
    border:medium none;
    color:#fff;
    font-size:15px;
    font-weight:600;
    height:40px;
    margin:0;
    padding:0;
    text-transform:uppercase;
    transition:all .3s ease 0;
    width:100%
}

.order-button-payment input:hover
{
    background:#3e976c none repeat scroll 0 0
}

.payment-method .btn-link
{
    -moz-user-select:none;
    background:no-repeat;
    border:medium none;
    border-radius:0;
    color:#444;
    cursor:pointer;
    display:inline-block;
    font-size:14px;
    font-weight:500;
    letter-spacing:1px;
    line-height:1;
    margin-bottom:0;
    padding:3px 10px;
    text-align:center;
    text-transform:uppercase;
    transition:all .3s ease 0;
    vertical-align:middle;
    white-space:nowrap;
    text-decoration:none
}

.payment-method .card
{
    background-color:#fff;
    border:1px solid #eaedff;
    border-radius:0;
    margin-bottom:10px
}

.payment-method .accordion .card:first-of-type
{
    border:1px solid #eaedff
}

.card-header:first-child
{
    border-radius:0
}

.payment-method .card-header
{
    background-color:#fff;
    border-bottom:1px solid #eaedff
}

.order-button-payment button
{
    width:100%;
    padding:17px 47px
}

.order-button-payment button:hover
{
    background-color:var(--tp-common-black)
}

.newsletter-popup
{
    visibility:hidden;
    opacity:0;
    transition-delay:0
}

.newsletter-popup.opened
{
    opacity:1;
    visibility:visible;
    transition-delay:5s
}

.newsletter-overlay
{
    background-color:var(--tp-common-black);
    height:100%;
    width:100%;
    position:fixed;
    top:0;
    z-index:99;
    left:0;
    opacity:0;
    visibility:hidden;
    transition-delay:0
}

.newsletter-overlay.opened
{
    opacity:.9;
    visibility:visible;
    transition-delay:5s
}

.newsletter__area
{
    position:fixed;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:870px;
    background-color:var(--tp-common-white);
    z-index:999
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter__area
    {
        width:670px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .newsletter__area
    {
        width:500px
    }
}

@media (max-width: 575px) {
    .newsletter__area
    {
        width:95%
    }
}

.newsletter__area-2
{
    width:770px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter__area-2
    {
        width:670px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .newsletter__area-2
    {
        width:500px
    }
}

@media (max-width: 575px) {
    .newsletter__area-2
    {
        width:95%
    }
}

.newsletter__area-3
{
    width:800px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter__area-3
    {
        width:670px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .newsletter__area-3
    {
        width:500px
    }
}

@media (max-width: 575px) {
    .newsletter__area-3
    {
        width:95%
    }
}

.newsletter__area.newsletter-demo
{
    position:relative;
    top:0;
    left:50%;
    -webkit-transform:translate(-50%,0%);
    -moz-transform:translate(-50%,0%);
    -ms-transform:translate(-50%,0%);
    -o-transform:translate(-50%,0%);
    transform:translate(-50%,0%);
    z-index:inherit
}

.newsletter__close
{
    position:absolute;
    top:20px;
    right:20px;
    z-index:1
}

[dir=rtl] .newsletter__close
{
    left:20px;
    right:auto
}

.newsletter__close-3
{
    top:30px;
    right:30px
}

[dir=rtl] .newsletter__close-3
{
    right:auto;
    left:30px
}

@media (max-width: 575px) {
    .newsletter__close-3
    {
        top:15px;
        right:15px
    }

    [dir=rtl] .newsletter__close-3
    {
        right:auto;
        left:15px
    }
}

.newsletter__close-btn
{
    color:var(--tp-common-white);
    font-size:18px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .newsletter__close-btn
    {
        color:#7E7E83
    }
}

.newsletter__close-btn svg,.newsletter__close-btn i
{
    display:inline-block
}

.newsletter__close-btn:hover
{
    color:var(--tp-theme-1)
}

.newsletter__close-btn:hover svg,.newsletter__close-btn:hover i
{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg)
}

.newsletter__close-btn-2
{
    color:rgba(255,255,255,0.5)
}

.newsletter__close-btn-2:hover
{
    color:var(--tp-common-white)
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .newsletter__close-btn-2
    {
        color:#7E7E83
    }

    .newsletter__close-btn-2:hover
    {
        color:var(--tp-theme-1)
    }
}

.newsletter__close-btn-3
{
    color:#7E7E83
}

.newsletter__close-btn-3:hover
{
    color:#484AFF
}

.newsletter__wrapper
{
    padding:56px 40px 42px;
    padding-right:415px;
    position:relative;
    background-color:var(--tp-common-white)
}

[dir=rtl] .newsletter__wrapper
{
    padding-right:40px;
    padding-left:415px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter__wrapper
    {
        padding-right:250px
    }

    [dir=rtl] .newsletter__wrapper
    {
        padding-left:250px;
        padding-right:40px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .newsletter__wrapper
    {
        padding:20px;
        padding-top:60px
    }
}

.newsletter__wrapper-2
{
    padding:65px 50px 32px;
    padding-right:365px
}

[dir=rtl] .newsletter__wrapper-2
{
    padding-left:365px;
    padding-left:50px
}

.newsletter__wrapper-2 p
{
    margin-bottom:32px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter__wrapper-2
    {
        padding-right:280px
    }

    [dir=rtl] .newsletter__wrapper-2
    {
        padding-left:280px;
        padding-right:50px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .newsletter__wrapper-2
    {
        padding-right:50px
    }

    [dir=rtl] .newsletter__wrapper-2
    {
        padding-left:50px
    }
}

@media (max-width: 575px) {
    .newsletter__wrapper-2
    {
        padding:20px;
        padding-top:40px
    }
}

.newsletter__wrapper-3
{
    padding:65px 60px 32px;
    padding-left:380px
}

[dir=rtl] .newsletter__wrapper-3
{
    padding-right:380px;
    padding-left:60px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter__wrapper-3
    {
        padding-left:280px
    }

    [dir=rtl] .newsletter__wrapper-3
    {
        padding-right:280px;
        padding-left:60px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .newsletter__wrapper-3
    {
        padding:20px;
        padding-top:40px
    }
}

.newsletter__wrapper-3 p
{
    font-size:16px;
    line-height:1.38;
    color:var(--tp-common-black);
    margin-bottom:33px
}

.newsletter__thumb
{
    position:absolute;
    width:340px;
    height:100%;
    top:0;
    right:0
}

[dir=rtl] .newsletter__thumb
{
    right:auto;
    left:0
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter__thumb
    {
        width:230px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .newsletter__thumb
    {
        display:none
    }
}

.newsletter__thumb-3
{
    left:0;
    right:auto
}

[dir=rtl] .newsletter__thumb-3
{
    right:0;
    left:auto
}

.newsletter__title
{
    font-size:32px;
    line-height:1.12;
    margin-bottom:32px
}

.newsletter__title-pre
{
    font-weight:500;
    font-size:14px;
    letter-spacing:.2em;
    text-transform:uppercase;
    color:#484AFF
}

.newsletter__title-2
{
    font-size:34px;
    line-height:1;
    margin-bottom:5px
}

.newsletter__title-3
{
    font-size:50px;
    text-transform:uppercase;
    line-height:1;
    margin-bottom:9px
}

@media (max-width: 575px) {
    .newsletter__title-3
    {
        font-size:40px
    }
}

.newsletter__input
{
    position:relative;
    margin-bottom:20px;
    margin-right:15px
}

[dir=rtl] .newsletter__input
{
    margin-right:0;
    margin-left:15px
}

.newsletter__input input
{
    width:100%;
    height:52px;
    padding:0 27px;
    padding-right:120px;
    background-color:#F2F2F2;
    border:1px solid #EAEAEA;
    color:var(--tp-common-black);
    border-radius:6px;
    font:14px/52px var(--tp-ff-space)
}

[dir=rtl] .newsletter__input input
{
    padding-right:27px;
    padding-left:120px
}

.newsletter__input input::-webkit-input-placeholder
{
    color:#7E7E83
}

.newsletter__input input:-moz-placeholder
{
    color:#7E7E83
}

.newsletter__input input::-moz-placeholder
{
    color:#7E7E83
}

.newsletter__input input:-ms-input-placeholder
{
    color:#7E7E83
}

.newsletter__input input:focus
{
    border-color:var(--tp-theme-1);
    background-color:var(--tp-common-white)
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .newsletter__input input
    {
        padding-right:27px
    }
}

.newsletter__input button
{
    position:absolute;
    top:0;
    right:0;
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    padding:13px 28px;
    border-radius:0 6px 6px 0;
    font:700 15px var(--tp-ff-space)
}

[dir=rtl] .newsletter__input button
{
    right:auto;
    left:0
}

.newsletter__input button:hover
{
    background-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .newsletter__input button
    {
        position:static;
        margin-top:10px;
        border-radius:6px
    }
}

.newsletter__input-2
{
    margin-bottom:19px;
    margin-right:0
}

[dir=rtl] .newsletter__input-2
{
    margin-left:0
}

.newsletter__input-2 input
{
    width:220px;
    height:54px;
    border:2px solid #E4E5EB;
    outline:0;
    margin-right:4px;
    background-color:transparent;
    padding:0 26px;
    border-radius:0;
    font:14px var(--tp-ff-space)
}

[dir=rtl] .newsletter__input-2 input
{
    margin-right:0;
    margin-left:4px
}

@media (max-width: 575px) {
    .newsletter__input-2 input
    {
        width:100%
    }
}

.newsletter__input-2 input:focus
{
    border-color:var(--tp-theme-1)
}

.newsletter__input-2 button
{
    color:var(--tp-common-white);
    padding:14px 27px;
    background-color:var(--tp-theme-1);
    border-radius:0;
    font:700 16px var(--tp-ff-space)
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .newsletter__input-2 button
    {
        margin-top:0
    }
}

@media (max-width: 575px) {
    .newsletter__input-2 button
    {
        margin-top:15px
    }
}

.newsletter__input-2 button:hover
{
    background-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

.newsletter__input-3 input
{
    width:100%;
    background:#F0F0F5;
    border:1px solid #E4E5EB;
    border-radius:0
}

.newsletter__input-3 input:focus
{
    border-color:#484AFF
}

.newsletter__input-3 button
{
    position:static;
    margin-top:15px;
    font-size:16px;
    background-color:#484AFF;
    border-radius:0;
    padding:10px 31px;
    margin-bottom:5px
}

.newsletter__input-3 button i,.newsletter__input-3 button svg
{
    margin-left:3px
}

[dir=rtl] .newsletter__input-3 button i,[dir=rtl] .newsletter__input-3 button svg
{
    margin-left:0;
    margin-right:3px
}

.newsletter__input-3 button svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.newsletter__agree input
{
    margin:0;
    appearance:none;
    -moz-appearance:none;
    display:block;
    width:18px;
    height:18px;
    background:transparent;
    border:2px solid #B2B2B9;
    border-radius:4px;
    outline:none;
    flex:0 0 auto;
    -webkit-transform:translateY(3px);
    -moz-transform:translateY(3px);
    -ms-transform:translateY(3px);
    -o-transform:translateY(3px);
    transform:translateY(3px);
    padding:0
}

.newsletter__agree input:checked
{
    position:relative;
    background-color:var(--tp-theme-1);
    border-color:transparent
}

.newsletter__agree input:checked::after
{
    box-sizing:border-box;
    position:absolute;
    content:"\f00c";
    color:var(--tp-common-white);
    top:46%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font:700 10px var(--tp-ff-fontawesome)
}

.newsletter__agree input:hover
{
    cursor:pointer
}

.newsletter__agree label
{
    padding-left:8px;
    font-size:14px;
    line-height:1.5;
    color:var(--tp-text-1)
}

.newsletter__agree label a
{
    color:var(--tp-common-black);
    font-weight:600;
    padding-left:4px
}

[dir=rtl] .newsletter__agree label a
{
    padding-left:0;
    padding-right:4px
}

.newsletter__agree label a:hover
{
    color:var(--tp-theme-1)
}

.newsletter__agree label:hover
{
    cursor:pointer
}

.newsletter__agree-2 label a
{
    color:var(--tp-text-1);
    text-decoration:underline
}

.newsletter__option p
{
    font-size:18px;
    line-height:22px;
    color:var(--tp-common-black)
}

.newsletter__proposal p
{
    margin-bottom:12px
}

.newsletter__proposal p a
{
    color:#484AFF;
    text-decoration:underline
}

.newsletter__proposal p a:hover
{
    color:var(--tp-common-black)
}

.newsletter__social a
{
    color:#7E7E83;
    margin-right:6px
}

[dir=rtl] .newsletter__social a
{
    margin-right:0;
    margin-left:6px
}

.newsletter__social a:hover
{
    color:#484AFF
}

.job__item
{
    background:var(--tp-common-white);
    border:1px solid #EAEAEF;
    padding:33px 60px 32px 40px
}

[dir=rtl] .job__item
{
    padding-right:40px;
    padding-left:60px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .job__item
    {
        padding:33px 30px 32px
    }
}

.job__item:not(:last-child)
{
    margin-bottom:20px
}

.job__item:hover
{
    border-color:var(--tp-theme-1)
}

.job__title
{
    font-size:24px;
    letter-spacing:-.02em;
    margin-bottom:7px
}

.job__title a:hover
{
    color:var(--tp-theme-1)
}

.job__meta-item
{
    margin-right:14px
}

[dir=rtl] .job__meta-item
{
    margin-right:0;
    margin-left:14px
}

.job__meta-item span
{
    font-size:14px;
    display:inline-block;
    position:relative
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .job__meta-item span
    {
        margin-bottom:15px
    }
}

.job__meta-item span:not(:last-child)
{
    margin-right:15px;
    padding-right:18px
}

[dir=rtl] .job__meta-item span:not(:last-child)
{
    margin-right:0;
    padding-right:0;
    margin-left:15px;
    padding-left:18px
}

.job__meta-item span:not(:last-child)::after
{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:20px;
    background-color:#D9D9D9
}

[dir=rtl] .job__meta-item span:not(:last-child)::after
{
    right:auto;
    left:0
}

.job__meta-item span i,.job__meta-item span svg
{
    margin-right:4px
}

[dir=rtl] .job__meta-item span i,[dir=rtl] .job__meta-item span svg
{
    margin-right:0;
    margin-left:4px
}

.job__meta-item span svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.job__tag span
{
    display:inline-block;
    padding:4px 10px 5px;
    margin-bottom:0;
    color:var(--tp-common-purple);
    background-color:rgba(99,100,219,0.06);
    line-height:1
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .job__tag span
    {
        margin-bottom:15px
    }
}

.job__vacancies
{
    position:relative;
    padding-left:30px
}

[dir=rtl] .job__vacancies
{
    padding-left:0;
    padding-right:30px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .job__vacancies
    {
        padding-left:0;
        margin-top:15px;
        margin-bottom:30px
    }

    [dir=rtl] .job__vacancies
    {
        padding-right:0
    }

    .job__vacancies::after
    {
        display:none
    }
}

.job__vacancies::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:1px;
    height:80px;
    background-color:#EAEAEF
}

[dir=rtl] .job__vacancies::after
{
    left:auto;
    right:0
}

.job__vacancies span
{
    display:inline-block;
    color:var(--tp-text-10);
    margin-bottom:7px;
    font:500 18px/1 var(--tp-ff-space)
}

.job__vacancies p
{
    font-size:14px;
    color:var(--tp-text-10);
    line-height:1;
    margin-bottom:0
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
    .job__btn
    {
        padding-left:0
    }

    [dir=rtl] .job__btn
    {
        padding-right:0
    }
}

.job__btn a
{
    font-size:16px;
    font-weight:500;
    color:var(--tp-text-1);
    padding:13px 47px;
    position:relative
}

.job__btn a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.job__btn a::after
{
    position:absolute;
    content:"";
    left:-68px;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:1px;
    height:80px;
    background-color:#EAEAEF
}

[dir=rtl] .job__btn a::after
{
    left:auto;
    right:-68px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .job__btn a::after
    {
        left:-35px
    }

    [dir=rtl] .job__btn a::after
    {
        left:auto;
        right:-35px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 575px) {
    .job__btn a::after
    {
        display:none
    }
}

.job__box-145
{
    padding-left:145px;
    padding-right:145px;
    padding-bottom:125px
}

@media only screen and (min-width: 1700px) and (max-width: 1899px) {
    .job__box-145
    {
        padding-left:120px;
        padding-right:120px
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
    .job__box-145
    {
        padding-left:110px;
        padding-right:110px
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .job__box-145
    {
        padding-left:70px;
        padding-right:70px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .job__box-145
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .job__box-145
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .job__box-145
    {
        padding-left:15px;
        padding-right:15px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .job__box-145
    {
        padding-left:0;
        padding-right:0;
        padding-bottom:70px
    }
}

.job__details-tag span
{
    display:inline-block;
    font-weight:600;
    font-size:14px;
    line-height:1;
    color:var(--tp-common-white);
    background-color:var(--tp-common-purple);
    padding:8px 17px 10px
}

.job__details-title
{
    font-size:50px;
    letter-spacing:-.04em;
    margin-bottom:6px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .job__details-title
    {
        font-size:35px
    }
}

@media (max-width: 575px) {
    .job__details-title
    {
        font-size:27px
    }
}

.job__details-content p
{
    font-size:22px;
    line-height:1.55;
    color:var(--tp-common-black)
}

.job__details-about-title
{
    font-size:40px;
    letter-spacing:-.04em;
    color:var(--tp-common-black-solid)
}

@media (max-width: 575px) {
    .job__details-about-title
    {
        font-size:33px
    }
}

.job__details-about p
{
    font-size:16px;
    line-height:1.75;
    padding-right:70px
}

[dir=rtl] .job__details-about p
{
    padding-right:0;
    padding-left:70px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .job__details-about p
    {
        padding-right:0
    }

    [dir=rtl] .job__details-about p
    {
        padding-left:0
    }
}

.job__details-list-title
{
    font-size:24px;
    letter-spacing:-.04em;
    color:var(--tp-common-black-solid);
    margin-bottom:20px
}

.job__details-list-title-2
{
    font-size:34px;
    margin-bottom:20px
}

.job__details-list ul li
{
    list-style:none;
    font-size:16px;
    position:relative;
    padding-left:17px
}

[dir=rtl] .job__details-list ul li
{
    padding-right:17px;
    padding-left:0
}

.job__details-list ul li:not(:last-child)
{
    margin-bottom:8px
}

.job__details-list ul li::after
{
    position:absolute;
    content:"";
    left:0;
    top:11px;
    width:5px;
    height:5px;
    background-color:var(--tp-text-1);
    border-radius:50%
}

[dir=rtl] .job__details-list ul li::after
{
    left:auto;
    right:0
}

.job__details-info-wrapper
{
    margin-bottom:27px
}

.job__details-info:not(:last-child)
{
    margin-bottom:30px
}

.job__details-info-title
{
    font-size:22px;
    letter-spacing:-.04em;
    color:var(--tp-common-black-solid);
    margin-bottom:0
}

.job__details-info p
{
    font-size:15px
}

.job__details-info p span
{
    color:var(--tp-common-black);
    font-weight:500
}

.job__details-deadline
{
    margin-bottom:46px
}

.job__details-deadline p
{
    font-weight:600;
    font-size:15px;
    color:var(--tp-common-black)
}

.job__details-deadline p span
{
    font-weight:400;
    color:var(--tp-text-1)
}

.job__details-cv
{
    margin-bottom:34px
}

.job__details-cv p
{
    letter-spacing:-.02em;
    color:var(--tp-common-black-solid);
    font:700 22px var(--tp-ff-space)
}

.job__details-btn .tp-btn
{
    padding:14px 39px
}

.job__details-btn .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

.job__form
{
    background-color:var(--tp-grey-4);
    padding:55px 70px 45px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .job__form
    {
        padding:55px 40px 45px
    }
}

@media (max-width: 575px) {
    .job__form
    {
        padding:35px 30px
    }
}

.job__form-title
{
    font-weight:500;
    font-size:24px;
    letter-spacing:-.02em;
    color:var(--tp-common-black-solid);
    margin-bottom:23px
}

.job__form-details-title
{
    font-weight:500;
    font-size:24px;
    letter-spacing:-.02em;
    color:var(--tp-common-black-solid);
    margin-bottom:23px
}

.job__form-details p
{
    font-weight:500;
    font-size:15px;
    line-height:1.6;
    margin-top:23px;
    margin-bottom:21px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .job__form-details p br
    {
        display:none
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .job__form-details-meta span
    {
        margin-right:22px;
        padding-right:28px
    }

    [dir=rtl] .job__form-details-meta span
    {
        margin-right:0;
        padding-right:0;
        margin-left:22px;
        padding-right:28px
    }
}

.job__form-level
{
    margin-top:45px;
    margin-bottom:45px
}

.job__form-level-title
{
    font-weight:500;
    font-size:18px;
    letter-spacing:-.02em;
    margin-bottom:20px
}

.job__form-level-input
{
    margin-bottom:6px
}

.job__form-level-input input[type=radio],.job__form-level-input input[type=checkbox]
{
    display:none
}

.job__form-level-input input[type=radio]:checked ~ label::after,.job__form-level-input input[type=checkbox]:checked ~ label::after
{
    border-color:var(--tp-theme-1);
    background-color:var(--tp-common-white)
}

.job__form-level-input input[type=radio]:checked ~ label::before,.job__form-level-input input[type=checkbox]:checked ~ label::before
{
    background-color:var(--tp-theme-1)
}

.job__form-level-input label
{
    position:relative;
    font-size:14px;
    padding-left:30px
}

[dir=rtl] .job__form-level-input label
{
    padding-left:0;
    padding-right:30px
}

.job__form-level-input label:hover
{
    cursor:pointer
}

.job__form-level-input label::after,.job__form-level-input label::before
{
    position:absolute;
    content:"";
    left:0;
    top:3px;
    width:18px;
    height:18px;
    background-color:var(--tp-common-white);
    border:1px solid #EAEAEF;
    border-radius:50%;
    transition:all .2s linear
}

[dir=rtl] .job__form-level-input label::after,[dir=rtl] .job__form-level-input label::before
{
    left:auto;
    right:0
}

.job__form-level-input label::before
{
    -webkit-transform:scale(0.35);
    -moz-transform:scale(0.35);
    -ms-transform:scale(0.35);
    -o-transform:scale(0.35);
    transform:scale(0.35);
    border:0;
    background-color:var(--tp-common-white);
    z-index:1
}

.job__form-btn .tp-btn
{
    font-size:15px;
    padding:17px 34px;
    letter-spacing:0;
    margin-right:15px;
    margin-bottom:16px
}

[dir=rtl] .job__form-btn .tp-btn
{
    margin-right:0;
    margin-left:15px
}

.job__form-btn .tp-btn:hover
{
    background-color:var(--tp-theme-1-dark)
}

.job__form-btn .tp-btn.is-purple
{
    background-color:var(--tp-common-purple)
}

.job__form-btn .tp-btn.is-purple:hover
{
    background-color:#4546B7
}

.job__form-btn input[type=file]
{
    display:none
}

.job__form-btn label:hover
{
    cursor:pointer
}

.job__input
{
    position:relative;
    margin-bottom:20px
}

.job__input > span
{
    position:absolute;
    top:50%;
    left:27px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}

[dir=rtl] .job__input > span
{
    left:auto;
    right:27px
}

.job__input > span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.job__input input,.job__input textarea
{
    background:var(--tp-common-white);
    border:1px solid #EAEAEF;
    padding-left:55px;
    padding-right:27px;
    height:60px
}

[dir=rtl] .job__input input,[dir=rtl] .job__input textarea
{
    padding-left:27px;
    padding-right:55px
}

.job__input input:focus,.job__input textarea:focus
{
    border-color:var(--tp-theme-1);
    background-color:var(--tp-common-white)
}

.job__input textarea
{
    height:160px;
    resize:none
}

.job__input.input-sm input
{
    width:405px
}

@media (max-width: 575px) {
    .job__input.input-sm input
    {
        width:100%
    }
}

.job__input.no-icon input
{
    padding-left:27px;
    padding-right:27px
}

.job__input .nice-select
{
    width:100%;
    float:none;
    height:60px;
    border:1px solid #EAEAEF;
    border-radius:0;
    line-height:58px;
    padding-left:27px
}

[dir=rtl] .job__input .nice-select
{
    padding-left:0;
    padding-right:27px
}

.job__input .nice-select .current
{
    color:var(--tp-common-black)
}

.job__input .nice-select::after
{
    right:25px;
    color:var(--tp-common-black)
}

[dir=rtl] .job__input .nice-select::after
{
    right:auto;
    left:25px
}

.job__input .nice-select .list
{
    width:100%;
    border-radius:0;
    margin-top:0;
    padding:13px 8px
}

.job__input .nice-select .list .option:hover
{
    color:var(--tp-common-black)
}

.job-apply-form
{
    display:none
}

.login__wrapper
{
    padding:50px 85px 55px;
    background:var(--tp-common-white);
    box-shadow:0 30px 60px rgba(3,4,28,0.1)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .login__wrapper
    {
        padding:50px 60px 55px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .login__wrapper
    {
        padding:50px 40px 55px
    }
}

@media (max-width: 575px) {
    .login__wrapper
    {
        padding:40px 25px 45px
    }
}

.login__title
{
    font-size:34px;
    letter-spacing:-.04em;
    margin-bottom:6px
}

.login__top p
{
    font-size:16px
}

.login__input
{
    position:relative
}

.login__input-wrapper
{
    margin-bottom:14px
}

.login__input input
{
    background:#FFF;
    border:1px solid #EAEAEF;
    padding-left:55px;
    padding-right:50px;
    height:60px;
    line-height:60px
}

[dir=rtl] .login__input input
{
    padding-left:50px;
    padding-right:55px
}

.login__input input:focus
{
    border-color:var(--tp-theme-1)
}

.login__input span
{
    position:absolute;
    top:50%;
    left:27px;
    -webkit-transform:translateY(calc(-50% - 3px));
    -moz-transform:translateY(calc(-50% - 3px));
    -ms-transform:translateY(calc(-50% - 3px));
    -o-transform:translateY(calc(-50% - 3px));
    transform:translateY(calc(-50% - 3px))
}

[dir=rtl] .login__input span
{
    left:auto;
    right:27px
}

.login__input-item
{
    position:relative
}

.login__input-item:not(:last-child)
{
    margin-bottom:20px
}

.login__input-item > span
{
    position:absolute;
    top:50%;
    right:22px;
    -webkit-transform:translateY(calc(-50% - 3px));
    -moz-transform:translateY(calc(-50% - 3px));
    -ms-transform:translateY(calc(-50% - 3px));
    -o-transform:translateY(calc(-50% - 3px));
    transform:translateY(calc(-50% - 3px))
}

[dir=rtl] .login__input-item > span
{
    right:auto;
    left:22px
}

.login__input-item > span:hover
{
    cursor:pointer
}

.login__remember input[type=checkbox],.login__remember input[type=radio]
{
    display:none
}

.login__remember input[type=checkbox]:checked ~ label::after,.login__remember input[type=radio]:checked ~ label::after
{
    background-color:transparent;
    border-color:var(--tp-theme-1)
}

.login__remember input[type=checkbox]:checked ~ label::before,.login__remember input[type=radio]:checked ~ label::before
{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

.login__remember label
{
    font-size:14px;
    position:relative;
    padding-left:30px
}

[dir=rtl] .login__remember label
{
    padding-left:0;
    padding-right:30px
}

.login__remember label::after,.login__remember label::before
{
    position:absolute;
    content:"";
    left:0;
    top:2px;
    width:20px;
    height:20px;
    background-color:var(--tp-common-white);
    border:1px solid #EAEAEF;
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0;
    -ms-transition:all .2s ease-out 0;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0
}

[dir=rtl] .login__remember label::after,[dir=rtl] .login__remember label::before
{
    left:auto;
    right:0
}

.login__remember label::before
{
    width:14px;
    height:14px;
    background-color:var(--tp-theme-1);
    left:3px;
    top:5px;
    right:3px;
    bottom:3px;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0)
}

[dir=rtl] .login__remember label::before
{
    left:auto;
    right:3px
}

.login__remember label:hover
{
    cursor:pointer
}

.login__forgot a
{
    font-size:14px;
    color:var(--tp-common-black);
    text-transform:capitalize
}

.login__forgot a:hover
{
    color:var(--tp-theme-1)
}

.login__btn
{
    margin-bottom:18px
}

.login__btn .tp-btn
{
    font-size:18px;
    padding:17px 30px
}

.login__btn .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

.login__social-header
{
    font-weight:500;
    font-size:15px;
    letter-spacing:-.02em;
    color:var(--tp-common-black-solid);
    position:relative;
    display:inline-block;
    text-align:center;
    padding:0 10px;
    margin-bottom:25px
}

.login__social-header::after,.login__social-header::before
{
    position:absolute;
    content:"";
    left:100%;
    top:10px;
    width:30px;
    height:1px;
    background-color:var(--tp-common-black)
}

[dir=rtl] .login__social-header::after,[dir=rtl] .login__social-header::before
{
    left:auto;
    right:100%
}

.login__social-header::before
{
    left:auto;
    right:100%
}

[dir=rtl] .login__social-header::before
{
    left:100%;
    right:auto
}

.login__social-item a
{
    display:inline-block;
    padding:11px 25px;
    font-weight:500;
    font-size:14px;
    background:var(--tp-common-white);
    border:1px solid #EAEAEF;
    margin-bottom:20px;
    margin-right:5px
}

[dir=rtl] .login__social-item a
{
    margin-right:0;
    margin-left:5px
}

@media (max-width: 575px) {
    .login__social-item a
    {
        width:100%;
        margin-right:0
    }

    [dir=rtl] .login__social-item a
    {
        margin-left:0
    }
}

.login__social-item a:last-child
{
    margin-right:0
}

[dir=rtl] .login__social-item a:last-child
{
    margin-left:0
}

.login__social-item a .login-social-icon
{
    margin-right:3px
}

[dir=rtl] .login__social-item a .login-social-icon
{
    margin-right:0;
    margin-left:3px
}

.login__social-item a .login-social-icon svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.login__social-item a:hover
{
    border-color:var(--tp-theme-1)
}

.login__register-now
{
    text-align:center
}

.login__register-now p
{
    font-size:14px;
    color:#525258;
    margin-bottom:0
}

.login__register-now p a
{
    color:var(--tp-theme-1);
    font-weight:500
}

.login__shape-1
{
    position:absolute;
    right:14%;
    bottom:32%;
    z-index:-1
}

.login__shape-2
{
    position:absolute;
    right:-1%;
    bottom:14%;
    z-index:-1
}

.login__shape-3
{
    position:absolute;
    left:3%;
    top:35%;
    z-index:-1
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .login__shape-3
    {
        left:-4%
    }
}

.login__shape-4
{
    position:absolute;
    left:18%;
    bottom:10%;
    z-index:-1
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .login__shape-4
    {
        left:0
    }
}

.login__shape-5
{
    position:absolute;
    right:20%;
    top:43%;
    z-index:-1
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .login__shape-5
    {
        right:0
    }
}

.login__shape-6
{
    position:absolute;
    right:22%;
    top:27%;
    z-index:-1
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .login__shape-6
    {
        right:1%
    }
}

.error__title
{
    font-size:50px;
    letter-spacing:-.04em
}

@media (max-width: 575px) {
    .error__title
    {
        font-size:30px
    }
}

.error__content p
{
    font-size:16px;
    line-height:1.6;
    padding:0 70px;
    margin-bottom:27px
}

@media (max-width: 575px) {
    .error__content p
    {
        padding:0
    }
}

.error__content .tp-btn
{
    padding:12px 26px
}

.error__content .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

.error__bg
{
    background-image:-webkit-linear-gradient(180deg,#F0F0F5 0%,rgba(240,240,245,0) 82.84%);
    background-image:-moz-linear-gradient(180deg,#F0F0F5 0%,rgba(240,240,245,0) 82.84%);
    background-image:-ms-linear-gradient(180deg,#F0F0F5 0%,rgba(240,240,245,0) 82.84%);
    background-image:-o-linear-gradient(180deg,#F0F0F5 0%,rgba(240,240,245,0) 82.84%);
    background-image:linear-gradient(180deg,#F0F0F5 0%,rgba(240,240,245,0) 82.84%)
}

@media (max-width: 575px) {
    .error__thumb svg
    {
        width:100%;
        height:auto
    }
}

.error__hair
{
    transform-origin:top center;
    animation:one 3s cubic-bezier(0.65,0,0.35,1) 0 infinite forwards
}

.error__z
{
    animation:note-anim 2s 4.5s infinite linear;
    animation-fill-mode:forwards;
    -webkit-animation:note-anim 2s 4.5s infinite linear;
    -webkit-animation-fill-mode:forwards
}

.error__z.z-2
{
    animation:note-anim 2s 4s infinite linear;
    animation-fill-mode:forwards;
    -webkit-animation:note-anim 2s 4s infinite linear;
    -webkit-animation-fill-mode:forwards
}

.error__z.z-3
{
    animation:note-anim 2s 3.5s infinite linear;
    animation-fill-mode:forwards;
    -webkit-animation:note-anim 2s 3.5s infinite linear;
    -webkit-animation-fill-mode:forwards
}

.error__leaves
{
    animation:skew 3s infinite;
    transform:skew;
    animation-direction:alternate;
    transform-origin:bottom center
}

.error__leaves-2
{
    animation:skew-2 3s infinite;
    transform:skew-2;
    animation-direction:alternate;
    transform-origin:bottom center
}

.error__leaves-3
{
    animation:skew-3 3s infinite;
    transform:skew-3;
    animation-direction:alternate;
    transform-origin:bottom center
}

.error__leaves-line
{
    animation:skew 3s infinite;
    transform:skew;
    animation-direction:alternate;
    transform-origin:bottom center
}

.error__leaves-line-2
{
    animation:skew-2 3s infinite;
    transform:skew-2;
    animation-direction:alternate;
    transform-origin:bottom center
}

.error__leaves-line-3
{
    animation:skew-3 3s infinite;
    transform:skew-3;
    animation-direction:alternate;
    transform-origin:bottom center
}

.error__sm-leaves
{
    animation:skew 3s infinite;
    transform:skew;
    animation-direction:alternate;
    transform-origin:bottom center
}

.error__sm-leaves-2
{
    animation:skew-2 3s infinite;
    transform:skew-2;
    animation-direction:alternate;
    transform-origin:bottom center
}

.error__sm-leaves-3
{
    animation:skew-3 3s infinite;
    transform:skew-3;
    animation-direction:alternate;
    transform-origin:bottom center
}

.error__sm-leaves-line
{
    animation:skew 3s infinite;
    transform:skew;
    animation-direction:alternate;
    transform-origin:bottom center
}

.error__sm-leaves-line-2
{
    animation:skew-2 3s infinite;
    transform:skew-2;
    animation-direction:alternate;
    transform-origin:bottom center
}

.error__sm-leaves-line-3
{
    animation:skew-3 3s infinite;
    transform:skew-3;
    animation-direction:alternate;
    transform-origin:bottom center
}

.error__text
{
    color:var(--tp-common-white);
    position:absolute;
    top:0;
    left:0;
    -webkit-transform:translate(-150px,0);
    -moz-transform:translate(-150px,0);
    -ms-transform:translate(-150px,0);
    -o-transform:translate(-150px,0);
    transform:translate(-150px,0);
    z-index:-1;
    font:600 440px var(--tp-ff-inter)
}

[dir=rtl] .error__text
{
    left:auto;
    right:0;
    -webkit-transform:translate(150px,0);
    -moz-transform:translate(150px,0);
    -ms-transform:translate(150px,0);
    -o-transform:translate(150px,0);
    transform:translate(150px,0)
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .error__text
    {
        -webkit-transform:translate(-98px,0);
        -moz-transform:translate(-98px,0);
        -ms-transform:translate(-98px,0);
        -o-transform:translate(-98px,0);
        transform:translate(-98px,0);
        font-size:385px
    }

    [dir=rtl] .error__text
    {
        -webkit-transform:translate(98px,0);
        -moz-transform:translate(98px,0);
        -ms-transform:translate(98px,0);
        -o-transform:translate(98px,0);
        transform:translate(98px,0)
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .error__text
    {
        -webkit-transform:translate(0px,60px);
        -moz-transform:translate(0px,60px);
        -ms-transform:translate(0px,60px);
        -o-transform:translate(0px,60px);
        transform:translate(0px,60px);
        font-size:268px
    }

    [dir=rtl] .error__text
    {
        -webkit-transform:translate(0px,-60px);
        -moz-transform:translate(0px,-60px);
        -ms-transform:translate(0px,-60px);
        -o-transform:translate(0px,-60px);
        transform:translate(0px,-60px)
    }
}

@media (max-width: 575px) {
    .error__text
    {
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -o-transform:translate(0,0);
        transform:translate(0,0);
        font-size:150px
    }
}

@keyframes one {
    0%,100%
    {
        -webkit-transform:rotate(7deg) translateY(23px) translateX(33px);
        -moz-transform:rotate(7deg) translateY(23px) translateX(33px);
        -ms-transform:rotate(7deg) translateY(23px) translateX(33px);
        -o-transform:rotate(7deg) translateY(23px) translateX(33px);
        transform:rotate(7deg) translateY(23px) translateX(33px)
    }

    30%,60%
    {
        -webkit-transform:rotate(0) translateY(0) translateX(0);
        -moz-transform:rotate(0) translateY(0) translateX(0);
        -ms-transform:rotate(0) translateY(0) translateX(0);
        -o-transform:rotate(0) translateY(0) translateX(0);
        transform:rotate(0) translateY(0) translateX(0)
    }
}

@keyframes note-anim {
    0%
    {
        -webkit-transform:translate(0,0) translateZ(0);
        -moz-transform:translate(0,0) translateZ(0);
        -ms-transform:translate(0,0) translateZ(0);
        -o-transform:translate(0,0) translateZ(0);
        transform:translate(0,0) translateZ(0);
        opacity:1
    }

    100%
    {
        opacity:0;
        -webkit-transform:translate(-10px,0) translateZ(0);
        -moz-transform:translate(-10px,0) translateZ(0);
        -ms-transform:translate(-10px,0) translateZ(0);
        -o-transform:translate(-10px,0) translateZ(0);
        transform:translate(-10px,0) translateZ(0)
    }
}

@keyframes skew {
    0%
    {
        transform:skewX(5deg) translate(-7px)
    }

    100%
    {
        transform:skewX(-5deg) translate(7px)
    }
}

@keyframes skew-2 {
    0%
    {
        transform:skewX(-10deg) translate(7px)
    }

    100%
    {
        transform:skewX(10deg) translate(-7px)
    }
}

@keyframes skew-3 {
    0%
    {
        transform:skewX(-2deg) translate(4px)
    }

    100%
    {
        transform:skewX(2deg) translate(-4px)
    }
}

.coming__height
{
    min-height:950px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .coming__height
    {
        min-height:750px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .coming__thumb
    {
        padding-top:60px;
        padding-bottom:60px
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .coming__thumb img
    {
        width:100%
    }
}

.coming__countdown
{
    margin-bottom:17px
}

.coming__countdown ul li
{
    display:inline-block;
    letter-spacing:-.02em;
    color:var(--tp-text-1);
    margin-right:43px;
    position:relative;
    font:500 14px/1 var(--tp-ff-space)
}

[dir=rtl] .coming__countdown ul li
{
    margin-right:0;
    margin-left:43px
}

@media (max-width: 575px) {
    .coming__countdown ul li
    {
        margin-right:30px
    }

    [dir=rtl] .coming__countdown ul li
    {
        margin-right:0;
        margin-left:30px
    }
}

.coming__countdown ul li:last-child
{
    margin-right:0
}

[dir=rtl] .coming__countdown ul li:last-child
{
    margin-left:0
}

.coming__countdown ul li:not(:last-child)::after,.coming__countdown ul li:not(:last-child)::before
{
    position:absolute;
    content:"";
    right:-24px;
    top:14px;
    width:3px;
    height:3px;
    background-color:#BCC2C6;
    border-radius:50%
}

[dir=rtl] .coming__countdown ul li:not(:last-child)::after,[dir=rtl] .coming__countdown ul li:not(:last-child)::before
{
    right:auto;
    left:-24px
}

@media (max-width: 575px) {
    .coming__countdown ul li:not(:last-child)::after,.coming__countdown ul li:not(:last-child)::before
    {
        right:-15px
    }

    [dir=rtl] .coming__countdown ul li:not(:last-child)::after,[dir=rtl] .coming__countdown ul li:not(:last-child)::before
    {
        right:auto;
        left:-15px
    }
}

.coming__countdown ul li:not(:last-child)::after
{
    bottom:14px;
    top:auto
}

.coming__countdown ul li span
{
    color:var(--tp-common-black);
    display:block;
    margin-bottom:5px;
    text-transform:capitalize;
    font:500 24px var(--tp-ff-space)
}

.coming__title
{
    font-size:70px;
    line-height:1;
    letter-spacing:-.04em;
    margin-bottom:16px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .coming__title
    {
        font-size:50px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .coming__title
    {
        font-size:58px
    }
}

@media (max-width: 575px) {
    .coming__title
    {
        font-size:33px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .coming__content
    {
        padding-top:150px
    }
}

.coming__content p
{
    font-size:18px;
    line-height:1.56;
    margin-bottom:42px;
    padding-right:135px
}

[dir=rtl] .coming__content p
{
    padding-right:0;
    padding-left:135px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .coming__content p
    {
        padding-right:0
    }

    [dir=rtl] .coming__content p
    {
        padding-left:0
    }
}

.coming__input
{
    position:relative;
    margin-right:120px;
    margin-bottom:50px
}

[dir=rtl] .coming__input
{
    margin-right:0;
    margin-left:120px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 576px) and (max-width: 767px) {
    .coming__input
    {
        margin-right:20px
    }

    [dir=rtl] .coming__input
    {
        margin-right:0;
        margin-left:20px
    }
}

@media (max-width: 575px) {
    .coming__input
    {
        margin-right:0
    }

    [dir=rtl] .coming__input
    {
        margin-left:0
    }
}

.coming__input input
{
    width:100%;
    height:60px;
    background:var(--tp-common-white);
    border:1.5px solid #EAEAEF;
    padding-right:160px
}

[dir=rtl] .coming__input input
{
    padding-right:25px;
    padding-left:160px
}

.coming__input input:focus
{
    border-color:var(--tp-theme-1)
}

.coming__input button
{
    position:absolute;
    top:0;
    right:0;
    padding:17px 38px
}

[dir=rtl] .coming__input button
{
    right:auto;
    left:0
}

@media (max-width: 575px) {
    .coming__input button
    {
        position:relative;
        margin-top:15px
    }
}

.coming__input button:hover
{
    background-color:var(--tp-common-black)
}

.coming__social a
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:38px;
    background:var(--tp-common-white);
    border:1px solid #EAEAEF;
    backdrop-filter:blur(30px);
    border-radius:25px;
    text-align:center;
    margin-right:3px
}

[dir=rtl] .coming__social a
{
    margin-right:0;
    margin-left:3px
}

.coming__social a:hover
{
    background-color:var(--tp-theme-1);
    border-color:transparent;
    color:var(--tp-common-white)
}

.coming__shape-1
{
    position:absolute;
    left:0;
    top:32%;
    z-index:-1;
    -moz-animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate;
    animation:tptranslateY2 3s ease-in-out 1s forwards infinite alternate
}

[dir=rtl] .coming__shape-1
{
    left:auto;
    right:0
}

.policy__translate
{
    margin-top:-200px
}

.policy__meta
{
    font-weight:500;
    font-size:16px;
    letter-spacing:-.02em;
    margin-bottom:12px
}

.policy__wrapper
{
    padding:70px 60px 63px;
    padding-right:70px;
    background:var(--tp-common-white);
    box-shadow:0 30px 40px rgba(3,4,28,0.1)
}

[dir=rtl] .policy__wrapper
{
    padding-right:60px;
    padding-left:70px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .policy__wrapper
    {
        padding:50px 40px
    }
}

@media (max-width: 575px) {
    .policy__wrapper
    {
        padding:30px 35px
    }
}

.policy__wrapper p
{
    font-size:16px;
    line-height:1.62;
    margin-bottom:11px
}

.policy__title
{
    font-size:34px;
    letter-spacing:-.04em;
    color:var(--tp-common-black-solid);
    margin-bottom:17px
}

@media (max-width: 575px) {
    .policy__title
    {
        font-size:25px
    }
}

.policy__title-2
{
    margin-bottom:3px
}

.policy__item-2 p
{
    margin-bottom:25px
}

.policy__list ul li
{
    font-size:16px;
    position:relative;
    padding-left:15px;
    list-style:none
}

[dir=rtl] .policy__list ul li
{
    padding-left:0;
    padding-right:17px
}

.policy__list ul li:not(:last-child)
{
    margin-bottom:10px
}

.policy__list ul li::after
{
    position:absolute;
    content:"";
    left:0;
    top:11px;
    width:5px;
    height:5px;
    background-color:var(--tp-text-1);
    border-radius:50%
}

[dir=rtl] .policy__list ul li::after
{
    left:auto;
    right:0
}

.policy__contact ul
{
    margin-bottom:15px
}

.policy__contact ul li
{
    list-style:none;
    font-size:16px;
    color:var(--tp-common-black)
}

.policy__contact ul li:not(:last-child)
{
    margin-bottom:4px
}

.policy__contact ul li span a:hover
{
    color:var(--tp-theme-1)
}

.policy__contact > p
{
    margin-bottom:14px
}

.policy__address p
{
    font-size:16px;
    line-height:1.5
}

.policy__address p a:hover
{
    color:var(--tp-theme-1)
}

.help__title
{
    font-size:70px;
    line-height:1;
    letter-spacing:-.04em;
    margin-bottom:12px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .help__title
    {
        font-size:55px
    }
}

@media (max-width: 575px) {
    .help__title
    {
        font-size:35px
    }
}

.help__content p
{
    font-size:16px;
    margin-bottom:42px
}

.help__input
{
    position:relative
}

.help__input-box
{
    position:relative;
    margin-bottom:35px
}

.help__input-box button
{
    position:absolute;
    top:0;
    right:0;
    padding:22px 43px
}

[dir=rtl] .help__input-box button
{
    right:auto;
    left:0
}

@media (max-width: 575px) {
    .help__input-box button
    {
        position:relative;
        margin-top:15px
    }
}

.help__input-box button:hover
{
    background-color:var(--tp-common-black)
}

.help__input input
{
    width:100%;
    height:70px;
    padding-left:60px;
    padding-right:167px;
    background-color:var(--tp-common-white);
    border:1px solid var(--tp-common-white);
    box-shadow:-3px 0 0 var(--tp-theme-1),0 1px 2px rgba(3,4,28,0.14)
}

[dir=rtl] .help__input input
{
    padding-left:167px;
    padding-right:60px
}

@media (max-width: 575px) {
    .help__input input
    {
        padding-right:25px
    }

    [dir=rtl] .help__input input
    {
        padding-right:0;
        padding-left:25px
    }
}

.help__input span
{
    position:absolute;
    top:50%;
    left:30px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:18px;
    color:#A0A0B5
}

[dir=rtl] .help__input span
{
    left:auto;
    right:30px
}

.help__input span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.help__features-item
{
    margin-right:50px;
    margin-bottom:30px
}

[dir=rtl] .help__features-item
{
    margin-right:10p0x;
    margin-left:50px
}

.help__features-item:last-child
{
    margin-right:0
}

[dir=rtl] .help__features-item:last-child
{
    margin-left:0
}

.help__features-icon span
{
    margin-right:13px;
    display:inline-block;
    background-color:var(--tp-common-white);
    box-shadow:0 2px 4px rgba(3,4,28,0.1);
    border-radius:30px;
    height:54px;
    width:54px;
    line-height:54px;
    text-align:center;
    color:var(--tp-common-black)
}

[dir=rtl] .help__features-icon span
{
    margin-right:0;
    margin-left:13px
}

.help__features-icon span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.help__features-content p
{
    margin-bottom:3px;
    font:16px/1 var(--tp-ff-space)
}

.help__features-title
{
    font-weight:500;
    font-size:16px;
    line-height:1;
    color:var(--tp-common-black-solid);
    margin-bottom:0
}

.articles__item
{
    padding:35px 40px;
    min-height:450px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .articles__item
    {
        padding:25px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .articles__item
    {
        padding:20px
    }
}

@media (max-width: 575px) {
    .articles__item
    {
        padding:30px 20px
    }
}

.articles__item-sm
{
    min-height:290px
}

.articles__thumb img
{
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
    mix-blend-mode:overlay;
    z-index:-1
}

[dir=rtl] .articles__thumb img
{
    right:auto;
    left:0
}

.articles__thumb img.has-opacity-6
{
    opacity:.6
}

.articles__title
{
    font-size:30px;
    line-height:1;
    letter-spacing:-.04em;
    color:var(--tp-common-white);
    margin-bottom:15px;
    margin-right:10px
}

[dir=rtl] .articles__title
{
    margin-right:0;
    margin-left:10px
}

.articles__number
{
    margin-bottom:15px;
    display:inline-block;
    font-weight:500;
    font-size:13px;
    line-height:1;
    color:rgba(255,255,255,0.7);
    background-color:#3F40B7;
    padding:5px 12px
}

.articles__content p
{
    font-weight:500;
    font-size:14px;
    line-height:1.43;
    color:rgba(255,255,255,0.9)
}

.articles__icon
{
    position:absolute;
    right:40px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}

[dir=rtl] .articles__icon
{
    right:auto;
    left:40px
}

@media (max-width: 575px) {
    .articles__icon
    {
        right:20px
    }

    [dir=rtl] .articles__icon
    {
        right:auto;
        left:20px
    }
}

.articles__icon span
{
    font-size:50px;
    color:var(--tp-common-khaki-4)
}

.articles__icon span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .articles__icon span
    {
        opacity:.4
    }
}

.articles__style-2
{
    min-height:130px;
    padding-right:90px
}

[dir=rtl] .articles__style-2
{
    padding-right:0;
    padding-left:90px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .articles__style-2
    {
        padding:20px;
        padding-right:35px
    }

    [dir=rtl] .articles__style-2
    {
        padding-right:0;
        padding-left:35px
    }
}

@media (max-width: 575px) {
    .articles__style-2
    {
        padding-right:15px
    }

    [dir=rtl] .articles__style-2
    {
        padding-right:0;
        padding-left:15px
    }
}

.articles__style-2 .articles__title
{
    color:var(--tp-common-black)
}

.articles__style-2 .articles__number
{
    background-color:var(--tp-common-khaki-3);
    color:var(--tp-text-1)
}

.articles__style-2 .articles__content p
{
    color:rgba(82,82,88,0.9);
    margin-bottom:-4px
}

.banner__inner
{
    padding:100px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner__inner
    {
        padding:100px 70px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner__inner
    {
        padding:60px;
        background-position:left
    }

    [dir=rtl] .banner__inner
    {
        background-position:right
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .banner__inner
    {
        padding:45px;
        background-position:left
    }

    [dir=rtl] .banner__inner
    {
        background-position:right
    }
}

@media (max-width: 575px) {
    .banner__inner
    {
        padding:35px;
        background-position:left
    }

    [dir=rtl] .banner__inner
    {
        background-position:right
    }
}

.banner__title
{
    margin-bottom:21px;
    font:600 44px/1.09 var(--tp-ff-roboto)
}

@media (max-width: 575px) {
    .banner__title
    {
        font-size:28px
    }
}

.banner__title a:hover
{
    color:var(--tp-theme-1)
}

.banner__content > span
{
    color:var(--tp-text-1);
    display:inline-block;
    margin-bottom:7px;
    font:500 15px var(--tp-ff-roboto)
}

.banner__content p
{
    margin-bottom:35px;
    font:16px/17px var(--tp-ff-roboto)
}

.banner__content p span
{
    font-weight:700;
    font-size:24px;
    color:var(--tp-common-black)
}

.banner__btn .tp-btn
{
    background-color:var(--tp-common-white);
    box-shadow:0 1px 2px rgba(3,4,28,0.1);
    color:var(--tp-common-black);
    padding:9px 25px;
    font:500 14px var(--tp-ff-roboto)
}

.banner__btn .tp-btn:hover
{
    background-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.banner__btn .tp-btn svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 575px),only screen and (min-width: 576px) and (max-width: 767px) {
    .profile__tab
    {
        margin-right:0;
        margin-bottom:50px
    }
}

.profile__tab .nav-tabs
{
    background-color:var(--tp-common-white);
    padding:0;
    border:0;
    margin:0;
    box-shadow:0 30px 50px rgba(5,47,40,0.12)
}

.profile__tab .nav-tabs .nav-link
{
    font-weight:500;
    font-size:15px;
    color:var(--tp-text-1);
    padding:14px 30px;
    background-color:var(--tp-common-white);
    position:relative;
    border-radius:0;
    text-align:left;
    border:0
}

[dir=rtl] .profile__tab .nav-tabs .nav-link
{
    text-align:right
}

.profile__tab .nav-tabs .nav-link span
{
    margin-right:7px
}

[dir=rtl] .profile__tab .nav-tabs .nav-link span
{
    margin-right:0;
    margin-left:7px
}

.profile__tab .nav-tabs .nav-link.active
{
    color:var(--tp-theme-1);
    background-color:rgba(245,9,99,0.06)
}

.profile__tab .nav-tabs .nav-link.active:hover
{
    background-color:rgba(245,9,99,0.06)
}

.profile__tab .nav-tabs .nav-link:hover
{
    background-color:var(--tp-grey-16)
}

.profile__tab .tp-tab-menu
{
    position:relative
}

.profile__tab .tp-tab-line
{
    position:absolute;
    content:"";
    left:0;
    bottom:-1px;
    width:2px;
    height:auto;
    background-color:var(--tp-theme-3)
}

[dir=rtl] .profile__tab .tp-tab-line
{
    left:auto;
    right:0
}

.profile__tab-content
{
    padding:25px 30px 30px;
    background-color:var(--tp-common-white);
    box-shadow:0 30px 50px rgba(5,47,40,0.12)
}

.profile__info-title
{
    font-size:20px;
    margin-bottom:25px
}

.profile__input
{
    margin-bottom:25px;
    position:relative
}

.profile__input-box h4
{
    font-weight:500;
    font-size:14px;
    letter-spacing:-.02em;
    color:var(--tp-common-black-solid);
    margin-bottom:10px
}

.profile__input-box h4 span
{
    color:var(--tp-theme-1)
}

.profile__input-box p
{
    font-size:13px;
    color:var(--tp-common-white);
    opacity:.7;
    margin-bottom:10px
}

.profile__input > span
{
    position:absolute;
    top:50%;
    left:20px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}

[dir=rtl] .profile__input > span
{
    left:auto;
    right:20px
}

.profile__input > span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.profile__input input,.profile__input textarea
{
    width:100%;
    height:60px;
    line-height:60px;
    padding:0 25px;
    padding-left:50px;
    border:0;
    outline:0;
    border:1px solid #EAEAEF;
    background-color:var(--tp-common-white);
    color:var(--tp-common-black)
}

[dir=rtl] .profile__input input,[dir=rtl] .profile__input textarea
{
    padding-left:25px;
    padding-right:50px
}

.profile__input input:focus,.profile__input textarea:focus
{
    border-color:var(--tp-theme-1)
}

.profile__input textarea
{
    line-height:1.5;
    padding:20px;
    resize:none;
    height:200px;
    resize:none
}

.profile__input .nice-select
{
    width:100%;
    float:none;
    height:60px;
    border:1px solid #EAEAEF;
    border-radius:0;
    line-height:58px;
    padding-left:27px
}

[dir=rtl] .profile__input .nice-select
{
    padding-left:0;
    padding-right:27px
}

.profile__input .nice-select .current
{
    color:var(--tp-common-black)
}

.profile__input .nice-select::after
{
    right:25px;
    color:var(--tp-common-black)
}

[dir=rtl] .profile__input .nice-select::after
{
    left:25px;
    right:auto
}

.profile__input .nice-select .list
{
    width:100%;
    border-radius:0;
    margin-top:0;
    padding:13px 8px
}

.profile__input .nice-select .list .option:hover
{
    color:var(--tp-common-black)
}

.profile__password input
{
    padding:0 20px
}

.profile__ticket
{
    border:1px solid #EAEAEF
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .profile__ticket
    {
        overflow-x:scroll
    }
}

.profile__ticket table thead tr
{
    background-color:transparent
}

.profile__ticket table th
{
    color:var(--tp-common-black);
    border-color:#EAEAEF;
    box-shadow:none
}

.profile__ticket table td
{
    color:var(--tp-common-black)
}

.profile__ticket table tbody > tr:first-child
{
    background-color:transparent
}

.profile__ticket table tbody > tr:not(:last-child)
{
    border-bottom:1px solid #EAEAEF
}

.profile__ticket table tbody > tr td,.profile__ticket table tbody > tr th
{
    color:var(--tp-common-black);
    vertical-align:middle
}

.profile__ticket table tbody > tr > th
{
    padding-left:15px;
    padding-right:15px
}

.profile__ticket table tbody > tr th[scope=row]
{
    color:var(--tp-theme-1)
}

.profile__ticket table tbody > tr td[data-info="status done"]
{
    color:var(--tp-common-green-2)
}

.profile__ticket table tbody > tr td[data-info="status pending"]
{
    color:var(--tp-common-purple)
}

.profile__ticket table tbody > tr td[data-info="status reply"]
{
    color:var(--tp-common-brown-dark-2)
}

.profile__ticket table tbody > tr td[data-info="status hold"]
{
    color:var(--tp-common-yellow)
}

.profile__ticket table tbody > tr .tp-btn
{
    padding:7px 18px;
    background-color:var(--tp-grey-1);
    color:var(--tp-common-black);
    font-weight:500;
    min-width:90px
}

.profile__ticket table tbody > tr .tp-btn:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1)
}

.profile__ticket .table
{
    margin-bottom:0
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .profile__ticket .table
    {
        width:700px
    }
}

.profile__ticket .table > :not(:first-child)
{
    border-color:#EAEAEF;
    border-top-width:1px
}

.profile__ticket .table > :not(caption) > * > *
{
    padding:1rem 1.5rem;
    border:0;
    box-shadow:none
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .profile__address-item
    {
        margin-bottom:40px
    }
}

.profile__address-title
{
    font-size:22px;
    margin-bottom:20px
}

.profile__address-icon span
{
    display:inline-block;
    min-width:45px;
    margin-right:20px
}

[dir=rtl] .profile__address-icon span
{
    margin-right:0;
    margin-left:20px
}

@media (max-width: 575px) {
    .profile__address-icon span
    {
        margin-bottom:20px
    }
}

.profile__address-icon span svg
{
    width:45px
}

.profile__address-icon span svg path
{
    fill:var(--tp-theme-1)
}

.profile__address-content p
{
    font-size:14px;
    margin-bottom:10px
}

.profile__address-content p span
{
    color:var(--tp-common-black);
    font-weight:500;
    margin-right:7px
}

[dir=rtl] .profile__address-content p span
{
    margin-right:0;
    margin-left:7px
}

.profile__notification-title
{
    font-size:24px;
    color:var(--tp-common-black);
    margin-bottom:10px
}

.profile__notification-item .form-check-input
{
    margin-top:0;
    width:40px;
    height:20px;
    box-shadow:none
}

.profile__notification-item .form-check-label
{
    font-size:16px;
    color:var(--tp-common-black);
    margin-left:10px
}

[dir=rtl] .profile__notification-item .form-check-label
{
    margin-left:0;
    margin-right:10px
}

.profile__notification-item .form-check-label:hover
{
    cursor:pointer;
    color:var(--tp-common-black)
}

.profile__notification-item .form-check-input:checked
{
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.profile__btn .tp-btn
{
    padding:14px 39px
}

.profile__btn .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

@media (max-width: 575px) {
    .profile__main-inner
    {
        margin-bottom:20px
    }
}

.profile__main-thumb
{
    position:relative
}

.profile__main-thumb img
{
    width:80px;
    height:80px;
    border-radius:50%;
    margin-right:16px
}

[dir=rtl] .profile__main-thumb img
{
    margin-right:0;
    margin-left:16px
}

@media (max-width: 575px) {
    .profile__main-thumb img
    {
        margin-bottom:20px
    }
}

.profile__main-thumb-edit input
{
    display:none
}

.profile__main-thumb-edit label
{
    position:absolute;
    bottom:8px;
    right:8px;
    color:var(--tp-common-white);
    width:30px;
    height:30px;
    line-height:24px;
    border:2px solid var(--tp-common-white);
    text-align:center;
    background-color:var(--tp-theme-1);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}

[dir=rtl] .profile__main-thumb-edit label
{
    right:0;
    bottom:0
}

.profile__main-thumb-edit label i
{
    margin-left:2px
}

.profile__main-thumb-edit label:hover
{
    cursor:pointer;
    color:var(--tp-common-white);
    background-color:var(--tp-common-black)
}

.profile__main-title
{
    font-size:24px;
    margin-bottom:0
}

.profile__main-content p
{
    font-size:14px;
    margin-bottom:0
}

.profile__main-content p span
{
    color:var(--tp-theme-1);
    font-weight:500
}

.profile__main-info-item
{
    border:1px solid #EAEAEF;
    text-align:center;
    padding:27px 30px 25px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .profile__main-info-item
    {
        margin-bottom:25px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .profile__main-info-item
    {
        padding:22px 0 20px
    }
}

.profile__main-info-icon
{
    position:relative;
    margin-bottom:15px
}

.profile__main-info-icon > span
{
    position:relative;
    display:inline-block;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center
}

.profile__main-info-icon > span svg
{
    width:60px
}

.profile__main-info-icon > span svg path
{
    fill:var(--tp-common-black)
}

.profile__main-info-icon .profile-icon-count
{
    position:absolute;
    top:2px;
    right:-8px;
    width:25px;
    height:25px;
    line-height:20px;
    border:2px solid var(--tp-common-white);
    background-color:var(--tp-theme-1);
    color:var(--tp-common-white);
    border-radius:50%;
    font-size:13px;
    font-weight:500
}

[dir=rtl] .profile__main-info-icon .profile-icon-count
{
    right:auto;
    left:-8px
}

.profile__main-info-title
{
    font-size:18px;
    margin-bottom:0
}

@media (max-width: 575px),only screen and (min-width: 576px) and (max-width: 767px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1600px) and (max-width: 1699px) {
    .profile__shape
    {
        display:none
    }
}

.profile__shape-1
{
    position:absolute;
    right:-10%;
    bottom:32%;
    z-index:-1
}

.profile__shape-2
{
    position:absolute;
    right:-19%;
    bottom:14%;
    z-index:-1
}

.profile__shape-3
{
    position:absolute;
    left:-12%;
    top:12%;
    z-index:-1
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .profile__shape-3
    {
        left:-4%
    }
}

.profile__shape-4
{
    position:absolute;
    left:-7%;
    bottom:10%;
    z-index:-1
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .profile__shape-4
    {
        left:0
    }
}

.profile__shape-5
{
    position:absolute;
    right:-20%;
    top:43%;
    z-index:-1
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .profile__shape-5
    {
        right:0
    }
}

.profile__shape-6
{
    position:absolute;
    right:-4%;
    top:9%;
    z-index:-1
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .profile__shape-6
    {
        right:1%
    }
}

.blog__section-title-7 .section__title-wrapper-7 > p
{
    color:#525258;
    font:20px/1.5 var(--tp-ff-inter)
}

.blog__border-7 .row [class*=col-]:last-child .blog__item-7::after
{
    display:none
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog__border-7 .row [class*=col-]:nth-child(2n) .blog__item-7::after
    {
        display:none
    }
}

.blog__item
{
    padding:20px;
    position:relative
}

.blog__item:hover
{
    box-shadow:0 20px 40px rgba(3,4,28,0.1);
    z-index:9
}

.blog__item-2
{
    box-shadow:0 6px 0 #EFEFEF,0 1px 2px rgba(22,34,19,0.1)
}

.blog__item-2:hover
{
    box-shadow:0 30px 50px rgba(22,34,19,0.1),0 6px 0 teal
}

.blog__item-2:hover .blog__thumb-2 img
{
    -webkit-transform:scale(1.17) rotate(6deg);
    -moz-transform:scale(1.17) rotate(6deg);
    -ms-transform:scale(1.17) rotate(6deg);
    -o-transform:scale(1.17) rotate(6deg);
    transform:scale(1.17) rotate(6deg)
}

.blog__item-4
{
    margin-bottom:70px;
    box-shadow:0 20px 30px rgba(3,4,28,0.1);
    visibility:hidden;
    opacity:0;
    transition-duration:.5s
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .blog__item-4
    {
        visibility:visible;
        opacity:1
    }
}

.blog__item-4.swiper-slide-prev,.blog__item-4.swiper-slide-active,.blog__item-4.swiper-slide-next
{
    visibility:visible;
    opacity:1
}

.blog__item-5
{
    border-radius:10px;
    border:1px solid rgba(3,4,28,0.1);
    overflow:hidden;
    background-color:var(--tp-common-white);
    position:relative
}

.blog__item-6
{
    position:relative;
    padding-top:25px;
    padding-bottom:15px;
    border-bottom:1px solid rgba(13,18,30,0.1)
}

.blog__item-6:first-child
{
    border-top:1px solid rgba(13,18,30,0.1)
}

.blog__item-6:hover .blog__thumb-6
{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1) rotate(-13deg);
    -moz-transform:scale(1) rotate(-13deg);
    -ms-transform:scale(1) rotate(-13deg);
    -o-transform:scale(1) rotate(-13deg);
    transform:scale(1) rotate(-13deg)
}

.blog__item-7
{
    position:relative
}

.blog__item-7::after
{
    position:absolute;
    content:"";
    right:-30px;
    top:0;
    width:1px;
    height:100%;
    background-color:rgba(4,18,31,0.1019607843)
}

[dir=rtl] .blog__item-7::after
{
    right:auto;
    left:-30px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog__item-7::after
    {
        right:-25px
    }

    [dir=rtl] .blog__item-7::after
    {
        right:auto;
        left:-25px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog__item-7::after
    {
        right:-15px
    }

    [dir=rtl] .blog__item-7::after
    {
        right:auto;
        left:-15px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .blog__item-7::after
    {
        display:none
    }
}

.blog__item-7:hover .blog__thumb-7::after
{
    -webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
    transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0)
}

.blog__item-8
{
    height:500px
}

.blog__item-8:hover .blog__thumb-8
{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}

.blog__item-9:hover .blog__thumb-9 img
{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}

.blog__item-10
{
    border:0;
    border-radius:14px
}

.blog__item-10:hover .blog__thumb-10 img
{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog__item-10-wrapper
    {
        margin:0 -10px
    }
}

.blog__item-10-sm
{
    margin-bottom:12px;
    border:2px solid #EAEAEF
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog__item-10-sm
    {
        margin:0 10px;
        margin-bottom:12px
    }
}

.blog__item-10-sm:hover
{
    border-color:var(--tp-theme-10)
}

.blog__item-10-sm:last-child
{
    bottom:0
}

.blog__item-10-sm .blog__content-10
{
    border:0
}

.blog__item-10-sm .blog__content-10-top
{
    padding:19px 22px 0
}

.blog__item-10-sm .blog__content-10-bottom
{
    padding:14px 22px 13px;
    padding-top:0;
    border-top:0
}

.blog__item-10-overlay
{
    position:relative;
    height:511px;
    border:0
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog__item-10-overlay
    {
        height:605px
    }
}

.blog__item-10-overlay:hover .blog__thumb-10
{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}

.blog__item-10-overlay .blog__thumb-10
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}

[dir=rtl] .blog__item-10-overlay .blog__thumb-10
{
    left:auto;
    right:0
}

.blog__item-10-overlay .blog__thumb-10::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:-webkit-linear-gradient(180deg,rgba(3,4,28,0) 0%,rgba(3,4,28,0.4) 58.32%,#03041C 100%);
    background-image:-moz-linear-gradient(180deg,rgba(3,4,28,0) 0%,rgba(3,4,28,0.4) 58.32%,#03041C 100%);
    background-image:-ms-linear-gradient(180deg,rgba(3,4,28,0) 0%,rgba(3,4,28,0.4) 58.32%,#03041C 100%);
    background-image:-o-linear-gradient(180deg,rgba(3,4,28,0) 0%,rgba(3,4,28,0.4) 58.32%,#03041C 100%);
    background-image:linear-gradient(180deg,rgba(3,4,28,0) 0%,rgba(3,4,28,0.4) 58.32%,#03041C 100%)
}

[dir=rtl] .blog__item-10-overlay .blog__thumb-10::after
{
    left:auto;
    right:0
}

.blog__item-10-overlay .blog__content-10
{
    position:absolute;
    bottom:25px;
    left:0;
    z-index:1;
    padding:0 22px;
    border:0;
    border-radius:0
}

[dir=rtl] .blog__item-10-overlay .blog__content-10
{
    left:auto;
    right:0
}

@media (max-width: 575px) {
    .blog__item-10-overlay .blog__content-10
    {
        padding:0
    }
}

.blog__item-10-overlay .blog__content-10-bottom
{
    border-top:2px;
    padding-top:1px
}

.blog__item-10-overlay .blog__tag-10 a
{
    border-color:rgba(255,255,255,0.2);
    color:var(--tp-common-white)
}

.blog__item-10-overlay .blog__tag-10 a:hover
{
    background-color:var(--tp-common-white);
    border-color:var(--tp-common-white);
    color:var(--tp-common-black-11)
}

.blog__item-10-overlay .blog__meta-10 span
{
    color:var(--tp-common-white)
}

.blog__item-10-overlay .blog__meta-10 span a:hover
{
    color:var(--tp-common-white)
}

.blog__item-10-overlay .blog__meta-10.blog-meta-10-2 span
{
    color:var(--tp-common-white)
}

.blog__item-10-overlay .blog__meta-author-content-10::after
{
    background-color:var(--tp-common-white)
}

.blog__item-10-overlay .blog__meta-author-content-10 span
{
    color:var(--tp-common-white)
}

.blog__item-10-overlay .blog__meta-author-content-10 span a
{
    color:var(--tp-common-white)
}

.blog__item-10-overlay .blog__title-10
{
    color:var(--tp-common-white);
    font-size:34px;
    line-height:1
}

.blog__item-10-overlay .blog__title-10 a
{
    background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
    background-size:0 2px,0 2px;
    background-position:100% 100%,0 100%;
    background-repeat:no-repeat;
    transition:background-size .4s linear
}

.blog__item-10-overlay .blog__title-10 a:hover
{
    color:var(--tp-common-white);
    background-size:0 2px,100% 2px
}

.blog__title
{
    margin-bottom:17px;
    font:22px/1.15 var(--tp-ff-space)
}

@media (max-width: 575px) {
    .blog__title
    {
        font-size:20px
    }
}

.blog__title a:hover
{
    color:var(--tp-theme-1)
}

.blog__title-2
{
    opacity:.9;
    margin-bottom:17px;
    font:500 24px var(--tp-ff-oswald)
}

.blog__title-2 a
{
    opacity:1
}

.blog__title-2 a:hover
{
    color:var(--tp-theme-2)
}

.blog__title-4
{
    letter-spacing:-.02em;
    font:23px var(--tp-ff-space)
}

.blog__title-4 a:hover
{
    color:var(--tp-theme-4)
}

@media only screen and (min-width: 992px) and (max-width: 1199px),(max-width: 575px) {
    .blog__title-4
    {
        font-size:22px
    }
}

.blog__title-5
{
    letter-spacing:-.03em;
    font:24px var(--tp-ff-space)
}

.blog__title-5 a:hover
{
    color:var(--tp-theme-5)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog__title-5
    {
        font-size:22px
    }
}

.blog__title-6
{
    padding-left:50px;
    color:var(--tp-common-black-9);
    font:700 22px/26px var(--tp-ff-roboto)
}

[dir=rtl] .blog__title-6
{
    padding-left:0;
    padding-right:50px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .blog__title-6
    {
        padding-left:0;
        margin-bottom:15px
    }

    [dir=rtl] .blog__title-6
    {
        padding-right:0
    }
}

@media (max-width: 575px) {
    .blog__title-6
    {
        padding-left:0;
        margin-bottom:20px
    }

    [dir=rtl] .blog__title-6
    {
        padding-right:0
    }

    .blog__title-6 br
    {
        display:none
    }
}

.blog__title-6 a:hover
{
    color:var(--tp-theme-6)
}

.blog__title-7
{
    letter-spacing:-.01em;
    color:var(--tp-common-black-11);
    margin-bottom:9px;
    font:600 22px/1.3 var(--tp-ff-inter)
}

.blog__title-7 a:hover
{
    color:var(--tp-theme-7)
}

.blog__title-8
{
    letter-spacing:-.04em;
    color:var(--tp-common-white);
    font:700 30px/1.13 var(--tp-ff-space)
}

@media (max-width: 575px) {
    .blog__title-8
    {
        font-size:24px
    }
}

.blog__title-8 a
{
    background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
    background-size:0 1px,0 1px;
    background-position:100% 100%,0 100%;
    background-repeat:no-repeat;
    transition:background-size .4s linear
}

.blog__title-8 a:hover
{
    background-size:0 1px,100% 1px
}

.blog__title-9
{
    color:var(--tp-common-black);
    font:700 26px/1.23 var(--tp-ff-syne)
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .blog__title-9 br
    {
        display:none
    }
}

.blog__title-9 a
{
    background-image:linear-gradient(#03041C,#03041C),linear-gradient(#03041C,#03041C);
    background-size:0 2px,0 2px;
    background-position:100% 100%,0 100%;
    background-repeat:no-repeat;
    transition:background-size .4s linear
}

.blog__title-9 a:hover
{
    background-size:0 2px,100% 2px
}

.blog__title-10
{
    font-size:20px;
    line-height:1.2;
    letter-spacing:-.02em;
    margin-bottom:13px
}

.blog__title-10 a:hover
{
    color:var(--tp-theme-10)
}

.blog__tag a
{
    color:var(--tp-text-1);
    display:inline-block;
    padding:0 16px;
    border:2px solid var(--tp-border-5);
    text-transform:uppercase;
    margin-right:5px;
    margin-bottom:12px;
    font:500 12px var(--tp-ff-space)
}

[dir=rtl] .blog__tag a
{
    margin-right:0;
    margin-left:5px
}

.blog__tag a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.blog__tag-2
{
    margin-bottom:12px
}

.blog__tag-2 a
{
    display:inline-block;
    padding:0 11px;
    color:var(--tp-theme-2);
    background-color:rgba(0,128,128,0.1);
    font:600 14px var(--tp-ff-inter)
}

.blog__tag-2 a:hover
{
    background-color:var(--tp-theme-2);
    color:var(--tp-common-white)
}

.blog__tag-4
{
    margin-bottom:12px
}

.blog__tag-4 a
{
    display:inline-block;
    color:var(--tp-theme-4);
    background-color:rgba(171,108,86,0.1019607843);
    padding:1px 13px;
    font:500 14px var(--tp-ff-inter)
}

.blog__tag-4 a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-4)
}

.blog__tag-5
{
    margin-bottom:11px
}

.blog__tag-5 a
{
    display:inline-block;
    padding:0 17px 1px;
    background-color:rgba(244,106,53,0.1);
    color:var(--tp-common-orange);
    font-family:var(--tp-ff-inter);
    font-weight:500;
    border-radius:20px
}

.blog__tag-5 a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-orange)
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .blog__tag-6
    {
        margin-bottom:15px
    }
}

.blog__tag-6 a
{
    display:inline-block;
    color:var(--tp-text-18);
    font-family:var(--tp-ff-roboto)
}

.blog__tag-6 a i,.blog__tag-6 a svg
{
    margin-right:5px
}

[dir=rtl] .blog__tag-6 a i,[dir=rtl] .blog__tag-6 a svg
{
    margin-right:0;
    margin-left:5px
}

.blog__tag-6 a:hover
{
    color:var(--tp-theme-6)
}

.blog__tag-7 a
{
    display:inline-block;
    color:var(--tp-theme-7);
    position:relative;
    padding-right:18px;
    margin-right:20px;
    font:500 15px var(--tp-ff-inter)
}

[dir=rtl] .blog__tag-7 a
{
    padding-right:0;
    margin-right:0;
    padding-left:18px;
    margin-left:20px
}

.blog__tag-7 a::after
{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:21px;
    background-color:rgba(4,18,31,0.2)
}

[dir=rtl] .blog__tag-7 a::after
{
    right:auto;
    left:0
}

.blog__tag-7 a:hover
{
    color:var(--tp-common-black-11)
}

.blog__tag-8
{
    position:absolute;
    top:20px;
    right:25px
}

[dir=rtl] .blog__tag-8
{
    right:auto;
    left:25px
}

.blog__tag-8 a
{
    display:inline-block;
    color:var(--tp-common-black-12);
    padding:4px 13px 5px;
    background-color:var(--tp-common-white);
    font:700 14px/18px var(--tp-ff-space)
}

.blog__tag-8 a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-8)
}

[dir=rtl] .blog__tag-10
{
    margin-right:0;
    margin-left:10px
}

.blog__tag-10 a
{
    color:var(--tp-common-purple-7);
    display:inline-block;
    border:1px solid rgba(82,83,206,0.1215686275);
    border-radius:6px;
    padding:3px 11px;
    font:500 14px/1 var(--tp-ff-space)
}

.blog__tag-10 a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-purple-7);
    border-color:var(--tp-common-purple-7)
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .blog__content
    {
        padding-top:25px
    }
}

.blog__content-2
{
    padding:40px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .blog__content-2
    {
        padding-left:35px;
        padding-right:35px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog__content-2
    {
        padding-left:25px;
        padding-right:25px
    }
}

@media (max-width: 575px) {
    .blog__content-2
    {
        padding-left:20px;
        padding-right:20px
    }
}

.blog__content-2 > p
{
    font-size:15px;
    color:var(--tp-text-6);
    margin-bottom:30px
}

.blog__content-4
{
    padding-top:30px;
    padding-right:40px;
    margin-left:-10px
}

[dir=rtl] .blog__content-4
{
    padding-right:0;
    margin-left:0;
    padding-left:40px;
    margin-right:-10px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .blog__content-4
    {
        padding-right:30px
    }

    [dir=rtl] .blog__content-4
    {
        padding-right:0;
        padding-left:30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog__content-4
    {
        padding-right:15px;
        margin-left:0
    }

    [dir=rtl] .blog__content-4
    {
        padding-right:0;
        padding-left:15px;
        margin-right:0
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog__content-4
    {
        margin-left:-30px
    }

    [dir=rtl] .blog__content-4
    {
        margin-left:0;
        margin-right:-30px
    }
}

@media (max-width: 575px) {
    .blog__content-4
    {
        margin-left:0;
        padding-left:30px;
        padding-right:30px
    }

    [dir=rtl] .blog__content-4
    {
        margin-right:0
    }
}

.blog__content-4 p
{
    letter-spacing:-.04em;
    margin-bottom:15px;
    font:16px var(--tp-ff-inter)
}

.blog__content-5
{
    padding:46px 60px 48px 20px
}

[dir=rtl] .blog__content-5
{
    padding-left:60px;
    padding-right:20px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .blog__content-5
    {
        padding:23px 30px 22px
    }

    [dir=rtl] .blog__content-5
    {
        padding:23px 30px 22px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .blog__content-5
    {
        padding:40px 30px
    }

    [dir=rtl] .blog__content-5
    {
        adding:40px 30px
    }
}

@media (max-width: 575px) {
    .blog__content-5
    {
        padding:20px 15px
    }

    [dir=rtl] .blog__content-5
    {
        padding:20px 15px
    }
}

.blog__content-5 p
{
    letter-spacing:-.02em;
    margin-bottom:15px;
    font:16px/22px var(--tp-ff-inter)
}

.blog__content-6
{
    padding-left:55px;
    padding-right:35px
}

[dir=rtl] .blog__content-6
{
    padding-right:55px;
    padding-left:35px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
    .blog__content-6
    {
        padding-left:0
    }

    [dir=rtl] .blog__content-6
    {
        padding-right:0
    }
}

@media (max-width: 575px) {
    .blog__content-6
    {
        padding-left:0;
        padding-right:0
    }
}

.blog__content-6 > p
{
    color:var(--tp-text-18);
    margin-bottom:70px;
    font:15px/22px var(--tp-ff-roboto)
}

.blog__content-7 > p
{
    letter-spacing:-.01em;
    margin-bottom:23px;
    font:15px/1.6 var(--tp-ff-inter)
}

.blog__content-8
{
    position:absolute;
    bottom:35px;
    left:0;
    padding:0 50px;
    padding-right:40px
}

[dir=rtl] .blog__content-8
{
    left:auto;
    right:0
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .blog__content-8
    {
        padding-left:25px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog__content-8
    {
        bottom:30px;
        padding:0 30px
    }
}

@media (max-width: 575px) {
    .blog__content-8
    {
        bottom:15px;
        padding:0 20px
    }
}

.blog__content-9
{
    padding-top:25px
}

.blog__content-top-7
{
    margin-bottom:18px
}

.blog__content-10
{
    border:2px solid #EAEAEF;
    border-top:0;
    border-bottom-left-radius:14px;
    border-bottom-right-radius:14px
}

.blog__content-10 p
{
    color:var(--tp-text-1);
    margin-bottom:69px;
    font:15px/1.47 var(--tp-ff-space)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .blog__content-10 p
    {
        margin-bottom:9px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog__content-10 p
    {
        margin-bottom:23px
    }
}

.blog__content-10-top
{
    padding:25px 22px 0
}

.blog__content-10-bottom
{
    padding:14px 22px 13px;
    border-top:1px solid #EAEAEF
}

.blog__meta
{
    border-top:1px solid var(--tp-border-7);
    padding-top:10px
}

.blog__meta span
{
    color:var(--tp-text-1);
    position:relative;
    padding-right:5px;
    margin-right:8px;
    display:inline-block;
    font:14px var(--tp-ff-inter)
}

[dir=rtl] .blog__meta span
{
    padding-right:0;
    margin-right:0;
    margin-left:6px;
    padding-left:8px
}

.blog__meta span i
{
    margin-right:5px
}

[dir=rtl] .blog__meta span i
{
    margin-right:0;
    margin-left:5px
}

.blog__meta span svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.blog__meta span::after
{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:100%;
    width:1px;
    background-color:var(--tp-border-6)
}

[dir=rtl] .blog__meta span::after
{
    left:0;
    right:auto
}

.blog__meta span:last-child
{
    margin-right:0;
    padding-right:0
}

[dir=rtl] .blog__meta span:last-child
{
    margin-left:0;
    padding-left:0
}

.blog__meta span:last-child::after
{
    display:none
}

.blog__meta span a:hover
{
    color:var(--tp-theme-1)
}

.blog__meta-2
{
    position:absolute;
    top:20px;
    right:20px;
    background-color:var(--tp-common-white);
    padding:10px 16px
}

[dir=rtl] .blog__meta-2
{
    right:auto;
    left:20px
}

.blog__meta-2 h4
{
    margin-bottom:0;
    font:600 20px var(--tp-ff-oswald)
}

.blog__meta-2 h4 span
{
    color:var(--tp-text-6);
    display:block;
    font:500 13px var(--tp-ff-inter)
}

.blog__meta-4
{
    padding-top:12px;
    padding-bottom:12px;
    border-top:1px solid rgba(3,4,28,0.1019607843)
}

.blog__meta-4 span
{
    color:var(--tp-text-1);
    font:14px var(--tp-ff-inter)
}

.blog__meta-4 span a:hover
{
    color:var(--tp-theme-4)
}

.blog__meta-4 span svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.blog__meta-5
{
    margin-bottom:20px
}

.blog__meta-5 span
{
    display:inline-block;
    color:var(--tp-text-14);
    margin-right:13px;
    font:500 13px var(--tp-ff-inter)
}

[dir=rtl] .blog__meta-5 span
{
    margin-right:0;
    margin-left:13px
}

.blog__meta-5 span i
{
    margin-right:3px
}

[dir=rtl] .blog__meta-5 span i
{
    margin-right:0;
    margin-left:3px
}

.blog__meta-5 span:last-child
{
    margin-right:0
}

[dir=rtl] .blog__meta-5 span:last-child
{
    margin-left:0
}

.blog__meta-5 span a:hover
{
    color:var(--tp-theme-5)
}

.blog__meta-6 span
{
    display:inline-block;
    color:var(--tp-text-21);
    margin-right:13px;
    font:500 14px var(--tp-ff-roboto)
}

[dir=rtl] .blog__meta-6 span
{
    margin-right:0;
    margin-left:13px
}

.blog__meta-6 span i
{
    margin-right:3px;
    color:var(--tp-text-18)
}

[dir=rtl] .blog__meta-6 span i
{
    margin-right:0;
    margin-left:3px
}

.blog__meta-6 span:last-child
{
    margin-right:0
}

[dir=rtl] .blog__meta-6 span:last-child
{
    margin-left:0
}

.blog__meta-6 span a:hover
{
    color:var(--tp-theme-5)
}

.blog__meta-7 span
{
    margin-right:15px;
    font:14px var(--tp-ff-inter)
}

[dir=rtl] .blog__meta-7 span
{
    margin-right:0;
    margin-left:15px
}

.blog__meta-7 span i
{
    margin-right:3px;
    color:var(--tp-text-1)
}

[dir=rtl] .blog__meta-7 span i
{
    margin-left:3px;
    margin-right:0
}

.blog__meta-7 span:last-child
{
    margin-right:0
}

[dir=rtl] .blog__meta-7 span:last-child
{
    margin-left:0
}

.blog__meta-7 span a:hover
{
    color:var(--tp-theme-7)
}

.blog__meta-8
{
    margin-bottom:8px
}

.blog__meta-8 span
{
    padding-right:16px;
    margin-right:18px;
    color:var(--tp-common-white);
    position:relative;
    display:inline-block;
    font:14px var(--tp-ff-space)
}

[dir=rtl] .blog__meta-8 span
{
    padding-right:0;
    margin-right:0;
    padding-left:16px;
    margin-left:18px
}

.blog__meta-8 span::after
{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:2px;
    height:100%;
    background-color:rgba(255,255,255,0.3)
}

[dir=rtl] .blog__meta-8 span::after
{
    left:0;
    right:auto
}

.blog__meta-8 span.blog-category
{
    font-weight:500;
    text-transform:uppercase
}

.blog__meta-8 span i
{
    margin-right:3px;
    color:var(--tp-common-white)
}

[dir=rtl] .blog__meta-8 span i
{
    margin-right:0;
    margin-left:3px
}

.blog__meta-8 span:last-child
{
    margin-right:0;
    padding-right:0
}

.blog__meta-8 span:last-child::after
{
    display:none
}

.blog__meta-8 span a:hover
{
    color:var(--tp-theme-8)
}

.blog__meta-9
{
    margin-bottom:5px
}

.blog__meta-9 span
{
    letter-spacing:.02em;
    color:#525258;
    position:relative;
    padding-right:20px;
    margin-right:8px;
    display:inline-block;
    font:500 14px/12px var(--tp-ff-syne)
}

[dir=rtl] .blog__meta-9 span
{
    padding-right:0;
    margin-right:0;
    padding-left:20px;
    margin-left:8px
}

.blog__meta-9 span::after
{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:14px;
    height:1px;
    background-color:#525258
}

[dir=rtl] .blog__meta-9 span::after
{
    right:auto;
    left:0
}

.blog__meta-9 span:last-child::after
{
    display:none
}

.blog__meta-9 span a:hover
{
    color:var(--tp-common-black)
}

.blog__meta-10-wrapper
{
    margin-bottom:12px
}

.blog__meta-10 span
{
    color:var(--tp-text-1);
    margin-right:10px;
    font:14px var(--tp-ff-space)
}

[dir=rtl] .blog__meta-10 span
{
    margin-right:0;
    margin-left:10px
}

.blog__meta-10 span:last-child
{
    margin-right:0
}

[dir=rtl] .blog__meta-10 span:last-child
{
    margin-left:0
}

.blog__meta-10 span svg,.blog__meta-10 span i
{
    margin-right:3px
}

[dir=rtl] .blog__meta-10 span svg,[dir=rtl] .blog__meta-10 span i
{
    margin-right:0;
    margin-left:3px
}

.blog__meta-10 span svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.blog__meta-10 span a:hover
{
    color:var(--tp-theme-10)
}

.blog__meta-10.blog-meta-10-2 span
{
    color:var(--tp-text-1);
    color:#84848B;
    font:14px var(--tp-ff-space)
}

.blog__meta-10.blog-meta-10-2 span a:hover
{
    color:var(--tp-theme-10)
}

.blog__meta-author-10
{
    position:relative;
    padding-right:15px;
    margin-right:15px
}

[dir=rtl] .blog__meta-author-10
{
    padding-right:0;
    margin-right:0;
    padding-left:15px;
    margin-left:15px
}

.blog__meta-author-10::after
{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:20px;
    background-color:#EAEAEF
}

[dir=rtl] .blog__meta-author-10::after
{
    right:auto;
    left:0
}

.blog__meta-author-thumb img
{
    width:24px;
    height:24px;
    border-radius:50%;
    margin-right:10px
}

[dir=rtl] .blog__meta-author-thumb img
{
    margin-right:0;
    margin-left:10px
}

.blog__meta-author-thumb-10 img
{
    width:24px;
    height:24px;
    border-radius:50%;
    margin-right:10px
}

[dir=rtl] .blog__meta-author-thumb-10 img
{
    margin-right:0;
    margin-left:10px
}

.blog__meta-author-content span
{
    display:inline-block;
    color:#7A7E83;
    font:14px var(--tp-ff-inter)
}

.blog__meta-author-content span a
{
    color:var(--tp-common-black-11);
    font-weight:500
}

.blog__meta-author-content span a:hover
{
    color:var(--tp-theme-7)
}

.blog__meta-author-content-10 span
{
    color:#7A7E83;
    font:500 14px var(--tp-ff-space)
}

.blog__meta-author-content-10 span a
{
    color:var(--tp-common-black-11)
}

.blog__meta-author-content-10 span a:hover
{
    color:var(--tp-theme-10)
}

.blog__thumb
{
    position:relative;
    animation-duration:1s;
    animation-delay:.5s;
    animation-iteration-count:1;
    animation-fill-mode:both;
    height:100%
}

.blog__thumb img
{
    height:100%;
    object-fit:cover
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .blog__thumb img
    {
        width:100%
    }
}

.blog__thumb-2 img
{
    -webkit-transition:all .4s ease-out 0;
    -moz-transition:all .4s ease-out 0;
    -ms-transition:all .4s ease-out 0;
    -o-transition:all .4s ease-out 0;
    transition:all .4s ease-out 0
}

.blog__thumb-4
{
    height:100%
}

.blog__thumb-4 img
{
    height:100%;
    object-fit:cover
}

@media (max-width: 575px) {
    .blog__thumb-4 img
    {
        width:100%;
        height:250px
    }
}

.blog__thumb-5
{
    height:100%
}

@media (max-width: 575px) {
    .blog__thumb-5
    {
        position:relative;
        width:inherit
    }
}

.blog__thumb-5 img
{
    height:100%;
    object-fit:cover
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .blog__thumb-5 img
    {
        width:100%;
        height:300px
    }
}

.blog__thumb-6
{
    position:absolute;
    top:-35%;
    left:0;
    -webkit-transform:rotate(-13deg) scale(0.8);
    -moz-transform:rotate(-13deg) scale(0.8);
    -ms-transform:rotate(-13deg) scale(0.8);
    -o-transform:rotate(-13deg) scale(0.8);
    transform:rotate(-13deg) scale(0.8);
    transform-origin:center;
    visibility:hidden;
    opacity:0
}

[dir=rtl] .blog__thumb-6
{
    left:auto;
    right:0
}

@media (max-width: 575px) {
    .blog__thumb-6
    {
        top:-12%
    }
}

.blog__thumb-7
{
    border-radius:30px;
    overflow:hidden;
    position:relative
}

.blog__thumb-7::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.5);
    -webkit-transition:all .6s;
    transition:all .6s;
    -webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
    transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0)
}

[dir=rtl] .blog__thumb-7::after
{
    left:auto;
    right:0
}

.blog__thumb-8
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}

[dir=rtl] .blog__thumb-8
{
    left:auto;
    right:0
}

.blog__thumb-8::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(2,3,9,0.5019607843)
}

[dir=rtl] .blog__thumb-8::after
{
    left:auto;
    right:0
}

.blog__author-thumb img
{
    width:34px;
    height:34px;
    border-radius:50%;
    margin-right:10px
}

[dir=rtl] .blog__author-thumb img
{
    margin-right:0;
    margin-left:10px
}

.blog__author-title
{
    color:var(--tp-common-black);
    margin-bottom:0;
    font:500 16px var(--tp-ff-inter)
}

.blog__author-title a:hover
{
    color:var(--tp-theme-4)
}

.blog__slider
{
    position:relative
}

.blog__slider .swiper-container
{
    margin-right:-600px;
    overflow:visible
}

[dir=rtl] .blog__slider .swiper-container
{
    margin-right:0;
    margin-left:-600px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .blog__slider .swiper-container
    {
        margin-right:0
    }

    [dir=rtl] .blog__slider .swiper-container
    {
        margin-left:0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog__slider .swiper-container
    {
        margin-right:-300px
    }

    [dir=rtl] .blog__slider .swiper-container
    {
        margin-right:0;
        margin-left:-300px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog__slider .swiper-container
    {
        margin-right:-400px
    }

    [dir=rtl] .blog__slider .swiper-container
    {
        margin-right:0;
        margin-left:-400px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .blog__slider .swiper-container
    {
        margin-right:0
    }

    [dir=rtl] .blog__slider .swiper-container
    {
        margin-left:0
    }
}

.blog__slider .blog-slider-4 .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color:var(--tp-theme-4)
}

.blog__slider .blog-slider-4 .swiper-pagination-bullet.swiper-pagination-bullet-active::after
{
    border-color:var(--tp-theme-4)
}

.blog__slider-8 .swiper-slide-active
{
    margin-right:30px;
    width:calc(60% - 30px)!important
}

[dir=rtl] .blog__slider-8 .swiper-slide-active
{
    margin-right:0;
    margin-left:30px
}

.blog__slider-8 .swiper-slide-next
{
    width:40%!important
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog__slider-8 .swiper-slide-active
    {
        margin-right:30px;
        width:calc(50% - 30px)!important
    }

    [dir=rtl] .blog__slider-8 .swiper-slide-active
    {
        margin-right:0;
        margin-left:30px
    }

    .blog__slider-8 .swiper-slide-next
    {
        width:50%!important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .blog__slider-8 .swiper-slide-active
    {
        margin-right:0;
        width:inherit!important
    }

    [dir=rtl] .blog__slider-8 .swiper-slide-active
    {
        margin-left:0
    }

    .blog__slider-8 .swiper-slide-next
    {
        width:inherit!important
    }
}

@media (max-width: 575px) {
    .blog__nav
    {
        margin-bottom:60px
    }
}

.blog__nav button
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:36px;
    text-align:center;
    border:2px solid var(--tp-border-5);
    font-size:18px;
    color:var(--tp-common-black)
}

.blog__nav button:hover
{
    color:var(--tp-common-white);
    border-color:var(--tp-theme-4);
    background-color:var(--tp-theme-4)
}

.blog__nav button.blog-slider-button-next
{
    margin-left:5px
}

[dir=rtl] .blog__nav button.blog-slider-button-next
{
    margin-left:0;
    margin-right:5px
}

.blog__shape-1
{
    position:absolute;
    z-index:-1;
    bottom:21%;
    left:10%;
    -webkit-animation:tpupdown 1s infinite alternate;
    animation:tpupdown 1s infinite alternate
}

[dir=rtl] .blog__shape-1
{
    left:auto;
    right:10%
}

.blog__shape-2
{
    position:absolute;
    z-index:-1;
    top:18%;
    left:17%;
    -webkit-animation:tpupdown 1s infinite alternate;
    animation:tpupdown 1s infinite alternate
}

[dir=rtl] .blog__shape-2
{
    left:auto;
    right:17%
}

.blog__shape-3
{
    position:absolute;
    z-index:-1;
    top:21%;
    right:10%;
    -webkit-animation:tpupdown 1s infinite alternate;
    animation:tpupdown 1s infinite alternate
}

[dir=rtl] .blog__shape-3
{
    right:auto;
    left:10%
}

.blog__shape-4
{
    position:absolute;
    z-index:-1;
    bottom:36%;
    right:15%;
    -webkit-animation:tprotate 1s infinite alternate;
    animation:tprotate 1s infinite alternate
}

[dir=rtl] .blog__shape-4
{
    right:auto;
    left:15%
}

.blog__play
{
    margin-top:38px
}

.blog__play-btn
{
    display:inline-block;
    width:56px;
    height:56px;
    line-height:53px;
    text-align:center;
    background:#FFF;
    border:1px solid rgba(13,18,30,0.1);
    border-radius:50%
}

.blog__play-btn i
{
    margin-left:3px
}

[dir=rtl] .blog__play-btn i
{
    margin-left:0;
    margin-right:3px
}

.blog__play-btn:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-6);
    border-color:var(--tp-theme-6)
}

.blog__more-6 a
{
    padding:9px 26px
}

.blog__more-10 a
{
    font-size:16px;
    padding:15px 122px
}

@media (max-width: 575px) {
    .blog__more-10 a
    {
        padding:15px 50px
    }
}

.blog__btn-5 .tp-link-btn-circle
{
    letter-spacing:-.02em;
    color:var(--tp-common-black);
    font:500 15px var(--tp-ff-inter)
}

.blog__btn-5 .tp-link-btn-circle span
{
    margin-left:7px
}

[dir=rtl] .blog__btn-5 .tp-link-btn-circle span
{
    margin-left:0;
    margin-right:7px
}

.blog__btn-5 .tp-link-btn-circle:hover
{
    color:var(--tp-theme-5)
}

.blog__btn-5 .tp-link-btn-circle:hover span
{
    border-color:var(--tp-theme-5);
    background-color:var(--tp-theme-5);
    color:var(--tp-common-white)
}

.blog__breadcrumb-item.swiper-slide-active .blog__breadcrumb-title,.blog__breadcrumb-item.swiper-slide-active .blog__breadcrumb-content p,.blog__breadcrumb-item.swiper-slide-active .blog__breadcrumb-meta,.blog__breadcrumb-item.swiper-slide-active .blog__breadcrumb-tag,.blog__breadcrumb-item.swiper-slide-active .blog__breadcrumb-btn
{
    animation-name:fadeInUp;
    animation-fill-mode:both
}

.blog__breadcrumb-height
{
    min-height:600px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .blog__breadcrumb-height
    {
        min-height:500px
    }
}

.blog__breadcrumb-tag
{
    margin-bottom:10px;
    animation-delay:.3s;
    animation-duration:1s
}

.blog__breadcrumb-tag a
{
    display:inline-block;
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    padding:4px 12px 6px;
    font:700 15px/1 var(--tp-ff-space)
}

.blog__breadcrumb-content
{
    padding-bottom:80px
}

.blog__breadcrumb-content p
{
    font-size:16px;
    color:var(--tp-common-white);
    margin-bottom:20px;
    animation-delay:.7s;
    animation-duration:1s
}

.blog__breadcrumb-title
{
    font-size:60px;
    line-height:1.3;
    letter-spacing:-.04em;
    color:var(--tp-common-white);
    margin-bottom:13px;
    animation-delay:.5s;
    animation-duration:1s
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog__breadcrumb-title
    {
        font-size:42px
    }
}

@media (max-width: 575px) {
    .blog__breadcrumb-title
    {
        font-size:30px
    }
}

.blog__breadcrumb-title a
{
    background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
    background-size:0 2px,0 2px;
    background-position:100% 100%,0 85%;
    background-repeat:no-repeat;
    transition:background-size .4s linear
}

.blog__breadcrumb-title a:hover
{
    background-size:0 2px,100% 2px
}

.blog__breadcrumb-meta
{
    margin-bottom:22px;
    animation-delay:.7s;
    animation-duration:1s
}

.blog__breadcrumb-meta span
{
    display:inline-block;
    font-size:14px;
    color:var(--tp-common-white);
    margin-right:23px;
    margin-bottom:10px
}

[dir=rtl] .blog__breadcrumb-meta span
{
    margin-right:0;
    margin-left:23px
}

.blog__breadcrumb-meta span i,.blog__breadcrumb-meta span svg
{
    margin-right:3px
}

[dir=rtl] .blog__breadcrumb-meta span i,[dir=rtl] .blog__breadcrumb-meta span svg
{
    margin-right:0;
    margin-left:3px
}

.blog__breadcrumb-meta span svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.blog__breadcrumb-meta span a:hover
{
    color:var(--tp-theme-1)
}

.blog__breadcrumb-overlay
{
    position:relative;
    z-index:1
}

.blog__breadcrumb-overlay::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:-webkit-linear-gradient(184.84deg,rgba(3,4,28,0) 3.74%,rgba(3,4,28,0.9) 96.1%);
    background-image:-moz-linear-gradient(184.84deg,rgba(3,4,28,0) 3.74%,rgba(3,4,28,0.9) 96.1%);
    background-image:-ms-linear-gradient(184.84deg,rgba(3,4,28,0) 3.74%,rgba(3,4,28,0.9) 96.1%);
    background-image:-o-linear-gradient(184.84deg,rgba(3,4,28,0) 3.74%,rgba(3,4,28,0.9) 96.1%);
    background-image:linear-gradient(184.84deg,rgba(3,4,28,0) 3.74%,rgba(3,4,28,0.9) 96.1%);
    z-index:-1
}

[dir=rtl] .blog__breadcrumb-overlay::after
{
    left:auto;
    right:0
}

.blog__breadcrumb-btn
{
    animation-delay:.9s;
    animation-duration:1s
}

.blog__breadcrumb-btn .tp-btn-border-2
{
    font-size:16px;
    font-weight:50;
    letter-spacing:-.02em;
    padding:9px 32px 11px
}

.blog-slider-dot-breadcrumb
{
    position:absolute;
    bottom:30px;
    right:19%;
    z-index:1
}

[dir=rtl] .blog-slider-dot-breadcrumb
{
    right:auto;
    left:19%
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-slider-dot-breadcrumb
    {
        right:6%
    }

    [dir=rtl] .blog-slider-dot-breadcrumb
    {
        right:auto;
        left:6%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog-slider-dot-breadcrumb
    {
        right:4%;
        bottom:20px
    }

    [dir=rtl] .blog-slider-dot-breadcrumb
    {
        right:auto;
        left:4%
    }
}

@media (max-width: 575px) {
    .blog-slider-dot-breadcrumb
    {
        bottom:10px;
        right:3%
    }

    [dir=rtl] .blog-slider-dot-breadcrumb
    {
        right:auto;
        left:3%
    }
}

.blog-slider-dot-breadcrumb .swiper-pagination-bullet
{
    background-color:rgba(255,255,255,0.3019607843);
    margin:0 4px
}

.blog-slider-dot-breadcrumb .swiper-pagination-bullet::after
{
    display:none
}

.blog-slider-dot-breadcrumb .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color:var(--tp-common-white)
}

.blog__grid-item.blog__masonary.no-img .blog__thumb-10
{
    display:none
}

.blog__grid-item.blog__masonary.no-img .blog__content-10
{
    border:1px solid #EAEAEF
}

.blog__grid-item.blog__masonary.no-img .blog__content-10-top
{
    padding-top:40px
}

.blog__grid-item.blog__masonary.no-img .blog__content-10-top .blog__tag-10
{
    display:block;
    position:static;
    margin-bottom:17px
}

.blog__grid-item.blog__masonary.no-img .blog__content-10-top .blog__tag-10 a
{
    color:var(--tp-common-black);
    border:1px solid #EAEAEF
}

.blog__grid-item.blog__masonary .blog__item-10
{
    box-shadow:none
}

.blog__grid-item.blog__masonary .blog__content-10
{
    border:1px solid #EAEAEF;
    border-top:0;
    border-radius:0
}

.blog__grid-item.blog__masonary .blog__content-10-top
{
    padding:33px 35px
}

@media only screen and (min-width: 1700px) and (max-width: 1899px),only screen and (min-width: 1600px) and (max-width: 1699px),only screen and (min-width: 1400px) and (max-width: 1599px) {
    .blog__grid-item.blog__masonary .blog__content-10-top
    {
        padding:33px 20px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .blog__grid-item.blog__masonary .blog__content-10-top
    {
        padding:33px 30px;
        padding-right:50px
    }

    [dir=rtl] .blog__grid-item.blog__masonary .blog__content-10-top
    {
        padding-right:30px;
        padding-left:50px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog__grid-item.blog__masonary .blog__content-10-top
    {
        padding:27px 25px;
        padding-right:40px
    }

    [dir=rtl] .blog__grid-item.blog__masonary .blog__content-10-top
    {
        padding-right:25px;
        padding-left:40px
    }
}

@media (max-width: 575px) {
    .blog__grid-item.blog__masonary .blog__content-10-top
    {
        padding:20px;
        padding-right:15px
    }

    [dir=rtl] .blog__grid-item.blog__masonary .blog__content-10-top
    {
        padding-right:20px;
        padding-left:15px
    }
}

.blog__grid-item.blog__masonary .blog__content-10-top .blog__tag-10
{
    display:none
}

.blog__grid-item.blog__masonary .blog__content-10-bottom
{
    padding:15px 35px 14px
}

@media only screen and (min-width: 1700px) and (max-width: 1899px),only screen and (min-width: 1600px) and (max-width: 1699px),only screen and (min-width: 1400px) and (max-width: 1599px) {
    .blog__grid-item.blog__masonary .blog__content-10-bottom
    {
        padding-left:20px;
        padding-right:20px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .blog__grid-item.blog__masonary .blog__content-10-bottom
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog__grid-item.blog__masonary .blog__content-10-bottom
    {
        padding-left:25px;
        padding-right:25px
    }
}

@media (max-width: 575px) {
    .blog__grid-item.blog__masonary .blog__content-10-bottom
    {
        padding-left:15px;
        padding-right:15px
    }
}

.blog__grid-item.blog__masonary .blog__grid-quote
{
    padding:50px 40px 45px;
    border:1px solid #EAEAEF;
    box-shadow:none
}

.blog__grid-item.blog__masonary .blog__grid-quote p
{
    margin-bottom:70px
}

.blog__grid-item .blog__thumb-10
{
    position:relative
}

.blog__grid-item .blog__tag-10
{
    position:absolute;
    top:20px;
    right:20px;
    z-index:1
}

[dir=rtl] .blog__grid-item .blog__tag-10
{
    right:auto;
    left:20px
}

.blog__grid-item .blog__tag-10 a
{
    text-align:center;
    color:var(--tp-common-black);
    border:0;
    background-color:var(--tp-common-white);
    border-radius:0;
    padding:6px 12px 7px;
    font:500 13px/1 var(--tp-ff-inter)
}

.blog__grid-item .blog__item-10
{
    border:0;
    border-radius:0;
    box-shadow:0 1px 3px rgba(3,4,28,0.06)
}

.blog__grid-item .blog__title-10
{
    font-size:22px;
    line-height:1.4;
    color:var(--tp-common-black)
}

.blog__grid-item .blog__title-10 a:hover
{
    color:var(--tp-theme-1)
}

.blog__grid-item .blog__meta-10-wrapper
{
    margin-bottom:8px
}

.blog__grid-item .blog__meta-10 span
{
    font-family:var(--tp-ff-inter);
    color:var(--tp-text-1);
    margin-right:12px
}

.blog__grid-item .blog__meta-10 span:last-child
{
    margin-right:0
}

.blog__grid-item .blog__meta-10 span a
{
    color:var(--tp-text-1)
}

.blog__grid-item .blog__meta-10 span svg
{
    stroke:#7A7E83
}

.blog__grid-item .blog__meta-10 span i
{
    color:#7A7E83
}

.blog__grid-item .blog__meta-10 span svg,.blog__grid-item .blog__meta-10 span i
{
    margin-right:4px
}

[dir=rtl] .blog__grid-item .blog__meta-10 span svg,[dir=rtl] .blog__grid-item .blog__meta-10 span i
{
    margin-right:0;
    margin-left:4px
}

.blog__grid-item .blog__meta-10 span a:hover
{
    color:var(--tp-theme-1)
}

.blog__grid-item .blog__meta-10.has-date span svg,.blog__grid-item .blog__meta-10.has-date span i
{
    margin-right:3px
}

[dir=rtl] .blog__grid-item .blog__meta-10.has-date span svg,[dir=rtl] .blog__grid-item .blog__meta-10.has-date span i
{
    margin-right:0;
    margin-left:3px
}

.blog__grid-item .blog__meta-author-10
{
    padding-right:0;
    margin-right:10px
}

[dir=rtl] .blog__grid-item .blog__meta-author-10
{
    margin-right:0;
    margin-left:10px
}

.blog__grid-item .blog__meta-author-10::after
{
    display:none
}

.blog__grid-item .blog__meta-author-content-10 span
{
    color:#7A7E83;
    font-family:var(--tp-ff-inter)
}

.blog__grid-item .blog__meta-author-content-10 span a:hover
{
    color:var(--tp-theme-1)
}

.blog__grid-item .blog__content-10
{
    border-radius:0;
    border:0
}

.blog__grid-item .blog__content-10 p
{
    color:var(--tp-text-1);
    margin-bottom:10px;
    font:400 15px/1.47 var(--tp-ff-inter)
}

.blog__grid-item .blog__content-10-top
{
    padding: 30px;
    padding-right:30px
}

[dir=rtl] .blog__grid-item .blog__content-10-top
{
    padding-right:30px;
    padding-left:30px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .blog__grid-item .blog__content-10-top
    {
        padding:30px;
        padding-right:30px
    }

    [dir=rtl] .blog__grid-item .blog__content-10-top
    {
        padding-right:30px;
        padding-left:30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog__grid-item .blog__content-10-top
    {
        padding:27px 25px;
        padding-right:40px
    }

    [dir=rtl] .blog__grid-item .blog__content-10-top
    {
        padding-right:25px;
        padding-left:40px
    }
}

@media (max-width: 575px) {
    .blog__grid-item .blog__content-10-top
    {
        padding:20px;
        padding-right:15px
    }

    [dir=rtl] .blog__grid-item .blog__content-10-top
    {
        padding-right:20px;
        padding-left:15px
    }
}

.blog__grid-item .blog__content-10-bottom
{
    border-color:#EFF0F7;
    padding:15px 40px 14px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .blog__grid-item .blog__content-10-bottom
    {
        padding-left:30px;
        padding-right:30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog__grid-item .blog__content-10-bottom
    {
        padding-left:25px;
        padding-right:25px
    }
}

@media (max-width: 575px) {
    .blog__grid-item .blog__content-10-bottom
    {
        padding-left:15px;
        padding-right:15px
    }
}

.blog__grid-quote
{
    padding:70px 40px 67px;
    box-shadow:0 1px 3px rgba(3,4,28,0.1);
    background-color:var(--tp-common-white)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .blog__grid-quote
    {
        padding:60px 30px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog__grid-quote
    {
        height:calc(100% - 30px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog__grid-quote
    {
        padding:40px 40px 35px
    }
}

.blog__grid-quote-2
{
    border:1px solid #EAEAEF;
    box-shadow:none
}

.blog__grid-quote-icon
{
    margin-bottom:20px
}

.blog__grid-quote-icon span
{
    display:inline-block;
    font-size:24px;
    color:var(--tp-theme-1);
    width:60px;
    height:60px;
    text-align:center;
    line-height:56px;
    border:2px solid #EFF0F6;
    border-radius:50%
}

.blog__grid-quote-icon span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.blog__grid-quote-content span
{
    font-size:14px;
    color:#525258;
    display:inline-block;
    margin-bottom:15px
}

.blog__grid-quote-content p
{
    color:var(--tp-common-black);
    margin-bottom:90px;
    font:700 21.5px/1.27 var(--tp-ff-space)
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog__grid-quote-content p
    {
        margin-bottom:65px
    }
}

.blog__grid-quote-content cite
{
    color:var(--tp-common-black-solid);
    position:relative;
    padding-top:12px;
    font:500 18px var(--tp-ff-space)
}

.blog__grid-quote-content cite::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:30px;
    height:2px;
    background-color:var(--tp-theme-1)
}

[dir=rtl] .blog__grid-quote-content cite::after
{
    left:auto;
    right:0
}

.blog__list-item
{
    padding:25px;
    padding-right:45px;
    background-color:var(--tp-common-white);
    box-shadow:0 1px 3px rgba(3,4,28,0.06);
    margin-bottom:20px
}

[dir=rtl] .blog__list-item
{
    padding-right:25px;
    padding-left:45px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .blog__list-item
    {
        padding:25px
    }
}

.blog__list-item:hover .blog__thumb-10 img
{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

.blog__list-item .blog__thumb-10
{
    position:relative;
    width:300px;
    height:232px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .blog__list-item .blog__thumb-10
    {
        width:100%;
        height:100%
    }
}

.blog__list-item .blog__thumb-10 img
{
    width:100%;
    height:100%;
    object-fit:cover
}

.blog__list-item .blog__thumb-10:hover img
{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}

.blog__list-item .blog__tag-10
{
    margin-right:15px
}

[dir=rtl] .blog__list-item .blog__tag-10
{
    margin-right:0;
    margin-left:15px
}

.blog__list-item .blog__tag-10 a
{
    color:var(--tp-common-purple);
    background-color:rgba(99,100,219,0.06);
    border:0;
    border-radius:0;
    padding:5px 12px;
    font:500 15px/1 var(--tp-ff-space)
}

.blog__list-item .blog__tag-10 a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-purple)
}

.blog__list-item .blog__item-10
{
    border:0;
    border-radius:0
}

.blog__list-item .blog__title-10
{
    font-size:22px;
    line-height:1.27;
    color:var(--tp-common-black)
}

.blog__list-item .blog__title-10 a:hover
{
    color:var(--tp-theme-1)
}

.blog__list-item .blog__meta-10-wrapper
{
    margin-bottom:12px
}

.blog__list-item .blog__meta-10 span
{
    font-family:var(--tp-ff-inter);
    color:var(--tp-text-1);
    margin-right:30px
}

[dir=rtl] .blog__list-item .blog__meta-10 span
{
    margin-right:0;
    margin-left:30px
}

.blog__list-item .blog__meta-10 span:last-child
{
    margin-right:0
}

[dir=rtl] .blog__list-item .blog__meta-10 span:last-child
{
    margin-left:0
}

.blog__list-item .blog__meta-10 span a:hover
{
    color:var(--tp-theme-1)
}

.blog__list-item .blog__meta-10 span svg
{
    stroke:var(--tp-text-1)
}

.blog__list-item .blog__meta-10 span i
{
    color:var(--tp-text-1)
}

.blog__list-item .blog__meta-10.has-date span svg,.blog__list-item .blog__meta-10.has-date span i
{
    margin-right:3px
}

[dir=rtl] .blog__list-item .blog__meta-10.has-date span svg,[dir=rtl] .blog__list-item .blog__meta-10.has-date span i
{
    margin-right:0;
    margin-left:3px
}

.blog__list-item .blog__meta-author-10
{
    padding-right:0;
    margin-right:30px
}

[dir=rtl] .blog__list-item .blog__meta-author-10
{
    padding-left:0;
    margin-right:0;
    margin-left:30px
}

.blog__list-item .blog__meta-author-10::after
{
    display:none
}

.blog__list-item .blog__meta-author-content-10 span
{
    color:#7A7E83;
    font-family:var(--tp-ff-inter)
}

.blog__list-item .blog__meta-author-content-10 span a:hover
{
    color:var(--tp-theme-1)
}

.blog__list-item .blog__content-10
{
    padding-left:25px;
    padding-top:14px;
    border-radius:0;
    border:0
}

[dir=rtl] .blog__list-item .blog__content-10
{
    padding-left:0;
    padding-right:25px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .blog__list-item .blog__content-10
    {
        padding-left:40px
    }

    [dir=rtl] .blog__list-item .blog__content-10
    {
        padding-left:0;
        padding-right:40px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog__list-item .blog__content-10
    {
        padding-left:0;
        padding-top:10px
    }

    [dir=rtl] .blog__list-item .blog__content-10
    {
        padding-right:0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .blog__list-item .blog__content-10
    {
        padding-left:0;
        padding-top:25px
    }

    [dir=rtl] .blog__list-item .blog__content-10
    {
        padding-right:0
    }
}

.blog__list-item .blog__content-10 p
{
    color:var(--tp-text-1);
    margin-bottom:23px;
    padding-right:30px;
    font:400 15px/1.47 var(--tp-ff-inter)
}

[dir=rtl] .blog__list-item .blog__content-10 p
{
    padding-right:0;
    padding-left:30px
}

.blog__list-item .blog__content-10-top
{
    padding:0
}

.blog__list-item .blog__content-10-bottom
{
    border:0;
    padding:0
}

.blog__list-quote
{
    padding:70px 40px 65px;
    box-shadow:0 1px 3px rgba(3,4,28,0.06);
    background-color:var(--tp-common-white)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .blog__list-quote
    {
        padding:60px 30px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog__list-quote
    {
        height:calc(100% - 30px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog__list-quote
    {
        padding:40px 40px 35px
    }
}

.blog__list-quote-icon
{
    margin-bottom:20px
}

.blog__list-quote-icon span
{
    display:inline-block;
    font-size:24px;
    color:var(--tp-theme-1);
    width:60px;
    height:60px;
    text-align:center;
    line-height:56px;
    border:2px solid #EFF0F6;
    border-radius:50%
}

.blog__list-quote-icon span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.blog__list-quote-content span
{
    font-size:14px;
    color:#525258;
    display:inline-block;
    margin-bottom:15px
}

.blog__list-quote-content p
{
    color:var(--tp-common-black);
    margin-bottom:90px;
    font:700 22px/1.27 var(--tp-ff-space)
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog__list-quote-content p
    {
        margin-bottom:81px
    }
}

.blog__list-quote-content cite
{
    color:var(--tp-common-black-solid);
    position:relative;
    padding-top:12px;
    font:500 18px var(--tp-ff-space)
}

.blog__list-quote-content cite::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:30px;
    height:2px;
    background-color:var(--tp-theme-1)
}

[dir=rtl] .blog__list-quote-content cite::after
{
    left:auto;
    right:0
}

.blog__style-2 .blog__nav button:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.blog__style-2 .blog__author-title a:hover
{
    color:var(--tp-theme-1)
}

.blog__style-2 .blog__tag-4 a
{
    color:var(--tp-common-purple);
    background-color:rgba(99,100,219,0.1)
}

.blog__style-2 .blog__tag-4 a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-purple)
}

.blog__style-2 .blog__title-4 a:hover
{
    color:var(--tp-theme-1)
}

.blog__style-2 .blog-slider-4 .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color:var(--tp-theme-1)
}

.blog__style-2 .blog-slider-4 .swiper-pagination-bullet.swiper-pagination-bullet-active::after
{
    border-color:var(--tp-theme-1)
}

.postbox__breadcrumb
{
    margin-bottom:72px
}

.postbox__main-wrapper p
{
    font-size:20px;
    line-height:1.3em;
    color:var(--tp-text-body);
    margin-bottom:17px
}

.postbox__category
{
    margin-bottom:5px
}

.postbox__category a
{
    display:inline-block;
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    padding:4px 12px 5px;
    font:500 15px/1 var(--tp-ff-space)
}

.postbox__category a:hover
{
    background-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

.postbox__title
{
    font-size:38px;
    margin-bottom:20px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .postbox__title
    {
        font-size:35px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .postbox__title
    {
        font-size:35px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .postbox__title
    {
        font-size:30px
    }
}

@media (max-width: 575px) {
    .postbox__title
    {
        font-size:25px
    }
}

.postbox__title a:hover
{
    color:var(--tp-theme-1)
}

.postbox__meta
{
    margin-bottom:7px
}

.postbox__meta-wrapper
{
    margin-bottom:10px;
    text-align:left
}

[dir=rtl] .postbox__meta-wrapper
{
    text-align:right
}

.postbox__meta-author-thumb img
{
    height:50px;
    width:50px;
    border-radius:50%;
    margin-right:12px
}

[dir=rtl] .postbox__meta-author-thumb img
{
    margin-right:0;
    margin-left:12px
}

.postbox__meta-item
{
    margin-right:47px
}

[dir=rtl] .postbox__meta-item
{
    margin-right:0;
    margin-left:47px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .postbox__meta-item
    {
        margin-right:40px
    }

    [dir=rtl] .postbox__meta-item
    {
        margin-right:0;
        margin-left:40px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .postbox__meta-item
    {
        margin-right:35px
    }

    [dir=rtl] .postbox__meta-item
    {
        margin-right:0;
        margin-left:35px
    }
}

@media (max-width: 575px) {
    .postbox__meta-item
    {
        margin-right:25px
    }

    [dir=rtl] .postbox__meta-item
    {
        margin-right:0;
        margin-left:25px
    }
}

.postbox__meta-item:last-child
{
    margin-right:0
}

[dir=rtl] .postbox__meta-item:last-child
{
    margin-left:0
}

.postbox__meta-type
{
    font-size:14px;
    line-height:1;
    color:#6B6B7B
}

p.postbox__meta-name
{
    font-weight:500;
    font-size:15px;
    line-height:1;
    color:var(--tp-common-black);
    margin-bottom:4px
}

.postbox__meta span
{
    color:var(--tp-text-1);
    margin-right:30px;
    display:inline-block;
    margin-bottom:5px;
    font:500 14px var(--tp-ff-space)
}

.postbox__meta span:last-child
{
    margin-right:0
}

[dir=rtl] .postbox__meta span:last-child
{
    margin-left:0
}

.postbox__meta span svg,.postbox__meta span i
{
    margin-right:5px
}

[dir=rtl] .postbox__meta span svg,[dir=rtl] .postbox__meta span i
{
    margin-right:0;
    margin-left:5px
}

.postbox__meta span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.postbox__meta span svg path
{
    stroke:var(--tp-common-black)
}

.postbox__meta span i
{
    color:var(--tp-common-black)
}

.postbox__meta span a:hover
{
    color:var(--tp-theme-10)
}

.postbox__details-title
{
    font-size:30px;
    line-height:1.27;
    letter-spacing:-.02em;
    margin-bottom:35px
}

@media (max-width: 575px) {
    .postbox__details-title
    {
        font-size:25px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .postbox__details-title br
    {
        display:none
    }
}

.postbox__details-title-2
{
    font-size:40px;
    letter-spacing:-.04em;
    color:var(--tp-common-black-solid);
    line-height:1;
    margin-bottom:20px
}

.postbox__details-title-3
{
    font-size:22px;
    line-height:1.27;
    letter-spacing:-.02em;
    color:var(--tp-common-black-solid)
}

.postbox__details-social a
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:36px;
    border:1px solid #DDDDE3;
    text-align:center;
    color:var(--tp-common-black);
    margin-bottom:8px;
    border-radius:50%;
    margin-right:6px
}

[dir=rtl] .postbox__details-social a
{
    margin-right:0;
    margin-left:6px
}

.postbox__details-social a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.postbox__details-social ul li
{
    list-style:none
}

.postbox__details-social ul li a
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:38px;
    border:1px solid #DDDDE3;
    text-align:center;
    color:var(--tp-common-black)
}

.postbox__details-social ul li a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.postbox__details-content
{
    padding-top:52px;
    margin-top:50px;
    margin-bottom:35px;
    border-top:1px solid #EAEAEF
}

.postbox__details-content p
{
    padding-right:15px
}

[dir=rtl] .postbox__details-content p
{
    padding-right:0;
    padding-left:15px
}

.postbox__img-caption
{
    text-align:center;
    color:#6B6B7B;
    margin-top:18px;
    font:400 13px var(--tp-ff-inter)
}

.postbox__img-caption a
{
    font-weight:500;
    color:var(--tp-common-black)
}

.postbox__features
{
    margin-bottom:30px
}

.postbox__features-title
{
    font-size:34px;
    line-height:1;
    letter-spacing:-.02em;
    color:var(--tp-common-black-solid);
    margin-bottom:15px
}

.postbox__features p
{
    margin-bottom:30px
}

.postbox__features ul li
{
    font-size:16px;
    line-height:2;
    color:var(--tp-common-black);
    position:relative;
    list-style:none;
    padding-left:15px
}

[dir=rtl] .postbox__features ul li
{
    padding-left:0;
    padding-right:15px
}

.postbox__features ul li::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:5px;
    height:5px;
    border-radius:50%;
    background-color:var(--tp-common-black)
}

[dir=rtl] .postbox__features ul li::after
{
    left:auto;
    right:0
}

.postbox__features-2
{
    margin-top:25px;
    margin-bottom:25px
}

.postbox__more-menu span
{
    display:inline-block;
    width:50px;
    height:50px;
    line-height:46px;
    text-align:center;
    border:2px solid rgba(3,4,28,0.14);
    border-radius:50%
}

.postbox__more-menu span svg
{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}

.postbox__more-menu span:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.postbox__more-navigation
{
    margin-top:50px;
    padding:35px 30px;
    box-shadow:0 1px 3px rgba(3,4,28,0.06)
}

.postbox__more-navigation-2
{
    padding:40px 30px 25px
}

.postbox__more-icon a
{
    color:var(--tp-common-black);
    font-size:16px;
    margin-right:15px
}

[dir=rtl] .postbox__more-icon a
{
    margin-right:0;
    margin-left:15px
}

.postbox__more-icon a svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.postbox__more-icon a:hover
{
    color:var(--tp-theme-1)
}

.postbox__more-content p
{
    font-weight:500;
    font-size:12px;
    line-height:1;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#88888B;
    margin-bottom:5px
}

.postbox__more-content p a:hover
{
    color:var(--tp-theme-1)
}

.postbox__more-content h4
{
    font-size:18px;
    line-height:1;
    letter-spacing:-.02em;
    margin-bottom:0
}

.postbox__more-content h4 a:hover
{
    color:var(--tp-theme-1)
}

.postbox__more-right
{
    text-align:right
}

[dir=rtl] .postbox__more-right
{
    text-align:left
}

.postbox__more-right .postbox__more-icon a
{
    margin-left:15px;
    margin-right:0
}

[dir=rtl] .postbox__more-right .postbox__more-icon a
{
    margin-left:0;
    margin-right:15px
}

.postbox__author
{
    padding:34px;
    padding-right:75px
}

[dir=rtl] .postbox__author
{
    padding-right:34px;
    padding-left:75px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .postbox__author
    {
        padding-right:35px
    }

    [dir=rtl] .postbox__author
    {
        padding-right:0;
        padding-left:35px
    }
}

@media (max-width: 575px) {
    .postbox__author
    {
        padding-right:34px
    }

    [dir=rtl] .postbox__author
    {
        padding-right:0;
        padding-left:34px
    }
}

@media (max-width: 575px) {
    .postbox__author-thumb
    {
        margin-bottom:20px
    }
}

.postbox__author-thumb img
{
    width:70px;
    height:70px;
    border-radius:50%;
    margin-right:24px
}

[dir=rtl] .postbox__author-thumb img
{
    margin-right:0;
    margin-left:24px
}

.postbox__author-title
{
    color:var(--tp-common-black);
    font:600 18px var(--tp-ff-inter)
}

.postbox__author-content p
{
    font-size:15px;
    line-height:1.6;
    color:var(--tp-text-1);
    margin-bottom:22px
}

.postbox__author-social a
{
    display:inline-block;
    width:36px;
    height:36px;
    line-height:34px;
    text-align:center;
    color:var(--tp-common-black);
    border:1px solid #EAEAEF;
    margin-right:4px
}

[dir=rtl] .postbox__author-social a
{
    margin-right:0;
    margin-left:4px
}

.postbox__author-social a:last-child
{
    margin-right:0
}

[dir=rtl] .postbox__author-social a:last-child
{
    margin-left:0
}

.postbox__author-social a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.postbox__author-2
{
    border:1px solid var(--tp-common-black);
    padding-bottom:45px
}

.postbox__comment ul li
{
    margin-bottom:20px;
    list-style:none
}

.postbox__comment ul.children
{
    margin-top:20px;
    margin-left:100px
}

[dir=rtl] .postbox__comment ul.children
{
    margin-left:0;
    margin-right:100px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .postbox__comment ul.children
    {
        margin-left:40px
    }

    [dir=rtl] .postbox__comment ul.children
    {
        margin-left:0;
        margin-right:40px
    }
}

@media (max-width: 575px) {
    .postbox__comment ul.children
    {
        margin-left:15px
    }

    [dir=rtl] .postbox__comment ul.children
    {
        margin-left:15px;
        margin-right:15px
    }
}

.postbox__comment ul.children .postbox__comment-avater img
{
    width:60px;
    height:60px
}

.postbox__comment-form-title
{
    font-size:34px;
    line-height:1;
    letter-spacing:-.02em;
    margin-bottom:10px
}

.postbox__comment-form p
{
    font-size:14px;
    line-height:1;
    color:var(--tp-text-1);
    margin-bottom:47px
}

.postbox__comment-input
{
    position:relative;
    margin-bottom:20px
}

.postbox__comment-input span
{
    font-weight:600;
    color:var(--tp-common-black);
    margin-bottom:12px;
    display:block
}

.postbox__comment-input input,.postbox__comment-input textarea
{
    height:60px;
    padding:0 25px;
    width:100%;
    font-size:14px;
    color:var(--tp-common-black);
    border-color:var(--tp-common-white);
    background:var(--tp-common-white);
    box-shadow:0 1px 3px rgba(3,4,28,0.06);
    border-width:1px
}

.postbox__comment-input input:focus,.postbox__comment-input textarea:focus
{
    border-color:var(--tp-theme-1)
}

.postbox__comment-input input::-webkit-input-placeholder,.postbox__comment-input textarea::-webkit-input-placeholder
{
    color:#85858B
}

.postbox__comment-input input:-moz-placeholder,.postbox__comment-input textarea:-moz-placeholder
{
    color:#85858B
}

.postbox__comment-input input::-moz-placeholder,.postbox__comment-input textarea::-moz-placeholder
{
    color:#85858B
}

.postbox__comment-input input:-ms-input-placeholder,.postbox__comment-input textarea:-ms-input-placeholder
{
    color:#85858B
}

.postbox__comment-input textarea
{
    height:180px;
    resize:none;
    padding-top:25px;
    padding-bottom:25px
}

.postbox__comment-title
{
    font-size:34px;
    line-height:1;
    letter-spacing:-.02em;
    margin-bottom:37px
}

.postbox__comment-box
{
    padding:30px;
    padding-right:85px;
    padding-bottom:33px;
    background:var(--tp-common-white);
    box-shadow:0 1px 3px rgba(3,4,28,0.06)
}

[dir=rtl] .postbox__comment-box
{
    padding-right:0;
    padding-left:85px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 576px) and (max-width: 767px) {
    .postbox__comment-box
    {
        padding-right:35px
    }

    [dir=rtl] .postbox__comment-box
    {
        padding-right:0;
        padding-left:35px
    }
}

@media (max-width: 575px) {
    .postbox__comment-box
    {
        padding-right:35px
    }

    [dir=rtl] .postbox__comment-box
    {
        padding-right:0;
        padding-left:35px
    }
}

.postbox__comment-info
{
    flex:0 0 auto
}

.postbox__comment-avater img
{
    width:80px;
    height:80px;
    margin-right:20px
}

[dir=rtl] .postbox__comment-avater img
{
    margin-right:0;
    margin-left:20px
}

.postbox__comment-name
{
    margin-bottom:5px
}

.postbox__comment-name h5
{
    font-size:20px;
    line-height:1;
    color:var(--tp-common-black-solid);
    margin-bottom:10px
}

.postbox__comment-name span
{
    letter-spacing:.02em;
    color:var(--tp-text-1);
    font:500 13px/1 var(--tp-ff-space)
}

@media (max-width: 575px) {
    .postbox__comment-text
    {
        margin-left:0;
        margin-top:15px
    }

    [dir=rtl] .postbox__comment-text
    {
        margin-right:0
    }
}

.postbox__comment-text p
{
    font-size:16px;
    line-height:1.5;
    color:var(--tp-text-1);
    margin-bottom:22px
}

.postbox__comment-reply
{
    margin-top:10px
}

.postbox__comment-reply a
{
    display:inline-block;
    letter-spacing:-.02em;
    color:var(--tp-common-black);
    border:1px solid #EAEAEF;
    padding:7px 18px;
    font:500 14px/1 var(--tp-ff-space)
}

.postbox__comment-reply a:hover
{
    color:var(--tp-common-white);
    background:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.postbox__comment-agree
{
    padding-left:5px
}

[dir=rtl] .postbox__comment-agree
{
    padding-left:0;
    padding-right:5px
}

.postbox__comment-agree input
{
    margin:0;
    appearance:none;
    -moz-appearance:none;
    display:block;
    width:18px;
    height:18px;
    background:#F0F0F5;
    border:1px solid #C5C5CE;
    outline:none;
    flex:0 0 auto;
    -webkit-transform:translateY(-2.5px);
    -moz-transform:translateY(-2.5px);
    -ms-transform:translateY(-2.5px);
    -o-transform:translateY(-2.5px);
    transform:translateY(-2.5px);
    padding:0
}

.postbox__comment-agree input:checked
{
    position:relative;
    background-color:var(--tp-theme-1);
    border-color:transparent
}

.postbox__comment-agree input:checked::after
{
    box-sizing:border-box;
    position:absolute;
    content:"\f00c";
    color:var(--tp-common-white);
    top:46%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font:700 10px var(--tp-ff-fontawesome)
}

.postbox__comment-agree input:hover
{
    cursor:pointer
}

.postbox__comment-agree label
{
    padding-left:8px;
    font-size:14px;
    line-height:1;
    color:var(--tp-text-1)
}

[dir=rtl] .postbox__comment-agree label
{
    padding-left:0;
    padding-right:8px
}

.postbox__comment-agree label a
{
    color:var(--tp-common-black);
    font-weight:600;
    padding-left:4px
}

[dir=rtl] .postbox__comment-agree label a
{
    padding-left:0;
    padding-right:4px
}

.postbox__comment-agree label a:hover
{
    color:var(--tp-theme-1)
}

.postbox__comment-agree label:hover
{
    cursor:pointer
}

.postbox__comment-btn .tp-btn
{
    font-size:14px;
    padding:12px 29px
}

.postbox__comment-btn .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

.postbox__comment-style-2 .postbox__comment ul li
{
    margin-bottom:0
}

.postbox__comment-style-2 .postbox__comment ul.children
{
    margin-top:0
}

.postbox__comment-style-2 .postbox__comment ul.children li
{
    border-bottom:1px solid #EAEAEF
}

.postbox__comment-style-2 .postbox__comment ul.children li:first-child
{
    border-top:1px solid #EAEAEF
}

.postbox__comment-style-2 .postbox__comment ul.children .postbox__comment-box
{
    padding-top:37px
}

.postbox__comment-style-2 .postbox__comment-title
{
    margin-bottom:15px
}

.postbox__comment-style-2 .postbox__comment-box
{
    box-shadow:none;
    padding-left:0;
    padding-bottom:38px
}

[dir=rtl] .postbox__comment-style-2 .postbox__comment-box
{
    padding-right:0
}

.postbox__comment-style-2 .postbox__comment-input input,.postbox__comment-style-2 .postbox__comment-input textarea
{
    background-color:var(--tp-grey-7);
    border-color:var(--tp-grey-7);
    box-shadow:none
}

.postbox__comment-style-2 .postbox__comment-input input:focus,.postbox__comment-style-2 .postbox__comment-input textarea:focus
{
    border-color:var(--tp-theme-1);
    background-color:var(--tp-common-white)
}

.postbox__comment-style-2 .postbox__comment-agree input
{
    border:2px solid #D9D9DE;
    background-color:transparent;
    border-radius:3px
}

.postbox__comment-style-2 .postbox__comment-agree input:checked
{
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.postbox__related-title
{
    font-size:30px;
    line-height:1;
    letter-spacing:-.02em;
    margin-bottom:35px
}

.postbox__quote
{
    margin-top:40px;
    text-align:center;
    background-color:var(--tp-common-white);
    box-shadow:0 1px 3px rgba(3,4,28,0.1)
}

.postbox__quote-icon span
{
    font-size:34px;
    display:inline-block;
    color:#E1E1E9;
    margin-bottom:9px
}

.postbox__quote p
{
    text-align:center;
    letter-spacing:-.02em;
    color:var(--tp-common-black);
    margin-bottom:0;
    font:500 22px/1.36 var(--tp-ff-space)
}

.postbox__quote blockquote
{
    padding:32px 60px 35px;
    background-color:var(--tp-common-white);
    margin-bottom:45px
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .postbox__quote blockquote
    {
        padding-left:40px;
        padding-right:40px
    }
}

@media (max-width: 575px) {
    .postbox__quote blockquote
    {
        padding-left:30px;
        padding-right:30px
    }
}

.postbox__quote-style-2
{
    box-shadow:none
}

.postbox__quote-style-2 blockquote
{
    border:1px solid var(--tp-common-black);
    padding-bottom:37px;
    margin-top:50px;
    margin-bottom:50px
}

.postbox__quote-style-3
{
    text-align:left
}

[dir=rtl] .postbox__quote-style-3
{
    text-align:right
}

.postbox__quote-style-3 .blog__grid-quote
{
    padding:70px 60px 67px
}

@media (max-width: 575px) {
    .postbox__quote-style-3 .blog__grid-quote
    {
        padding:50px 40px 47px
    }
}

.postbox__quote-style-3 p
{
    text-align:left;
    margin-bottom:40px
}

[dir=rtl] .postbox__quote-style-3 p
{
    text-align:right
}

.postbox__quote-style-3 blockquote
{
    border:1px solid var(--tp-common-black);
    padding-bottom:37px;
    margin-top:50px;
    margin-bottom:50px
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .postbox__tag
    {
        margin-top:40px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .postbox__share-wrapper .tagcloud
    {
        margin-bottom:20px
    }
}

.postbox__share span
{
    color:var(--tp-common-black);
    margin-right:12px;
    font:700 14px var(--tp-ff-space)
}

[dir=rtl] .postbox__share span
{
    margin-left:0;
    margin-right:12px
}

.postbox__share a
{
    display:inline-block;
    width:36px;
    height:36px;
    line-height:36px;
    text-align:center;
    color:var(--tp-text-1);
    box-shadow:0 1px 3px rgba(3,4,28,0.1);
    background-color:var(--tp-common-white);
    margin-bottom:6px
}

.postbox__share a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1)
}

.postbox__share-2 a
{
    border:1px solid #EAEAEF;
    line-height:34px;
    box-shadow:none;
    margin-right:1px
}

[dir=rtl] .postbox__share-2 a
{
    margin-right:0;
    margin-left:1px
}

.postbox__share-2 a:hover
{
    border-color:var(--tp-theme-1)
}

.postbox__thumb-overlay
{
    position:relative
}

.postbox__thumb-overlay::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(3,4,28,0.3)
}

.postbox__content
{
    background-color:var(--tp-common-white);
    padding:43px 50px 45px
}

@media (max-width: 575px) {
    .postbox__content
    {
        padding:33px 28px 35px
    }
}

.postbox__content p
{
    margin-bottom:30px
}

.postbox__content .tp-btn
{
    font-size:16px;
    text-transform:capitalize;
    padding:17px 40px
}

.postbox__content .tp-btn:hover
{
    background-color:var(--tp-common-black)
}

.postbox__video .play-btn
{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

.postbox__video .play-btn:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1)
}

.postbox__audio
{
    height:420px
}

.postbox__audio iframe
{
    width:100%;
    height:100%
}

.postbox__nav button
{
    width:50px;
    height:50px;
    text-align:center;
    line-height:48px;
    border:1px solid rgba(255,255,255,0.7);
    background-color:transparent;
    color:var(--tp-common-white);
    position:absolute;
    top:50%;
    left:15px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:1;
    font-size:18px
}

.postbox__nav button:hover
{
    background-color:var(--tp-common-white);
    border-color:var(--tp-common-white);
    color:var(--tp-common-black)
}

.postbox__nav button.postbox-slider-button-next
{
    right:15px;
    left:auto
}

[dir=rtl] .postbox__nav button.postbox-slider-button-next
{
    left:15px;
    right:auto
}

.postbox__style-2 .postbox__top
{
    position:relative;
    z-index:1;
    text-align:center;
    padding-top:185px;
    padding-bottom:150px
}

.postbox__style-2 .postbox__title
{
    color:var(--tp-common-white);
    margin-bottom:27px;
    font-size:70px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .postbox__style-2 .postbox__title
    {
        font-size:50px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .postbox__style-2 .postbox__title
    {
        font-size:45px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .postbox__style-2 .postbox__title
    {
        font-size:40px
    }
}

@media (max-width: 575px) {
    .postbox__style-2 .postbox__title
    {
        font-size:30px
    }
}

.postbox__style-2 .postbox__thumb
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    z-index:-1
}

.postbox__style-2 .postbox__meta-type
{
    color:rgba(255,255,255,0.7607843137)
}

.postbox__style-2 p.postbox__meta-name
{
    color:var(--tp-common-white)
}

.rc__post
{
    padding:12px;
    padding-right:35px;
    background-color:var(--tp-common-white);
    box-shadow:0 1px 3px rgba(3,4,28,0.06);
    margin-bottom:6px
}

[dir=rtl] .rc__post
{
    padding-right:12px;
    padding-left:35px
}

.rc__post:hover .rc__post-thumb img
{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}

.rc__post:last-child
{
    margin-bottom:0
}

.rc__post-thumb
{
    overflow:hidden;
    margin-right:25px;
    flex:0 0 auto
}

[dir=rtl] .rc__post-thumb
{
    margin-right:0;
    margin-left:25px
}

.rc__post-thumb img
{
    width:90px;
    height:90px;
    object-fit:cover
}

.rc__post-title
{
    font-size:16px;
    line-height:1.25
}

.rc__post-title a:hover
{
    color:var(--tp-theme-1)
}

.rc__meta span
{
    font-size:14px
}

.rc__meta span svg,.rc__meta span i
{
    margin-right:6px
}

[dir=rtl] .rc__meta span svg,[dir=rtl] .rc__meta span i
{
    margin-right:0;
    margin-left:6px
}

.rc__meta span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.rc__meta span:hover a
{
    color:var(--tp-theme-1)
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar__wrapper
    {
        padding-left:0
    }

    [dir=rtl] .sidebar__wrapper
    {
        padding-right:0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .sidebar__wrapper
    {
        margin-top:40px;
        padding-left:0
    }

    [dir=rtl] .sidebar__wrapper
    {
        padding-right:0
    }
}

.sidebar__widget-title
{
    position:relative;
    display:inline-block;
    font-weight:500;
    font-size:22px;
    margin-bottom:23px
}

.sidebar__widget ul li
{
    list-style:none;
    color:var(--tp-text-1);
    margin-bottom:6px;
    font:500 12px var(--tp-ff-inter)
}

.sidebar__widget ul li:last-child
{
    margin-bottom:0
}

.sidebar__widget ul li a
{
    color:var(--tp-common-black);
    position:relative;
    background:#FFF;
    box-shadow:0 1px 3px rgba(3,4,28,0.06);
    display:block;
    padding:7px 14px;
    padding-left:33px;
    font:500 15px var(--tp-ff-space)
}

[dir=rtl] .sidebar__widget ul li a
{
    padding-left:14px;
    padding-right:33px
}

.sidebar__widget ul li a::after
{
    position:absolute;
    content:"";
    top:50%;
    left:20px;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:4px;
    height:4px;
    background-color:var(--tp-common-black);
    border-radius:50%
}

[dir=rtl] .sidebar__widget ul li a::after
{
    left:auto;
    right:20px
}

.sidebar__widget ul li a span
{
    float:right;
    color:var(--tp-text-1);
    display:inline-block;
    padding:4px 11px 5px;
    border:1px solid #EAEAEF;
    border-radius:20px;
    margin-top:2px;
    font:500 12px/1 var(--tp-ff-inter)
}

[dir=rtl] .sidebar__widget ul li a span
{
    float:left
}

.sidebar__widget ul li a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1)
}

.sidebar__widget ul li a:hover::after
{
    background-color:var(--tp-common-white)
}

.sidebar__widget ul li a:hover span
{
    color:var(--tp-common-white);
    border-color:rgba(255,255,255,0.3)
}

.sidebar__widget ul li:hover
{
    color:var(--tp-common-white)
}

.sidebar__widget ul li ul
{
    padding-left:15px;
    padding-top:6px
}

[dir=rtl] .sidebar__widget ul li ul
{
    padding-left:0;
    padding-right:15px
}

.sidebar__widget-style-2 ul li a
{
    border:1px solid #EAEAEF;
    box-shadow:none
}

.sidebar__widget-style-2 ul li a:hover
{
    border-color:var(--tp-theme-1)
}

.sidebar__widget-style-2 .sidebar__author
{
    border:1px solid #EAEAEF;
    box-shadow:none
}

.sidebar__widget-style-2 .sidebar__search input
{
    border:1px solid #EAEAEF;
    box-shadow:none
}

.sidebar__widget-style-2 .sidebar__search input:focus,.sidebar__widget-style-2 .sidebar__search input:hover
{
    border-color:var(--tp-common-black)
}

.sidebar__widget-style-2 .sidebar__search button
{
    background-color:transparent
}

.sidebar__widget-style-2 .rc__post
{
    background:var(--tp-common-white);
    border:1px solid #EAEAEF;
    box-shadow:none
}

.sidebar__widget-style-2 .tagcloud a
{
    border:1px solid #EAEAEF;
    box-shadow:none
}

.sidebar__widget-style-2 .tagcloud a:hover
{
    border-color:var(--tp-theme-1)
}

.sidebar__search
{
    position:relative
}

.sidebar__search input
{
    width:100%;
    height:60px;
    line-height:60px;
    padding-left:25px;
    padding-right:50px;
    background-color:var(--tp-common-white);
    outline:0;
    border:0;
    box-shadow:0 1px 3px rgba(3,4,28,0.06);
    font-size:15px
}

[dir=rtl] .sidebar__search input
{
    padding-right:25px;
    padding-left:50px
}

.sidebar__search input::-webkit-input-placeholder
{
    font-size:15px;
    letter-spacing:-.02em;
    color:#919193
}

.sidebar__search input:-moz-placeholder
{
    font-size:15px;
    letter-spacing:-.02em;
    color:#919193
}

.sidebar__search input::-moz-placeholder
{
    font-size:15px;
    letter-spacing:-.02em;
    color:#919193
}

.sidebar__search input:-ms-input-placeholder
{
    font-size:15px;
    letter-spacing:-.02em;
    color:#919193
}

.sidebar__search button
{
    position:absolute;
    top:0;
    right:0;
    height:100%;
    padding:0 24px;
    color:var(--tp-common-black);
    line-height:60px;
    background-color:var(--tp-common-white)
}

[dir=rtl] .sidebar__search button
{
    right:auto;
    left:0
}

.sidebar__search button svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

.sidebar__search button:hover
{
    color:var(--tp-theme-1)
}

.sidebar__banner::after
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5)
}

[dir=rtl] .sidebar__banner::after
{
    left:auto;
    right:0
}

.sidebar__banner-content
{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:1;
    background:var(--tp-common-white)
}

.sidebar__banner-content h4
{
    padding:15px 20px;
    font-size:24px;
    color:var(--tp-common-black);
    text-transform:uppercase;
    margin-bottom:0
}

.sidebar__author
{
    padding:45px 50px 50px;
    background-color:var(--tp-common-white);
    box-shadow:0 1px 3px rgba(3,4,28,0.06);
    text-align:center
}

.sidebar__author-thumb
{
    margin-bottom:25px
}

.sidebar__author-thumb img
{
    width:144px;
    height:144px;
    border-radius:50%;
    padding:12px;
    border:1px solid #E0E0E0
}

.sidebar__author-title
{
    font-size:18px;
    margin-bottom:14px
}

.sidebar__author-content p
{
    font-size:15px;
    line-height:1.47;
    margin-bottom:22px
}

.sidebar__author-social a
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:38px;
    text-align:center;
    border:1px solid #EAEAEF;
    color:var(--tp-common-black);
    margin-right:3px
}

[dir=rtl] .sidebar__author-social a
{
    margin-right:0;
    margin-left:3px
}

.sidebar__author-social a:last-child
{
    margin-right:0
}

[dir=rtl] .sidebar__author-social a:last-child
{
    margin-left:0
}

.sidebar__author-social a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1)
}

.tagcloud span
{
    color:var(--tp-common-black);
    margin-right:12px;
    font:700 14px var(--tp-ff-space)
}

[dir=rtl] .tagcloud span
{
    margin-right:0;
    margin-left:12px
}

.tagcloud a
{
    display:inline-block;
    color:var(--tp-common-black);
    box-shadow:0 1px 3px rgba(3,4,28,0.06);
    padding:9px 18.5px;
    background-color:var(--tp-common-white);
    text-transform:capitalize;
    margin-bottom:6px;
    margin-right:2px;
    font:500 14px/1 var(--tp-ff-space)
}

[dir=rtl] .tagcloud a
{
    margin-right:0;
    margin-left:2px
}

.tagcloud a:hover
{
    background:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.tagcloud-sm a
{
    padding:8px 12.5px
}

.tagcloud-style-2 a
{
    padding:7px 11.5px;
    border:1px solid #EAEAEF;
    box-shadow:none
}

.tagcloud-style-2 a:hover
{
    background-color:var(--tp-theme-1);
    border-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

blockquote
{
    background:var(--tp-grey-1);
    padding:35px 50px;
    margin-bottom:35px
}

@media (max-width: 575px) {
    blockquote
    {
        padding-left:15px;
        padding-right:15px
    }
}

blockquote p
{
    line-height:1.5;
    font-size:20px;
    color:#57565e;
    font-weight:400
}

blockquote cite
{
    font-size:18px;
    display:block;
    margin-top:10px;
    color:#070337;
    font-style:inherit;
    font-weight:600;
    position:relative
}

blockquote cite::before
{
    content:"";
    font-size:28px;
    color:var(--tp-theme-1);
    padding-bottom:0;
    display:inline-block;
    background:var(--tp-theme-1);
    height:2px;
    width:40px;
    font-weight:400;
    text-align:center;
    top:-4px;
    margin-right:10px;
    position:relative
}

[dir=rtl] blockquote cite::before
{
    margin-right:0;
    margin-left:10px
}

.footer__widget-space
{
    padding-top:40px;
    padding-bottom:40px
}

.footer__widget-title
{
    color:var(--tp-common-white);
    margin-bottom:25px;
    position:relative;
    font:24px var(--tp-ff-space)
}

.footer__widget-title-6
{
    font-weight:600;
    font-size:20px;
    color:var(--tp-common-white);
    margin-bottom:25px;
    margin-top:15px
}

.footer__widget-title-7
{
    color:var(--tp-common-white);
    margin-bottom:40px;
    margin-top:0;
    font:600 24px var(--tp-ff-inter)
}

.footer__widget-title-8
{
    color:var(--tp-common-white);
    margin-bottom:45px;
    margin-top:0;
    font:700 22px var(--tp-ff-space)
}

.footer__widget ul li
{
    list-style:none;
    margin-bottom:17px;
    line-height:1;
    color:var(--tp-text-3)
}

.footer__widget ul li a
{
    color:var(--tp-text-3);
    position:relative;
    padding-left:13px;
    font:16px var(--tp-ff-inter)
}

[dir=rtl] .footer__widget ul li a
{
    padding-left:0;
    padding-right:13px
}

.footer__widget ul li a::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background-color:var(--tp-text-3);
    width:5px;
    height:5px;
    background-color:var(--tp-text-3);
    border-radius:50%
}

[dir=rtl] .footer__widget ul li a::after
{
    left:auto;
    right:0
}

.footer__widget ul li a:hover
{
    color:var(--tp-theme-1)
}

.footer__widget p
{
    color:var(--tp-text-4);
    margin-bottom:20px;
    font:500 16px var(--tp-ff-inter)
}

.footer__widget-3 .footer__widget-title
{
    margin-bottom:50px;
    font-size:22px
}

.footer__widget-3 ul li
{
    list-style:none;
    margin-bottom:24px;
    line-height:1
}

.footer__widget-3 ul li a
{
    color:var(--tp-text-8);
    position:relative;
    padding-left:0;
    font:500 16px var(--tp-ff-inter)
}

[dir=rtl] .footer__widget-3 ul li a
{
    padding-right:0
}

.footer__widget-3 ul li a::after
{
    display:none
}

.footer__widget-3 ul li a:hover
{
    color:var(--tp-theme-1)
}

.footer__widget-4 p
{
    margin-bottom:27px;
    color:#FFF;
    opacity:.7;
    font:500 16px var(--tp-ff-inter)
}

.footer__widget-4 ul li
{
    color:var(--tp-text-12)
}

.footer__widget-4 ul li a
{
    color:var(--tp-text-12)
}

.footer__widget-4 ul li a::after
{
    background-color:var(--tp-text-12)
}

.footer__widget-4 ul li a:hover
{
    color:var(--tp-theme-4)
}

.footer__widget-5 p
{
    color:var(--tp-text-3);
    margin-bottom:27px;
    font:400 16px/24px var(--tp-ff-inter)
}

.footer__widget-5 ul li
{
    color:var(--tp-text-3)
}

.footer__widget-5 ul li a
{
    color:var(--tp-text-3)
}

.footer__widget-5 ul li a::after
{
    background-color:var(--tp-text-3)
}

.footer__widget-5 ul li a:hover
{
    color:var(--tp-common-white)
}

.footer__widget-5 .footer__logo
{
    margin-bottom:25px
}

.footer__widget-7 p
{
    color:var(--tp-text-24);
    margin-bottom:27px;
    font:400 16px/1.38 var(--tp-ff-inter)
}

.footer__widget-6 p
{
    color:var(--tp-text-3);
    margin-bottom:27px;
    font:400 16px/24px var(--tp-ff-roboto)
}

.footer__widget-6 ul li
{
    list-style:none;
    color:rgba(255,255,255,0.7);
    margin-bottom:8px;
    font:500 15px var(--tp-ff-roboto)
}

.footer__widget-6 ul li a
{
    color:rgba(255,255,255,0.7);
    font-family:var(--tp-ff-roboto)
}

[dir=rtl] .footer__widget-6 ul li a
{
    padding-right:0
}

.footer__widget-6 ul li a:hover
{
    color:var(--tp-common-white)
}

.footer__widget-6 .footer__logo
{
    margin-bottom:25px
}

.footer__widget-6 .footer__info p
{
    color:var(--tp-common-white);
    margin-bottom:20px;
    font:500 15px/22px var(--tp-ff-roboto)
}

.footer__widget-6 .footer__info .link-btn-2
{
    color:#8F98AA;
    font:500 15px var(--tp-ff-roboto)
}

.footer__widget-6 .footer__info .link-btn-2::after
{
    background-color:#8F98AA
}

.footer__widget-6 .footer__info .link-btn-2::before
{
    background-color:var(--tp-theme-6)
}

.footer__widget-6 .footer__info .link-btn-2:hover
{
    color:var(--tp-theme-6)
}

.footer__widget-8 p
{
    color:#C5C5C5;
    font:16px/24px var(--tp-ff-space)
}

.footer__widget-8 ul li
{
    list-style:none;
    color:#C5C5C5;
    margin-bottom:22px;
    font:500 16px var(--tp-ff-space)
}

.footer__widget-8 ul li a
{
    color:#C5C5C5;
    padding-left:0;
    font-family:var(--tp-ff-space)
}

[dir=rtl] .footer__widget-8 ul li a
{
    padding-right:0
}

.footer__widget-8 ul li a::after
{
    display:none
}

.footer__widget-8 ul li a:hover
{
    color:var(--tp-theme-8)
}

.footer__widget-8 .footer__logo
{
    margin-bottom:26px
}

.footer__widget-9 .footer__logo
{
    margin-bottom:0
}

.footer__widget-9 p
{
    color:rgba(5,18,20,0.8);
    font:500 16px/24px var(--tp-ff-syne)
}

.footer__widget-9 ul li
{
    list-style:none;
    color:rgba(5,18,20,0.8);
    margin-bottom:22px;
    font:500 16px var(--tp-ff-syne)
}

.footer__widget-9 ul li a
{
    color:rgba(5,18,20,0.8);
    padding-left:0;
    font-family:var(--tp-ff-syne)
}

[dir=rtl] .footer__widget-9 ul li a
{
    padding-right:0
}

.footer__widget-9 ul li a::after
{
    display:none
}

.footer__widget-9 ul li a:hover
{
    color:var(--tp-common-black)
}

.footer__widget-10 .footer__logo
{
    margin-bottom:21px
}

.footer__widget-10 .footer__widget-title
{
    margin-bottom:30px
}

.footer__widget-10 p
{
    color:#C5C5C5;
    font:500 16px/1.5 var(--tp-ff-space)
}

.footer__widget-10 ul li
{
    color:#C5C5C5;
    font:16px var(--tp-ff-space)
}

.footer__widget-10 ul li a
{
    color:#C5C5C5;
    padding-left:15px;
    font-family:var(--tp-ff-space)
}

[dir=rtl] .footer__widget-10 ul li a
{
    padding-left:0;
    padding-right:15px
}

.footer__widget-10 ul li a::after
{
    background-color:#C5C5C5
}

.footer__widget-10 ul li a:hover
{
    color:var(--tp-theme-10)
}

.footer__widget-10 ul li a:hover::after
{
    background-color:var(--tp-theme-10)
}

.footer__logo
{
    margin-bottom:15px
}

.footer__blog-item
{
    margin-bottom:15px
}

.footer__blog-item:last-child
{
    margin-bottom:0
}

.footer__blog-item-2
{
    margin-bottom:22px
}

.footer__blog-item-2:last-child
{
    margin-bottom:0
}

.footer__blog-meta
{
    margin-bottom:3px
}

.footer__blog-meta span
{
    font-size:14px;
    color:rgba(255,255,255,0.7)
}

.footer__blog-meta span i
{
    color:var(--tp-theme-3);
    margin-right:3px
}

[dir=rtl] .footer__blog-meta span i
{
    margin-right:0;
    margin-left:3px
}

.footer__blog-meta span a:hover
{
    color:var(--tp-theme-3)
}

.footer__blog-meta-4 span
{
    color:var(--tp-text-11);
    font:400 14px/14px var(--tp-ff-inter)
}

.footer__blog-thumb img
{
    width:86px;
    height:86px;
    border-radius:2px;
    margin-right:13px
}

[dir=rtl] .footer__blog-thumb img
{
    margin-right:0;
    margin-left:13px
}

.footer__blog-title
{
    text-transform:capitalize;
    color:var(--tp-common-white);
    margin-bottom:4px;
    letter-spacing:-1px;
    font:17px/1.3 var(--tp-ff-space)
}

.footer__blog-title a:hover
{
    color:var(--tp-theme-3)
}

.footer__blog-title-4
{
    letter-spacing:-.04em;
    color:var(--tp-common-white);
    margin-bottom:7px;
    font:600 16px/1.3 var(--tp-ff-inter)
}

.footer__blog-title-4 a:hover
{
    color:var(--tp-theme-4)
}

.footer__blog-content
{
    padding-top:4px
}

.footer__blog-tag a
{
    display:inline-block;
    text-transform:uppercase;
    color:var(--tp-theme-4);
    position:relative;
    padding-left:12px;
    font:600 12px var(--tp-ff-inter)
}

[dir=rtl] .footer__blog-tag a
{
    padding-left:0;
    padding-right:12px
}

.footer__blog-tag a::after
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:5px;
    height:5px;
    background-color:var(--tp-theme-4);
    border-radius:50%
}

[dir=rtl] .footer__blog-tag a::after
{
    left:auto;
    right:0
}

.footer__info-8 p
{
    font-weight:500;
    font-size:18px;
    color:var(--tp-common-white);
    margin-bottom:27px
}

.footer__info-10 .footer__info-icon-8 span
{
    color:var(--tp-theme-10)
}

.footer__info-10 .footer__info-icon-8 span svg
{
    width:20px
}

.footer__info-10 .footer__info-text-8 h4
{
    color:#C5C5C5;
    opacity:1;
    font-weight:400
}

.footer__info-10 .footer__info-text-8 a:hover
{
    color:var(--tp-theme-10)
}

.footer__info-item
{
    margin-bottom:20px
}

.footer__info-item-6
{
    margin-bottom:10px
}

.footer__info-item-6:last-child
{
    margin-bottom:35px
}

.footer__info-item-8
{
    margin-bottom:20px
}

.footer__info-item-8:last-child
{
    margin-bottom:0
}

[dir=rtl] .footer__info-icon
{
    margin-right:0;
    margin-left:20px
}

.footer__info-icon i
{
    display:inline-block;
    color:var(--tp-common-white);
    font-size:16px;
    width:46px;
    height:46px;
    line-height:46px;
    text-align:center;
    background-color:rgba(255,255,255,0.1);
    border-radius:8px
}

.footer__info-icon span
{
    display:inline-block;
    color:var(--tp-common-white);
    font-size:16px;
    width:46px;
    height:46px;
    line-height:46px;
    text-align:center;
    background-color:rgba(255,255,255,0.1);
    border-radius:8px
}

.footer__info-icon span svg
{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}

[dir=rtl] .footer__info-icon-6
{
    margin-right:0;
    margin-left:20px
}

.footer__info-icon-6 i,.footer__info-icon-6 span
{
    font-size:16px;
    color:var(--tp-common-white)
}

.footer__info-icon-6 svg
{
    width:16px
}

[dir=rtl] .footer__info-icon-8
{
    margin-right:0;
    margin-left:20px
}

.footer__info-icon-8 i,.footer__info-icon-8 span
{
    font-size:16px;
    color:var(--tp-theme-8)
}

.footer__info-icon-8 svg
{
    -webkit-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -o-transform:translateY(-3px);
    transform:translateY(-3px)
}

.footer__info-text h4
{
    color:var(--tp-common-white);
    margin-bottom:0;
    font:700 16px var(--tp-ff-space)
}

.footer__info-text a
{
    color:var(--tp-text-3);
    font:400 14px var(--tp-ff-inter)
}

.footer__info-text a:hover
{
    color:var(--tp-common-white)
}

.footer__info-text-6 a
{
    color:rgba(255,255,255,0.7);
    font:500 15px var(--tp-ff-roboto)
}

.footer__info-text-6 a:hover
{
    color:var(--tp-common-white)
}

.footer__info-text-8 h4
{
    color:var(--tp-common-white);
    opacity:.7;
    margin-bottom:0;
    font:400 14px/18px var(--tp-ff-space)
}

.footer__info-text-8 a
{
    color:var(--tp-common-white);
    font:500 16px var(--tp-ff-space)
}

.footer__info-text-8 a:hover
{
    color:var(--tp-theme-8)
}

.footer__info .tp-link-btn-text
{
    color:var(--tp-text-20);
    position:relative;
    padding-right:20px;
    font:500 15px/18px var(--tp-ff-roboto)
}

[dir=rtl] .footer__info .tp-link-btn-text
{
    padding-right:0;
    padding-left:20px
}

.footer__info .tp-link-btn-text::after
{
    position:absolute;
    content:"";
    left:0;
    bottom:-1px;
    width:100%;
    background-color:var(--tp-text-20);
    height:1px
}

.footer__info .tp-link-btn-text:hover
{
    color:var(--tp-common-white)
}

.footer__info .tp-link-btn-text:hover::after
{
    background-color:var(--tp-common-white)
}

.footer__contact
{
    margin-bottom:12px
}

.footer__contact p
{
    color:var(--tp-text-1);
    font-size:16px;
    margin-bottom:20px
}

.footer__contact iframe
{
    width:100%;
    height:110px;
    filter:grayscale(100%)
}

.footer__contact-call span
{
    color:var(--tp-common-white);
    font:500 20px var(--tp-ff-inter)
}

.footer__contact-call span i
{
    color:var(--tp-theme-1)
}

.footer__contact-call span a:hover
{
    color:var(--tp-theme-1)
}

.footer__contact-mail span
{
    color:var(--tp-text-3);
    font:16px/1 var(--tp-ff-inter)
}

.footer__contact-mail span i
{
    color:var(--tp-theme-1)
}

.footer__contact-mail span a:hover
{
    color:var(--tp-theme-1)
}

.footer__subscribe p
{
    color:var(--tp-text-1);
    font-size:16px;
    margin-bottom:20px
}

.footer__subscribe-7 p
{
    margin-bottom:22px
}

.footer__subscribe-8 p
{
    font-weight:500;
    font-size:16px;
    line-height:24px;
    color:#C5C5C5;
    margin-bottom:17px
}

.footer__subscribe-box
{
    position:relative
}

.footer__subscribe-box-3
{
    position:relative
}

.footer__subscribe-box-3 .footer-sub-btn-3
{
    display:inline-block;
    font-size:20px;
    color:var(--tp-common-white);
    position:absolute;
    top:50%;
    right:20px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}

[dir=rtl] .footer__subscribe-box-3 .footer-sub-btn-3
{
    right:auto;
    left:20px
}

.footer__subscribe-box-3 .footer-sub-btn-3:hover
{
    color:var(--tp-theme-1)
}

.footer__subscribe-input input
{
    width:100%;
    height:60px;
    padding:0 23px;
    padding-right:70px;
    border:1px solid #ccc;
    background-color:transparent;
    font-size:16px;
    color:var(--tp-common-black)
}

[dir=rtl] .footer__subscribe-input input
{
    padding-right:23px;
    padding-left:70px
}

.footer__subscribe-input input::-webkit-input-placeholder
{
    color:var(--tp-text-1)
}

.footer__subscribe-input input:-moz-placeholder
{
    color:var(--tp-text-1)
}

.footer__subscribe-input input::-moz-placeholder
{
    color:var(--tp-text-1)
}

.footer__subscribe-input input:-ms-input-placeholder
{
    color:var(--tp-text-1)
}

.footer__subscribe-input-3
{
    position:relative
}

.footer__subscribe-input-3 input
{
    width:100%;
    height:60px;
    padding:0 60px;
    padding-right:45px;
    border:0;
    box-shadow:0 2px 0 rgba(255,255,255,0.24);
    background:rgba(255,255,255,0.04);
    box-shadow:0 2px 0 rgba(255,255,255,0.24);
    backdrop-filter:blur(4px);
    font-size:16px;
    color:var(--tp-common-white)
}

[dir=rtl] .footer__subscribe-input-3 input
{
    padding-left:45px;
    padding-right:60px;
    text-align:right
}

.footer__subscribe-input-3 input::-webkit-input-placeholder
{
    color:rgba(255,255,255,0.6);
    font:16px var(--tp-ff-inter)
}

.footer__subscribe-input-3 input:-moz-placeholder
{
    color:rgba(255,255,255,0.6);
    font:16px var(--tp-ff-inter)
}

.footer__subscribe-input-3 input::-moz-placeholder
{
    color:rgba(255,255,255,0.6);
    font:16px var(--tp-ff-inter)
}

.footer__subscribe-input-3 input:-ms-input-placeholder
{
    color:rgba(255,255,255,0.6);
    font:16px var(--tp-ff-inter)
}

.footer__subscribe-input-3 input:focus
{
    box-shadow:0 2px 0 var(--tp-theme-3)
}

.footer__subscribe-input-3 i,.footer__subscribe-input-3 svg
{
    display:inline-block;
    font-size:16px;
    color:rgba(255,255,255,0.6);
    position:absolute;
    top:50%;
    left:25px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}

[dir=rtl] .footer__subscribe-input-3 i,[dir=rtl] .footer__subscribe-input-3 svg
{
    left:auto;
    right:25px
}

.footer__subscribe-input-3 svg path
{
    stroke:rgba(255,255,255,0.6)
}

.footer__subscribe-input-7
{
    position:relative
}

.footer__subscribe-input-7 input
{
    width:100%;
    height:60px;
    background-color:var(--tp-common-white);
    border-radius:30px;
    border:0;
    outline:0;
    padding-left:30px;
    padding-right:60px;
    font:15px var(--tp-ff-inter)
}

[dir=rtl] .footer__subscribe-input-7 input
{
    padding-left:60px;
    padding-right:30px;
    text-align:right
}

.footer__subscribe-input-7 input::-webkit-input-placeholder
{
    color:#7D8995
}

.footer__subscribe-input-7 input:-moz-placeholder
{
    color:#7D8995
}

.footer__subscribe-input-7 input::-moz-placeholder
{
    color:#7D8995
}

.footer__subscribe-input-7 input:-ms-input-placeholder
{
    color:#7D8995
}

.footer__subscribe-input-7 button
{
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    color:var(--tp-common-black-11);
    background-color:var(--tp-common-yellow-3);
    border-radius:50%;
    font-size:18px;
    position:absolute;
    top:5px;
    right:5px
}

[dir=rtl] .footer__subscribe-input-7 button
{
    right:auto;
    left:5px
}

.footer__subscribe-input-7 button:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-7)
}

.footer__subscribe-input-8
{
    position:relative
}

.footer__subscribe-input-8 input
{
    width:100%;
    height:60px;
    background-color:#313446;
    border:0;
    outline:0;
    padding-left:25px;
    padding-right:140px;
    color:var(--tp-common-white);
    font:16px var(--tp-ff-inter)
}

[dir=rtl] .footer__subscribe-input-8 input
{
    padding-left:140px;
    padding-right:25px;
    text-align:right
}

.footer__subscribe-input-8 input::-webkit-input-placeholder
{
    color:#FFF;
    opacity:.6
}

.footer__subscribe-input-8 input:-moz-placeholder
{
    color:#FFF;
    opacity:.6
}

.footer__subscribe-input-8 input::-moz-placeholder
{
    color:#FFF;
    opacity:.6
}

.footer__subscribe-input-8 input:-ms-input-placeholder
{
    color:#FFF;
    opacity:.6
}

.footer__subscribe-input-8 button
{
    display:inline-block;
    height:60px;
    text-align:center;
    padding:0 26px;
    color:var(--tp-common-white);
    background-color:var(--tp-theme-8);
    position:absolute;
    top:0;
    right:0;
    font:500 16px/60px var(--tp-ff-space)
}

[dir=rtl] .footer__subscribe-input-8 button
{
    right:auto;
    left:0
}

.footer__subscribe-input-8 button:hover
{
    color:var(--tp-common-black-12);
    background-color:var(--tp-common-white)
}

.footer__subscribe-title
{
    background-image:-webkit-linear-gradient(89.64deg,#F87171 0.32%,#FACC15 32.07%,#4ADE80 60.55%,#38BDF8 99.28%);
    background-image:-moz-linear-gradient(89.64deg,#F87171 0.32%,#FACC15 32.07%,#4ADE80 60.55%,#38BDF8 99.28%);
    background-image:-ms-linear-gradient(89.64deg,#F87171 0.32%,#FACC15 32.07%,#4ADE80 60.55%,#38BDF8 99.28%);
    background-image:-o-linear-gradient(89.64deg,#F87171 0.32%,#FACC15 32.07%,#4ADE80 60.55%,#38BDF8 99.28%);
    background-image:linear-gradient(89.64deg,#F87171 0.32%,#FACC15 32.07%,#4ADE80 60.55%,#38BDF8 99.28%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    text-fill-color:transparent;
    -moz-animation:sectionPreTitle 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:sectionPreTitle 3s ease-in-out 1s forwards infinite alternate;
    animation:sectionPreTitle 3s ease-in-out 1s forwards infinite alternate;
    background-size:150% 150%;
    margin-bottom:35px;
    font:700 50px/1 var(--tp-ff-space)
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .footer__subscribe-title
    {
        font-size:45px
    }
}

@media (max-width: 575px) {
    .footer__subscribe-title
    {
        font-size:40px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer__copyright
    {
        margin-bottom:20px
    }
}

.footer__copyright p
{
    color:var(--tp-text-3);
    margin-bottom:0;
    font:500 14px var(--tp-ff-inter)
}

.footer__copyright p a
{
    color:var(--tp-common-white);
    display:inline-block
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer__copyright-2
    {
        margin-bottom:20px
    }
}

.footer__copyright-2 p
{
    color:#7E7E7E;
    margin-bottom:0;
    font:400 14px var(--tp-ff-inter)
}

.footer__copyright-2 p a
{
    font-weight:600;
    color:var(--tp-theme-2);
    display:inline-block
}

.footer__copyright-2 p a:hover
{
    color:var(--tp-common-black)
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer__copyright-3
    {
        margin-bottom:20px
    }
}

.footer__copyright-3 p
{
    color:var(--tp-text-9);
    margin-bottom:0;
    font:400 14px var(--tp-ff-inter)
}

.footer__copyright-3 p a
{
    font-weight:600;
    color:var(--tp-common-white);
    display:inline-block
}

.footer__copyright-4 p
{
    color:var(--tp-text-11);
    margin-bottom:0;
    font:500 14px var(--tp-ff-inter)
}

.footer__copyright-4 p a
{
    color:var(--tp-common-white);
    display:inline-block
}

.footer__copyright-5 p
{
    color:var(--tp-text-15);
    margin-bottom:0;
    font:400 14px var(--tp-ff-inter)
}

.footer__copyright-5 p a
{
    font-weight:600;
    color:var(--tp-common-white);
    display:inline-block
}

.footer__copyright-6 p
{
    color:rgba(255,255,255,0.7);
    font-size:14px;
    font-weight:500;
    margin-bottom:0
}

.footer__copyright-6 p a
{
    font-weight:500;
    color:var(--tp-common-white);
    display:inline-block
}

.footer__copyright-7 p
{
    color:var(--tp-text-24);
    margin-bottom:0;
    font:500 14px var(--tp-ff-inter)
}

.footer__copyright-7 p a
{
    font-weight:500;
    color:var(--tp-theme-7);
    display:inline-block
}

.footer__copyright-8 p
{
    color:#93949B;
    margin-bottom:0;
    font:15px var(--tp-ff-inter)
}

.footer__copyright-8 p a
{
    font-weight:500;
    color:var(--tp-common-white);
    display:inline-block
}

.footer__copyright-8 p a:hover
{
    color:var(--tp-theme-8)
}

.footer__copyright-9 p
{
    color:#626272;
    margin-bottom:0;
    font:400 16px var(--tp-ff-syne)
}

.footer__copyright-9 p a
{
    font-weight:500;
    color:var(--tp-common-black);
    display:inline-block
}

.footer__copyright-10 p
{
    color:#C5C5C5;
    font:15px var(--tp-ff-space)
}

.footer__copyright-10 p a
{
    color:var(--tp-theme-10);
    display:inline-block
}

.footer__social a
{
    display:inline-block;
    color:var(--tp-common-white);
    font-size:16px;
    margin-right:15px
}

[dir=rtl] .footer__social a
{
    margin-right:0;
    margin-left:15px
}

.footer__social a:last-child
{
    margin-right:0
}

[dir=rtl] .footer__social a:last-child
{
    margin-left:0
}

.footer__social a:hover
{
    color:var(--tp-theme-1)
}

.footer__social-2 a
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:36px;
    border:2px solid rgba(22,34,19,0.1);
    font-size:14px;
    color:#5E6167;
    text-align:center;
    margin-right:2px
}

[dir=rtl] .footer__social-2 a
{
    margin-right:0;
    margin-left:2px
}

.footer__social-2 a:last-child
{
    margin-right:0
}

[dir=rtl] .footer__social-2 a:last-child
{
    margin-left:2px
}

.footer__social-2 a:hover
{
    color:var(--tp-common-white);
    border-color:var(--tp-theme-2);
    background-color:var(--tp-theme-2)
}

.footer__social-3 a
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:38px;
    text-align:center;
    color:var(--tp-common-white);
    border:1px solid rgba(255,255,255,0.1);
    border-radius:50%;
    font-size:14px;
    margin-right:3px
}

[dir=rtl] .footer__social-3 a
{
    margin-right:0;
    margin-left:3px
}

.footer__social-3 a:last-child
{
    margin-right:0
}

[dir=rtl] .footer__social-3 a:last-child
{
    margin-left:0
}

.footer__social-3 a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-3);
    border-color:var(--tp-theme-3)
}

.footer__social-4 h5
{
    color:var(--tp-common-white);
    font:18px var(--tp-ff-space)
}

.footer__social-4 a
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:36px;
    text-align:center;
    color:var(--tp-common-white);
    border:2px solid rgba(255,255,255,0.1019607843);
    margin-right:2px
}

[dir=rtl] .footer__social-4 a
{
    margin-right:0;
    margin-left:2px
}

.footer__social-4 a:last-child
{
    margin-right:0
}

[dir=rtl] .footer__social-4 a:last-child
{
    margin-left:0
}

.footer__social-4 a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-4);
    border-color:var(--tp-theme-4)
}

@media (max-width: 575px) {
    .footer__social-5
    {
        margin-top:15px
    }
}

.footer__social-5 a
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:var(--tp-common-white);
    margin-right:3px;
    background-color:rgba(255,255,255,0.06);
    border-radius:8px
}

[dir=rtl] .footer__social-5 a
{
    margin-right:0;
    margin-left:3px
}

.footer__social-5 a:last-child
{
    margin-right:0
}

[dir=rtl] .footer__social-5 a:last-child
{
    margin-left:0
}

.footer__social-5 a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-5)
}

@media (max-width: 575px) {
    .footer__social-6
    {
        margin-top:15px
    }
}

.footer__social-6 a
{
    display:inline-block;
    width:36px;
    height:36px;
    line-height:34px;
    text-align:center;
    color:var(--tp-common-white);
    margin-right:3px;
    border:1px solid rgba(255,255,255,0.1)
}

[dir=rtl] .footer__social-6 a
{
    margin-right:0;
    margin-left:3px
}

.footer__social-6 a:last-child
{
    margin-right:0
}

[dir=rtl] .footer__social-6 a:last-child
{
    margin-left:0
}

.footer__social-6 a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-6);
    border-color:var(--tp-theme-6)
}

@media (max-width: 575px) {
    .footer__social-8
    {
        margin-top:15px
    }
}

.footer__social-8 a
{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:var(--tp-common-white);
    margin-right:2px;
    background-color:#313446
}

[dir=rtl] .footer__social-8 a
{
    margin-right:0;
    margin-left:2px
}

.footer__social-8 a:last-child
{
    margin-right:0
}

[dir=rtl] .footer__social-8 a:last-child
{
    margin-left:0
}

.footer__social-8 a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-theme-8)
}

@media (max-width: 575px) {
    .footer__social-9
    {
        margin-top:15px;
        justify-content:start
    }

    [dir=rtl] .footer__social-9
    {
        justify-content:end
    }
}

.footer__social-9 a
{
    display:inline-block;
    width:44px;
    height:44px;
    line-height:44px;
    text-align:center;
    color:rgba(5,18,20,0.7);
    margin-right:6px;
    background-color:#fff;
    box-shadow:0 1px 2px rgba(3,4,28,0.08)
}

[dir=rtl] .footer__social-9 a
{
    margin-right:0;
    margin-left:6px
}

.footer__social-9 a:last-child
{
    margin-right:0
}

[dir=rtl] .footer__social-9 a:last-child
{
    margin-left:0
}

.footer__social-9 a:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black)
}

.footer__social-10
{
    margin-top:2px
}

@media (max-width: 575px) {
    .footer__social-10
    {
        margin-top:15px
    }
}

.footer__social-10 a
{
    display:inline-block;
    text-align:center;
    color:var(--tp-common-white);
    margin-right:15px
}

[dir=rtl] .footer__social-10 a
{
    margin-right:0;
    margin-left:15px
}

.footer__social-10 a:last-child
{
    margin-right:0
}

[dir=rtl] .footer__social-10 a:last-child
{
    margin-left:0
}

.footer__social-10 a:hover
{
    color:var(--tp-theme-10)
}

.footer__top
{
    position:relative;
    padding-top:100px;
    padding-bottom:40px;
    z-index:1
}

.footer__top-2
{
    padding-top:130px;
    padding-bottom:13px;
    border-bottom:1px solid var(--tp-border-9)
}

.footer__top-3
{
    position:relative;
    padding-top:100px;
    padding-bottom:70px;
    z-index:1;
    border-bottom:1px solid rgba(255,255,255,0.1)
}

.footer__top-4
{
    padding-top:95px;
    padding-bottom:30px
}

.footer__top-5
{
    position:relative;
    padding-top:100px;
    padding-bottom:20px;
    z-index:1;
    border-bottom:1px solid rgba(255,255,255,0.08)
}

.footer__top-6
{
    position:relative;
    padding-top:120px;
    padding-bottom:50px;
    z-index:1
}

.footer__top-7
{
    position:relative;
    padding-top:103px;
    padding-bottom:45px;
    z-index:1
}

.footer__top-8
{
    position:relative;
    padding-top:113px;
    padding-bottom:65px;
    z-index:1;
    border-bottom:1px solid var(--tp-border-1)
}

.footer__top-9
{
    padding:0
}

.footer__top-9-inner
{
    position:relative;
    padding-top:24px;
    padding-bottom:24px;
    z-index:1;
    border-bottom:1px solid #E2E2E8
}

.footer__bottom
{
    position:relative;
    z-index:1
}

.footer__bottom-inner
{
    padding-top:20px;
    padding-bottom:20px;
    border-top:1px solid var(--tp-border-1)
}

.footer__bottom-inner-2
{
    padding-top:20px;
    padding-bottom:33px
}

.footer__bottom-inner-4
{
    padding-top:20px;
    padding-bottom:20px;
    border-top:1px solid var(--tp-border-1)
}

.footer__bottom-inner-6
{
    padding-top:25px;
    padding-bottom:25px;
    border-top:1px solid var(--tp-border-1)
}

.footer__bottom-inner-7
{
    padding-top:22px;
    padding-bottom:40px;
    border-top:1px solid var(--tp-border-1)
}

.footer__bottom-3
{
    padding-top:26px;
    padding-bottom:37px;
    position:relative;
    z-index:1
}

.footer__bottom-5
{
    padding-top:22px;
    padding-bottom:40px
}

.footer__bottom-8
{
    padding-top:23px;
    padding-bottom:23px;
    background-color:rgba(17,20,40,0.4)
}

.footer__bottom-9
{
    padding-top:23px;
    padding-bottom:28px;
    position:relative
}

.footer__bottom-9::after
{
    position:absolute;
    content:"";
    left:0;
    bottom:0;
    width:100%;
    height:5px;
    background-image:-webkit-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-moz-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-ms-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:-o-linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%);
    background-image:linear-gradient(329deg,#FF91FA 13.55%,#FA6490 48.54%,#F7D86A 86.44%)
}

.footer__bottom-10
{
    padding:14px 0 7px;
    background-color:rgba(255,255,255,0.04)
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer__bottom-10
    {
        padding-bottom:20px
    }
}

.footer__bottom-line
{
    position:relative
}

.footer__bottom-line::after
{
    position:absolute;
    content:"";
    left:0;
    bottom:0;
    width:100%;
    height:5px;
    background-image:-webkit-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:-moz-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:-ms-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:-o-linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%);
    background-image:linear-gradient(180deg,#FF3939 0.01%,#BF2132 100%)
}

.footer__app-item
{
    margin-bottom:10px
}

.footer__qrcode
{
    background-color:var(--tp-common-white);
    padding:10px
}

[dir=rtl] .footer__qrcode-thumb
{
    margin-right:0;
    margin-left:10px
}

.footer__qrcode-thumb img
{
    width:44px;
    height:44px
}

.footer__qrcode-content p
{
    margin-bottom:0;
    color:#525258;
    font:14px var(--tp-ff-inter)
}

.footer__qrcode-content p a:hover
{
    color:var(--tp-theme-1)
}

.footer__link a
{
    display:inline-block;
    color:var(--tp-text-3);
    margin-right:25px;
    font:500 14px var(--tp-ff-inter)
}

[dir=rtl] .footer__link a
{
    margin-right:0;
    margin-left:25px
}

.footer__link a:last-child
{
    margin-right:0
}

[dir=rtl] .footer__link a:last-child
{
    margin-left:0
}

.footer__link a:hover
{
    color:var(--tp-common-white)
}

.footer__link-4 a
{
    display:inline-block;
    color:var(--tp-text-11);
    margin-right:25px;
    font:500 14px var(--tp-ff-inter)
}

[dir=rtl] .footer__link-4 a
{
    margin-right:0;
    margin-left:25px
}

.footer__link-4 a:last-child
{
    margin-right:0
}

[dir=rtl] .footer__link-4 a:last-child
{
    margin-left:0
}

.footer__link-4 a:hover
{
    color:var(--tp-common-white)
}

.footer__link-6 a
{
    display:inline-block;
    color:rgba(255,255,255,0.5);
    position:relative;
    padding-right:12px;
    margin-right:5px;
    font:500 14px var(--tp-ff-roboto)
}

[dir=rtl] .footer__link-6 a
{
    padding-right:0;
    margin-right:0;
    padding-left:12px;
    margin-left:5px
}

.footer__link-6 a::after
{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    width:3px;
    height:3px;
    border-radius:50%;
    background-color:rgba(255,255,255,0.5)
}

[dir=rtl] .footer__link-6 a::after
{
    right:auto;
    left:0
}

.footer__link-6 a:last-child
{
    margin-right:0;
    padding-right:0
}

[dir=rtl] .footer__link-6 a:last-child
{
    margin-left:0;
    padding-left:0
}

.footer__link-6 a:last-child::after
{
    display:none
}

.footer__link-6 a:hover
{
    color:var(--tp-common-white)
}

@media (max-width: 575px) {
    .footer__link-7
    {
        margin-bottom:15px
    }
}

.footer__link-7 a
{
    color:var(--tp-text-24);
    position:relative;
    margin-right:25px;
    font:500 14px var(--tp-ff-inter)
}

[dir=rtl] .footer__link-7 a
{
    margin-right:0;
    margin-left:25px
}

.footer__link-7 a:last-child
{
    margin-right:0
}

.footer__link-7 a:first-child
{
    margin-left:0
}

.footer__link-7 a:hover
{
    color:var(--tp-common-white)
}

.footer__link-10 a
{
    color:#C5C5C5;
    margin-right:15px;
    display:inline-block;
    font:15px var(--tp-ff-space)
}

[dir=rtl] .footer__link-10 a
{
    margin-right:0;
    margin-left:15px
}

.footer__link-10 a:last-child
{
    margin-right:0
}

[dir=rtl] .footer__link-10 a:last-child
{
    margin-left:0
}

.footer__link-10 a:hover
{
    color:var(--tp-theme-10)
}

.footer__hello a
{
    display:inline-block;
    color:var(--tp-text-6);
    font:500 15px/1 var(--tp-ff-inter)
}

.footer__hello a:hover
{
    color:var(--tp-theme-2)
}

[dir=rtl] .footer__opening-icon
{
    margin-right:0;
    margin-left:15px
}

.footer__opening-icon i
{
    color:var(--tp-common-orange);
    font-size:35px
}

.footer__opening-icon span
{
    color:var(--tp-common-orange)
}

.footer__opening-content
{
    padding-right:80px
}

[dir=rtl] .footer__opening-content
{
    padding-right:0;
    padding-left:80px
}

.footer__opening-content h4
{
    letter-spacing:-.02em;
    color:var(--tp-common-white);
    font:17px var(--tp-ff-space)
}

.footer__opening-content p
{
    color:var(--tp-text-3);
    font:500 14px/22px var(--tp-ff-space)
}

.footer__shape-1
{
    position:absolute;
    bottom:35%;
    left:8%;
    -moz-animation:tprotate 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation:tprotate 3s ease-in-out 1s forwards infinite alternate;
    animation:tprotate 3s ease-in-out 1s forwards infinite alternate
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .footer__shape-1
    {
        bottom:47%;
        left:6%
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer__shape-1
    {
        bottom:65%
    }
}

.footer__shape-3
{
    position:absolute;
    top:-6%;
    left:10%;
    z-index:-1
}

@media only screen and (min-width: 1700px) and (max-width: 1899px),only screen and (min-width: 1600px) and (max-width: 1699px),only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px) {
    .footer__shape-3
    {
        left:0
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer__shape-3
    {
        left:0;
        width:100%
    }
}

.footer__shape-4
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    object-fit:cover
}

.footer__bg
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    opacity:.1;
    background-blend-mode:luminosity
}

.footer__lang
{
    position:relative;
    padding-right:0;
    z-index:9
}

[dir=rtl] .footer__lang
{
    padding-left:0
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer__lang
    {
        margin-top:15px
    }
}

.footer__lang .nice-select
{
    padding:0;
    padding-right:18px;
    padding-left:28px;
    font-size:14px;
    border:0;
    color:var(--tp-common-white);
    background-color:transparent
}

[dir=rtl] .footer__lang .nice-select
{
    padding-right:28px;
    padding-left:18px
}

.footer__lang .nice-select .current
{
    color:var(--tp-common-white);
    font-size:14px;
    font-weight:500
}

.footer__lang .nice-select .list
{
    border-radius:0;
    margin-top:0;
    left:auto;
    right:0
}

[dir=rtl] .footer__lang .nice-select .list
{
    right:auto;
    left:0
}

.footer__lang .nice-select .list .option
{
    color:var(--tp-text-1)
}

.footer__lang .nice-select .list .option:hover,.footer__lang .nice-select .list .option.selected.focus
{
    color:var(--tp-theme-1)
}

.footer__lang-selected-lang
{
    color:var(--tp-common-white-op-7);
    background-color:transparent;
    position:relative;
    padding-right:20px;
    font:500 14px var(--tp-ff-inter)
}

[dir=rtl] .footer__lang-selected-lang
{
    padding-right:0;
    padding-left:20px
}

.footer__lang-selected-lang:hover
{
    cursor:pointer
}

.footer__lang-selected-lang::after
{
    position:absolute;
    content:"\f107";
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    color:var(--tp-common-white);
    font:14px var(--tp-ff-fontawesome)
}

[dir=rtl] .footer__lang-selected-lang::after
{
    right:auto;
    left:-20px
}

.footer__lang-wrapper
{
    position:relative
}

.footer__lang-list
{
    position:absolute;
    bottom:150%;
    right:0;
    background-color:var(--tp-common-white);
    z-index:11;
    padding:15px 28px;
    border-radius:4px;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0;
    -ms-transition:all .2s ease-out 0;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0
}

[dir=rtl] .footer__lang-list
{
    right:auto;
    left:0
}

.footer__lang-list.tp-lang-list-2.tp-lang-list-open-2
{
    visibility:visible;
    opacity:1;
    bottom:112%
}

.footer__lang-list li
{
    list-style:none;
    color:var(--tp-common-black);
    text-align:left
}

[dir=rtl] .footer__lang-list li
{
    text-align:right
}

.footer__lang-list li:hover
{
    color:var(--tp-theme-7);
    cursor:pointer
}

[dir=rtl] .footer__lang-img
{
    margin-right:0;
    margin-left:15px
}

.footer__text
{
    font-size:14px;
    line-height:1.43;
    color:var(--tp-text-1);
    margin-bottom:8px
}

.footer__text a
{
    color:var(--tp-theme-1);
    text-decoration:underline
}

#footer-list-inline li
{
    display:inline-block;
    list-style:none;
    margin-right:25px;
    margin-bottom:0
}

[dir=rtl] #footer-list-inline li
{
    margin-right:0;
    margin-left:25px
}

#footer-list-inline li:last-child
{
    margin-right:0
}

[dir=rtl] #footer-list-inline li:last-child
{
    margin-left:0
}

#footer-list-inline li a
{
    color:var(--tp-text-6);
    display:inline-block;
    padding-left:0;
    text-transform:uppercase;
    font:500 14px var(--tp-ff-inter)
}

[dir=rtl] #footer-list-inline li a
{
    padding-right:0
}

#footer-list-inline li a::after
{
    display:none
}

#footer-list-inline li a:hover
{
    color:var(--tp-theme-2)
}

#footer-list-inline-2 li
{
    display:inline-block;
    list-style:none;
    margin-right:25px;
    margin-bottom:0
}

[dir=rtl] #footer-list-inline-2 li
{
    margin-right:0;
    margin-left:25px
}

#footer-list-inline-2 li:last-child
{
    margin-right:0
}

[dir=rtl] #footer-list-inline-2 li:last-child
{
    margin-left:0
}

#footer-list-inline-2 li a
{
    color:var(--tp-text-6);
    display:inline-block;
    padding-left:0;
    text-transform:uppercase;
    font:500 14px var(--tp-ff-inter)
}

[dir=rtl] #footer-list-inline-2 li a
{
    padding-right:0
}

#footer-list-inline-2 li a::after
{
    display:none
}

#footer-list-inline-2 li a:hover
{
    color:var(--tp-theme-2)
}

#footer-list-inline-3
{
    float:right
}

[dir=rtl] #footer-list-inline-3
{
    float:left
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    #footer-list-inline-3
    {
        float:none;
        margin-top:15px
    }
}

#footer-list-inline-3 li
{
    display:inline-block;
    list-style:none;
    margin-right:35px;
    margin-bottom:0
}

[dir=rtl] #footer-list-inline-3 li
{
    margin-right:0;
    margin-left:35px
}

@media (max-width: 575px) {
    #footer-list-inline-3 li
    {
        margin-right:15px
    }

    [dir=rtl] #footer-list-inline-3 li
    {
        margin-right:0;
        margin-left:15px
    }
}

#footer-list-inline-3 li:last-child
{
    margin-right:0
}

[dir=rtl] #footer-list-inline-3 li:last-child
{
    margin-left:0
}

#footer-list-inline-3 li a
{
    color:rgba(5,18,20,0.8);
    display:inline-block;
    padding-left:0;
    position:relative;
    font:500 16px var(--tp-ff-syne)
}

[dir=rtl] #footer-list-inline-3 li a
{
    padding-right:0
}

#footer-list-inline-3 li a::after
{
    display:none
}

#footer-list-inline-3 li a::before
{
    position:absolute;
    content:"";
    left:auto;
    right:0;
    bottom:0;
    width:0;
    height:1px;
    background-color:var(--tp-common-black)
}

[dir=rtl] #footer-list-inline-3 li a::before
{
    left:0;
    right:auto
}

#footer-list-inline-3 li a:hover
{
    color:var(--tp-common-black)
}

#footer-list-inline-3 li a:hover::before
{
    left:0;
    right:auto;
    width:100%
}

[dir=rtl] #footer-list-inline-3 li a:hover::before
{
    left:auto;
    right:0
}

#footer-float-link
{
    overflow:hidden
}

#footer-float-link li
{
    float:left;
    width:50%
}

[dir=rtl] #footer-float-link li
{
    float:right
}

@media (max-width: 575px) {
    #footer-float-link li
    {
        width:100%;
        float:none
    }
}

.footer-sub-btn
{
    position:absolute;
    top:0;
    right:0;
    display:inline-block;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    font-size:20px;
    color:var(--tp-common-white);
    background-color:var(--tp-theme-1)
}

[dir=rtl] .footer-sub-btn
{
    right:auto;
    left:0
}

.footer-sub-btn:hover
{
    color:var(--tp-common-white);
    background-color:var(--tp-common-black)
}

.footer-col-1
{
    padding-right:15px
}

[dir=rtl] .footer-col-1
{
    padding-right:0;
    padding-left:15px
}

.footer-col-2
{
    padding-left:100px
}

[dir=rtl] .footer-col-2
{
    padding-left:0;
    padding-right:100px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-col-2
    {
        padding-left:40px
    }

    [dir=rtl] .footer-col-2
    {
        padding-left:0;
        padding-right:40px
    }
}

@media (max-width: 575px) {
    .footer-col-2
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-2
    {
        padding-right:0
    }
}

.footer-col-3
{
    padding-left:40px
}

[dir=rtl] .footer-col-3
{
    padding-left:0;
    padding-right:40px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer-col-3
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-3
    {
        padding-right:0
    }
}

.footer-col-4
{
    padding-right:70px
}

[dir=rtl] .footer-col-4
{
    padding-right:0;
    padding-left:70px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    [dir=rtl] .footer-col-4
    {
        padding-right:0;
        padding-left:60px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-col-4
    {
        padding-right:20px
    }

    [dir=rtl] .footer-col-4
    {
        padding-right:0;
        padding-left:20px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .footer-col-4
    {
        padding-right:35px
    }

    [dir=rtl] .footer-col-4
    {
        padding-right:0;
        padding-left:35px
    }
}

.footer-col-2-1 .footer__logo
{
    margin-bottom:0
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-col-2-1
    {
        margin-bottom:20px;
        text-align:center
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer-col-2-1
    {
        margin-bottom:20px
    }
}

.footer-col-2-2
{
    margin-left:-50px
}

[dir=rtl] .footer-col-2-2
{
    margin-left:0;
    margin-right:-50px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-col-2-2
    {
        margin-left:0;
        margin-bottom:20px
    }

    [dir=rtl] .footer-col-2-2
    {
        margin-right:0
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .footer-col-2-2
    {
        margin-bottom:20px;
        text-align:right
    }

    [dir=rtl] .footer-col-2-2
    {
        text-align:left
    }
}

@media (max-width: 575px) {
    .footer-col-2-2
    {
        margin-bottom:20px;
        margin-left:0
    }

    [dir=rtl] .footer-col-2-2
    {
        margin-right:0
    }
}

.footer-col-2-3
{
    text-align:right;
    margin-right:-80px
}

[dir=rtl] .footer-col-2-3
{
    text-align:left;
    margin-right:0;
    margin-left:-80px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-col-2-3
    {
        margin-right:-45px
    }

    [dir=rtl] .footer-col-2-3
    {
        margin-right:0;
        margin-left:-45px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer-col-2-3
    {
        text-align:left;
        margin-bottom:20px;
        margin-right:0
    }

    [dir=rtl] .footer-col-2-3
    {
        text-align:right;
        margin-left:0
    }
}

.footer-col-2-4
{
    text-align:right
}

[dir=rtl] .footer-col-2-4
{
    text-align:left
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer-col-2-4
    {
        text-align:left;
        margin-right:0;
        margin-bottom:20px
    }

    [dir=rtl] .footer-col-2-4
    {
        text-align:right;
        margin-left:0
    }
}

.footer-col-3-1
{
    padding-right:70px
}

[dir=rtl] .footer-col-3-1
{
    padding-right:0;
    padding-left:70px
}

@media (max-width: 575px) {
    .footer-col-3-1
    {
        padding-right:0
    }

    [dir=rtl] .footer-col-3-1
    {
        padding-left:0
    }
}

.footer-col-3-1 .footer__logo
{
    margin-bottom:33px;
    padding-top:10px
}

.footer-col-3-3
{
    padding-left:30px
}

[dir=rtl] .footer-col-3-3
{
    padding-left:0;
    padding-right:30px
}

@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 575px) {
    .footer-col-3-3
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-3-3
    {
        padding-right:0
    }
}

.footer-col-4-1
{
    padding-right:30px
}

[dir=rtl] .footer-col-4-1
{
    padding-right:0;
    padding-left:30px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-col-4-1
    {
        padding-right:0
    }

    [dir=rtl] .footer-col-4-1
    {
        padding-left:0
    }
}

.footer-col-4-2
{
    padding-left:100px
}

[dir=rtl] .footer-col-4-2
{
    padding-left:0;
    padding-right:100px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer-col-4-2
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-4-2
    {
        padding-right:0
    }
}

.footer-col-4-3
{
    padding-left:40px
}

[dir=rtl] .footer-col-4-3
{
    padding-left:0;
    padding-right:40px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer-col-4-3
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-4-3
    {
        padding-right:0
    }
}

.footer-col-5-1
{
    padding-right:75px
}

[dir=rtl] .footer-col-5-1
{
    padding-right:0;
    padding-left:75px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .footer-col-5-1
    {
        padding-right:55px
    }

    [dir=rtl] .footer-col-5-1
    {
        padding-right:0;
        padding-left:55px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-col-5-1
    {
        padding-right:40px
    }

    [dir=rtl] .footer-col-5-1
    {
        padding-right:0;
        padding-left:40px
    }
}

@media (max-width: 575px) {
    .footer-col-5-1
    {
        padding-right:0
    }

    [dir=rtl] .footer-col-5-1
    {
        padding-left:0
    }
}

.footer-col-5-3
{
    padding-left:100px
}

[dir=rtl] .footer-col-5-3
{
    padding-left:0;
    padding-right:100px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .footer-col-5-3
    {
        padding-left:70px
    }

    [dir=rtl] .footer-col-5-3
    {
        padding-left:0;
        padding-right:70px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer-col-5-3
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-5-3
    {
        padding-left:0
    }
}

.footer-col-6-1
{
    padding-right:5px
}

[dir=rtl] .footer-col-6-1
{
    padding-right:0;
    padding-left:5px
}

.footer-col-6-2
{
    padding-left:70px
}

[dir=rtl] .footer-col-6-2
{
    padding-left:0;
    padding-right:70px
}

@media (max-width: 575px) {
    .footer-col-6-2
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-6-2
    {
        padding-right:0
    }
}

.footer-col-6-4
{
    padding-left:70px
}

[dir=rtl] .footer-col-6-4
{
    padding-left:0;
    padding-right:70px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),(max-width: 575px) {
    .footer-col-6-4
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-6-4
    {
        padding-right:0
    }
}

.footer-col-7-1
{
    padding-right:15px
}

[dir=rtl] .footer-col-7-1
{
    padding-right:0;
    padding-left:15px
}

.footer-col-7-2
{
    padding-left:100px
}

[dir=rtl] .footer-col-7-2
{
    padding-left:0;
    padding-right:100px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-col-7-2
    {
        padding-left:40px
    }

    [dir=rtl] .footer-col-7-2
    {
        padding-left:0;
        padding-right:40px
    }
}

@media (max-width: 575px) {
    .footer-col-7-2
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-7-2
    {
        padding-right:0
    }
}

.footer-col-7-3
{
    padding-left:40px
}

[dir=rtl] .footer-col-7-3
{
    padding-left:0;
    padding-right:40px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer-col-7-3
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-7-3
    {
        padding-right:0
    }
}

.footer-col-7-4
{
    padding-left:70px
}

[dir=rtl] .footer-col-7-4
{
    padding-left:0;
    padding-right:70px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer-col-7-4
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-7-4
    {
        padding-right:0
    }
}

.footer-col-8-2
{
    padding-left:100px
}

[dir=rtl] .footer-col-8-2
{
    padding-left:0;
    padding-right:100px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-col-8-2
    {
        padding-left:55px
    }

    [dir=rtl] .footer-col-8-2
    {
        padding-left:0;
        padding-right:55px
    }
}

@media (max-width: 575px) {
    .footer-col-8-2
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-8-2
    {
        padding-right:0
    }
}

.footer-col-8-3
{
    padding-left:30px
}

[dir=rtl] .footer-col-8-3
{
    padding-left:0;
    padding-right:30px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer-col-8-3
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-8-3
    {
        padding-right:0
    }
}

.footer-col-8-4
{
    padding-left:40px
}

[dir=rtl] .footer-col-8-4
{
    padding-left:0;
    padding-right:40px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer-col-8-4
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-8-4
    {
        padding-right:0
    }
}

.footer-col-10-2
{
    padding-left:38px
}

[dir=rtl] .footer-col-10-2
{
    padding-left:0;
    padding-right:38px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-col-10-2
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-10-2
    {
        padding-right:0
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer-col-10-2
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-10-2
    {
        padding-right:0
    }
}

.footer-col-10-3
{
    padding-left:60px
}

[dir=rtl] .footer-col-10-3
{
    padding-left:0;
    padding-right:60px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer-col-10-3
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-10-3
    {
        padding-right:0
    }
}

.footer-col-11-1
{
    padding-right:70px
}

[dir=rtl] .footer-col-11-1
{
    padding-right:0;
    padding-left:70px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-col-11-1
    {
        padding-right:0
    }

    [dir=rtl] .footer-col-11-1
    {
        padding-left:0
    }
}

.footer-col-11-2
{
    padding-left:28px
}

[dir=rtl] .footer-col-11-2
{
    padding-left:0;
    padding-right:28px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-col-11-2
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-11-2
    {
        padding-right:0
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer-col-11-2
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-11-2
    {
        padding-right:0
    }
}

.footer-col-11-3
{
    padding-left:42px
}

[dir=rtl] .footer-col-11-3
{
    padding-left:0;
    padding-right:42px
}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer-col-11-3
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-11-3
    {
        padding-right:0
    }
}

.footer-col-11-4
{
    margin-left:-13px
}

[dir=rtl] .footer-col-11-4
{
    margin-left:0;
    margin-right:-13px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-col-11-4
    {
        margin-left:0;
        padding-left:15px
    }

    [dir=rtl] .footer-col-11-4
    {
        margin-right:0;
        padding-left:0;
        padding-right:15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 575px) {
    .footer-col-11-4
    {
        margin-left:0
    }

    [dir=rtl] .footer-col-11-4
    {
        margin-right:0
    }
}

.footer-col-11-5
{
    padding-left:70px
}

[dir=rtl] .footer-col-11-5
{
    padding-left:0;
    padding-right:70px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 575px) {
    .footer-col-11-5
    {
        padding-left:0
    }

    [dir=rtl] .footer-col-11-5
    {
        padding-right:0
    }
}

.footer__style-green .footer__logo
{
    margin-bottom:20px
}

.footer__style-green .footer__contact-call span i
{
    color:var(--tp-common-yellow-3)
}

.footer__style-green .footer__contact-call span a:hover
{
    color:var(--tp-theme-7)
}

.footer__style-green .footer__contact-mail span
{
    color:var(--tp-text-24)
}

.footer__style-green .footer__contact-mail span a:hover
{
    color:var(--tp-theme-7)
}

.footer__style-green .footer__widget p
{
    color:var(--tp-text-24)
}

.footer__style-green .footer__social a
{
    color:var(--tp-common-white)
}

.footer__style-green .footer__social a:hover
{
    color:var(--tp-theme-7)
}

.footer__style-green .footer__widget ul li a
{
    color:var(--tp-text-24)
}

.footer__style-green .footer__widget ul li a::after
{
    background-color:var(--tp-text-24)
}

.footer__style-green .footer__widget ul li a:hover
{
    color:var(--tp-common-white)
}

.footer__style-blue .footer__contact-call span i
{
    color:#FFD584
}

.footer__style-blue .footer__contact-mail span
{
    color:var(--tp-text-24)
}

.footer__style-blue .footer__widget p
{
    color:var(--tp-text-24)
}

.footer__style-blue .footer__widget ul li a
{
    color:var(--tp-text-24)
}

.footer__style-blue .footer__widget ul li a::after
{
    background-color:var(--tp-text-24)
}

.footer__style-blue .footer__widget ul li a:hover
{
    color:var(--tp-theme-1)
}

.footer__style-blue .footer__link-7 a:hover
{
    color:var(--tp-theme-1)
}

.footer__style-blue .footer__copyright-7 p a
{
    color:var(--tp-theme-1)
}

.footer__style-blue .footer__copyright-7 p a:hover
{
    color:var(--tp-common-white)
}

.footer__style-blue .footer__subscribe-input-7 input
{
    border-radius:0
}

.footer__style-blue .footer__subscribe-input-7 button
{
    border-radius:0;
    background-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.footer__style-blue .footer__subscribe-input-7 button:hover
{
    background-color:var(--tp-common-black);
    color:var(--tp-common-white)
}

.footer__style-blue .footer__lang-selected-lang:hover::after,.footer__style-blue .footer__lang-selected-lang:hover
{
    color:var(--tp-theme-1)
}

.footer__style-blue .footer__lang-list li:hover
{
    color:var(--tp-theme-1)
}

.footer__style-blue .footer__lang-list
{
    border-radius:0
}

.footer__style-2 .footer__widget p
{
    color:#B0B0B8
}

.footer__style-2 .footer__widget ul li a
{
    color:#B0B0B8
}

.footer__style-2 .footer__widget ul li a:hover
{
    color:var(--tp-theme-1)
}

.footer__style-2 .footer__subscribe-title
{
    -webkit-text-fill-color:var(--tp-common-white);
    background-clip:inherit;
    color:var(--tp-common-white);
    background:none;
    letter-spacing:-.04em
}

.footer__style-2 .footer__bottom-inner
{
    padding-bottom:30px
}

.footer__style-3 .footer__widget-title
{
    font-weight:700;
    font-size:24px;
    letter-spacing:-.02em;
    color:var(--tp-common-black)
}

.footer__style-3 .footer__widget p
{
    color:var(--tp-text-1);
    line-height:1.5
}

.footer__style-3 .footer__widget ul li a
{
    color:var(--tp-text-1)
}

.footer__style-3 .footer__widget ul li a::after
{
    background-color:var(--tp-text-1)
}

.footer__style-3 .footer__widget ul li a:hover
{
    color:var(--tp-theme-1)
}

.footer__style-3 .footer__opening-icon span
{
    color:var(--tp-common-purple)
}

.footer__style-3 .footer__opening-content h4
{
    color:var(--tp-common-black)
}

.footer__style-3 .footer__opening-content p
{
    font-weight:400;
    color:var(--tp-text-1)
}

.footer__style-3 .footer__info-icon span
{
    background-color:var(--tp-common-white);
    box-shadow:0 1px 2px rgba(3,4,28,0.1);
    border-radius:0;
    color:var(--tp-text-1)
}

.footer__style-3 .footer__info-text h4
{
    font-size:16px;
    color:var(--tp-common-black)
}

.footer__style-3 .footer__info-text a
{
    color:var(--tp-text-1)
}

.footer__style-3 .footer__info-text a:hover
{
    color:var(--tp-theme-1)
}

.footer__style-3 .footer__bottom-5
{
    padding-top:27px;
    padding-bottom:35px;
    border-top:1px solid #E1E1EC
}

.footer__style-3 .footer__copyright-5 p
{
    color:#81849B;
    font-size:15px
}

.footer__style-3 .footer__copyright-5 p a
{
    color:var(--tp-theme-1)
}

.footer__style-3 .footer__social-5 a
{
    border-radius:0;
    box-shadow:0 1px 2px rgba(3,4,28,0.1);
    background-color:var(--tp-common-white);
    color:var(--tp-text-1)
}

.footer__style-3 .footer__social-5 a:hover
{
    background-color:var(--tp-theme-1);
    color:var(--tp-common-white)
}

.footer__style-4 .footer__widget .footer__widget-title
{
    color:var(--tp-common-black);
    margin-bottom:36px;
    padding-top:3px;
    font:500 20px/1 var(--tp-ff-roboto)
}

.footer__style-4 .footer__widget p
{
    font-size:16px;
    line-height:1.38;
    color:var(--tp-text-1);
    font-weight:400
}

.footer__style-4 .footer__widget ul li
{
    list-style:none;
    margin-bottom:15px;
    line-height:1;
    font-size:15px;
    color:var(--tp-text-1)
}

.footer__style-4 .footer__widget ul li a
{
    color:var(--tp-text-1);
    padding-left:0;
    font:400 15px var(--tp-ff-inter)
}

[dir=rtl] .footer__style-4 .footer__widget ul li a
{
    padding-right:0
}

.footer__style-4 .footer__widget ul li a::after
{
    display:none
}

.footer__style-4 .footer__widget ul li a:hover
{
    color:var(--tp-theme-1)
}

.footer__style-4 .footer__contact-call span
{
    color:var(--tp-common-black)
}

.footer__style-4 .footer__contact-call span:hover
{
    color:var(--tp-theme-1)
}

.footer__style-4 .footer__contact-mail span
{
    font-size:15px;
    color:var(--tp-text-1)
}

.footer__style-4 .footer__contact-mail span:hover
{
    color:var(--tp-theme-1)
}

.footer__style-4 .footer__social a
{
    color:var(--tp-text-1)
}

.footer__style-4 .footer__social a:hover
{
    color:var(--tp-theme-1)
}

.footer__style-4 .footer__bottom-inner
{
    padding-top:20px;
    padding-bottom:40px;
    border-color:#EBECED
}

.footer__style-4 .footer__copyright p
{
    color:#7D7F82;
    font-weight:400
}

.footer__style-4 .footer__copyright p a
{
    color:var(--tp-theme-1)
}

.zoom-instagram-widget__items
{
    list-style:none
}

.zoom-instagram-widget__item
{
    float:left;
    margin-right:12px;
    width:30.44%;
    border-radius:6px;
    overflow:hidden
}

[dir=rtl] .zoom-instagram-widget__item
{
    float:right;
    margin-right:0;
    margin-left:12px
}

.zoom-instagram-widget__item:nth-child(3n)
{
    margin-right:0
}

[dir=rtl] .zoom-instagram-widget__item:nth-child(3n)
{
    margin-left:0
}

.zoom-instagram-widget__item a
{
    padding-left:0!important;
    position:relative;
    display:inline-block
}

[dir=rtl] .zoom-instagram-widget__item a
{
    padding-right:0!important
}

.zoom-instagram-widget__item a::after
{
    display:none
}

.zoom-instagram-widget__item a::before
{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:6px;
    background-color:var(--tp-common-black);
    opacity:0
}

.zoom-instagram-widget__item a:hover::before
{
    opacity:.4
}

.zoom-instagram-widget__item img
{
    border-radius:6px;
    width:86px;
    height:86px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .zoom-instagram-widget__item
    {
        width:30.2%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .zoom-instagram-widget__item
    {
        width:44%
    }

    .zoom-instagram-widget__item:nth-child(2n)
    {
        margin-right:0
    }

    [dir=rtl] .zoom-instagram-widget__item:nth-child(2n)
    {
        margin-left:0
    }

    .zoom-instagram-widget__item:nth-child(3n)
    {
        margin-right:12px
    }

    [dir=rtl] .zoom-instagram-widget__item:nth-child(3n)
    {
        margin-right:0;
        margin-left:12px
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .zoom-instagram-widget__item
    {
        width:30%
    }
}

.portfolio__slider2 .slick-slide
{
    margin:0;
    line-height:0
}

.services__area {
    background: #f9fafa;
}