/* ===================================

    About

====================================== */



/*

    Theme Name: MegaOne

    Theme URI:

    Author: Themes Industry

    Author URI:

    Description: One Page Parallax Template

    Tags: one page, multipurpose, parallax, creative, html5



 */

/*==============================

      Table of Content

================================*/



/*

- fonts

- body

- other settings

- general

- rev slider

- navbar

- our menu

- our story

- portfolio

- counters

- parallax

- pricing

- blog

- blog-page

- footer

- media query



*/



/*=============================

     End Of Content

============================*/



/*=========================

   Google Fonts

=========================*/

@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700");

@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");



body {

  overflow-x: hidden;

}



.wrapper {

  margin-left: 0;

  display: block;

  width: 100%;

  float: left;

  transition: 0.8s ease;

}



.Montserrat {

  font-family: "Montserrat", serif;

}



.rev_slider_wrapper {

  right: auto !important;

  left: auto !important;

}



.Roboto {

  font-family: "Roboto", sans-serif;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Montserrat", serif;

}



p {

  font-family: Roboto, sans-serif;

  font-size: 16px;

  font-weight: 400;

  color: #444444;

  line-height: 1.5rem;

}



footer p {

  font-size: 14px;

}



/*========================

   General

=======================*/



section,

.section-padding {

  position: relative;

  padding: 4.5rem 0;

}



.h-100vh {

  height: 100vh;

}



a,

a:active,

a:focus,

a:hover {

  text-decoration: none !important;

  outline: none;

}



a:hover {

  color: #ff5606;

}



ol,

ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



.heading-space {

  padding-bottom: 130px;

}



.text-1 {

  display: flex;

  flex-direction: column;

}



/* opacity */

.opacity-full {

  opacity: 1;

}



.opacity-3 {

  opacity: 0.3;

}



.opacity-4 {

  opacity: 0.4;

}



.opacity-5 {

  opacity: 0.5;

}



.opacity-6 {

  opacity: 0.6;

}



.opacity-7 {

  opacity: 0.7;

}



.opacity-8 {

  opacity: 0.8;

}



.opacity-9 {

  opacity: 0.9;

}



.opacity-0 {

  opacity: 0;

}



.dnone {

  opacity: 0;

  visibility: hidden;

  display: none;

}

.top1{
    margin-top: 120px;
}

/*font-weight*/

.font-weight-100 {

  font-weight: 100;

}



.font-weight-300 {

  font-weight: 300;

}



.font-weight-500 {

  font-weight: 500;

}



.font-weight-600 {

  font-weight: 600;

}



/* z index */

.z-index-1 {

  z-index: 1;

}



.z-index-2 {

  z-index: 2;

}



.z-index-2 {

  z-index: 3;

}



.z-index-2 {

  z-index: 4;

}



.z-index-2 {

  z-index: 5;

}



/* button */

.btn {

  display: inline-block;

  font-size: 17px;

  border: 1px solid transparent;

  letter-spacing: 0.5px;

  line-height: inherit;

  border-radius: 0;

  text-transform: capitalize;

  width: auto;

  font-family: "Roboto", sans-serif;

  font-weight: 500;

  transition-duration: 0.3s;

  transition: all 0.3s !important;

  transition-timing-function: ease-in-out;

}



/* button size */

.btn.btn-small {

  font-size: 11px;

  padding: 4px 24px;

}



.btn.btn-medium {

  font-size: 12px;

  padding: 6px 25px 5px;

}



.btn.btn-large.rev-slider {

  font-size: 17px;

  padding: 12px 32px;

  line-height: 25px;

  letter-spacing: 0.5px;

}



.btn.btn-rounded {

  border-radius: 50px;

}



.btn.btn-large {

  font-size: 14px;

  padding: 9px 34px;

  line-height: 25px;

  letter-spacing: 0.5px;

}



/* button background */

.btn.btn-green {

  background: #84b813;

  border-color: #84b813;

  color: #ffffff !important;

  transition: 1s;

}



.btn.btn-green:hover {

  background: #444444 !important;

  border-color: #444444;

  color: #ffffff !important;

  transition: 1s;

}



