/*
    StyleSheet For Responsive Bootstrap Carousel Effect Ken Burns
    Author: Razboynik
    Author URI: http://filwebs.ru
    Description: Bootstrap Carousel Effect Ken Burns
*/
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;300;400;500;600;800&display=swap');


body{
    margin: 0 auto;
    background-color: #333;
    max-width: 1290px;
    position: relative;
      font-family: 'PT Sans Caption', Arial, sans-serif;
}

.wrapper__slider {
    position: relative;
    top: -30px;
    max-width: 1295px;

}

.kb_control_left,.kb_control_right
{

    top:47%;
    z-index:2;
    width:55px;
    height:55px;
    text-align:center;
    -webkit-transition:all ease-in-out .3s;
    transition:all ease-in-out .3s;

}
.kb_wrapper:hover .kb_control_left,.kb_wrapper:hover .kb_control_right
{

    opacity:1;
}
.kb_icons{
    line-height:50px;
    font-size:34px!important;
    font-weight:normal!important
}
.kb_control_left
{
    left:1%!important
}
.kb_control_right
{
    right:1%!important
}
.kb_elastic
{

    opacity:1;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
.kb_elastic .item
{

    top:0px;
    z-index:1;
    opacity:0;
    width:100%;
    position:absolute;
    left:0!important;
    display:block!important;
    -webkit-transform:scale3d(2,1,2);
    transform:scale3d(2,1,2);
    -webkit-transition:-webkit-transform .7s ease-in-out 0s,opacity ease-in-out .7s;
    transition:transform .7s ease-in-out 0s,opacity ease-in-out .7s;

}
.kb_elastic .item:first-child
{

    top:auto;
    position:relative
}
.kb_elastic .item.active
{
    opacity:1;
    z-index:2;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
    -webkit-transition:-webkit-transform .7s ease-in-out 0s,opacity ease-in-out .7s;
    transition:transform .7s ease-in-out 0s,opacity ease-in-out .7s
}
.kb_wrapper
{

    overflow:hidden;

}
.kb_wrapper>.carousel-inner>.item>img,.kb_wrapper>.carousel-inner>.item>a>img
{
    margin:auto;
    opacity:0.8;
    width:100%!important;
    -webkit-transform-origin:100% 0;
    -moz-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
    -o-transform-origin:100% 0;
    transform-origin:100% 0;
    -webkit-animation:immortalkenburns 20000ms linear 0s infinite alternate;
    animation:immortalkenburns 20000ms linear 0s infinite alternate;

}
    @-webkit-keyframes immortalkenburns
{
    0%
{
    -webkit-transform:scale(1);
    -webkit-transition:-webkit-transform 20000ms linear 0s
}
    100%
{
    -webkit-transform:scale(1.2);
    -webkit-transition:-webkit-transform 20000ms linear 0s
}

}
    @-moz-keyframes immortalkenburns
{
    0%
{
    -moz-transform:scale(1);
    -moz-transition:-moz-transform 20000ms linear 0s;

}
    100%
{
    -moz-transform:scale(1.2);
    -moz-transition:-moz-transform 20000ms linear 0s
}

}
    @-ms-keyframes immortalkenburns
{
    0%
{
    -ms-transform:scale(1);
    -ms-transition:-ms-transform 20000ms linear 0s;
        height: 650px;
}
    100%
{
    -ms-transform:scale(1.2);
    -ms-transition:-ms-transform 20000ms linear 0s;
        height: 670px;
}

}
    @-o-keyframes immortalkenburns
{
    0%
{
    -o-transform:scale(1);
    -o-transition:-o-transform 20000ms linear 0s;
        height: 670px;        height: 670px;
}
    100%
{
    -o-transform:scale(1.2);
    -o-transition:-o-transform 20000ms linear 0s;
        height: 670px;
}

}
    @keyframes immortalkenburns
{
    0%
{
    transform:scale(1);
    transition:transform 20000ms linear 0s;
        height: 670px;
}
    100%

{
    transform:scale(1.2);
    transition:transform 20000ms linear 0s;
        height: 670px;

}

}
.kb_caption
{

    margin: 0 auto;
    left:20%;
    width:65%;
    bottom:250px;
    text-align:center;
}

.kb_caption_right
{
bottom: 250px;
width: 800px;
}
.kb_caption_center
{

    bottom:250px;
    left: 200px;
    width: 75%;

}
.kb_caption h1
{
    
    font-family: 'Work Sans', sans-serif;
font-size: 25px;
    font-weight:500;
    text-align: center;
    text-shadow:none;
    padding:5px 0 5px 10px;
    -webkit-animation-delay:1s;
    animation-delay:1s;
    letter-spacing: 3px;

}
.kb_caption h2{
    letter-spacing: 1px;
    line-height: 35px;
    font-family: 'Work Sans', sans-serif;
    font-size:22px;
    text-align: center;
    text-shadow:none;
    padding-left:15px;
    font-weight:300;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}


@media (max-width: 1067px){
.kb_caption h1{
    font-size: 19px;
    line-height: 25px
}
.kb_caption h2{
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 20px;
        padding:5px 0 60px 10px;
}
}
    @media only screen and (max-width:480px)
{
.kb_control_left,.kb_control_right
{
    border:0;
}
.kb_icons
{
    font-size:18px!important;

}
.kb_caption
{

    left:0;
    width:100%;
    bottom:15%;
    text-align:center;

}
.kb_caption h1
{

}
.kb_caption h2
{

}

}
    @media(min-width:481px) and (max-width:600px)
{
.kb_control_left,.kb_control_right
{
    border:0;

}
.kb_caption
{
    left:0;
    width:100%;
    bottom:25%;
    text-align:center;


}

}
    @media(min-width:601px) and (max-width:767px)
{
.kb_caption
{
    left:0;
    width:100%;
    bottom:35%;
    text-align:center;


}

}
    @media(min-width:768px) and (max-width:991px)
{
.kb_caption
{
    bottom:35%;

}

}
    @media(min-width:992px) and (max-width:1199px)

{
.kb_caption
{
    bottom:50%

}

}
.kb_wrapper
{
    background:#000;

}
.kb_control_left,.kb_control_left:hover,.kb_control_left:active,.kb_control_left:focus,.kb_control_right,.kb_control_right:hover,.kb_control_right:active,.kb_control_right:focus
{

    border-radius: 50%;
    color:red;
    border:3px solid #fff;
    box-shadow: 0px 0px 20px #fff;
    background:#fff !important

}
.kb_caption h1{


    color:yellow;

    border-radius: 0%;

}
.kb_caption h2
{

    color:#fff
}
    @media(max-width:600px)
{
.kb_control_left,.kb_control_left:hover,.kb_control_left:active,.kb_control_left:focus,.kb_control_right,.kb_control_right:hover,.kb_control_right:active,.kb_control_right:focus
{

    border:none!important;
    background:transparent!important;

}

}
