@font-face {
    font-family: 'Bebas';
    src: url('Bebas.eot');
    src: url('Bebas.eot?#iefix') format('embedded-opentype'),
        url('Bebas.woff2') format('woff2'),
        url('Bebas.woff') format('woff'),
        url('Bebas.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mega Fresh';
    src: url('MegaFresh.eot');
    src: url('MegaFresh.eot?#iefix') format('embedded-opentype'),
        url('MegaFresh.woff2') format('woff2'),
        url('MegaFresh.woff') format('woff'),
        url('MegaFresh.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body,html{}
body{font-family: 'PT Sans', sans-serif; font-weight: normal; background: #fff; line-height: 1.5; color: #36445a; position: relative; height: 100%; overflow-x: hidden; font-size: 18px}
.light{font-weight: 300}
.regular,.normal{font-weight: normal}
.medium{font-weight: 500}
.semibold{font-weight: 600}
.bold{font-weight: bold}
.heavy{font-weight: 900}
p{margin-bottom: 20px;}
b,strong{font-weight: bold}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat'; font-weight: 500;}

h1{font-size:40px;font-family: 'Montserrat'}
h2{font-size:36px; font-family: 'Montserrat'; margin-bottom: 30px;}
h3{font-size:30px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
a:hover,a:focus,a:active, button:hover,button:focus,button:active{outline: 0;}
button,a{outline: none; outline: 0}
.btn:focus{box-shadow: none!important}
a{color: #007fff}

.btn{border-radius: 22px; padding: 12px 30px; font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-family: 'Montserrat'}

.btn-primary,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{background: #691e59; border-color:#691e59;transition: ease-in-out 0.3s}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background: #fff;border-color: #691e59; color: #691e59}

.btn-outline-primary{background: #e4e3de; border-color:#691e59; color: #691e59; transition: ease-in-out 0.3s}
.btn-outline-primary:hover,.btn-outline-primary:active,.btn-outline-primary:focus{background: #691e59;border-color: #691e59; color: #fff}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle,.btn-secondary{background: #e4e3de; border-color:#e4e3de;color: #691e59;transition: ease-in-out 0.3s}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active{background: #691e59;border-color: #691e59; color: #fff}

.lead{font-size: 18px}
.color-333{color: #333}
.color-666{color: #666}
.color-999{color: #999}
.color-aaa{color: #aaa}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{width: 36px; height: 36px; font-size: 20px; line-height: 36px; padding: 0; background: rgba(0,0,0,0.4); color: #fff; z-index: 100; border-radius: 50%; margin: 0}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{background: rgba(0,0,0,0.8); color: #fff;}
.owl-theme .owl-nav{position: absolute; top: 50%; left: -22px; right: -22px; transform: translateY(-50%); z-index: 5}
.owl-theme .owl-dots {position: absolute; margin: 0; z-index: 6; left: 50%; bottom: -30px;transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.owl-theme .owl-dots .owl-dot span{width: 14px ; height: 14px; border-radius: 50%; margin: 5px; background: #777}
.owl-theme .owl-dots .owl-dot.active span{background: #000}
.owl_courses.owl-theme .owl-dots .owl-dot.active span{background: #fff}
.owl-prev{position: absolute; left: 5px; top: 50%; transform: translateY(-50%)}
.owl-next{position: absolute; right: 5px; top: 50%; transform: translateY(-50%)}
.owl_home_main h1{font-size: 30px}
.navbar-toggler i{color: #fff}
.navbar-toggler.collapsed .la-times{display: none}
.navbar-toggler.collapsed .la-bars{display: block}
.navbar-toggler .la-times{display: block}
.navbar-toggler .la-bars{display: none}

header{background: #fff; line-height: 1.2; padding: 6px 0}
header i{background: #1aa8ce; color: #fff; width: 32px; height: 32px; text-align: center; line-height: 30px!important; border-radius: 50%}
header a{color: #000; font-size: 17px}

.navbar-brand img{max-height: 50px; margin: 5px 0; transition: ease-in-out 0.4s}

.navbar{background: transparent; padding: 0 50px}
.navbar .container-fluid{padding: 0; border-bottom: 1px solid rgba(245,209,178,0.4)}
.fixed.navbar .container-fluid{border-bottom: 1px solid rgba(245,209,178,0)}

.fixed.navbar{background: rgba(0,0,0,0.9)}

.mainnav .nav-link{padding: 10px 20px!important; color: #fff; font-size: 15px; font-family: 'Montserrat'; font-weight: 500}
.mainnav .nav-link:hover{color: #ffd8b3}

.socialnav .nav-item.title{padding: 10px 5px; color: #ddd;font-size: 15px; font-family: 'Montserrat'; font-weight: 500}
.socialnav .nav-link{padding: 10px 5px!important; color: #fff;}

.dropdown-menu{border-radius: 0}
.dropdown-item{padding: 8px 18px; transition: ease-in-out 0.2s}
.dropdown-item:hover{background: #691e59; color: #fff}

/*home banner*/
.sec-homebanner{}
.owl_home_main .item .content{position: absolute; left:0; right: 0; top: 50%; transform: translateY(-50%); z-index: 5}
.owl_home_main  h5{font-size: 20px; color: #fff; letter-spacing: 2px; text-transform: uppercase}
.owl_home_main  h1{color: #e2a453; text-shadow: 0 10px 10px #000;}
.owl_home_main  h1 span{color: #ffd8b3;}
.owl_home_main  p{margin-bottom: 20px; color: #ffd8b3}

.owl_home_main.owl-theme .owl-dots {bottom: 0}
.owl_home_main .owl-nav{left: 20px; right: 20px; transform: translateY(-50%); z-index: 5}
.text-dark{color: #4c2b20!important}
/*home welcome*/
.sec-home-welcome{position: relative; z-index: 10; padding-bottom: 50px}
.sec-home-welcome p{font-size: 16px}
.sec-home-welcome .flower{position: absolute; bottom: 0; right: 0; z-index: 0}

.home-offer{background:url(../images/offer.png) no-repeat; background-size: cover; height: 320px; background-position: bottom center; position: relative; z-index: 5; margin-top: 0; }
.home-offer h4{font-family: 'Bebas'; font-size: 36px; color: #fff; margin: 0 20px 0 0}
.home-offer h3{font-family: 'Bebas'; font-size: 50px; color: #fff; margin: 0 20px 0 0 }
.home-offer h3 span{color: #450611;}
.text-black{color: #000;}
.home-brands{position: relative; z-index: 3; margin-top: -60px;}
.home-brands h2{position: absolute; top: 60px; left: 50%; transform: translateX(-50%); z-index: 5}

h2.bottomborder{position: relative; display: inline-block}
h2.bottomborder:after{position: absolute;content: ''; width: 75px; height: 6px; bottom: -10px; background: #cb8648; left: 50%; transform: translateX(-50%); z-index: 5}

/*home info*/

/*home services*/
.card-franchise {border: 0; border-radius: 10px; transition: ease-in-out 0.3s; max-width: 400px; margin: 10px auto}
.card-franchise:hover {box-shadow: 0 5px 30px #000}
.card-franchise .btn-primary{position: absolute; top: -50px; opacity: 0; left: 50%; transform: translateX(-50%); white-space: nowrap; z-index: 10}
.card-franchise:hover .btn-primary{top: 40%; opacity: 1}
.card-franchise:hover{text-decoration: none; margin-top: -5px}
.card-franchise .card-header{; border: 0; border-radius: 5px 5px 0 0; background: #fff;}
.card-franchise .card-header img{max-width: 100%; width: auto; margin: 0 auto; display: block}
.card-franchise .card-body{border: 0; border-radius: 0 0 5px 5px; position: relative; min-height: 150px }
.card-franchise .card-body p{color: #666; margin: 0;}
.card-franchise:hover .card-body p{color: #000}
/*home testimonial*/

.owl_franchise {}
.owl_franchise .item{padding: 0 30px}
.owl_franchise .owl-stage-outer{padding: 15px 0}
.owl_franchise .card{transition: ease-in-out 0.2s; position: relative; text-align: center}
.owl_franchise .card:hover{box-shadow: 0 5px 10px #aaa;margin-top: -5px}
.owl_franchise .card h4{color: #1aa8ce; margin-bottom: 15px}
.owl_franchise .card i{margin: 0 2px; color: #1aa8ce; font-size: 20px}

.home-testimonial{background: #eae5e2}
.home-testimonial h5{font-weight: bold}
.home-testimonial h5 small{font-weight: normal; color: #4f3a10}

.owl_testi.owl-carousel .owl-item img{max-width: 100%; width: auto}

footer{background: #262524; color: #fff; position: relative; font-size: 14px}
.divider{position: absolute; top: -1px; left: 50%; transform: translateX(-50%); z-index: 5}
footer a{color: #fff; display: inline-block; padding: 4px 6px;}
footer a:hover{color: #ffd8b3; text-decoration: none}
footer h3{margin-bottom: 20px; font-weight: normal}
footer h4{margin-bottom: 20px;  font-weight: normal}
.list-contact{margin-bottom: 40px}
.list-contact li{display: flex; margin-bottom: 10px}
.list-contact li i{width: 30px; height: 30px; background: #fff; color: #333; text-align: center; border-radius: 50%; line-height: 30px; font-size: 18px; margin-right: 10px}
.list-contact li a{color: #fff;}
.list-contact li a:hover{text-decoration: none; color: #1aa8ce}

.list-social {display: inline-block}
.list-social li {display: inline-block}
.list-social li a{padding: 0}
.list-social li i{width: 36px; height: 36px; background: #000; color: #fff; text-align: center; border-radius: 50%; line-height: 36px; font-size: 18px; margin-right: 7px; transition: ease-in-out 0.2s}
.list-social li a:hover i{background: #fff;}
.list-social .fb i{background: #3b5998}
.list-social .fb:hover i{color: #3b5998}
.list-social .tw i{background: #00aced}
.list-social .tw:hover i{color: #00aced}
.list-social .yt i{background: #c00}
.list-social .yt:hover i{color: #c00}
.list-social .ln i{background: #007bb5}
.list-social .ln:hover i{color: #007bb5}
.list-social .ins i{background: #cb8648}
.list-social .ins:hover i{color: #cb8648}

.static-banner{position: relative;box-shadow: 0 10px 30px -15px #999; border-bottom: 1px solid #fff}
.static-banner h2{position: absolute; color: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 3px #000}

.cmspages,.cmspages p, .cmspages .form-control{font-size: 16px}
.cmspages h1,.cmspages h2,.cmspages h3,.cmspages h4,.cmspages h5,.cmspages h6{font-family: 'Montserrat'; font-weight: 500; margin: 0; line-height: 1.4;color:#000; display: block}
.cmspages h1{font-size:36px; margin: 0 0 20px}
.cmspages h2{font-size:30px; margin: 15px 0; color: #777}
.cmspages h3{font-size:24px; margin: 15px 0}
.cmspages h4{font-size:22px; margin: 15px 0;  color: #777}
.cmspages h5{font-size:20px; margin: 15px 0}
.cmspages h6{font-size:18px; margin: 15px 0}
.cmspages ul{padding: 0; margin: 0}
.cmspages ul li{list-style: none}
.cmspages a:hover,.cmspages a:focus,.cmspages a:active, .cmspages button:hover,.cmspages button:focus,.cmspages button:active{outline: 0;}
.cmspages button,.cmspages a{outline: none; outline: 0}
.cmspages img{margin-bottom: 1rem; max-width: 100%; height: auto}
.cmspages p{text-align: justify}

.cmspages  ul,.cmspages  ol {margin: 0 0 1rem; padding: 0}
.cmspages  ul ul,.cmspages  ol ol{margin-bottom: 0}
.cmspages  ul ul ul,.cmspages  ol ol ol{margin-bottom: 0}

.cmspages ul li{list-style: none; position: relative; padding-left: 30px; margin: 5px 0}
.cmspages ul li:before{content: '\f105'; font-family: 'Line Awesome Free'; font-weight: 900; color: #2679ff; position: absolute; top: 0; left: 0;}
.cmspages ul ul li:before{content: '\f04b'; font-family: 'Line Awesome Free'; font-weight: 900; color: #2679ff; position: absolute; top: 0; left: 0;}
.cmspages ul ul ul li:before{content: '\f00c'; font-family: 'Line Awesome Free'; font-weight: 900; color: #2679ff; position: absolute; top: 0; left: 0;}

.cmspages ol li{position: relative; padding-left: 0; margin: 5px 0}
.cmspages ol ol li,.cmspages ol ol ol li{padding-left: 30px;}

.cmspages ol { counter-reset: item }
.cmspages ol li { display: block }
.cmspages ol li:before { content: counters(item, " . ") " "; counter-increment: item; padding-right: 20px }

.cmspages blockquote {background: #f9f9f9;border-left: 10px solid #ccc;margin: 1.5em 10px;padding: 0.5em 10px;quotes: "\201C""\201D""\2018""\2019";}
.cmspages blockquote:before {color: #ccc;content: open-quote;font-size: 4em;line-height: 1px;margin-right: 0.25em;vertical-align: -0.4em;}
.cmspages blockquote p {display: inline;}
.cmspages blockquote h2,.cmspages blockquote h3,.cmspages blockquote h4,.cmspages blockquote h5,.cmspages blockquote h6 {margin-top: 0}
.cmspages table{margin-bottom: 20px}


.banner-inner{background-size: cover; background-position: center; position: relative; height: 500px; margin-bottom: 40px}
.banner-inner h2{position: absolute; margin: 30px 0 0 ; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; white-space: nowrap; color: #fff; text-align: center; text-shadow: 0 10px 10px #000;}
.form-group label{margin-bottom: 5px;}
.form-group{margin-bottom: 20px;}
.form-control{padding: 10px 10px 10px 20px; min-height: 40px; background: #f9f9f9; border-radius: 20px}
.custom-file,.custom-file-input{padding: 0; min-height: 40px; background: #f9f9f9; border-radius: 20px}
.custom-file-label{padding: 6px 10px 10px 20px; margin: 0!important; min-height: 40px; background: #f9f9f9; border-radius: 20px}
.custom-file-label::after{border-radius: 0 20px 20px 0; padding: 6px 20px}
/* careers */
.card-career{transition: ease-in-out 0.3s; box-shadow: 0 0 20px #eee; background: #f5f5f5}
.card-career:hover{box-shadow: 0 0 30px #bbb; background: #f0f0f0; text-decoration: none}
.card-career {color: #555}
.card-career h4{color: #000; margin-top: 0}

.icon-box {
  margin-top: 25px;
}
.icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 5px 0 10px 60px;
}
.icon-box i {
  font-size: 48px;
  float: left;
  color: #691e59;
}
.icon-box p {
  font-size: 15px;
  color: #90847f;
  margin-left: 60px;
}

section.contact{padding: 30px 0 60px;}
section.about-us{padding: 30px 0 60px;}
section.team{padding: 50px 0; margin-bottom: 40px}
section.clients{padding: 20px 0 60px;}

.section-bg {
  background-color: #f6f3f2;
}

.section-title {
  padding-bottom: 30px;
  text-align: center;
}
.section-title h2 {
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 20px;
  padding-bottom: 0;
  color: #65534c;
}
.section-title h2 strong {
  font-weight: 700;
}
.section-title p {
  margin-bottom: 0;
}
.team .member {
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.team .member .member-img {
  position: relative;
  overflow: hidden;
}
.team .member .social {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 40px;
  opacity: 0;
  transition: ease-in-out 0.3s;
  background: rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
}
.team .member .social a {
  transition: color 0.3s;
  color: #2b2320;
  margin: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.team .member .social a:hover {
  color: #691e59;
}
.team .member .social i {
  font-size: 18px;
  line-height: 0;
}
.team .member .member-info {
  padding: 25px 15px;
}
.team .member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
  color: #2b2320;
}
.team .member .member-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #b4aca8;
}
.team .member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #847872;
}
.team .member:hover .social {
  opacity: 1;
}

.clients .clients-wrap {
  border-top: 1px solid #f1eeed;
  border-left: 1px solid #f1eeed;
}
.clients .client-logo {
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #f1eeed;
  border-bottom: 1px solid #f1eeed;
  overflow: hidden;
  background: #fff;
  height: 100px;
}
.clients .client-logo img {
  transition: all 0.3s ease-in-out;
  height: 36px;
  filter: grayscale(100%);
}
.clients .client-logo:hover img {
  filter: none;
  transform: scale(1.1);
}

.contact .info-wrap {
  
}
.contact .info {
  background: #fff;
}
.contact .info i {
  font-size: 20px;
  color: #691e59;
  float: left;
  width: 44px;
  height: 44px;
  background: #ffeee8;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}
.contact .info h4 {
  padding: 0 0 0 60px;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #2b2320;
}
.contact .info p {
  padding: 0 0 0 60px;
  margin-bottom: 0;
  font-size: 14px;
  color: #65534c;
}
.contact .info:hover i {
  background: #691e59;
  color: #fff;
}
.contact .php-email-form {
  width: 100%;  
  background: #fff;
}
.contact .php-email-form .form-group {
  padding-bottom: 8px;
}
.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}
.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}
.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}
.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}
.contact .php-email-form input {
  height: 44px;
}
.contact .php-email-form textarea {
  padding: 10px 12px;
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media screen and (min-width: 1250px){
    
}
@media screen and (max-width: 1400px){


}
@media screen and (max-width: 1200px){
.container{width: 100%; max-width: 100%;}
.owl-theme .owl-nav{left: -12px; right: -12px;}
.owl-carousel{padding-left: 30px; padding-right: 30px;}
.owl-theme.owl_home_main .owl-nav{left: 20px; right: 20px;}
.owl-carousel.owl_home_main{padding-left: 0; padding-right: 0;}
}

@media screen and (max-width: 1199px){

}

@media screen and (max-width: 1024px){

}

@media screen and (max-width: 991px){    
.navbar{padding: 0 15px}
.navbar .container-fluid{border: 0}
.owl_home_main h1{margin: 0; font-size: 25px}
footer{text-align: center}
.list-contact li{display: block}
.navbar-expand-lg .navbar-nav .nav-link{padding:10px 15px;}
#collapsibleNavbar{position: absolute; top: 100%; left: 0; right: 0; z-index: 999; background: #262524; padding: 10px 0}
.home-brands h2.text-black{color: #fff!important}
.socialnav {display: block; padding-left: 16px}
.socialnav .nav-item {display: inline-block}
.banner-inner{height: 350px}
}
@media screen and (max-width: 767px){

}
@media screen and (max-width: 640px){
.owl_home_main h5,.owl_home_main p, .owl_home_main .btn{display: none}
}
@media screen and (max-width: 575px){
.card-franchise .card-header{height: auto}
.card-franchise-inner .card-header{height: auto}
.navbar-brand img{max-height: 40px}
.owl_home_main h1{font-size: 20px; margin-bottom: 20px}
.navbar.fixed-top{position: relative!important; background: #111; border: 0}
h2{font-size: 40px}
.home-offer{background-position: 70% 0; height: auto; text-align: center; margin-top:-75px}
.home-offer .container{padding: 10px 15px 50px}
.home-offer .container .btn{margin:20px 0 50px}
.home-brands{margin-top: -105px}
.home-brands h2{top: 15px}
.sec-home-welcome .flower{display: none}
.owl_franchise {padding: 0}
.home-offer h4{color: #a3287d}
.banner-inner{height: 250px}
}
@media screen and (max-width: 480px){

}
@media screen and (max-width: 375px){
footer a{padding: 4px 1px}
}
@media screen and (max-width: 360px){

}
@media screen and (max-width: 320px){

}