#home_banner_fr .bannercontainer{position:relative;
width:100% !important;
height:calc(100vh - 55px);}

#home_banner_fr .banner{position: absolute;
z-index: 1;
width: 100%;
height: calc(100vh - 55px) !important;}

#home_banner_fr .slotholder:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(82, 76, 155, 0.76);
z-index: 2;
}
#home_banner_fr .images-banner img {
    width: auto !important;
    height: 60vh !important;
}
#home_banner_fr .apex-slider-shadow.apex-slider-shadow3 {
display: none;
}
#home_banner_fr .apex-slider .caption {
width: 100%;
    left: 0 !important;
    right: 0 !important;
    margin: 0px auto;
    text-align: center;
    top: 0px !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
z-index: 3;
}

h3 {
font-family: 'Ebrima';
font-weight: bold;
font-size: 60px;
color: #fff;
margin-top: 49px;
}
h3 a, h5 a {
color: #fff !important;
text-decoration: none !important;
}
h5 {
font-family: 'Ebrima';
font-weight: bold;
font-size: 40px;
color: #fff;
}
#home_banner_fr .apex-slider img {
display: inline-block;
}
#home_banner_fr .txt-banner {
margin-top: 10px;
}
#home_banner_fr .apex-slider-shadow.apex-slider-shadow1 {
display:none;
}
#home_banner_fr .apex-slider .timer-bottom {
top: 0!important;
}
#home_banner_fr .bullets {
display: none;
}
#home_banner_fr .arrows {
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute;
    z-index: 999;
    bottom: 50px;
    right: 85px;
    float: left;
    cursor: pointer;
}
#home_banner_fr .leftarrow:before {
font-family: 'Linearicons-Free';
    content: "\e879";
    font-size: 18px;
    color: #fff;
    position: absolute;
    right: 1px;
-webkit-transition: margin 200ms;
    transition: margin 200ms;
    -webkit-transition: .5s;
    transition: .5s;
}
#home_banner_fr .leftarrow:hover:before {
    -webkit-animation: color_change 1s alternate;
    -moz-animation: color_change 1s alternate;
    -ms-animation: color_change 1s alternate;
    -o-animation: color_change 1s alternate;
    animation: color_change 1s alternate;
    right: 8px;
}
#home_banner_fr .rightarrow:before {
    font-family: 'Linearicons-Free';
    content: "\e87a";
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 1px;
-webkit-transition: margin 200ms;
    transition: margin 200ms;
    margin-left: .75em;
    -webkit-transition: .5s;
    transition: .5s;
}
#home_banner_fr .rightarrow:hover:before {
    -webkit-animation: color_change 1s alternate;
    -moz-animation: color_change 1s alternate;
    -ms-animation: color_change 1s alternate;
    -o-animation: color_change 1s alternate;
    animation: color_change 1s alternate;
    left: 8px;
}
@media screen and (max-width: 993px) {
#home_banner_fr .arrows{
    right: 0;
    left: 0;
    text-align: center;
    margin: 0px auto;
    width: 0%;
}
h3 {
    font-size: 45px;
}
h5 {
font-size: 30px;
}
}
@media screen and (max-width: 768px) {
#home_banner_fr .banner,  .bannercontainer {
    height: 550px !important;
}
#home_banner_fr .apex-slider .slotholder * {
    width: 100% !important;
    height: 550px !important;
}
#home_banner_fr .apex-slider a img {
width: auto !important;
height: auto !important;
max-width: 150px !important;
}
#home_banner_fr .apex-slider .caption {
    top: 30px !important;
}
h3 {
    font-size: 35px;
}
h5 {
font-size: 20px;
}
}

@media screen and (max-width: 530px) {
#home_banner_fr .banner,  .bannercontainer {
    height: 350px !important;
}
#home_banner_fr .apex-slider .slotholder * {
width: 100% !important;
    height: 350px !important;
}
#home_banner_fr .apex-slider .caption {
    top: 10px !important;
}
h3 {
    font-size: 25px;
    margin-top: 25px;
padding-left: 10px;
    padding-right: 10px;
}
h5 {
 font-size: 15px;
padding-left: 10px;
    padding-right: 10px;
}
#home_banner_fr .arrows {
bottom: 35px;
}
#home_banner_fr .apex-slider a img {
    max-width: 100px !important;
}
}
#home_banner_fr .mask-img {
margin: 20px auto;
  display: block;
  width: 100% !important;
  height: 487px !important;
  -webkit-mask-image: url(/Files/App_002/images//mask-image.png);
  mask-image: url(/Files/App_002/images//mask-image.png);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

@-webkit-keyframes color_change {
	from { color: #fff; }
	to { color: #c0a360; }
}
@-moz-keyframes color_change {
	from { color: #fff; }
	to { color: #c0a360; }
}
@-ms-keyframes color_change {
	from { color: #fff; }
	to { color: #c0a360; }
}
@-o-keyframes color_change {
	from { color: #fff; }
	to { color: #c0a360; }
}
@keyframes color_change {
	from { color: #fff; }
	to { color: #c0a360; }
}