/*-----------------------------------------------------------------------------
	Name	    : Banner - bootstrap carousel 
	Description	: banner setings
	Author		: abcreativity
	Author URL	: https://abcreativity.pl/
	Created		: 01 September 2019
	License		: All Rights Reserved. Do Not Copy!
-------------------------------------------------------------------------------*/
 
/*
====================================
Banner title
====================================
*/
.banner-title {
    position: relative;
}

/*
====================================
Text effects
====================================
*/
.txt-effect-arti-clip {
    overflow: hidden;
    position: relative;
/*
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
     -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
*/
    
}
.txt-effect-arti-clip .clip-title {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
}
.txt-effect-arti-clip .clip-title span {
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
}
.txt-effect-arti-scale {
    text-align: right;
}
.txt-effect-arti-clip ul, .txt-effect-arti-scale ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: left;
    vertical-align: top;
}
.txt-effect-arti-clip ul li, .txt-effect-arti-scale ul li {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    display: inline-block;
    line-height: 1;
    
}
.txt-effect-arti-scale ul li.right {
    right: 0;
    left: auto;
}
.txt-effect-arti-clip.right ul li {
    right: 0;
    left: auto;
}
.txt-effect-arti-scale ul li.left {
    right: auto;
    left: 0;
}
.txt-effect-arti-clip.left ul li {
    right: auto;
    left: 0;
}
.txt-effect-arti-scale ul li.center {
    right: auto;
    left: auto;
}
.txt-effect-arti-clip.center ul li {
    right: auto;
    left: auto;
}
.txt-effect-arti-clip ul:after, .txt-effect-arti-clip23 .clip-title:after {
    position: absolute;
    content: "";
    top: 0%;
    right: 0;
    width: 2px;
    height: 100%;
    background: #FFF;
}
.txt-effect-arti-clip ul.dark:after {
    background: #41516a;
}
.txt-effect-arti-clip.right ul:after, .txt-effect-arti-clip.right .clip-title:after {
    left: 0;
    right: auto;
}
.txt-effect-arti-clip .clip-title.hidden:after {
    visibility: hidden;
}
.txt-effect-arti-clip .clip-title:after {
    visibility: hidden;
}
.txt-effect-arti-scale .scale-title span {
    display: inline-block;
}
.txt-effect-arti-scale ul li span {
    display: inline-block;
}
.txt-effect-arti-scale .scale-title span.scale-in {
    -webkit-animation: txt-effect-scale-up 0.6s forwards;
    animation: txt-effect-scale-up 0.6s forwards;
}
.txt-effect-arti-scale ul li span.scale-in {
    -webkit-animation: txt-effect-scale-up 0.6s forwards;
    animation: txt-effect-scale-up 0.6s forwards;
}
.txt-effect-arti-scale ul li span.scale-out {
    -webkit-animation: txt-effect-scale-down 0.6s forwards;
    animation: txt-effect-scale-down 0.6s forwards;
}
 @-webkit-keyframes txt-effect-scale-up {
 0% {
 -webkit-transform: scale(0);
 transform: scale(0);
 opacity: 0;
}
 60% {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
 opacity: 1;
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
@keyframes txt-effect-scale-up {
 0% {
 -webkit-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0);
 opacity: 0;
}
 60% {
 -webkit-transform: scale(1.2);
 -ms-transform: scale(1.2);
 transform: scale(1.2);
 opacity: 1;
}
 100% {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
.txt-effect-scale-up {
    -webkit-animation-name: txt-effect-scale-up;
    animation-name: txt-effect-scale-up;
}
 @-webkit-keyframes txt-effect-scale-down {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
 60%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
 opacity: 0;
}
}
@keyframes txt-effect-scale-down {
 0% {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
 60%, 100% {
 -webkit-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0);
 opacity: 0;
}
}
.txt-effect-scale-down {
    -webkit-animation-name: txt-effect-scale-down;
    animation-name: txt-effect-scale-down;
}
/**/




.banner-title-top, .banner-title-bottom {
    font-family: 'Poppins', sans-serif;
      font-family: "Outfit", sans-serif;
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
    line-height: 1;
}
.banner-title-top *, .banner-title-bottom * {
    text-transform: uppercase;
    font-weight: 400;
}
.banner-title-center {
    margin: 0.25rem 0;
    padding: 0;
    font-size: 1.75rem;
    line-height: 1;
}
.banner-title-center * {
    text-transform: uppercase;
}

@media (min-width: 360px) {
.banner-title-top *, .banner-title-bottom * {
    font-size: 1.2rem;
}
.banner-title-center * {
    font-size: 2rem;
}
.banner-title-center {
    margin: 0.25rem 0;
}
.banner-title-top, .banner-title-bottom, .banner-title-center {
    padding-left: 0.5rem;
}
}

@media (min-width: 576px) {
.banner-title-top *, .banner-title-bottom * {
    font-size: 1.25rem;
}
.banner-title-center * {
    font-size: 2.5rem;
}
.banner-title-center {
    margin: 0.5rem 0;
}
.banner-title-top, .banner-title-bottom, .banner-title-center {
    padding-left: 0.5rem;
}
}

@media (min-width: 768px) {
.banner-title-top *, .banner-title-bottom * {
    font-size: 1.5rem;
}
.banner-title-center * {
    font-size: 3rem;
}
.banner-title-center {
    margin: 0.5rem 0;
}
}

@media (min-width: 992px) {
.banner-title-top, .banner-title-bottom, .banner-title-center {
    margin-left: 3rem;
}
}

@media (min-width: 1200px) {
.banner-title-top, .banner-title-bottom, .banner-title-center {
    margin-left: 5rem;
}
 .banner-title-center * {
    font-size: 4rem;
}  
  .banner-title-center {
/*    margin-top: 1rem;*/
    margin-bottom: 1rem;
}    
     .banner-title-bottom {
    margin-top: 2rem;
}   
    .banner-title-bottom * {
            font-size: 2.5rem;

    }
 
    
    
    
}
@media (min-width: 1600px) {
    .banner-title-center * {
    font-size: 6rem;
}  
 
}