.btn.btn-gradient {

  color: #ffffff !important;

  flex: 1 1 auto;

  background-size: 200% auto;

  transition: 1s;

  background: linear-gradient(to right, #fc2a40, #ff5606);

}



.btn.btn-gradient:hover {

  background: #84b813 !important;

  border-color: #84b813;

  color: #ffffff !important;

  transition: 1s;

}



/*icon bg bover */

.facebook-bg-hvr:hover {

  background: #4267b2 !important;

  color: #fff !important;

}



.twitter-bg-hvr:hover {

  background: #1da1f2 !important;

  color: #fff !important;

}



.instagram-bg-hvr:hover {

  background: linear-gradient(to bottom, #aa2fb5 0%, #f1762c 93%) !important;

  color: #fff !important;

}



.linkedin-bg-hvr:hover {

  background: #0077b5 !important;

  color: #fff !important;

}



.pinterest-bg-hvr:hover {

  background: #bd081c !important;

  color: #fff !important;

  border: 1px solid #bd081c !important;

}



.google-bg-hvr:hover {

  background: #db4437 !important;

  color: #fff !important;

  border: 1px solid #db4437 !important;

}



.mail-bg-hvr:hover {

  background: #c32aa3 !important;

  color: #fff !important;

  border: 1px solid #c32aa3 !important;

}



/*icon text bover */

.facebook-text-hvr:hover {

  color: #4267b2 !important;

}



.twitter-text-hvr:hover {

  color: #1da1f2 !important;

}



.instagram-text-hvr:hover {

  color: #aa2fb5;

}



.linkedin-text-hvr:hover {

  color: #0077b5 !important;

}



.pinterest-text-hvr:hover {

  color: #bd081c !important;

}



.google-text-hvr:hover {

  color: #db4437 !important;

}



.mail-text-hvr:hover {

  color: #c32aa3 !important;

}



/*Gradient Color*/



.text-gradient {

  background: -moz-linear-gradient(left, #fc2a40, #ff5606);

  background: -webkit-linear-gradient(left, #fc2a40, #ff5606);

  background: linear-gradient(to right, #fc2a40, #ff5606);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc2a40', endColorstr='#ff5606', GradientType=1);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.gradient-bg1 {

  background: -moz-linear-gradient(left, #fc2a40, #ff5606);

  background: -webkit-linear-gradient(left, #fc2a40, #ff5606);

  background: linear-gradient(to right, #fc2a40, #ff5606);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc2a40', endColorstr='#ff5606', GradientType=1);

}



.grey {

  color: #444444;

}



.bg-light {

  color: #f9f9f9;

}



.bg-light-grey {

  color: #b8b8b8;

}



.green-background {

  background: #000;

}



.bg-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.green {

  color: #84b813;

}



.text-white {

  color: #fff;

}



.slider-heading2 {

  font-size: 60px !important;

}



.slider-p {

  font-size: 16px !important;

}



/* Headings Fonts Size*/



h2 {

  font-family: "Montserrat", sans-serif;

  font-size: 40px;

  font-weight: 300;

  color: #444444;

}



h3 {

  font-family: "Montserrat", sans-serif;

  font-size: 30px;

  font-weight: 400;

  color: #444444;

}



h4 {

  font-family: "Montserrat", sans-serif;

  font-size: 20px;

  font-weight: 500;

  color: #444444;

  line-height: 2.5;

}



h5 {

  font-family: "Montserrat", sans-serif;

  font-size: 20px !important;

  font-weight: 500;

  color: #444444;

}



h6 {

  font-family: "Montserrat", sans-serif;

  font-size: 16px;

  font-weight: 400;

}



/*Margin & Paddind*/



.mt-10 {

  margin-top: 10px;

}



.mt-20 {

  margin-top: 20px;

}



.mt-30 {

  margin-top: 30px;

}



.mt-40 {

  margin-top: 40px;

}



.mt-50 {

  margin-top: 50px;

}



.mb-10 {

  margin-bottom: 10px;

}



.mb-20 {

  margin-bottom: 20px;

}



.mb-30 {

  margin-bottom: 30px;

}



.mb-40 {

  margin-bottom: 40px;

}



.mb-50 {

  margin-bottom: 50px;

}



.mr-40 {

  margin-right: 40px;

}



.pt-10 {

  padding-top: 10px;

}



.pt-20 {

  padding-top: 20px;

}



.pt-30 {

  padding-top: 30px;

}



.pt-40 {

  padding-top: 40px;

}



.pt-50 {

  padding-top: 50px;

}



.pb-10 {

  padding-bottom: 10px;

}



.pb-20 {

  padding-bottom: 20px;

}



.pb-30 {

  padding-bottom: 30px;

}



.pb-40 {

  padding-bottom: 40px;

}



.pb-50 {

  padding-bottom: 50px;

}



.pl-25 {

  padding-left: 25px;

}



/*==================================

    Loader

===================================*/



.loader {

  background: #fff;

  text-align: center;

  height: 100vh;

  z-index: 999;

  position: fixed;

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

}



.loading {

  position: absolute;

  top: 40%;

  left: 48%;

}



.loading:after {

  content: "";

  width: 50px;

  height: 50px;

  background: #84b813;

  -moz-animation: preloader 500ms linear infinite;

  -webkit-animation: preloader 500ms linear infinite;

  animation: preloader 500ms linear infinite;

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 3px;

}



.loading:before {

  content: "";

  width: 50px;

  height: 5px;

  background: #000;

  -moz-animation: preloader-shadow 500ms linear infinite;

  -webkit-animation: preloader-shadow 500ms linear infinite;

  animation: preloader-shadow 500ms linear infinite;

  opacity: 0.1;

  position: absolute;

  top: 59px;

  left: 0;

  border-radius: 50%;

}



@-moz-keyframes preloader {

  17% {

    border-bottom-right-radius: 3px;

  }



  25% {

    -moz-transform: translateY(9px) rotate(22.5deg);

    transform: translateY(9px) rotate(22.5deg);

  }



  50% {

    -moz-transform: scale(1, 0.9) translateY(18px) rotate(45deg);

    transform: scale(1, 0.9) translateY(18px) rotate(45deg);

    border-bottom-right-radius: 40px;

  }



  75% {

    -moz-transform: translateY(9px) rotate(67.5deg);

    transform: translateY(9px) rotate(67.5deg);

  }



  100% {

    -moz-transform: translateY(0) rotate(90deg);

    transform: translateY(0) rotate(90deg);

  }

}



@-webkit-keyframes preloader {

  17% {

    border-bottom-right-radius: 3px;

  }



  25% {

    -webkit-transform: translateY(9px) rotate(22.5deg);

    transform: translateY(9px) rotate(22.5deg);

  }



  50% {

    -webkit-transform: scale(1, 0.9) translateY(18px) rotate(45deg);

    transform: scale(1, 0.9) translateY(18px) rotate(45deg);

    border-bottom-right-radius: 40px;

  }



  75% {

    -webkit-transform: translateY(9px) rotate(67.5deg);

    transform: translateY(9px) rotate(67.5deg);

  }



  100% {

    -webkit-transform: translateY(0) rotate(90deg);

    transform: translateY(0) rotate(90deg);

  }

}



@keyframes preloader {

  17% {

    border-bottom-right-radius: 3px;

  }



  25% {

    -moz-transform: translateY(9px) rotate(22.5deg);

    -ms-transform: translateY(9px) rotate(22.5deg);

    -webkit-transform: translateY(9px) rotate(22.5deg);

    transform: translateY(9px) rotate(22.5deg);

  }



  50% {

    -moz-transform: scale(1, 0.9) translateY(18px) rotate(45deg);

    -ms-transform: scale(1, 0.9) translateY(18px) rotate(45deg);

    -webkit-transform: scale(1, 0.9) translateY(18px) rotate(45deg);

    transform: scale(1, 0.9) translateY(18px) rotate(45deg);

    border-bottom-right-radius: 40px;

  }



  75% {

    -moz-transform: translateY(9px) rotate(67.5deg);

    -ms-transform: translateY(9px) rotate(67.5deg);

    -webkit-transform: translateY(9px) rotate(67.5deg);

    transform: translateY(9px) rotate(67.5deg);

  }



  100% {

    -moz-transform: translateY(0) rotate(90deg);

    -ms-transform: translateY(0) rotate(90deg);

    -webkit-transform: translateY(0) rotate(90deg);

    transform: translateY(0) rotate(90deg);

  }

}



@-moz-keyframes preloader-shadow {

  50% {

    -moz-transform: scale(1.2, 1);

    transform: scale(1.2, 1);

  }

}



@-webkit-keyframes preloader-shadow {

  50% {

    -webkit-transform: scale(1.2, 1);

    transform: scale(1.2, 1);

  }

}



@keyframes preloader-shadow {

  50% {

    -moz-transform: scale(1.2, 1);

    -ms-transform: scale(1.2, 1);

    -webkit-transform: scale(1.2, 1);

    transform: scale(1.2, 1);

  }

}



/*Navbar*/



.center-logo .logo {

  position: absolute;

  left: 50%;

  transform: translateX(-45%);

}



.center-logo.logo-right .logo {

  right: 20px;

  left: unset;

  transform: translateX(0);

}



.no-shadow {

  box-shadow: none !important;

}



.logo {

  max-width: 150px;

  top: 8px;

}



.navbar .logo-default {

  display: inline-block;

}



.navbar .logo-scrolled {

  display: none;

}



.header-appear .navbar .logo-default {

  display: none;

}



.header-appear .navbar .logo-scrolled {

  display: inline-block;

}



.header-appear .center-logo .logo {

  top: auto;

}



/*.header-appear .navbar .logo-scrolled,*/

/*.navbar .logo-default{*/

/*    display: inline-block;*/

/*}*/



/* nav top default */

.navbar-top-default {

  position: absolute;

  top: 0;

  z-index: 99;

  height: 90px;

  width: 100%;

  -webkit-transition: all 0.1s ease;

  -moz-transition: all 0.1s ease;

  -ms-transition: all 0.1s ease;

  -o-transition: all 0.1s ease;

  transition: all 0.1s ease;

}



.navbar-top-default .navbar-nav .nav-link {

  font-family: "Montserrat", sans-serif;

  font-size: 18px;

  color: #000000;

  padding: 0.25rem 0 0;

  margin-right: 18px;

  margin-left: 18px;

  text-transform: capitalize;

}



.navbar-top-default .navbar-nav.nav-white .nav-link {

  font-family: "Montserrat", sans-serif;

  font-size: 16px;

  color: #fff;

  padding: 0.25rem 0 0;

  margin-right: 18px;

  margin-left: 18px;

  text-transform: capitalize;

}



.header-appear .navbar-top-default .navbar-nav.nav-white .nav-link {

  font-family: "Montserrat", sans-serif;

  font-size: 16px;

  color: #000;

  padding: 0.25rem 0 0;

  margin-right: 18px;

  margin-left: 18px;

  text-transform: capitalize;

}



.side-nav-btn {

  position: absolute;

  top: -40px;

  left: 38px;

  font-size: 18px;

  color: #000000;

  transition: all 0.3s ease;

  width: 20px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  cursor: pointer;

  z-index: 99;

  -webkit-transition: all linear 300ms;

  transform: scale(1.3);

}



.side-nav-btn.btn-white span {

  background: #fff;

}



.header-appear .side-nav-btn.btn-white span {

  background: #000;

}



.header-appear .side-nav-btn {

  top: 31px;

}



.side-nav-btn span {

  content: "";

  display: block;

  width: 100%;

  height: 1px;

  background: #000;

  position: relative;

  top: 50%;

  margin-top: 4px;

  right: 0;

  -webkit-transition: all linear 300ms;

}



.side-nav-btn:hover span:nth-child(1),

.side-nav-btn:hover span:nth-child(3) {

  width: 60%;

  -webkit-transition: all linear 300ms;

}



.side-nav-btn.active {

  display: none;

}



.side-nav .navbar-nav .nav-item {

  display: block;

  margin: 10px 0;

  padding: 0 !important;

  opacity: 0;

  -webkit-transition: all 0.8s ease 500ms;

  -o-transition: all 0.8s ease 500ms;

  transition: all 0.8s ease 500ms;



  -webkit-transform: translateY(30px);

  -ms-transform: translateY(30px);

  -o-transform: translateY(30px);

  transform: translateY(30px);

}



.side-nav .navbar-nav .nav-item:first-child {

  -webkit-transition-delay: 0.1s;

  -o-transition-delay: 0.1s;

  transition-delay: 0.1s;

}



.side-nav .navbar-nav .nav-item:nth-child(2) {

  -webkit-transition-delay: 0.2s;

  -o-transition-delay: 0.2s;

  transition-delay: 0.2s;

}



.side-nav .navbar-nav .nav-item:nth-child(3) {

  -webkit-transition-delay: 0.3s;

  -o-transition-delay: 0.3s;

  transition-delay: 0.3s;

}



.side-nav .navbar-nav .nav-item:nth-child(4) {

  -webkit-transition-delay: 0.4s;

  -o-transition-delay: 0.4s;

  transition-delay: 0.4s;

}



.side-nav .navbar-nav .nav-item:nth-child(5) {

  -webkit-transition-delay: 0.5s;

  -o-transition-delay: 0.5s;

  transition-delay: 0.5s;

}



.side-nav .navbar-nav .nav-item:nth-child(6) {

  -webkit-transition-delay: 0.6s;

  -o-transition-delay: 0.6s;

  transition-delay: 0.6s;

}



.side-nav .navbar-nav .nav-item:nth-child(7) {

  -webkit-transition-delay: 0.7s;

  -o-transition-delay: 0.7s;

  transition-delay: 0.7s;

}



.side-nav .navbar-nav .nav-item:nth-child(8) {

  -webkit-transition-delay: 0.8s;

  -o-transition-delay: 0.8s;

  transition-delay: 0.8s;

}



.side-nav .navbar-nav .nav-item:nth-child(9) {

  -webkit-transition-delay: 0.9s;

  -o-transition-delay: 0.9s;

  transition-delay: 0.9s;

}



.social-icons-simple {

  margin-bottom: 0;

  margin-left: -10px;

  padding: 0;

}



.social-icons-simple li {

  display: inline-block;

}



.social-icons-simple li a {

  display: block;

  font-size: 16px;

  color: #ffffff;

  height: 38px;

  line-height: 38px;

  border: 1px solid transparent;

  text-align: center;

  width: 38px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  position: relative;

  z-index: 1;

  overflow: hidden;

  -webkit-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}



.social-icons-simple li a:hover {

  color: #ffffff;

  -webkit-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}



.modal-content {

  border-radius: 0;

}



.social_icons {

  position: absolute;

  right: 26px;

  top: -45px;

  color: #000000;

}



.header-appear .social_icons {

  position: absolute;

  right: 40px;

  top: 24px;

  color: #000000;

}



.social_icons li {

  display: inline-block;

  text-align: center;

}



.social_icons li a {

  height: 30px;

  width: 30px;

  border-radius: 30px;

  color: #000000;

  background: transparent;

  display: block;

  line-height: 32px;

  font-size: 12px;

}



.white-icons.social_icons li a {

  height: 30px;

  width: 30px;

  border-radius: 30px;

  color: #fff;

  background: transparent;

  display: block;

  line-height: 32px;

  font-size: 12px;

}



.header-appear .white-icons.social_icons li a {

  height: 30px;

  width: 30px;

  border-radius: 30px;

  color: #000;

  background: transparent;

  display: block;

  line-height: 32px;

  font-size: 12px;

}



/* header with top bar */

.header-with-topbar .top-header-area {

  font-size: 13px;

  position: absolute;

  top: 0;

  z-index: 21;

  height: 50px;

  line-height: 50px;

  width: 100%;

  transition: ease-in-out 0.3s;

  -webkit-transition: ease-in-out 0.3s;

  -moz-transition: ease-in-out 0.3s;

  -ms-transition: ease-in-out 0.3s;

  -o-transition: ease-in-out 0.3s;

}



.header-with-topbar .navbar-top-default {

  position: absolute;

  -webkit-transition: ease-in-out 0.3s;

  -moz-transition: ease-in-out 0.3s;

  -ms-transition: ease-in-out 0.3s;

  -o-transition: ease-in-out 0.3s;

  transition: ease-in-out 0.3s;

}



.header-with-topbar div.bar-social-icon>li {

  text-align: center;

}



.bar-social-icon a {

  font-size: 13px;

  color: #ffffff;

  height: 36px;

  width: 37px;

  line-height: 38px;

  display: inline-block;

  text-align: center;

  margin: 0;

  border: 1px solid transparent;

  border-radius: 50%;

}



.bar-social-icon.black a {

  color: #1f1f1f;

}



/*header with top bar center logo*/

.header-with-topbar .center-logo ul:first-child {

  margin-left: auto;

}



.header-with-topbar .center-logo ul:last-child {

  margin-right: auto;

}



.header-with-topbar.header-appear .center-logo ul:first-child {

  margin-right: auto;

  margin-left: 0;

}



.header-with-topbar.header-appear .center-logo ul:last-child {

  margin-left: auto;

  margin-right: 0;

}



/*header with top bar style two */

.header-with-topbar.style-two .top-header-area {

  margin-top: 20px;

}



.header-with-topbar.style-two .full-nav {

  margin-top: 80px;

}



.header-with-topbar.header-appear.style-two .full-nav {

  margin-top: 0;

}



.header-appear.header-with-topbar.style-two .top-header-area .logo img {

  display: none;

}



.header-appear .navbar-top-default {

  height: 75px;

  position: fixed;

  background: #ffffff;

  -webkit-animation-name: animationFade;

  -o-animation-name: animationFade;

  animation-name: animationFade;

  -webkit-animation-duration: 1s;

  -o-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  -o-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

}



@-webkit-keyframes animationFade {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@-o-keyframes animationFade {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    -o-transform: none;

    transform: none;

  }

}



@keyframes animationFade {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    -o-transform: none;

    transform: none;

  }

}



/* full nav */

.full-nav {

  height: 70px;

  margin-top: 40px;

}



.header-with-topbar .full-nav {

  margin-top: 50px;

}



.header-appear .full-nav,

.header-appear.header-with-topbar.style-two .full-nav {

  margin-top: 0;

}



.header-appear .logo {

  top: 25px;

}



/* nav box shadow */

.nav-box-shadow {

  -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);

  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);

}



/*nav line*/



.nav-line .navbar-nav .nav-link.active:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

  visibility: visible;

  opacity: 1;

}



.nav-line .navbar-nav .nav-link.active:hover,

.nav-line .navbar-nav .nav-link:hover:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

  visibility: visible;

  opacity: 1;

}



.nav-line .navbar-nav .nav-link:before {

  position: relative;

  content: "";

  width: 100%;

  max-width: 100%;

  margin: 0 auto;

  display: table;

  height: 3px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  bottom: -28px;

  -webkit-transition: all 300ms linear;

  transition: all 300ms linear;

  -webkit-transform: scaleX(0);

  -ms-transform: scaleX(0);

  transform: scaleX(0);

  background: #84b813;

  visibility: hidden;

  opacity: 0;

}



.nav-line .navbar-nav .nav-link:hover:before {

  background: #ff5606;

}



.nav-line .navbar-nav .nav-link.active:hover:before {

  background: #84b813;

}



.side-menu {

  width: 20%;

  position: fixed;

  left: 0;

  top: 0;

  background: #84b813;

  z-index: 1032;

  height: 100%;

  -webkit-transform: translate3d(-100%, 0, 0);

  transform: translate3d(-100%, 0, 0);

  transition: 0.8s ease;

  overflow: hidden;

}



.side-menu.left {

  left: 0;

  right: auto;

  -webkit-transform: translate3d(-100%, 0, 0);

  transform: translate3d(-100%, 0, 0);

}



.side-menu.before-side {

  width: 280px;

}



.side-menu.side-menu-active,

.side-menu.before-side {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



.pul-menu .side-menu.side-menu-active {

  visibility: visible;

  opacity: 1;

}



.side-menu .navbar-brand {

  margin: 0 0 2.5rem 0;

}



/*Side overlay*/

#close_side_menu {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #000;

  -webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);

  -o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);

  transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);

  display: none;

  z-index: 1031;

  opacity: 0.4;

}



