.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}
@font-face 
{
     src:url(../fonts/SVN-Maphylla.otf);   
     font-family:SVN-Maphylla;     
}
@font-face 
{
      font-family: ANNIFONT ITALIC;  
      src: url('../fonts/ANNIFONT ITALIC.ttf'); / IE9 Compat Modes /
      src: url('../fonts/ANNIFONT ITALIC.ttf?#iefix') format('embedded-opentype'), / IE6-IE8 /
      url('../fonts/ANNIFONT ITALIC.ttf2') format('ttf2'), / Super Modern Browsers /
      url('../fonts/ANNIFONT ITALIC.ttf') format('ttf'), / Pretty Modern Browsers /
      url('../fonts/ANNIFONT ITALIC.ttf')  format('truetype'), / Safari, Android, iOS /
      url('../fonts/ANNIFONT ITALIC.svg#svgFontName') format('svg'); / Legacy iOS /      
}
.carousel-caption {
    position: absolute;
    width: 40%;
    margin: 0px auto !important;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption
{
    top: 35% !important;
}
.carousel-caption h1 {
    color: #fff !important;
    font-size: 50px;
    letter-spacing: -2px;
    word-spacing: 6px;
    font-weight: 450;
    font-family: "Roboto Flex", sans-serif;
    text-transform: uppercase;
}
.carousel-caption h1 span
{
    color: #fff !important;
    font-size: 50px;
    letter-spacing: -3px;
    font-family: ANNIFONT ITALIC;  
    text-transform:capitalize;
}
.carousel-caption p
{
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 30px;
}
.carousel-inner.vertical {
  height: 100%;
}
.carousel-inner.vertical > .item {
  -webkit-transition: .6s ease-in-out top;
  -o-transition: .6s ease-in-out top;
  transition: .6s ease-in-out top;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
  .carousel-inner.vertical > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
  .carousel-inner.vertical > .item.next,
  .carousel-inner.vertical > .item.active.right {
    top: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  .carousel-inner.vertical > .item.prev,
  .carousel-inner.vertical > .item.active.left {
    top: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  .carousel-inner.vertical > .item.next.left,
  .carousel-inner.vertical > .item.prev.right,
  .carousel-inner.vertical > .item.active {
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.carousel-inner.vertical > .active {
  top: 0;
}
.carousel-inner.vertical > .next,
.carousel-inner.vertical > .prev {
  top: 0;
  height: 100%;
  width: auto;
}
.carousel-inner.vertical > .next {
  left: 0;
  top: 100%;
}
.carousel-inner.vertical > .prev {
  left: 0;
  top: -100%
}
.carousel-inner.vertical > .next.left,
.carousel-inner.vertical > .prev.right {
  top: 0;
}
.carousel-inner.vertical > .active.left {
  left: 0;
  top: -100%;
}
.carousel-inner.vertical > .active.right {
  left: 0;
  top: 100%;
}

.btn {
	border-radius: 0 !important;
	color: #000;	
	display: inline-block;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 0;
	min-width: 150px !important;
	padding: 13px 30px;
	text-align: center;
	text-transform: uppercase;
	touch-action: manipulation;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
	position: relative;
    z-index: 999;
    text-transform: uppercase;
    background: #fff;
    font-family: Trade Gothic LT Bold,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
}

.btn:hover{
    background: #000;
    color: #fff !important;
    border: 1px solid #fff;
}
.slide-img
    {
        height: 850px !important;
        object-fit: cover !important;
    }
    
@media screen and (max-width: 1024px)
{
    .carousel-caption
    {
        /*top: 40% !important;*/
    }
    .carousel-caption h1
    {
        font-size: 40px;
    }
        .carousel-caption {
        right: 20%;
        WIDTH: 60%;
        left: 20%;
    }
}
@media screen and (max-width: 991px)
{
    .slide-img
    {
        height: 500px !important;
        object-fit: cover !important;
    }   
     .carousel-caption h1
    {
        font-size: 30px;
    } 
    .carousel-caption .btn, .mb-none
    {
        /*display: none !important;*/
    }
    .carousel-caption h1
    {
        /*padding-top: 220px;*/
    }
}
@media screen and (max-width: 820px) {
    .slide-img {
        height: 700px !important;
        object-fit: cover !important;
    }
}
@media screen and (max-width: 768px)
{
    .carousel-caption {
    top: 20% !important;
}
    .slide-img
    {
        height: 500px !important;
        object-fit: cover !important;
    }   
     .carousel-caption h1
    {
        font-size: 30px;
    } 
    .carousel-caption .btn, .mb-none
    {
        /*display: none !important;*/
    }
    .carousel-caption h1
    {
        /*padding-top: 220px;*/
    }
}
@media screen and (max-width: 650px){
     .carousel-caption h1
    {
        font-size: 30px;
    } 
    .slide-img
    {
        /*height: 600px !important;*/
        object-fit: cover !important;
    }
}
@media screen and (max-width: 500PX){
    .carousel-caption {
    top: 22% !important;
}
}