@font-face {
  font-family: 'Generica Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Generica Regular'), url('../font/Generica.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Generica Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Generica Bold'), url('../font/Generica Bold.woff') format('woff');
  }
:root{
  --first-color: #fa7204;
  --second-color: #fb4750;
  --third-color: #030617;
  --four-color: #fff;
  --five-color: #3e3f15;
  --first-family: "Generica Regular";
  --second-family: "Generica Bold";
  --third-family: 'Montserrat', sans-serif;
  --four-family: 'Poppins', sans-serif;
  

}    
@media (max-width: 1200px){
.hideLess1200{
  display: none;
}
}
.list-style-none{
list-style: none;
}
.four-family{
font-family: var(--four-family);
}
.justify-content-flex-end{
justify-content: flex-end;
}
*{
  padding: 0;
  margin: 0;
}
.position-relative{
position: relative;
}
.font-10{
font-size: 10px;
}
.font-12 {
  font-size: 12px;
}
.font-13 {
  font-size: 13.5px;
}

.font-14 {
  font-size: 13px;
}

.font-15 {
  font-size: 15px;
}

.font-16 {
  font-size: 16px;
}

.font-18 {
  font-size: 18px;
}

.font-20 {
  font-size: 20px;
}

.font-22 {
  font-size: 22px;
}

.font-24 {
  font-size: 24px;
}

.font-26 {
  font-size: 26px;
}

.font-28 {
  font-size: 28px;
}

.font-30 {
  font-size: 30px;
}

.font-32 {
  font-size: 32px;
}

.font-34 {
  font-size: 34px;
}

.font-36 {
  font-size: 36px;
}

.font-38 {
  font-size: 38px;
}

.font-40 {
  font-size: 40px;
}

.font-42 {
  font-size: 42px;
}

.font-44 {
  font-size: 44px;
}

.font-46 {
  font-size: 46px;
}

.font-48 {
  font-size: 48px;
}

.font-50 {
  font-size: 50px;
}

.font-60 {
  font-size: 60px;
}

.font-70 {
  font-size: 70px;
}

.font-80 {
  font-size: 80px;
}
.font-90{
    font-size: 90px;
}
.font-100{
    font-size:100px;
}