.side-nav .navbar-nav .nav-item {

  display: block;

  margin: 10px 0;

  padding: 0 !important;

  opacity: 0;

  -webkit-transition: all 0.8s ease 500ms;

  -o-transition: all 0.8s ease 500ms;

  transition: all 0.8s ease 500ms;

  -webkit-transform: translateY(30px);

  -ms-transform: translateY(30px);

  -o-transform: translateY(30px);

  transform: translateY(30px);

}



.side-menu.side-menu-active .side-nav .navbar-nav .nav-item {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

}



.side-nav .navbar-nav .nav-link::after {

  content: "";

  position: absolute;

  background: #fff;

  display: inline-block;

  width: 0;

  height: 3px;

  bottom: 0;

  left: 0;

  overflow: hidden;

  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);

  -o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);

  transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);

}



.side-nav .navbar-nav .nav-link:hover::after,

.side-nav .navbar-nav .nav-link:focus::after,

.side-nav .navbar-nav .nav-link.active::after {

  width: 100%;

}



/*side clode btn*/

.side-menu .btn-close {

  height: 33px;

  width: 33px;

  display: inline-block;

  text-align: center;

  position: absolute;

  top: 30px;

  right: 15px;

  cursor: pointer;

}



.side-menu.before-side .btn-close {

  display: none;

}



.side-menu .btn-close::before,

.side-menu .btn-close::after {

  position: absolute;

  left: 16px;

  content: " ";

  height: 24px;

  width: 2px;

  background: #fff;

  top: 5px;

}



.side-menu .btn-close:before {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}



