/*==========================================*/
/*Custom Css*/
/*==========================================*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900');
.owl-carousel{
    float: left;
    width: 100%;
}

{
    font-family: 'Poppins', sans-serif;
}

/*==========================================*/
/*Layer Slider Default Css*/
/*==========================================*/
.tnit-layer-slider{
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.tnit-layer-slider .slider-item{
    height: 100vh;
}
.tnit-layer-slider .banner-caption {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.tnit-layer-slider .tnit-layer-thumb{
    float: left;
    width: 100%;
    height: 100%;
}
.btn-banner-stlye{
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    padding: 12px 35px;
    letter-spacing: 1px;
    color: #fff;
    background-color: #333;
    border-radius: 30px;
}
.btn-banner-stlye:hover,.btn-banner-stlye:focus{
    color: #fff;
}

/*Slider Nav and Dots Css */
.tnit-layer-slider .owl-dots{
    position: absolute;
}
.tnit-layer-slider .owl-dots .owl-dot{
    display: block;
    padding: 1px;
    margin: 12px 0;
    border: 2px solid #333;
    border-radius: 100%;
    width: 16px;
    height: 16px;
}
.tnit-layer-slider .owl-dots .owl-dot.active{
    border-color: #fff;
}
.tnit-layer-slider .owl-dots .owl-dot.active span{
    background-color: #fff;
}
.tnit-layer-slider .owl-dots .owl-dot span{
    display: block;
    padding: 0;
    margin: 0 2px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #333;
}

/*
Animation Keyfranme */
.tnit-layer-slider .owl-item.active .animateBottomFromTop{
    transition-delay: 1.5s;
}
.tnit-layer-slider .owl-item.active .animateTopFromBottom{
    transition-delay: 2s;
}
.tnit-layer-slider .owl-item.active .animateLeftFromRight{
    transition-delay: 2.5s;
}
.tnit-layer-slider .owl-item.active .vertical-slider-info:before{
    opacity: 0.45;
    visibility: visible;
    transition-delay: 1s;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
/*==========================================*/
/*vertical Slider Portfolio Css*/
/*==========================================*/
#tnit-vertical-slider{
	cursor: move;
    position: relative;
    background-color: #444;
}
#tnit-vertical-slider .vertical-slider-info:before{
    border-color: #fff;
}
#tnit-vertical-slider .owl-item.active .vertical-slider-info:before{
    opacity: 0.2;
}
.vertical-slider-info{
    position: absolute;
    width: 760px;
    padding: 120px 0 160px;
    top: 28%;
    z-index: 11;
}
.vertical-slider-info.left-info{
    float: left;
    left: 10%;
    text-align: left;
}
.vertical-slider-info.right-info{
    float: right;
    right: 15%;
    text-align: right;
}
.vertical-slider-info.right-info:before {
    left: inherit;
    right: 18%;
}
.vertical-slider-info:before {
	content: '';
	border-top: 20px;
    border-right: 20px;
    border-bottom: 20px;
    border-left: 20px;
    border-color: #333;
    border-style: solid;
    font-weight: normal;
    line-height: normal;
    height: 100%;
    width: 100%;
    top: -5%;
    left: 18%;
    z-index: -1;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all 0.4s ease-in-out;
       -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
}
.vertical-slider-info .slider-title{
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    margin: 30px 0 40px;
}
.vertical-slider-info .slider-subtitle{
    font-size: 20px;
}
.vertical-slider-info p{
    color: #f7f7f7;
}
#tnit-vertical-slider .owl-dots{
    position: absolute;
    top: 45%;
    right: 10%;
    z-index: 11;
}

