* {
    margin: 0;
    padding: 0;
}

.divflex {
    display: flex;
}

.flexrow {
    flex-flow: row wrap;
}

.flexCenter {
    justify-content: center;
}

.prelative {
    position: relative;
}


.flexColumn {
    flex-flow: column;
}

.w20percent {
    width: 20%;
}

.w30percent {
    width: 30%;
}

.w33percent {
    width: 33%;
}

.w35percent {
    width: 35%;
}

.w40percent {
    width: 40%;
}

.w100percent {
    width: 100%;
}







.h40percent {
    height: 40%;
}

.h60percent {
    height: 60%;
}

.h100percent {
    height: 100%;
}

.h50percent {
    height: 50%;
}

.h58percent {
    height: 58%;
}

.h42percent {
    height: 42%;
}

.pr5px {
    padding-right: 5px;
}

.pr10px {
    padding-right: 10px;
}

.pl5px {
    padding-left: 5px;
}

.pl10px {
    padding-left: 10px;
}

.pb5px {
    padding-bottom: 5px;
}

.pb10px {
    padding-bottom: 10px;
}

.pt5px {
    padding-top: 5px;
}

.pt10px {
    padding-top: 10px;
}

.textcenter {
    text-align: center;
}

.container {
    padding-left: 0px;
    padding-right: 0px;
}


.outline {
    /* // border: 1px solid white; */
    /* outline: 1px solid white; */
    outline-offset: -1px;
    transition: all .3s linear;
    cursor: pointer;
    /* background:rgba(0,0,0,0.5); */


}

.outline:hover {
    /* // border: 1px solid transparent; */
    outline: 1px solid transparent;
    background:
        linear-gradient(90deg, white 50%, transparent 0) repeat-x,
        linear-gradient(90deg, white 50%, transparent 0) repeat-x,
        linear-gradient(0deg, white 50%, transparent 0) repeat-y,
        linear-gradient(0deg, white 50%, transparent 0) repeat-y;
    background-size: 8px 2px, 8px 2px, 2px 8px, 2px 8px;
    background-position: 0 0, 0 100%, 0 0, 100% 0;
    animation: linearGradientMove .3s infinite linear;
}

.outline>div {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    display: flex;
    margin: 2px;
    justify-content: center;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    /* border-radius: 50%; */
}
.mr15px{
    margin-right: 15px;
}

@keyframes linearGradientMove {
    100% {
        background-position: 4px 0, -4px 100%, 0 -4px, 100% 4px;
    }
}


.subtitle {
    width: 80%;
    margin: 20px auto 10px;
    color: grey;
    font-size: 1rem;
}

img {
    border-radius: 0px;
}

body {
    /* border: 1px solid; */
}
.callme{
    font-size: 48px;
    color: red;
    margin-top: 50px;
    font-weight: 500;
}
.callme>img{
    font-size: 48px;
    margin-right: 20px;
}
@media screen and (max-width: 768px) {
    .title-section .title {
        font-size: 2rem;
    }

    .subtitle {
        margin-bottom: 0px;
        font-size: 1.4rem;
    }
    .callme{
        font-size: 32px;
        color: red;
        margin-top: 30px;
    }
    .callme>img{
        width: 32px;
    }
}

@media screen and (max-width: 520px) {
    .title-section .title {
        font-size: 1.6rem;
    }

    .subtitle {
        margin-bottom: 0px;
        font-size: 1rem;
    }

    .tf-section {
        padding: 100px 0 10px 0 !important;
    }
    .tf-section .trends-img{
        height: auto;
    }
}

@media screen and(max-width: 991px) {
    .main-nav {
        display: none;
    }

}
@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95);
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}
@keyframes bounce1 {
    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) skewX(8deg);
        transform: translateZ(0) skewX(8deg);
    }
  
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1)  skewX(8deg);
        transform: translate3d(0, -30px, 0) scaleY(1)  skewX(8deg);
    }
  
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05)  skewX(8deg);
        transform: translate3d(0, -15px, 0) scaleY(1.05)  skewX(8deg)
    }
  
    80% {
        -webkit-transform: translateZ(0) scaleY(.95)  skewX(8deg);
        transform: translateZ(0) scaleY(.95)  skewX(8deg);
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
  
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02)  skewX(8deg);
        transform: translate3d(0, -4px, 0) scaleY(1.02)  skewX(8deg);
    }
  }

  @keyframes scaleImg {
    from{
      transform: scale(0.5);
    }
    to{
      transform: scale(1);
    }
  }
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0px;
    left: auto;
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,0.6);
    border-radius: 50%;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
    color: #fff;
    font-size: 24px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,0.6);
    border-radius: 50%;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
    color: #fff; font-size: 24px;
}


@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@media screen and (max-width: 991px){
    .main.home2 .header #main-nav{
        visibility: hidden;
    }
}

/*#main-nav-mobi ul>li>a{
    width: 100%;
}*/

/*#menu-primary-menu > li:nth-child(4){
  margin-right: 0px;
}*/