.side-menu .btn-close:after {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



/*side open btn*/



.sidemenu_btn.left {

  left: 15px;

  right: auto;

}



.sidemenu_btn span {

  height: 2px;

  width: 100%;

  background: #ffffff;

  display: block;

}



.sidemenu_btn span:nth-child(2) {

  margin: 4px 0;

}



.side-menu .inner-wrapper {

  padding: 3.5rem 3rem;

  height: 100%;

  position: relative;

  overflow-y: auto;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  text-align: left;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.side-menu .side-nav {

  margin-bottom: 20px;

  display: block;

}



.side-nav .navbar-nav .nav-link {

  -webkit-transition: all 0.8s ease 500ms;

  -o-transition: all 0.8s ease 500ms;

  transition: all 0.8s ease 500ms;

}



.side-menu.side-menu-active .side-nav .navbar-nav .nav-link {

  opacity: 1;

}



.side-nav .navbar-nav .nav-link {

  display: inline-table;

  color: #fff;

  padding: 0;

  font-size: 20px;

  font-weight: 300;

  line-height: 1.5;

  position: relative;

  -webkit-border-radius: 0;

  border-radius: 0;

}



.side-nav .navbar-nav .nav-link.active {

  background: transparent;

}



.side-menu p {

  font-size: 12px;

  margin-top: 0.5rem;

  margin-bottom: 0;

}



.social-icons-simple {

  margin-bottom: 0;

  margin-left: -10px;

}



.social-icons-simple li {

  display: inline-block;

}



.social-icons-simple li a,

.multipage .social-icons-simple li a {

  display: block;

  font-size: 12px;

  height: 26px;

  line-height: 26px;

  border: 1px solid transparent;

  text-align: center;

  width: 26px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  position: relative;

  z-index: 1;

  overflow: hidden;

  padding: 0;

  -webkit-transition: background-color 0.5s ease;

  -o-transition: background-color 0.5s ease;

  transition: background-color 0.5s ease;

}



.social-icons-simple li a:hover {

  background-color: transparent;

}



.social-icons-simple li.animated-wrap a:hover {

  background-color: transparent;

  color: #ffffff;

}



.wrapper.pushmenu-push-toLeft {

  margin-left: 20%;

  width: 80% !important;

}



/* Our agency */



.img-zic {

  max-width: 70px;

  margin: 0 auto;

}



.rare-box {

  height: 150px;

  max-width: 415px;

  position: relative;

  left: 125px;

  background: -moz-linear-gradient(left, #fc2a40, #ff5606);

  background: -webkit-linear-gradient(left, #fc2a40, #ff5606);

  background: linear-gradient(to right, #fc2a40, #ff5606);

}



.image-about {

  top: 30px;

  margin-left: 22px;

  margin-bottom: -145px;

}



.features {

  margin-left: 80px;

}



/* features */

.feature-item {

  display: table;

  margin: 28px 0 0 0;

  /* max-width: 450px; */

  text-align: left;

}



.feature-item .icon {

  text-align: center;

  position: relative;

  z-index: 1;

  font-size: 35px;

  color: #84b813;

  line-height: 0.9;

}



.agency-features-icon {

  display: table-cell;

  vertical-align: top;

  width: 41px;

  transition: all 1.2s;

}



.feature-item:hover .agency-features-icon {

  transform: rotateY(360deg);

  transition: all 1.2s;

}



.features-content {

  display: table-cell;

  padding-left: 15px;

}



.feature-para {

  font-size: 24px;

  font-weight: 400;

}



.max {

  max-width: 306px;

}



/* agency */



.icon-font {

  font-size: 40px;

  font-weight: 400;

}



.icon-up {

  z-index: 1;

}



.icon-up:hover .icon {

  transform: translate(0, -13px);

  transition: 0.5s linear;

}



.icon {

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -ms-transition: opacity 0.5s ease-in-out;

  -o-transition: opacity 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}



.icon-up:hover i {

  color: #84b813 !important;

}



.icon-up:hover h3 {

  color: #6c757d !important;

}



.icon-up.breakfast:hover i {

  color: #84b813 !important;

}



.icon-up.breakfast:hover h3 {

  color: #6c757d !important;

}



.icon-up.dinner:hover i {

  color: #84b813 !important;

}



.icon-up.dinner:hover h3 {

  color: #6c757d !important;

}



.agency-img {

  z-index: 0;

}



.agency-img-before {

  position: absolute;

  left: -130px;

}



.agency-img-after {

  position: absolute;

  top: 580px;

  right: -280px;

}



.price {

  font-size: 15px;

  position: absolute;

  left: -9px;

  top: -5px;

  font-weight: 600;

  font-family: Roboto;

}



.price:hover {

  background: #84b813;

  color: #fff;

}



.price2 {

  font-size: 26px;

  position: relative;

  font-weight: 600;

  font-family: Roboto;

}



.hr-line {

  width: 530px;

  height: 1px;

  background: #b8b8b8;

  display: block;

}



.hr-line2 {

  width: 698px;

  height: 2px;

  background: #f9f9f9;

  display: block;

}



.tab-to-accordion.accordion-mod .tabset-list {

  height: 0;

  visibility: hidden;

  overflow: hidden;

}



.tab-to-accordion.accordion-mod .accordion-item {

  height: auto;

  overflow: visible;

  visibility: visible;

  margin: 0 0 15px;

}



.accordion-item {

  height: 0;

  visibility: hidden;

  overflow: hidden;

}



.tabset-list {

  max-width: 720px;

  margin: 0 auto;

}



li {

  list-style: none;

}



.tabset-list .active i {

  color: #84b813;

}



.tabset-list .active h3 {

  color: #444;

}



.menu-heading {

  font-size: 18px;

  font-weight: 600;

}



.tab-animation {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

  animation-delay: 300ms;

  transition: 1s ease-in-out !important;

  visibility: visible !important;

}



/* Deal */



.parallax {

  background: url("../img/counters-img.jpg");

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

}



.max-200 {

  max-width: 200px;

}



.max-220 {

  max-width: 220px;

}



.counter-icon {

  font-size: 40px;

  color: #84b813;

  margin-bottom: 20px;

}



.count_nums {

  font-size: 36px;

  font-family: Roboto;

}



.num-counts {

  font-size: 16px;

}



.icon-block {

  background: #000;

  opacity: 0.8;

  padding-top: 70px;

  padding-bottom: 70px;

}



.back .icon-block {

  background: -moz-linear-gradient(left, #fc2a40, #ff5606);

  background: -webkit-linear-gradient(left, #fc2a40, #ff5606);

  background: linear-gradient(to right, #fc2a40, #ff5606);

  opacity: 0.8;

}



.back .icon-block i {

  color: #fff;

}



.two {

  padding: 0;

  margin: 0 10px;

  max-width: 230px;

}



.dinner-hover {

  width: 50px;

  height: 50px;

  border-radius: 50px;

  font-size: 20px;

  padding-top: 14px;

  display: inline-block;

  position: relative;

}



/*===============================

      da-thumb

================================*/



.da-thumbs {

  list-style: none;

}



.menu-price {

  z-index: 1;

}



.da-thumbs .menu-price {

  display: block;

  position: relative;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.da-thumbs .menu-price {

  overflow: hidden;

}



.da-thumbs .menu-price .overlay {

  position: absolute;

  background: #84b813;

  width: 100%;

  height: 100%;

  top: 100%;

  z-index: -1;

}



.menu-price p,

.menu-price span,

.menu-price h5,

.menu-price .justify-content-between,

.menu-price .text-gradient {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.menu-price:hover p,

.menu-price:hover span,

.menu-price:hover h5 {

  color: #fff !important;

}



.menu-price:hover .text-gradient {

  -webkit-text-fill-color: #fff !important;

}



.menu-price:hover .justify-content-between {

  padding-left: 20px;

}



/*Booking Section*/

.booking-para {

  max-width: 439px;

  margin: 0 auto;

}



.agency-img2-before {

  position: absolute;

  left: 0;

}



.agency-img2-after {}



.book-img-width {

  position: absolute;

  top: 115px;

  margin-left: 50px;

  width: 100%;

}



.book-img-width2 {

  max-width: 800px !important;

  position: absolute;

  width: 100%;

  bottom: 20%;

  transform: translateX(100%);

}



/*End Booking Section*/



/*Gallery*/



/*======================================

     portfolio three

 ===================================*/



.gallery {

  width: 100% !important;

}



.portfolio-three .items {

  position: relative;

  padding: 0;

}



.portfolio-three .items {

  padding: 0 5px;

}



.portfolio-three .items {

  margin-top: 10px;

}



.portfolio-three .item-img {

  position: relative;

  overflow: hidden;

}



.portfolio-three .item-img img {

  width: 100%;

}



.portfolio-three .item-img-overlay {

  position: absolute;

  top: 5px;

  left: 5px;

  right: 5px;

  bottom: 5px;

  color: #ffffff;

  opacity: 0;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  z-index: 2;

  -webkit-transform: translateY(10px);

  transform: translateY(10px);

}



.portfolio-three .item-img-overlay:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0.7;

  background: #000;

}



.valign {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.overlay-info {

  position: relative;

  width: 100%;

}



.overlay-info p {

  font-size: 13px;

}



.portfolio-three .item-img:hover .item-img-overlay {

  opacity: 1;

  -webkit-transform: translateY(0);

  transform: translateY(0);

}



.portfolio-three .item-img-overlay a {

  font-size: 30px;

  position: absolute;

  bottom: 15px;

  right: 15px;

  color: #fff;

}



.item-img img {

  transition: 1s;

}



.item-img:hover img {

  transform: scale(1.2);

  transition: 1s;

}



.gallery-para {

  font-size: 20px !important;

}



/*End Gallery*/



/*Mega Deal*/


/*.deal-img {*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*    height: 270px;*/
/*    width: 360px;*/
/*}*/

/*.img-blog {*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*    height: 270px;*/
/*    width: 360px;*/
/*}*/

.deal-para {

  max-width: 321px;

}



.item-deal {

  margin: 0px 10px;

  display: inline-block;

  max-width: 380px;

}



#deal-slider .owl-theme .owl-nav [class*="owl-"] {

  color: #18191d;

  margin: 0;

  padding: 0;

  background: transparent;

  cursor: pointer;

  border-radius: 40px;

  transition: 0.5s;

}



#deal-slider .owl-theme .owl-nav [class*="owl-"]:hover {

  background: #24c1dd;

  color: #ffffff;

  text-decoration: none;

  transition: 0.5s;

}



#deal-slider .owl-prev,

#deal-slider .owl-next {

  position: absolute;

  top: 25%;

}



#deal-slider .owl-prev {

  left: 0;

  transform: translateX(-160%);

  font-size: 20px;

}



#deal-slider .owl-next {

  right: 0;

  transform: translateX(160%);

  font-size: 20px;

}



#deal-slider .owl-next span {

  display: inline-block;

}



#deal-slider .owl-next:hover .caret.right::before {

  box-shadow: 1px 1px 0 0 #ffffff;

}



#deal-slider .owl-prev:hover .caret.left::before {

  box-shadow: -1px -1px 0 0 #ffffff;

}



.caret {

  border-radius: 36px;

  color: #b9b3ad;

  width: 45px;

  height: 45px;

  line-height: 47px;

  transition: 1s;

}



/*End Mega Deal*/



/*Testimonial*/



.testimonial {

  background: url("../img/testimonial.jpg");

  background-size: cover;

  background-repeat: no-repeat;

}



/*-------------------------------*/

/* Testminials slider */

/*-------------------------------*/



/*

#owl-thumbs .owl-dot{

    border-radius: 50%;

    overflow: hidden;

    transform: scale(1);

    max-width: 65px;

    transition: 1s;

    margin-left: 20px;

    margin-right: 20px;

}



#owl-thumbs .owl-dot.active{

    transform: scale(1.5);

    transition: 1s;

}



.owl-dot{

    cursor: pointer;

}



.testi-heading{

    font-size: 15px;

}



.testi-para{

    max-width: 503px;

    margin: 0 auto;

    padding-bottom: 10px;

}



.testi-para::after{

    font-family:  lineicons!important;

    font-size: 20px;

    position: relative;

    color: #fff;

    content: "\E989";

    bottom: 3px;

    display: inline-block;

    right: -258px;

}



.testi-para::before{

    font-family:  lineicons!important;

    font-size: 20px;

    position: relative;

    color: #fff;

    content: "\E989";

    top: -6px;

    transform: translateX(-10px) rotate(180deg);

    display: inline-block;

}



.testimonial-image1{

    max-width: 130px;

    margin: 0 auto;

    border-radius: 50%;

    overflow: hidden;

}



.owl-dots .owl-dot {

    height: 11px;

    width: 11px;

    margin: 2px 10px;

    position: relative;

    display: inline-block;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    background: #e5e5e5 !important;

    cursor: pointer;

}



.owl-dots .owl-dot.active{

    background: #84b813 !important;

}

    /*End Testimonial*/



/*================================================

Feedback Area CSS

=================================================*/

.feedback-slides {

  position: relative;

}



.feedback-slides .client-feedback {

  position: relative;

}



.feedback-slides .client-feedback .single-feedback {

  text-align: center;

  position: relative;

  padding-top: 20px;

}



.feedback-slides .client-feedback .single-feedback p {

  position: relative;

  max-width: 650px;

  line-height: 1.5;

  margin-bottom: 0;

  margin-left: auto;

  margin-right: auto;

  font-size: 15px;

  font-weight: normal;

}



.feedback-slides .client-thumbnails {

  position: relative;

  max-width: 450px;

  z-index: 1;

  margin-left: auto;

  margin-right: auto;

}



.feedback-slides .client-thumbnails .item .img-fill {

  cursor: pointer;

  position: relative;

  text-align: center;

}



.feedback-slides .client-thumbnails .item .img-fill img {

  opacity: 0.8;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  display: inline-block;

  position: relative;

  border-radius: 50%;

  -webkit-transform: scale(0.7);

  transform: scale(0.7);

}



.feedback-slides .client-thumbnails .item .title {

  opacity: 0;

  visibility: hidden;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  margin: 20px -100px 0;

  text-align: center;

}



.feedback-slides .client-thumbnails .item .title h3 {

  margin-bottom: 0;

  text-transform: uppercase;

  font-size: 30px;

  font-weight: 600;

}



.feedback-slides .client-thumbnails .item .title span {

  display: block;

  color: #3aade1;

  font-size: 14px;

  margin-top: 5px;

}



.feedback-slides .client-thumbnails .item.slick-center .title {

  opacity: 1;

  visibility: visible;

}



.feedback-slides .client-thumbnails .item.slick-center .img-fill img {

  border-color: #002e5b;

  opacity: 1;

  -webkit-transform: scale(1);

  transform: scale(1);

}



.slick-dots li button {

  font-size: 0;

  line-height: 0;

  display: block;

  width: 10px;

  height: 10px;

  border-radius: 50%;

  padding: 5px;

  cursor: pointer;

  color: transparent;

  border: 0;

  outline: none;

  background: #84b813;

}



.slick-dots li {

  position: relative;

  display: inline-block;

  width: 10px;

  height: 10px;

  margin: 0 8px;

  padding: 0;

  cursor: pointer;

}



.slick-dots {

  position: absolute;

  bottom: -40px;

  display: block;

  width: 100%;

  padding: 0;

  margin: 0;

  list-style: none;

  text-align: center;

}



.feedback-slides:hover .next-arrow,

.feedback-slides:hover .prev-arrow {

  opacity: 1;

  visibility: visible;

}



.feedback-slides .slick-list {

  padding-left: 0 !important;

  padding-right: 0 !important;

}



.single-feedback-item {

  position: relative;

  margin-left: 25px;

  margin-top: 25px;

  margin-bottom: 8px;

}



.client-feedback {

  text-align: center;

}



/*Blog*/



.blog-para {

  font-size: 24px;

}



.blog-width {

  max-width: 730px;

}



.angle-right {

  font-weight: 500;

  padding-left: 5px;

  font-size: 10px;

}



.angle-right2 {

  font-weight: 600;

  padding-left: 5px;

  font-size: 10px;

}



.blog-taste {

  max-width: 249px;

}



.blog-taste2 {

  max-width: 296px;

}



.img-blog {

  overflow: hidden;

}



.img-blog img {

  transition: 1s;

}



.img-blog:hover img {

  transform: scale(1.2);

  transition: 1s;

}



.scale {

  transform: scale(1.2);

  transition: 1s;

}



.widget_search .form-control {

  border: 1px solid #c2c4ca;

  padding: 0 0 0 10px;

  line-height: 40px;

  height: 40px;

  border-radius: 3px;

  font-size: 15px;

  z-index: 9;

}



.blog-btn2 a {

  color: #ff5606;

}



.blog-btn2 a:hover {

  color: #84b813;

}



/*End Blog*/



/*Map Section*/



#google-map {

  height: 400px;

  width: 100%;

}



.col-map #google-map {

  height: 418px;

}