/*==========================================*/
/*Creativity Banner Css*/
/*==========================================*/
.tnit-creativity-banner{
    float: left;
    width: 100%;
   /* background: url('../images/transparent/slider-img-03.jpg') top center no-repeat;
    background-size: cover;*/
    position: relative;
    min-height: 900px;
}
.tnit-creativity-banner .slider-item{
    padding: 300px 0;
}
.tnit-creativity-banner .banner-caption{
    top: 40%;
}
.tnit-creativity-banner .banner-info{
    text-align: center;
    max-width: 760px;
    margin: 0 auto;
}
.tnit-creativity-banner .banner-info .slider-subtitle{
    color: #454545;
    margin-bottom: 30px;
}
.tnit-creativity-banner .banner-info .slider-title{
    font-family: 'Roboto';
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #222;
    text-transform: capitalize;
    margin: 0 0 30px;
}
.tnit-creativity-banner .banner-info .slider-text{
    margin-bottom: 25px;
}
.tnit-creativity-banner .btn-anim-scroll{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
}
.tnit-creativity-banner .tnit-anim-circle{
    top: 10%;
    right: 25%;
    position: absolute;
}


/*==========================================*/
/*House Banner Css*/
/*==========================================*/
#tnit-house-slider .owl-item.active .vertical-slider-info:before{
    opacity: 0.200;
    border-color: #fff;
}
#tnit-house-slider .owl-dots{
    position: absolute;
    top: inherit;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 11;
}
#tnit-house-slider .owl-dots .owl-dot{
    display: inline-block;
    padding: 1px;
    margin: 2px 5px;
    border: 2px solid #fff;
    border-radius: 100%;
    width: 16px;
    height: 16px;
}
/*==========================================*/
/*Salon Haridresser Slider Css*/
/*==========================================*/
#tnit-salon-slider .container-fluid{
    padding-left: 80px;
    padding-right: 80px;
}

.tnit-info-caption{
    position: absolute;
    width: 760px;
    padding: 120px 0 160px;
    top: 28%;
    z-index: 11;
}
.tnit-info-caption .slider-title{
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    color: #222;
    letter-spacing: 15px;
    margin: 30px 0 40px;
}
.tnit-info-caption .slider-subtitle{
    font-size: 20px;
    color: #222;
}
.tnit-info-caption p{
    color: #444;
}
.curve-img {
    display: inline-block;
    width: 100px;
}
#tnit-salon-slider .owl-item .curve-img{
    opacity: 0;
    visibility: hidden;
    display: inline-block;   
}
#tnit-salon-slider .owl-item.active .curve-img{
    transition-delay: 3.4s;
    -webkit-transition-delay: 3.4s;
    opacity: 1;
    visibility: visible;
}

/* Text Position Info 
*/
.tnit-info-caption.right-info{
    float: right;
    right: 10%;
    text-align: right;
}
.tnit-info-caption.left-info{
    float: left;
    left: 10%;
    right: inherit;
    text-align: left;
}
.tnit-info-caption.center-info{
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    text-align: center;
}


/*==========================================*/
/*Food Banner Css*/
/*==========================================*/
#tnit-food-slider .container-fluid{
    padding-left: 150px;
    padding-right: 150px;
}
#tnit-food-slider .tnit-info-caption .slider-title{
    margin-bottom: 20px;
}
#tnit-food-slider .tnit-info-caption p{
    margin-bottom: 20px;
}
.btn-banner-stlye{
    color: #fff;
}
/*=====================================================*/
/*Differnt Arrow and Dosts style*/
/*====================================================*/
.tnit-layer-slider-arrow_v1{
    position: relative;
}

div.tnit-layer-slider-arrow_v1 div.owl-nav [class*=owl-]{
    font-size: 44px;
    font-weight: 600;
    color: #222;
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: #f7f7f7;
    z-index: 11;
    top: 45%;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}