.contentScroll-upper {
  height: 70px;
  overflow-y: scroll;
}
#modalForDiscount .modal-content {
background-color: #39409b;
background: url(../img/popup.jpg) no-repeat bottom right/cover
}
.modal-fom input,.modal-fom textarea{border: none;border-bottom: 1px solid #000;border-radius:0;padding-top:30px;background: transparent;}
.modal-fom input::placeholder,.modal-fom textarea::placeholder{color: #000;font-size: 12px;font-weight: 600;}
.btn-submit{background-color: var(--first-color);color: var(--four-color);}
.modalClose{position: absolute;right: 20px;z-index: 1111;}


button:focus{
outline: none;
}

.mySteeperModal{
width: 100% !important;
}



@media(max-width:600px){
.mySteeperModal{
  width: 90% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.floatbutton{
  display: none !important;
}
.font-100{
  font-size: 60px;
}
.font-80{
  font-size:40px;
}
.font-60{
  font-size: 40px;
}
.font-20 {
  font-size: 15px;
}
.font-40{
  font-size: 30px;
}
}
.font-weight-100{
font-weight: 100;
}
.font-weight-200{
font-weight: 200;
}
.font-weight-300{
font-weight: 300;
}
.font-weight-400{
font-weight: 400;
}
.font-weight-500{
font-weight: 500;
}
.font-weight-600{
font-weight: 600;
}
.font-weight-700{
font-weight: 700;
}
.font-weight-800{
font-weight: 800;
}

.line-height-30px{
line-height: 30px;
}
.line-height-20px{
line-height: 20px;
}
.separator {
display: flex;
align-items: center;
text-align: center;
}

.separator::before,
.separator::after {
content: '';
flex: 1;
border-bottom: 1px solid #689aa5;
}
.text-transform-uppercase{
text-transform: uppercase;
}
.mb-8{
margin-bottom: 122px;
}
.separator:not(:empty)::before {
margin-right: 1.25em;
}

.separator:not(:empty)::after {
margin-left: 1.25em;
}

.owl-theme .owl-dots .owl-dot.active span{
background-color: var(--first-color);
}


body{
  font-family: var(--third-family);
  font-size: 19px;
}

.h-100vh{
height: 100vh;
}


.bg-theme{
background-color: var(--first-color);
}
.bg-gray{
background-color: #d2d2d2;
}
.hrTheme{
padding: 0;
margin: 0;
height: 2px;
border: none;
}
.btn-theme {
background: #444444;
color: var(--four-color);
padding: 10px 15px;
border-radius: 0;
font-size: 12px;
font-weight: 600;
letter-spacing: 1.1px;
text-transform: uppercase;
transition: .2s ease-in;
cursor: pointer;
}



/* portfolio section */
.portfolioTabs{
margin-bottom: 18px;
}
.portfolioTabs li a{
font-size: 16px;
font-weight: 500;
text-decoration: none;
font-family: var(--third-family);
color: var(--five-color);
text-transform: uppercase;
}

.portfolioTabs li a.show{
color: var(--first-color);
font-weight: bold;
}

.packagesTabs li a{
font-size: 15px;

line-height: 35px;
}
.packagesTabs li a.show{
color: var(--five-color);
font-weight: bold;
font-size: 18px;
border-bottom: 2px solid var(--first-color);
}




/* packages section  */


.packagesDetailUl {
  list-style: none;
}
.packagesDetailUl li{
  position: relative;
  margin-left: 20px;
  margin-right: 12px;
  font-size: 14px;
  line-height: 1.5;
  /* font-weight:bold; */
}
.packagesDetailUl li:before{
  content: '\f111';
  /* width:5px; */
  font-size: 10px;
  top: 1px;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  color: var(--first-color);
  left: -20px;
  

}

.priceCard{
background: #e7eaeb;
transition: .5s  ease-in;
color: rgba(0, 0, 0, 0.699);
padding: 11px;

}
@media (max-width: 953px){
.priceCard{
  margin: 20px;
}
}

.priceCard:hover{
background: #fff;
box-shadow: 4px 8px 25px #00000038;
transition: .5s  ease-in;
color: var(--five-color);

}
a:hover{
text-decoration: none;
}
.priceCard .blink{
color: var(--first-color) ;
}
.priceCard:hover .blink{
animation: .7s blink infinite;
}

@keyframes blink {
0%{
    color: var(--five-color);
}
100%{
    color: var(--first-color);

}

}

.bottomContentMargin{
margin: 0;
margin-right: 33px;
}




.bottomContent{
position: absolute;
bottom: 10px;
}

@media (max-width:992px){
.bottomContent{
  position: relative;
  /* bottom: 10px; */
}
}
.btn-theme:hover{
background-color: var(--first-color);
transition: .2s ease-in;
}
.btn-border-white{
background:transparent;
color: var(--four-color);
padding: 10px 20px;
border-radius: 0;
font-weight: 400;
border: 1px solid var(--four-color);
}
.first-family{
  font-family: var(--first-family);
}

.second-family{
  font-family: var(--second-family);
}
.third-family{
  font-family: var(--third-family);
}

.navbar-transparent{
  background: transparent;
}
.first-color{
  color: var(--first-color);
}
.second-color{
  color: var(--second-color);
}
.third-color{
  color: var(--third-color) !important;
}
.four-color{
  color: var(--four-color) !important;
}
.five-color{
  color: var(--five-color);
}

.text-black{
  color: #000 !important;
}

.text-transform-uppercase{
  text-transform: uppercase;
}

.header-button {
    border: 2px solid #7c7c7c !important;
    background-color: #7c7c7c;
    padding: 0 10px;
}
.header-button a{
  color: #858889 !important;
  font-family: var(--third-family);
  font-weight:800;
}
.light-green{
color: #6ce0b8;
}
.bg-light-green{
background: #6ce0b8;
}
.gold{
color: #f5b826;
}
.bg-gold{
background: #f5b826;
}
.light-pink{
color: #ff8171;
}
.bg-light-pink{
background: #ff8171;
}
.w-70{
width: 70%;
}
.line-height-25px{
line-height: 25px;
}
.bg-first{
background-color: var(--first-color);
}
.bg-five{
background-color: var(--five-color) !important;
}
.bg-first-hover:hover{
background: var(--first-color) !important;
}
.dropdown-item.active, .dropdown-item:active{
background: transparent;
color: var(--first-color);
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
color: var(--first-color);
}

/* packages and portfolio section */




.scrollContent{
height: 190px;
overflow-y: scroll;
overflow-x: hidden;
}
/* width */
.scrollContent::-webkit-scrollbar,
.scrollContentPortfolio::-webkit-scrollbar,
.contentScroll-upper::-webkit-scrollbar
{
width: 5px;
}

/* Track */
.scrollContent::-webkit-scrollbar-track,
.scrollContentPortfolio::-webkit-scrollbar-track,
.contentScroll-upper::-webkit-scrollbar-track
{
box-shadow: inset 0 0 5px grey; 
border-radius: 10px;
}

/* Handle */

.scrollContentPortfolio::-webkit-scrollbar-thumb 
{
background: var(--first-color); 
border-radius: 10px;
}
.scrollContent::-webkit-scrollbar-thumb,
.contentScroll-upper::-webkit-scrollbar-thumb
{
background: var(--five-color); 
border-radius: 10px;
transition: .4s ease-in;

}
.priceCard:hover .scrollContent::-webkit-scrollbar-thumb,
.priceCard:hover .contentScroll-upper::-webkit-scrollbar-thumb
{
background: var(--first-color); 
border-radius: 10px;
transition: .4s ease-in;
}

/* Handle on hover */
.scrollContent::-webkit-scrollbar-thumb:hover,
.scrollContentPortfolio::-webkit-scrollbar-thumb:hover,
.contentScroll-upper::-webkit-scrollbar-thumb:hover
{
background: #b30000; 
}

.first-color-hover:hover{
color: var(--first-color);
}

.scrollContentPortfolio{
height: 958px;
overflow-y: scroll;
}

.scrollContentPortfolio .col-lg-4.pb-3{
text-align: center;
}
.min-height-100vh{
min-height: 100vh;
}


/* section5 */
.section6 .fa-star{
font-size: 12px;
/* margin-bottom: -15px; */
}
.starPara{
margin:0;
margin-top: -10px;
margin-bottom: 10px;

}
.reviewsCard {
background: #f0f0f0;
color: #989fa9;
transition: .5s  ease-in;
margin-top: 20px;

}
.reviewsCard:hover{
background: #fff;
box-shadow: 4px 8px 25px #00000038;
transition: .5s  ease-in;
color: var(--five-color);
}
.reviewsCard p{
color: var(--five-color);
}
.reviewButton{
/* background: #6ce0b8; */
color: var(--five-color);
font-weight: bold;
border-radius: 50px;
font-size: 11px;
padding: 8px;
text-align:center;
width: 120px;
position: absolute;
bottom: 10px;
left: 10px;

}
.reaviewBody li a{
color: #d6d6d6;
}
.reaviewBody li.active a{
color: var(--five-color);
}
.m-neg-10{
margin-left: -20px;
}
.iconImage-services{
width: 41px;
height: 44px;

}



/* video section  */

.bg-video-wrap {
position: relative;
overflow: hidden;
width: 100%;
height: 100vh;
background: url('http://localhost/koalawebstudio/img/home/backimg.png') no-repeat center center/cover;
}
.headerVideo {
width: 100%;
/* min-height: 100vh; */
z-index: 1;
}
.overlay {
width: 100%;
height: 100vh;
position: absolute;
top: 0;
left: 0;
/* background:#00000075; */
/* background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%); */
background-size: 3px 3px;
z-index: 2;
}
.screen {
  width: 100%;
  height: 450px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.screen img {
  position: absolute;
  left: 0;
  right:0;
  top: 0;
  max-width: 290px;
  transition: transform 1s ease-in-out 0.5s;
  margin:0 auto;
}
.screen:hover img {
  transform: translateY(-50%);
}
.home-form{z-index:9;}
.bnr-slider.slick-slider{z-index:1}

@media(max-width:1000px){
.bg-video-wrap{
height:100vh;
/* display:none; */
}

.bg-video-wrap{
background:url('img/mblVideoBanner.jpg');
background-size:cover;
background-repeat:no-repeat;
}

.headerVideo{
display:none;
}
.overlay {
height:100vh;
}

}
.position-relative{
position:relative;
}

.bottom-button{
/* position:absolute;
bottom: -241px;
left:25%; */

}
.bottom-button button{
margin-left:10px
}
@media (max-width:519px){
.bottom-button{
  /* left:8%; */
}
}
.visibility-hidden{
visibility:hidden;
}

button.play.rounded-box.state-paused {
  display: none;
}
button.play.rounded-box.state-playing {
  display: none;
}
.vp-controls-wrapper ,.vp-controls{
display: none !important;
}



/* video effeect */

video{
object-fit: cover;
}

.myDrop{
width: 100%;
min-height: 617px;
}

.flex-wrap-wrap{
flex-wrap: wrap;
}

.headerContentDrop{
margin-top: 103px;
}
.headerContentDrop .dropdown-item{
margin-top: 18px;
}
.headerContentDrop .dropdown-item img{
margin-right: 20px;
}
.dropdown-item:focus, .dropdown-item:hover{
background-color: transparent;
color: var(--first-color);
/* font-weight: bold; */
transition: .4s ease-in;
}
#modalForDiscount .form-control:focus{
background-color: transparent;
box-shadow: none;
}
.owl-carousel .owl-item img{
width:100%;
margin: auto
}
.section2{
margin-top: -12px;
}
.categoryTesti{
margin-top: -6px;
margin-bottom: 6px;
}

.testimOnialslider .owl-item{
padding-bottom: 22px;
}
.line-height-1{
line-height: 1;
}
.logo-bars-carosel .item img{
/* text-align: center !important; */
width: 63%;
margin-left: auto;
margin-right: auto;
opacity: .7;
}

@media (max-width: 992px){
ul.nav.panel-tabs.d-block.mt-2.justify-content-center.portfolioTabs.packagesTabs {
  text-align: center;
}
ul.nav.panel-tabs.d-block.mt-2.justify-content-center.portfolioTabs.packagesTabs li {
    display: inline;
    margin-left: 13px;
    /* width: 5230px; */
    padding: 12px;
    /* background: red; */
}

}

.myDrop{
background-image:url('../img/services/mega-menu.jpg');
background-size:cover;
}
@media (max-width: 767px){
.myDrop{
  background:none;
}
.headerContentDrop{
  margin-top: 0;
}
.dropdown-item{
  padding: .25rem 0.5rem;
}

}
.owl-theme .owl-nav [class*=owl-]:hover{
background: transparent;
color: var(--first-color);
}

.owl-theme .owl-nav button:focus{
outline: none;

}
.owl-nav {
  text-align: center;
}

@media (max-width: 992px){
.whatExactlyS{
  display: none;
}
.whatExactlySsection{
  padding: 0 !important;
}
.whatExactlySsection .section4{
  background: #d9fbfe;
}
}

.btn-modal{
background: #000 !important;
color: #fff  !important;

}
.btn-modal:hover{
background: var(--first-color) !important;
color: #fff  !important;

}



/* floating icons */

.floatbutton {
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
position: fixed;
right: -370px;
top: 5%;
font-size: 0;
width: 420px;
z-index: 999;
}

.btns_wrap {
position: fixed;
right: -6px;
}

.btns_wrap .chat_wrap {
display: block;
position: absolute;
right: -225px;
width: 280px;
background-color: var(--first-color);
top: 0;
border-radius: 0;
overflow: hidden;
box-shadow: 0 0 40px #00000026!important;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
/* border-radius: 30px 0 0 30px; */
z-index: 9999;
}

.btns_wrap .call_wrap span.icoo, .btns_wrap .chat_wrap span.icoo {
color: #fff;
font-size: 18px;
padding: 15px 20px;
border-right: 1px solid #ded9d9;
vertical-align: middle;
display: inline-block;
/* border-radius: 10px 0 0 10px; */
}


.btns_wrap .chat_wrap span {
color: #fff;
font-size: 20px;
vertical-align: middle;
padding: 15px 30px 15px 15px;
}

.btns_wrap .call_wrap {
width: 280px;
background-color: var(--first-color);
position: absolute;
right: -225px;
top: 63px;
border-radius: 3px 0 0 3px;
overflow: hidden;
box-shadow: 0 0 40px #00000026!important;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
z-index: 9999;
/* border-radius: 30px 0 0 30px; */
}

.floatbutton .clickbutton {
width: 50px;
z-index: 999;
height: 200px;
cursor: pointer;
box-shadow: -20px 7px 18px -7px rgb(87 184 151 / 9%);
/* border-radius: 3px 0 0 3px;
border-radius: 30px 0 0 30px; */
display: inline-block;
padding-top: 0;
vertical-align: top;
margin-top: 125px;
color: #fff;
font-size: 16px;
font-weight: 700;
position: relative;
text-transform: uppercase;
background-color: var(--first-color);
box-shadow: 0 0 40px #00000026;
-webkit-box-shadow: 0 0 40px #00000026;
-ms-box-shadow: 0 0 40px #00000026;
-o-box-shadow: 0 0 40px #00000026;
}

.floatbutton .clickbutton .crossplus {
position: absolute;
display: block;
transform: rotate(
-90deg
);
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
left: -52px;
white-space: pre;
bottom: 87px;
}

.banner-form {
background: #fff;
padding: 30px;
position: relative;
z-index: 99999!important;
border-radius: 5px;
margin: 0;
width: 370px;
display: inline-block;
box-shadow: 0 0 30px #0000001f;
}

.banner-form h3 {
color: #141315;
font-size: 24px;
margin-bottom: 5px;
font-weight: 700;
}

.ban-form input {
width: 100%;
margin: 0;
border: 1px solid lightgray;
background: #fff;
padding: 10px 15px;
color: gray;
font-size: 14px;
border-radius: 3px;
height: 50px;
font-weight: 400;
outline: 0!important;
margin: 0 0 15px 0;
}

.floatbutton.active {
right: 0;
z-index: 9;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
}

.btns_wrap a:hover {
text-decoration: none!important;
right: 0;
}

.btns_wrap .call_wrap span {
color: #fff;
font-size: 20px;
vertical-align: middle;
padding: 15px 20px 15px 15px;
}

.bg-first{
background-color: var(--first-color) !important;
color: #fff!important;
}

.ban-form textarea {
width: 100%;
border: 1px solid lightgray;
background: #fff;
padding: 10px 15px;
color: gray;
font-size: 14px;
border-radius: 3px;
font-weight: 400;
height: 120px;
outline: 0!important;
margin: 15px 0 0 0;
resize: none;
}

.owl-carousel .owl-item img {
display: block;
/* width: auto !important; */
margin: 0 !important;
}

.userImage{
width: 100% !important;
}













#modalForDiscount .modal-content{
background-color: #39409b;
/* background: url('../images/popup.jpg')no-repeat center/cover; */
}
.modal-content {
  background-color:#f9e483;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.modal-custom .modal-header {
 background: #ffa739;
 border-radius: 6px 6px 0 0;
}
.modal-custom .modal-header h4 {
color:#fff;
}

.modal-body {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem;
background-color: #f9e483;
border-radius: 12px;
}

.radioText input{
align-self:center;
margin-top: -12px;
}



.sw-theme-default {
  border: 0px solid #EED !important;
}


.other {
border-color: #000000 !important;
background: #c7a50087 !important;
padding: 5px !important;
border-radius: 5px !important;
}


.sw-btn-prev{
color: #fff;
background-color:#263055 !important;
border: 1px solid#263055 !important;
padding: 0.375rem 0.75rem;
border-radius: 0.25rem;
font-weight: 400;
}
.sw-btn-next{
color: #fff;
background-color:#263055 !important;
border: 1px solid#263055 !important;
padding: 0.375rem 0.75rem;
border-radius: 0.25rem;
font-weight: 400;
}
.counter {
  display: block;
}
.counter ul {
  display: inline-block;
  width: 100%;
  margin-bottom: -6px;
  font-size: 0;
}
.counter ul li:nth-child(1) {
  background: #ffa739;
}
.counter ul li {
  width: 25%;
  float: left;
  padding: 30px 50px;
}
.counter ul li:nth-child(2) {
  background: #fb5f39;
}
.counter ul li a figure {
  float: left;
  width: 25%;
  margin-bottom: 0;
}
.counter ul li a .wrap {
  width: 70%;
  float: right;
  color: #fff;
  font-size: 22px;
  /* margin-left: 45px; */
  padding-top: 5px;
}
.counter ul li a figure img {
  max-width: 64px;
}
.counter ul li a .wrap p {
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
}
.counter ul li:nth-child(3) {
  background: #921a5e;
}
.counter ul li:nth-child(4) {
  background: #32347a;
}
@media only screen and (max-width: 767px) and (min-width: 0px){
.counter ul li {
    width: 100% !important;
}
.userImage{
  width: 20% !important;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 0px){
  .counter ul li {
    width: 25%;
    float: left;
    padding: 30px 27px;
  }
  }
  .counter ul li a .wrap p
{
  height: 70px;
}