.map {

  background: url("../img/map.jpg");

}



.contact-icon {

  font-size: 20px;

  padding-right: 12px;

  float: left;

  opacity: 0.7;

}



.icon-flex {

  display: inline-flex;

}



.maxi {

  max-width: 187px;

}



.form-control {

  height: 50px;

}



.contact-detail span {

  display: flex;

}



/*--------------------------------

    From CSS

    --------------------------------*/

.form-control {

  border: 1px solid #c2c4ca;

  padding: 0 0 0 10px;

  line-height: 40px;

  height: 53px;

  border-radius: 3px;

  font-size: 15px;

  z-index: 9;

}



.form-control:focus {

  outline: none;

  box-shadow: none;

}



ul.social-icons li {

  display: inline-block;

}



ul.social-icons li a {

  height: 40px;

  line-height: 42px;

  width: 40px;

  font-size: 15px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  margin: 0 1px;

  text-align: center;

  display: block;

  color: #444;

  position: relative;

  z-index: 1;

}



.select2-container .select2-selection--single .select2-selection__rendered {

  font-size: 15px;

  background-color: #fff;

  color: #495057 !important;

  font-weight: 400;

}



.form-control:focus {

  background-color: transparent;

}



.form-control::placeholder {

  font-style: normal;

}



.select2-container--open .select2-selection__rendered {

  background: transparent !important;

}



.select2-container--open+.m-label {

  background: #f8f9fa;

}



.form-control:focus+.m-label {

  background: #f8f9fa;

}



.select2 .selection {

  width: 100%;

  display: block;

}



.select2-search--dropdown .select2-search__field {

  margin-bottom: 0;

}



.select2-results__option--highlighted[aria-selected] {

  background-color: #84b813 !important;

}



.ui-state-highlight,

.ui-widget-content .ui-state-highlight,

.ui-widget-header .ui-state-highlight {

  border: 1px solid #84b813;

  background: #84b813;

  color: #ffffff;

}



.ui-state-active,

.ui-widget-content .ui-state-active,

.ui-widget-header .ui-state-active,

a.ui-button:active {

  border: 1px solid #ff5606;

  background: #ff5606;

  color: #fff;

}



.ui-icon {

  width: 16px;

  height: 16px;

}



.m-label {

  right: 2px;

  font-size: 16px;

  color: #a3a8b8;

  margin: 0;

  top: 50%;

  transform: translateY(-50%);

  display: flex;

  align-items: center;

  background: #fff;

  z-index: 2;

}



.m-label i {

  margin-left: 12px;

  margin-right: 12px;

}



.pointer-none {

  pointer-events: none;

}



select:focus .m-label,

input:focus .m-label {

  background: red;

}



.select2-container--default .select2-selection--single {

  border: none;

}



.form-control[type="text"]:focus {

  border-color: #a1b5f7;

  box-shadow: none;

}



.select2-container--default .select2-search--dropdown .select2-search__field {

  color: #444;

  background-color: #fff;

}



/*.select2-container--focus .select2-selection {*/

/*border-color: #a1b5f7 !important;*/

/*}*/



.select2-selection__rendered {

  line-height: 50px !important;

  color: #ffffff !important;

  border: 1px solid #c2c4ca;

  cursor: text;

}



.select2-selection__arrow {

  pointer-events: none;

}



.select2-container {

  width: 100% !important;

}



.select2-container--default .select2-selection--single .select2-selection__arrow {

  top: 13px !important;

  right: 15px;

}



.select2-selection {

  background: transparent !important;

}



.ui-datepicker .ui-datepicker-next-hover {

  top: 2px;

  right: 2px;

}



.ui-datepicker .ui-datepicker-prev-hover {

  top: 2px;

  left: 2px;

}



.ui-datepicker .ui-datepicker-next span,

.ui-datepicker .ui-datepicker-prev span {

  display: block;

  position: absolute;

  left: 50%;

  margin-left: -8px;

  top: 50%;

  margin-top: -8px;

}



.calender-line {

  height: 30px;

  width: 2px;

  background-color: #bfcbd9;

  display: inline-block;

}



.calender-icon {

  vertical-align: top;

  margin-top: 7px;

  color: #c0cbd9;

  margin-left: 10px;

}



/*End Map Section*/



/*Footer Sec*/



.footer-sec {

  padding: 2.5rem 0;

}



.footer-para {

  float: right;

}



.footer-width {

  max-width: 288px;

}



.logo-max {

  max-width: 160px;

}



.footer-logo {

  margin-top: 10px;

}



/*End Footer Sec*/



/* Portfolio Three Column */