div.tnit-layer-slider-arrow_v1 div.owl-nav [class*=owl-]:focus{
    outline: none;
}
.tnit-layer-slider-arrow_v1 .owl-nav .owl-prev{
    left: 30px;
}
.tnit-layer-slider-arrow_v1 .owl-nav .owl-next{
    right: 30px;
}
.tnit-layer-slider-arrow_v1 .owl-nav .owl-prev:before{
    content:"\f104";
    font-family:'FontAwesome';
}
.tnit-layer-slider-arrow_v1 .owl-nav .owl-next:before{
    content:"\f105";
    font-family:'FontAwesome';
}
div.tnit-layer-slider-arrow_v1 div.owl-dots{
    bottom: 20px;
    top: inherit;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
div.tnit-layer-slider-arrow_v1 .owl-dots .owl-dot{
    display: inline-block;
    margin: 0 5px;
    border-color: #444;
}
div.tnit-layer-slider-arrow_v1 .owl-dots .owl-dot.active{
    border-color: #999;
}
div.tnit-layer-slider-arrow_v1 .owl-dots .owl-dot.active span{
    background-color: #999;
}

/*=====================================================*/
/*Smart Layer Movement Animation Css*/
/*====================================================*/
.layer-img{
    position: absolute;
    transition: all 0.4s ease-in-out;
}
.layer-img img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.object-top-right {
    position: absolute;
    top: -200px;
    right: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.object-top-right_v2 {
    position: absolute;
    top: -150px;
    right: 300px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.object-bottom-left{
    bottom: 0; 
    left: -250px; 
    opacity: 0;
    visibility: hidden;
}
.object-bottom-leftCenter{
    bottom: -250px; 
    left: 250px; 
    opacity: 0;
    visibility: hidden;
}
.object-bottom-right{
    bottom: 0;
    right: -200px; 
    z-index: 1; 
    opacity: 0;
    visibility: hidden;
}
.object-top-left{
    top: -200px;
    left: 0;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
}
.object-top-left_v2{
    top: -200px;
    left: 200px;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
}
.object-bottomCenter {
    position: absolute;
    bottom: 50%;
    right: 250px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.object-fadeRightBottom{
    opacity: 0;
    visibility: hidden;
    right: -50px;
    bottom: 0;

}
/*#tnit-salon-slider .owl-item.active .animateBottomFromTop {
    transition-delay: 4s;
}
#tnit-salon-slider .owl-item.active .animateTopFromBottom {
    transition-delay: 2.5s;
}
#tnit-salon-slider .owl-item.active .animateLeftFromRight {
    transition-delay: 5s;
}*/
.layer-img.BottomMove{
    opacity: 0;
    visibility: hidden; 
     -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
}
.object-animateZoomIn{
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);

}
.tnit-layer-slider .owl-item.active .object-animateZoomIn{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.tnit-layer-slider .owl-item.active .layer-img.object-top-right{
    top: 0;
    opacity: 1;
    visibility: visible;
}
.tnit-layer-slider .owl-item.active .layer-img.object-top-right_v2{
    top: 0;
    opacity: 1;
    visibility: visible;
}
.tnit-layer-slider .owl-item.active .layer-img.object-bottom-left{
    left: 0;
    opacity: 1;
    visibility: visible;
}
.tnit-layer-slider .owl-item.active .layer-img.object-bottom-leftCenter{
    bottom: 0;
    opacity: 1;
    visibility: visible;
    transition-delay: 1.2s;
}
.tnit-layer-slider .owl-item.active .layer-img.object-top-left{
    top: 0;
    opacity: 1;
    visibility: visible;
}
.tnit-layer-slider .owl-item.active .layer-img.object-top-left_v2{
    top: 0;
    opacity: 1;
    visibility: visible;
}
.tnit-layer-slider .owl-item.active .layer-img.object-bottom-right{
    right: 0;
    opacity: 1;
    visibility: visible;
}
.tnit-layer-slider .owl-item.active .layer-img.object-bottomCenter{
    bottom: 35%;
    opacity: 1;
    visibility: visible;
}
.tnit-layer-slider .owl-item.active .layer-img.BottomMove{
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition-delay: 2s;
}
.tnit-layer-slider .owl-item.active .object-fadeRightBottom{
    opacity: 1;
    right: 0;
    visibility: visible;
}



.tnit-layer-slider .owl-item.active .layer-delay-0-5{
    transition-delay: 0.5s;
}
.tnit-layer-slider .owl-item.active .layer-delay-1{
    transition-delay: 1s;
}
.tnit-layer-slider .owl-item.active .layer-delay-1-3{
    transition-delay: 1.3s;
}
.tnit-layer-slider .owl-item.active .layer-delay-1-5{
    transition-delay: 1.3s;
}
.tnit-layer-slider .owl-item.active .layer-delay-1-6{
    transition-delay: 1.6s;
}
.tnit-layer-slider .owl-item.active .layer-delay-2{
    transition-delay: 2s;
}
.tnit-layer-slider .owl-item.active .layer-delay-2-5{
    transition-delay: 2.5s;
}
.tnit-layer-slider .owl-item.active .layer-delay-3{
    transition-delay: 3s;
}
.tnit-layer-slider .owl-item.active .layer-delay-3-5{
    transition-delay: 3.5s;
}
.tnit-layer-slider .owl-item.active .layer-delay-4{
    transition-delay: 4s;
}
.tnit-layer-slider .owl-item.active .layer-delay-4-5{
    transition-delay: 4.5s;
}
.tnit-layer-slider .owl-item.active .layer-delay-5{
    transition-delay: 5s;
}
.tnit-layer-slider .owl-item.active .layer-delay-5-5{
    transition-delay: 5.5s;
}
.tnit-layer-slider .owl-item.active .layer-delay-6{
    transition-delay: 6s;
}
.tnit-layer-slider .owl-item.active .layer-delay-6-5{
    transition-delay: 6.5s;
}
.tnit-layer-slider .owl-item.active .layer-delay-7{
    transition-delay: 7s;
}
.tnit-layer-slider .owl-item.active .layer-delay-7-5{
    transition-delay: 7.5s;
}

.tnit-layer-slider .owl-item.active .layer-delay-8{
    transition-delay: 8s;
}
.tnit-layer-slider .owl-item.active .layer-delay-8-5{
    transition-delay: 8.5s;
}
.tnit-layer-slider .owl-item.active .layer-delay-9{
    transition-delay: 9s;
}
.tnit-layer-slider .owl-item.active .layer-delay-9-5{
    transition-delay: 9.5s;
}
.tnit-layer-slider .owl-item.active .layer-delay-10{
    transition-delay: 10s;
}
/*=====================================================*/
/*Animatate Scroll/Circle/Triangle/Morph etc ... Css*/
/*====================================================*/
.tnit-btn:before,.curve-img,.layer-img,.layer-img img{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-anim-scroll{
    content: '';
    min-width: 35px;
    max-width: 35px;
    border-color: rgb(51, 51, 51);
    border-style: solid;
    border-width: 3px;
    border-radius: 23px;
    cursor: pointer;
    transition: none 0s ease 0s;
    line-height: 22px;
    margin: 0 auto;
    min-height: 55px;
    max-height: 55px;
    opacity: 1;
    display: inline-block;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
    z-index: 19;
    overflow: hidden;
}
.btn-anim-scroll:before{
    content: '';
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: white;
    border-radius: 50%;
    background-color: #333;
    animation: tnit-slideInDown 2.5s linear infinite;
}
.tnit-anim-circle{
    width: 120px;
    height: 120px;
    background-color: #f1f1f1;
    display: inline-block;
    border-radius: 100%;
    position: relative;
}
.tnit-anim-circle:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #666;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    z-index: 1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: tnit-anim-circle;
    animation-name: tnit-anim-circle;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}
.tnit-anim-circle:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    border: 4px solid #999;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    z-index: 1;
    transition-delay: 0.8s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: tnit-anim-circle;
    animation-name: tnit-anim-circle;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
}
/*
KeyFrame Animate Css */
@keyframes tnit-slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  50% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}

/*Circle Keyframe */
@keyframes tnit-anim-circle {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
    80% {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        transform: scale(1.6);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        transform: scale(1.6);
    }
}
/*Rotate Keyframe */

.splitting .char,.splitting .image-effect {
  animation: slide-in 1s cubic-bezier(.5, 0, .5, 1) both;
  animation-delay: calc(60ms * var(--char-index));
}

@keyframes slide-in {
  from {
    transform: translateY(-1em) rotate(-.5turn) scale(0.5);
    opacity: 0;
  }
}


@keyframes flip{
  to{
        transform:rotateX(360deg);
  }
}