h1, h2, h3, h4, h5, h6 ,p {
  font-family: "Roboto Condensed",sans-serif;
}
p{
  color: #383636;
}
/* .carousel-caption h1, h2, h3, h4, h5, h6 {
color: #ffffff;
} */
a, a:hover, a:focus, a:active {
text-decoration: none;
outline: none;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}

header {
position: relative;
width: 100%;
background: rgb(0, 0, 0);
z-index: 99;
}
/*---------header close----------*/
/*-----------header-top------------*/
.header-top {
padding: 12px 0px 15px 0px;
background: #ed1c24;
}
.left_info ul li {
display: inline-block;
margin-right: 10px;
}

.left_info a {
color: #fffefe;
font-size: 14px;
font-weight: 500;
}

.left_info i.fa {
font-size: 19px;
color: #fff;
padding-right: 10px;
}

.right_info p {
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 20px;
margin: 0;
}

.left_info {
text-align: right;
}

.right_info i.fa {
font-size: 26px;
margin-right: 10px;
position: relative;
bottom: -4px;
}

header i.fa.fa-mobile {
bottom: -4px;
font-size: 26px;
position: relative;
border: 40px;
font-weight: 500;
}

.left_info ul li:last-child {
margin: 0px !IMPORTANT;
}
.header-main {
padding: 10px 0;
border-top: 1px solid #d51119;
background: white;
}
/*-----------header-top Close------------*/
/*-----------header-menu------------*/
nav#cssmenu ul {
float: right;
margin-top: 13px;
}
.logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:#6DDB07;float:left;}
.logo img {
max-width: 170px;
}
.logo a{color:#6DDB07;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a {
padding: 9px 17px;
font-size: 16px;
letter-spacing: 1px;
text-decoration: none;
color: #2e0708;
font-weight: 600;
font-family: "Roboto Condensed",sans-serif;
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
color: #fff;
}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
background: #f82249!important;
-webkit-transition: background .3s ease;
-ms-transition: background .3s ease;
transition: background .3s ease;
}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:17px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before {
position: absolute;
top: 14px;
right: 14px;
display: block;
width: 2px;
height: 8px;
background: #ddd;
content: '';
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;
}

#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul {
position: absolute;
left: -9999px;
margin-top: 0;
}
#cssmenu ul ul li
{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a {
border-bottom: 1px solid rgba(150,150,150,0.15);
padding: 11px 15px;
width: 190px;
font-size: 12px;
text-decoration: none;
color: #ddd;
font-weight: 400;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:991px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li {
width: 100%;
border-top: 1px solid #444;
float: left;
}
#cssmenu ul li:hover{
background: transparent !important;
}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

img{
width: 100%;
}
div#slider-home .carousel-item::before {
background: #0000005c;
content: "";
position: absolute;
width: 100%;
height: 100%;
}
#slider-home h3 {
text-transform: capitalize;
font-size: 50px;
}

#slider-home p {
font-size: 23px;
}

#slider-home .btn {
background: #f82249;
color: #fff;
padding: 12px 30px !important;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 10px;
margin-bottom: 30px;
}
#slider-home .btn:hover{
background: #ffffff;
color: #f82249;
}
.fontStyle2 {
  font-family: 'Manrope', sans-serif;
}

.fontStyle1 {
  font-family: 'Anton', sans-serif;
  color:#000;
}

.compact {
  line-height: 1.5em
}

a.customNav {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  min-width: 80px;
  text-align: center;
  border-right: 1px solid #e55c69;
  padding: 14px 18px;
}

a.active,
a.customNav:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: transparent
}

@media screen and (min-width:797px) {
  #bottomNavbar.collapse {
    display: block
  }
}

@media screen and (max-width:796px) {
  #bottomNavbar {
    padding: 14px;
  }

  #bottomNavbar a.customNav {
    display: block !important;
    border: none;
    background: rgba(0, 0, 0, 0.2);
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: -5px;
    margin-right: -5px;
  }

  #removeFlex {
    display: block !important;
    text-align: center
  }
}
#scrollContent {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  white-space: nowrap;
}

#scrollContent>div {
  display: flex;
  animation: textScrollEffect 12s infinite linear;
}

@keyframes textScrollEffect {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(-50%);
  }
}