/*

#js-grid-mosaic-flat.cbp .cbp-item {

    list-style-type: none;

    margin: 0;

    padding: 16px;

    overflow: hidden;

}

#js-grid-mosaic-flat.cbp-caption-zoom .cbp-caption-activeWrap {

    opacity: 0;

    top: 5%;

    left: 5%;

    visibility: hidden;

    z-index: 1;

    background-color: rgba(36,193,221, 0.95);

    border-radius: 50%;

    -webkit-transition: all .5s ease-in .1s;

    -o-transition: all .5s ease-in .1s;

    transition: all .5s ease-in .1s;

}

#js-grid-mosaic-flat .cbp-item:hover .cbp-caption-activeWrap,

#js-grid-mosaic-flat .cbp-item:focus .cbp-caption-activeWrap{

    opacity: 1; visibility: visible;

    border-radius: 0;

}

#js-grid-mosaic-flat.cbp-caption-active .cbp-caption-activeWrap {

    width: 90%;

    position: absolute;

    z-index: 2;

    height: 90%;

}

#js-grid-mosaic-flat .cbp-l-caption-title {

    font: 300 30px/70px "Roboto", sans-serif;

    color: #ffffff;

    text-transform: capitalize;

    letter-spacing: 2px;

    padding-bottom: 5px;

    display: inline-block;

}

#js-grid-mosaic-flat .cbp-l-caption-title:after {

    display: none;

}

.cbp-caption-activeWrap .cbp-l-caption-body .plus {

    display: block;

    width: 36px;

    height: 36px;

    margin: 0 auto;

}

.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link {

    padding: 10px;

    width: 150px;

    height: 45px;

    border: 0;

    font: 300 15px/27px "Roboto",sans-serif;

    transition-duration: 0.3s;

    transition: all 0.3s !important;

    transition-timing-function: ease-in-out;

}

.cbp-l-loadMore-link:after {

    opacity: 0;

    transition: opacity 0.3s ease-out;

}

.cbp-l-loadMore-link:hover:after {

    opacity: 1;

    transition: opacity 0.3s ease-out;

}



.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-stop {

    display: none;

}

*/



/*



/* ===================================

    Error & Coming Soon Page

====================================== */



/*

.fullscreen {

    height: 100vh !important;

    width: 100%;

}



.fullscreen .center-col {

    position: absolute;

    top: 51%;

    transform: translateY(-50%);

    width: 100%;

}



.error-image{

    max-width: 800px;

    margin: 0 auto;

}



.error-text h2{

    display: inline-block;

    background: #00bcd4;

    color: #fff;

    padding: 15px 30px;

    font-size: 2.2rem;

    border-radius: 25px;

    font-weight: 600;

    margin: 1rem 0 3rem;

}



.error-text h3{

    font-size: 2rem;

    color: #a5a5a5;

    letter-spacing: 3px;

}



.count_down p{

    color: #232323;

}



.countdown-timer.white ul.count_down li p{

    color: #fff;

}



.form_placeholder1::-webkit-input-placeholder {

    color:#232323;

}



.form_placeholder1.white::-webkit-input-placeholder {

    color:#fff;

}

.form_placeholder1::-moz-placeholder {

    color:#232323;

}



.form_placeholder1.white::-moz-placeholder {

    color:#fff;

}

.form_placeholder1:-ms-input-placeholder {

    color:#232323;

}



.form_placeholder1.white:-ms-input-placeholder {

    color:#fff;

}

.form_placeholder1:-moz-placeholder {

    color:#232323;

}



.form_placeholder1.white:-moz-placeholder {

    color:#fff;

}



ul.count_down {

    list-style: none;

    margin: 65px 0 0 0;

    padding: 0;

    display: block;

    text-align: center;

}



ul.count_down li {

    display: inline-block;

    color: #232323;

    padding: 0 35px;

    width: 165px;

}



ul.count_down li {

    color: #fff;

}



ul.count_down.white li{

    color: #ffffff;

}



ul.count_down li p:nth-child(1) {

    font-size: 70px;

    font-weight: bold;

    line-height: normal;

    margin: 0 0 0 0;

    transition: 1s;

}



ul.count_down li p:nth-child(2) {

    color: #232323;

    font-size: 14px;

    line-height: normal;

    text-align: center;

    text-transform: uppercase;

    margin: 0 0 0 0;

    transition: 1s;

    font-weight: 500;

    margin-top: 10px;

}





ul.count_down.white li p:nth-child(2) {

    color: #ffffff;

}



.count-down-form form {

    width: 580px;

    margin: 0 auto;

    margin-top: 65px;

    position: relative;

}



.count-down-form form input {

    border: transparent;

    background: transparent;

    box-shadow: none;

    border-bottom: 2px solid #232323;

    border-radius: 0;

    padding-left: 0;

    padding-right: 0;

    padding-bottom: 15px;

    font-size: 20px;

    font-weight: 100;

    color: #232323;

    text-align: left;

    height: 45px;

}



.count-down-form form input {

    border-bottom: 2px solid #fff;

    color: #fff;

}



.count-down-form.black form input {

    border-bottom: 2px solid #000;

    color: #000;

}



.count-down-form.white form input{



    border-bottom: 2px solid #ffffff;

    color: #ffffff;

}



.count-down-form .form-control:focus {

    color: initial;

    background-color: transparent;

    border-color: initial;

    outline: 0;

    box-shadow: none;

    border-bottom: 2px solid #84b813 !important;

}



.count-down-form form a {

    transition: all linear 300ms;

    position: absolute;

    top: 6px;

    right: 4px;

}



.count-down-form form a i {

    font-size: 18px;

    color: #232323;

    transition: 1s;

}







.count-down-form.white form a i {

    color: #ffffff;

}



.counter-img2{

    background: url("../img/agency-comingsoon.jpg");

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    background-position: center;

}



*/



/*================================================

Go Top CSS

=================================================*/

.go-top {

  position: fixed;

  cursor: pointer;

  bottom: 15px;

  right: 15px;

  color: #ffffff;

  background-color: #84b813;

  z-index: 4;

  width: 40px;

  text-align: center;

  height: 42px;

  line-height: 42px;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: 0.9s;

  transition: 0.9s;

  -webkit-transform: translateY(150px);

  transform: translateY(150px);

}



.go-top.active {

  -webkit-animation: bounceInDown 2s;

  animation: bounceInDown 2s;

  -webkit-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

  visibility: visible;

}



.go-top i {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  left: 0;

  right: 0;

  margin: 0 auto;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.go-top i:last-child {

  opacity: 0;

  visibility: hidden;

  top: 60%;

}



.go-top::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: #ff5606;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.go-top:hover,

.go-top:focus {

  color: #ffffff;

}



.go-top:hover::before,

.go-top:focus::before {

  opacity: 1;

  visibility: visible;

}



.go-top:hover i:first-child,

.go-top:focus i:first-child {

  opacity: 0;

  top: 0;

  visibility: hidden;

}



.go-top:hover i:last-child,

.go-top:focus i:last-child {

  opacity: 1;

  visibility: visible;

  top: 50%;

}



/*===================================

     Blog

==================================*/



.blog-header {

  background: url("../img/blog-headr.jpg") no-repeat;

  background-position: center;

  margin-top: 200px;
  
  background-size: cover;

}



.blog-header .page-content h2,

.blogheader .page-content p {

  color: #fff;

}



/* ===================================

    Client

====================================== */



.our-client .item {

  text-align: center;

}



.our-client.item,

.our-client .logo-item {

  position: relative;

}



.our-client .logo-item {

  max-width: 205px;

}



.our-client .logo-item,

.our-client .logo-item>img {

  display: inline-block;

}



.logo-item>img {

  width: 100%;

  cursor: pointer;

}



/*========================

   Blog Section

==========================*/



.comment {

  display: inline-flex;

}



.comment li a>i {

  margin-right: 15px;

  vertical-align: middle;

  color: #84b813;

  font-weight: 600;

}



ul {

  padding: 0;

  list-style-type: none;

}



.commment li a {

  display: block;

  color: #444;

  font-size: 14px;

}



.heading_space {

  margin-bottom: 2rem;

}



.commment li:first-child {

  margin-left: 0;

}



.widget {

  /* -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); */

  /* box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); */

  padding: 25px 15px;

  background: #f6f6f6;

  -webkit-border-radius: 5px;

  border-radius: 5px;

}



.widget_search .input-group {}



.widget_search .form-control,

.widget_search .input-group-addon {

  border-color: #d6d5d5;

  -webkit-box-shadow: none;

  box-shadow: none;

  display: table-cell;

}



.widget_search .form-control {

  width: 214px;

  -webkit-border-bottom-left-radius: 20px;

  border-bottom-left-radius: 20px;

  -webkit-border-top-left-radius: 20px;

  border-top-left-radius: 20px;

}



.widget_search .input-group-addon {

  height: 40px;

  background-color: #84b813;

  color: #fff;

  position: relative;

  top: 0;

  width: 40px;

  -webkit-border-top-right-radius: 20px;

  border-top-right-radius: 20px;

  -webkit-border-bottom-right-radius: 20px;

  border-bottom-right-radius: 20px;

  border: none;

  cursor: pointer;

  transition: 1s;

}



.widget_search .input-group-addon:hover {

  background-color: #ff5606;

  transition: 1s;

}



.single_post {

  overflow: hidden;

  padding-bottom: 20px;

}



.single_post .post,

.single_post .text {

  display: table-cell;

}



.single_post .post {

  height: 60px;

  width: 60px;

  padding-right: 10px;

}



.single_post .post>img {

  width: 100%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  vertical-align: text-top;

}



.webtags li {

  margin: 1px;

}



ul.social_icon li,

.webtags li,

.commment li {

  display: inline-block;

}



.webtags li a {

  -webkit-border-radius: 24px;

  border-radius: 24px;

  color: #4c4c4c;

  font-size: 12px;

  margin: 2px 0;

  padding: 5px 16px;

  border: 1px solid #c7c7c7;

  display: block;

  transition: 0.8s;

}



.webtags li a:hover {

  background: #84b813;

  color: #fff;

}



.webcats {

  list-style: none;

}



.webcats li:first-child a {

  margin-top: 0;

}



.webcats li a {

  display: block;

  margin: 5px 0;

  font-weight: 400;

  padding-bottom: 7px;

  border-bottom: 1px solid #c7c7c7;

  text-decoration: none;

}



.webcats li a>span {

  display: inline-block;

  margin-left: 5px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  font-size: 12px;

  height: 24px;

  width: 24px;

  text-align: center;

  color: #c7c7c7;

  line-height: 24px;

  float: right;

}



.news_box,

.webcats li a>span,

ul.links li a::before {

  -webkit-transition: all 0.5s ease-in;

  -o-transition: all 0.5s ease-in;

  transition: all 0.5s ease-in;

}



.webcats li a {

  display: block;

  margin: 5px 0;

  font-weight: 400;

  padding-bottom: 7px;

  border-bottom: 1px solid #c7c7c7;

  text-decoration: none;

}



.webcats li a:hover {

  color: #84b813;

}



.webcats li a:hover>span {

  background: #84b813;

  color: #fff;

}



.webcats li:first-child a {

  margin-top: 0;

}



.a-recent {

  display: inline-block;

  font-weight: 600;

  position: relative;

  color: #444444;

  transition: 1s;

  font-size: 14px;

}



.blog-pic {

  font-size: 15px;

}



.readmore {

  font-size: 14px;

}



.blog-15 {

  font-size: 16px;

}



.page_nav {

  text-align: center;

  font-size: 13px;

}



.pagination {

  display: -ms-flexbox;

  display: flex;

  float: left;

  list-style: none;

  border-radius: 0.25rem;

}



.pagination li>.page-link,

.pagination li:first-child .page-link,

.pagination li:last-child .page-link {

  -webkit-border-radius: 10% !important;

  border-radius: 10% !important;

}



.page-item.active .page-link {

  z-index: 1;

  color: #fff;

  background-color: #84b813;

  border-color: #84b813;

}



.page-link:hover {

  z-index: 2;

  color: #fff;

  text-decoration: none;

  background-color: #ff5606;

  border-color: #ff5606;

}



.page-link {

  position: relative;

  display: block;

  padding: 0.5rem 0.75rem;

  margin-left: -1px;

  line-height: 1.25;

  color: #84b813;

  background-color: #fff;

  border: 1px solid #dee2e6;

}



.page-link {

  margin-left: 4px;

  margin-right: 4px;

}



.blockquote {

  font-size: 17px;

}



.color-blockquote {

  font-size: 20px;

  font-weight: 500;

}



.p_pic {

  display: inline-block;
  width: 100px;

}



.profile {

  display: flex;

}



.profile_text {

  /* max-width: 500px; */

  max-width: 100%;

  margin-left: 30px;

}



form.findus textarea {

  width: 100%;

  min-height: 160px;

}

.footer-para {

  text-align: right;

}



.btn-hvr-green:hover {

  -webkit-text-fill-color: #84b813;

  transition: 1s;

}



/*end blog section*/



.slick-dots li.slick-active button:before {

  opacity: 0;

  color: black;

}



.slick-dots li button::before {

  font-family: slick;

  font-size: 6px;

  line-height: 20px;

  position: absolute;

  top: 0px;

  left: 0px;

  width: 20px;

  height: 20px;

  content: "•";

  text-align: center;

  opacity: 0;

  color: black;

  -webkit-font-smoothing: antialiased;

}



.slick-dots li button:hover:before,

.slick-dots li button:focus:before {

  opacity: 0;

}



/* ===================================

    Mobile App

====================================== */



.app-feature {

  text-align: center;

  margin-bottom: 3rem;

}



.app-feature:last-child {

  margin-bottom: 0;

}



.app-feature i {

  font-size: 38px;

  margin-bottom: 1.5rem;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.app-feature:hover i {

  transform: translateY(-5px);

}



.app-image {

  text-align: center;

  position: relative;

  display: inline-block;

  width: 100%;

  height: 100%;

}



.app-image img {

  max-width: 280px;

  margin: 0 auto;

  display: inline-block;

}



#app-slider {

  position: absolute;

  top: 65px;

  width: 235px;

  left: 58px;

  height: 420px;

}



.app-feature i {

  font-size: 50px;

  color: #84b813;

}



/* ===================================

    Media Queries

====================================== */



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

  .agency-img-before {

    position: absolute;

    left: -116px;

    max-width: 220px;

  }



  .agency-img-after {

    position: absolute;

    top: 645px;

    right: -200px;

  }



  .header-appear .social_icons {

    display: none;

  }

}



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

  .slider-img {

    width: 366px !important;

    height: 480px !important;

  }

}



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

  .slider-img {

    width: 295px !important;

    height: 324px !important;

  }

}



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

  .slider-img {

    width: 260px !important;

    height: 440px !important;

  }

}



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

  .col-md-4 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

}



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

  .slider-img {

    width: 220px !important;

    height: 200px !important;

  }



  .agency-menu {

    max-width: 400px;

  }



  .agency-menu-list {

    max-width: 250px;

  }



  .book-img-width2 {

    transform: translateX(405%);

  }



  #app-slider {

    left: 27px;

  }



  .book-img-width {

    display: none;

  }



  .book-img-width2 {

    display: none;

  }

}



@media (max-width: 1024px) {

  .tp-caption img {

    /*display: none;*/

  }



  h3 {

    font-size: 25px;

  }



  .rare-box {

    max-width: 365px;

  }

}



@media screen and (min-width: 992px) {

  .agency-img-before {

    display: none;

  }



  .agency-img-after {

    display: none;

  }

}



@media screen and (max-width: 991px) {
    .top1{
        margin-top: 50px;
    }

  h2 {

    font-size: 35px;

  }

  p {

    font-size: 16px;

  }

  #app-slider {

    position: absolute;

    top: 51px;

    width: 177px;

    left: 16px;

    height: 315px;

  }



  .app-image img {

    max-width: 100%;

  }



  .agency-menu {

    max-width: 720px;

  }



  .agency-menu-list {

    max-width: 400px;

  }



  .blog-btn {

    padding-bottom: 35px;

  }



  .center-logo .logo {

    position: absolute;

  }



  .logo {

    max-width: 150px;

    top: -30px;

  }



  .social_icons {

    position: relative;

    right: -80px;

    margin-left: auto;

    top: -48px;

    color: #000000;

    display: none;

  }



  .feature-item {

    display: flex;

    flex-direction: column;

    margin: 0 auto;

    text-align: center;

    max-width: 90%;

  }



  .agency-features-icon {

    margin: 0 auto;

    display: flex;

    vertical-align: top;

    width: 41px;

    transition: all 1.2s;

    margin-bottom: 20px;

  }



  /*.head-25{*/

  /*    font-size: 20px !important;*/

  /*}*/



  .max {

    max-width: 360px;

    margin: 0 auto;

  }



  .features {

    margin-left: 0px;

    margin-top: 280px;

  }



  .feature-item .icon {

    font-size: 40px;

  }



  .feature-para {

    font-size: 24px;

  }



  .deal-text {

    text-align: center !important;

  }



  .deal-para {

    text-align: center !important;

    max-width: 100%;

  }



  .price2 {

    text-align: center !important;

  }



  .menu-heading {

    font-size: 22px;

  }



  .margin-991 {

    margin-top: 15px;

    margin-bottom: 20px;

    max-width: 50%;

  }



  .two {

    max-width: 220px;

  }



  .count_nums {

    font-size: 26px;

  }



  .num-counts {

    font-size: 14px;

  }



  /*

    .book-img-width2 {

        max-width: 190px;

        bottom: 6%;

        left: -166px;

    }

    */

  .book-img-width2 {

    display: none;

  }



  /*

    .book-img-width {

        max-width: 190px;

        top: 53px;

        margin-left: -50px;

    }

    */



  .book-img-width {

    display: none;

  }



  .agency-img-before {

    max-width: 190px;

    left: -145px;

  }



  .agency-img-after {

    max-width: 180px;

    right: -140px;

    top: 1030px;

  }



  .side-menu {

    width: 360px;

  }



  .blog-para {

    text-align: center;

    display: block;

    padding-top: 15px;

    padding-bottom: 15px;

  }



  .blog-width {

    max-width: 602px;

    text-align: center;

    margin: 0 auto;

    padding-bottom: 20px;

  }



  .blog-btn {

    display: block;

    text-align: center;

  }



  .blog-img {

    text-align: center;

  }



  .blog-taste {

    display: block;

    margin: 0 auto;

    padding-bottom: 0;

  }



  .blog-taste2 {

    display: block;

    margin: 0 auto;

    padding-bottom: 0;

  }



  .darkcolor {

    text-align: center;

  }



  .text-left {

    padding-top: 0;

  }



  .widget_search {

    max-width: 330px;

    margin: 0 auto;

  }



  .text-11 {

    text-align: center;

  }



  .single_post {

    flex-direction: column;

    text-align: center;

  }



  .blog-header {

    margin-top: 120px;

  }



  .center-logo .logo {

    margin-left: 300px;

    left: 50%;

  }



  .set-91 {

    max-width: 314px;

    margin: 0 auto;

  }

}



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

  .col-md-4 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

}



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

  .slider-img {

    width: 210px !important;

    height: 190px !important;

  }



  .col-md-4 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

}



.margin0 {

  margin-bottom: 0;

}



.margin-sm {

  margin-bottom: 40px;

}



.widget_search {

  padding-bottom: 20px;

}



.hr-line2 {

  margin-bottom: 25px;

}



.pagi-50 {

  margin-bottom: 50px;

}



@media (max-width: 992px) {

  #deal-slider .owl-prev,

  #deal-slider .owl-next {

    transform: none;

  }



  .two {

    max-width: 220px;

  }



  .book-img-width2 {

    max-width: 144px;

    position: absolute;

    width: 100%;

    bottom: 8%;

    transform: translateX(390%);

  }



  .book-img-width {

    display: none;

  }



  .book-img-width2 {

    display: none;

  }



  .head-25 {

    font-size: 25px;

  }

}



@media (max-width: 768px) and (min-width: 767px) {

  .agency-img-before {

    display: none;

  }



  .agency-img-after {

    display: none;

  }



  .book-img-width {

    display: none;

  }



  .book-img-width2 {

    display: none;

  }

}



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

  h2 {

    font-size: 24px;

  }



  h5 {

    font-size: 20px !important;

  }



  h3 {

    font-size: 22px !important;

  }



  body p {

    font-size: 16px;

  }



  section,

  .section-padding,

  .testimonial-item {

    position: relative;

    padding: 4.5rem 0;

    overflow: hidden;
    
    text-align: center;

  }



  .center-logo .logo {

    position: absolute;

    right: 30px;

    transform: none;

    left: unset;

    width: 30%;

    top: -42px;

  }



  .rare-box {

    left: 40px;

  }



  .app-feature i {

    font-size: 30px;

    margin-bottom: 0.5rem;

  }



  .app-feature h4 {

    margin-bottom: 0.3rem !important;

  }



  .max-200 {

    max-width: 324px;

  }



  .two {

    max-width: 350px;

  }



  .blog-para {

    padding-bottom: 0;

  }



  .blog-btn2 {

    padding-bottom: 0 !important;

  }



  .agency-img-before {

    max-width: 160px;

  }



  .agency-img-after {

    max-width: 150px;

  }



  .book-img-width {

    max-width: 160px;

    top: 40px;

    margin-left: -70px;

  }



  .book-img-width2 {

    max-width: 166px;

    bottom: -1%;

    left: -316px;

  }



  .slider-heading {

    font-size: 32px !important;

  }



  .slider-heading2 {

    font-size: 35px !important;

  }



  .slider-p {

    font-size: 13px !important;

  }



  .side-menu {

    width: 360px;

  }



  .deal-para {

    margin: 0 auto;

  }



  .testi-para {

    max-width: 369px;

  }

    p:last-child {
        margin-bottom: 30px;
    }

  .contact-detail {

    display: flex;

    flex-direction: column;

    /*max-width: 145px;*/

    margin: 0 auto 50px;

    text-align: center;

  }



  .icon-flex {

    display: block;

    padding-bottom: 20px;

  }



  .contact-icon {

    padding-bottom: 15px;

  }



  .contact {

    text-align: center;

  }



  .table-booking {

    text-align: center;

    margin-top: 30px;

  }



  .logo-max {

    max-width: 140px;

    text-align: center;

    margin: 0 auto;

  }



  .footer-width {

    text-align: center;

    margin: 0 auto;

    padding-bottom: 20px;

  }



  .contact-social-icon {

    text-align: center;

  }



  .footer-sec {

    padding: 4.5rem 0;

  }



  .copyright-para {

    text-align: center;

  }



  .feature-para {

    font-size: 22px;

    margin-bottom: 15px;

  }



  .blog-taste {

    max-width: 339px;

  }



  .blog-btn {

    padding-bottom: 35px;

  }



  .blog-para {

    padding-top: 10px;

    padding-bottom: 10px;

  }



  .blog-img {

    margin-top: 0;

  }



  .blog-taste2 {

    max-width: 333px;

  }



  .comment-text {

    text-align: center;

  }



  .comment-para {

    max-width: 285px;

    margin: 0 auto;

    padding-bottom: 30px;

  }



  .blog-img-p {

    margin: 0 auto;

    display: block;

    padding-bottom: 30px;

  }



  .heading-space {

    padding-bottom: 85px;

  }



  .comment-btn {

    margin-bottom: 30px;

  }



  .blog-0 {

    margin-top: 0;

  }



  .darkcolor {

    text-align: center;

  }



  .text-11 {

    text-align: center;

  }



  .reser-blog {

    text-align: center;

    display: block;

  }



  .center-leave {

    text-align: center;

  }



  .footer-para {

    text-align: center;

    margin: 0 auto;

  }



  .text-1 {

    text-align: center;

  }



  .reser-blog {

    text-align: center;

  }



  .agency-menu {

    margin-top: 0px;

  }



  .parallax-padding {

    padding-top: 0px !important;

    margin-bottom: 50px !important;

  }



  .blog-h2 {

    /*margin-bottom: 0;*/

  }



  .book-table {

    margin-top: 30px;

    margin-bottom: 30px;

  }



  .testi-para::after {

    bottom: -12px;

    right: -515px;

  }



  .pagination {

    text-align: center;

    padding-bottom: 20px;

    float: unset;

    margin-top: 50px;

  }



  .form-control {

    height: 40px;

  }



  .blog-header {

    margin-top: 100px;

  }



  .title {

    margin-bottom: 2rem;

  }



  #app-slider {

    position: absolute;

    top: 40px;

    width: 142px;

    left: 14px;

    height: 255px;

    overflow: hidden;

  }



  .app-image {

    width: 170px;

    margin: 3rem auto;

  }

}



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



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

  h5 {

    font-size: 15px !important;

  }



  .agency-menu {

    max-width: 400px;

  }



  .agency-menu-list {

    max-width: 250px;

  }



  .menu-heading {

    font-size: 18px;

  }



  .agency-img-before {

    position: absolute;

    top: 15px;

    left: -500px;

  }



  .agency-img-after {

    max-width: 108px;

  }



  .agency-img-after {

    position: absolute;

    bottom: 60px;

    right: -500px;

  }



  .book-img-width {

    max-width: 145px;

    top: 20px;

    margin-left: -500px;

  }



  .book-img-width2 {

    max-width: 145px;

  }



  .feature-para {

    font-size: 22px;

  }



  .side-menu {

    width: 320px;

  }



  .icon-up {

    padding-top: 1.5rem !important;

  }



  .blog-header {

    margin-top: 100px;

  }

}



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

  .agency-menu {

    max-width: 360px;

    padding: 0 15px;

  }



  .agency-menu-list {

    max-width: 200px;

  }



  .rare-box {

    left: 5px;

  }



  .features {

    margin-left: 0px;

  }



  .book-table {

    text-align: center;

  }



  .logo-max {

    text-align: center;

    display: block;

    margin: 0 auto;

  }



  .footer-width {

    max-width: 306px;

    text-align: center;

    margin: 0 auto;

  }



  .contact-social-icon {

    text-align: center;

  }



  .contact-detail {

    display: flex;

    flex-direction: column;

    /*max-width: 131px;*/

    margin: 0 auto 40px;

    align-items: center;

    text-align: center;

  }



  .icon-flex {

    display: block;

    padding-bottom: 20px;

  }



  .contact-icon {

    padding-bottom: 15px;

    padding-right: 0;

  }



  .contact {

    text-align: center;

  }



  .side-menu {

    width: 280px;

  }



  .blog-btn {

    padding-top: 0px;

    padding-bottom: 0px;

  }

}



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

  .features {

    margin-top: 220px;

  }



  .features-content {

    padding-left: 0;

  }



  .agency-img-after {

    display: none;

  }



  .blog-header {

    margin-top: 100px;

  }



  .pagination {

    text-align: center;

    padding-bottom: 50px;

    float: unset;

    margin-top: 50px;

  }



  .comment-btn {

    margin-bottom: 0;

  }



  .blog-p-img {

    padding-top: 20px;

  }



  .form-control {

    height: 40px;

  }



  .heading_space {

    padding-bottom: 40px;

  }



  .single_post {

    padding-top: 20px;

  }



  .heading-space {

    padding-bottom: 50px;

  }



  .p-50 {

    padding-top: 40px;

  }



  .image-blog {

    padding-top: 20px;

  }



  .blockquote {

    text-align: center;

  }



  .button-padding {

    margin-bottom: 20px;

  }



  .heading-padding {

    padding-bottom: 0 !important;

  }



  .sidebar {

    margin-top: 30px;

  }



  .item_padding {

    padding-bottom: 0 !important;

  }



  .p_pic img {

    min-width: 80px;

  }



  .profile_text {

    margin-left: 15px;

  }

}



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

  .rare-box {

    left: -4px;

  }



  .image-about {

    margin-left: 10px;

  }



  .agency-img-before {

    max-width: 120px;

    margin-left: -500px;

  }



  .agency-img-after {

    max-width: 90px;

    margin-right: 500px;

  }



  .book-img-width {

    margin-left: -500px;

  }



  .testi-para::before {

    transform: translateX(-3px) rotate(180deg);

  }



  .blog-para {

    font-size: 19px;

  }



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

    .max-200 {

      max-width: 255px;

    }

  }



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

    .center-logo .logo {

      margin: 0 auto;

    }

  }

}