/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START SERVICE DESIGN
    05. START WHY CHOOSE DESIGN
    06. START SPECIAL PACKAGE DESIGN
    07. START TOP DEALS DESIGN
    08. START DEALS & DISCOUNT DESIGN
    09. START GALLERY DESIGN
    10. START BLOG DESIGN
    11. START TESTIMONIAL DESIGN
    12. START COMPANY PARTNER LOGO
    13. START CONTACT DESIGN
    14. START FOOTER DESIGN
    15. START SECTION TOP DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
  color: #727272;
  font-family: "Quicksand", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  background: #fff;
}
html,
body {
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px;
  font-family: "Montserrat", sans-serif;
  color: #333;
  font-weight: 400;
}
a {
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  transition: all 0.2s ease 0s;
}

a:hover {
  color: #fff;
  text-decoration: none;
}
a:focus {
  outline: none;
  text-decoration: none;
}

.current-sous-menu{
  font-size: 20px;
  color:#ffa300;
}

.text-primary-color {
  color: #ffa300;
}
.background-primary-color {
  background-color: #ffa300;
}
.text-second-color {
  color: #009eff;
}
.background-second-color {
  background-color: #009eff;
}

.current-active {
  color: #ffa300 !important;
  font-weight: bold !important;
  font-size: 20px !important;
}
p {
  margin-bottom: 0;
}
ul,
li {
  margin: 0;
  padding: 0;
}
fieldset {
  border: 0 none;
  margin: 0 auto;
  padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
  background: #fff;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999;
}

.chat-whathsapp {
    position: fixed;
    /* display: none; */
    right: 10px;
    bottom: 70px;
    z-index: 99;
}

.input-group > .form-control:focus {
  border: none !important;
  outline: none !important;
  border-color: transparent;
  box-shadow: none !important;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
  color: #fff;
  background: none !important;
  /* border-color:none !important; */
  box-shadow: none !important;
}

.status-mes {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 8px solid #222;
  border-right: 8px solid #222;
  border-bottom: 8px solid #222;
  border-left: 8px solid #fff;
  border-radius: 50%;
  -webkit-animation: spinner 700ms infinite linear;
  animation: spinner 700ms infinite linear;
  z-index: 10000;
}

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

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

.status-mes h4 {
  color: #f7f7f7;
  position: relative;
  font-size: 24px;
  margin-top: 30px;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.no-padding {
  padding: 0;
}
/*END PRELOADER DESIGN*/
.section-padding {
  padding: 60px 0;
}
/*START SECTION TITLE DESIGN*/
.section-title {
  margin-bottom: 60px;
}
.section-title h2 {
  font-size: 45px;
  font-weight: 600;
  margin-top: 0;
  position: relative;
  text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
  .section-title h2 {
    font-size: 30px;
  }

  .section-title p {
    padding: 0 5px;
    width: 90%;
    margin: auto;
    text-align: justify !important;
  }
}
.section-title span {
  background: #ffa300;
  height: 10px;
  width: 70px;
  display: block;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.section-title-white {
  color: #fff;
  position: relative;
  /* border: 1px solid orangered; */
}
.section-title p {
  padding: 0 10px;
  width: 80%;
  margin: auto;
}
@media only screen and (max-width: 480px) {
 
}
@media only screen and (max-width: 375px) {
  .section-title p {
    padding: 0 5px;
    width: 90%;
    margin: auto;
    text-align: justify !important;
  }
}
@media only screen and (max-width: 425px) {
  .section-title p {
    padding: 0 5px;
    width: 90%;
    margin: auto;
    text-align: justify !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .section-service-intro {
    padding: 0 5px;
    width: 95%;
    margin: auto;
    text-align: justify !important;
  }

  .service{
    height: 350px !important;
  
  }
  .service-description{
    font-size: 12px;
    text-align: justify !important;
  }

  /* #main-menu {
    /* font-size: 25px !important; */
    /* display: none !important; */
  /*} */

  .post-slide .post-description {
    margin-bottom: 15px;
    height: 125px !important;
    align-items: center;
}

.post-slide .post-content {
  background: #fff none repeat scroll 0 0;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 20px 20px;
  height: 250px;
}
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
  background: #ffa300 none repeat scroll 0 0;
  border-radius: 30px;
  bottom: 5px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  font-size: 22px;
  height: 50px;
  line-height: 45px;
  opacity: 1;
  position: fixed;
  right: 5px;
  text-align: center;
  transition: all 0.2s ease 0s;
  width: 50px;
}
.topcontrol:hover {
  background: #222;
  color: #fff;
}
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.site-logo img {
  width: 140px;
  height: auto;
  /* border: 1px solid red; */
}
.bg-faded {
  background-color: transparent;
  transition: all 0.5s ease 0s;
}
@media only screen and (max-width: 767px) {
  .bg-faded {
    background-color: #fff;
  }
}
.navbar-fixed {
  z-index: 999;
  position: fixed;
  opacity: 0.98;
  width: 100%;
  padding: 10px 0;
  top: 0;
  -webkit-animation: fadeInDown 800ms;
  animation: fadeInDown 800ms;
  -webkit-backface-visibility: hidden;
  border-radius: 0px;
  background: #fff;
  box-shadow: 0px 60px 60px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  .navbar-fixed {
    background: #fff;
  }
}
#navigation {
  padding: 20px 0;
}
@media screen and (max-width: 480px) {
  #navigation {
    padding: 15px 0;
  }
}
#navigation.navbar-fixed {
  padding: 20px 0;
}
.header_right {
  float: right;
}
@media screen and (max-width: 880px) {
  .header_right {
    float: none;
    display: flex;
    flex-basis: auto;
  }
}

#main-menu {
  margin-top: 10px;
}
#main-menu ul {
  list-style-type: none;
}
#main-menu ul li {
  display: inline-block;
  padding: 0px 12px;
  position: relative;
}
#main-menu ul li a {
  color: #fff;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 500;
  transition: 0.3s;
}
@media only screen and (max-width: 1024px) {
  #main-menu ul li {
    padding: 0px 8px;
  }
  #main-menu ul li a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 960px) {
  #main-menu ul li {
    padding: 0px 8px;
  }
  #main-menu ul li a {
    font-size: 13px;
  }
}
@media only screen and (max-width: 800px) {
  #main-menu ul li {
    padding: 0px 4px;
  }
  #main-menu ul li a {
    font-size: 16px;
  }
}
#navigation.navbar-fixed #main-menu ul li a {
  color: #000;
}
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus {
  color: #ffa300;
}
#main-menu ul li a:hover,
#main-menu ul li a:focus {
  color: orange;
}
.slicknav_nav_icon {
  color: #fff;
  font-size: 24px;
}
.slicknav_menu .slicknav_icon::before {
  background: transparent;
  width: 1.125em;
  height: 0.875em;
  display: block;
  content: "\e68e";
  position: absolute;
  font-family: "themify";
  color: #fff;
  font-size: 20px;
}

#mobile_menu{
  display: none !important;
}

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

  .navbar-default {
    padding: 10px !important;
  }
  .navbar-collapse {
    margin-top: 15px;
  }

  #navigation ul li a {
    position: inherit;
    color: #fff;
  }

  #navigation ul li ul,
  #navigation ul li ul li ul {
    opacity: 1;
    position: inherit;
    top: 0;
    transition: all 0.3s ease 0s;
    z-index: 1;
    visibility: visible;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.05);
    padding: 15px;
    left: 0;
    background: #ffa300;
    list-style: none;
    width: 100%;
  }

  #navigation ul li ul.sub-menu li {
    z-index: 1;
  }

  #navigation ul li:hover ul.sub-menu {
    top: 0;
    opacity: 1;
    z-index: 999;
    visibility: visible;
  }
  #main-menu {
    display: none;
  }
  /* #mobile_menu {
    display: block !important;
    width: 100%;
  } */
  .slicknav_nav ul li a {
    color: #fff !important;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
  }
}
@media only screen and (max-width: 767px) {
  .navbar-brand {
    padding-top: 20px;
  }
  .slicknav_menu {
    font-size: 16px;
    box-sizing: border-box;
    background: transparent;
    padding: 0;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 568px) {
  .slicknav_menu {
    margin-top: -40px;
  }
}
@media only screen and (max-width: 480px) {
  .slicknav_menu {
    margin-top: -40px;
  }
}
.arrow-btn::after {
  font-family: FontAwesome;
  content: "\f0d7";
  position: absolute;
  top: 60%;
  right: -1px;
  margin-top: -14px;
}

@media only screen and (max-width: 844px) {
  .arrow-btn::after {
    right: -3px;
  }
}
@media only screen and (max-width: 767px) {
  .arrow-btn::after {
    display: none;
  }
}
.slicknav_nav .slicknav_arrow {
  font-size: 16px;
}
/*START DROPDOWN MENU*/
.menu_dropdown ul {
  list-style-type: none;
}
.menu_dropdown li ul.sub-menu,
.menu_dropdown ul li ul.sub-menu li ul.sub-menu {
  background: #ffa300;
  left: -30px;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 125%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 250px;
  text-align: left;
  z-index: -99;
  margin-top: 15px;
  border-radius: 3px;
}
.menu_dropdown ul li ul.sub-menu li ul.sub-menu {
  top: 0;
  left: 100%;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.menu_dropdown ul li ul.sub-menu li {
  padding: 0;
  width: 100%;
}
.menu_dropdown ul li:hover ul.sub-menu {
  top: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 999;
  visibility: visible;
}
.menu_dropdown ul.nav > li ul li:hover ul.sub-menu {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.menu_dropdown ul li ul.sub-menu li a {
  color: #fff !important;
  font-size: 17px;
  padding: 15px;
  text-transform: capitalize;
  display: block;
  border-bottom: 0px;
}
.menu_dropdown ul li ul.sub-menu li:last-child a {
  border-bottom: none;
}
.menu_dropdown ul li:hover ul.sub-menu li a:hover {
  color: #fff !important;
  text-decoration: none;
  padding-left: 15px;
  background: none;
}
/*END DROPDOWN MENU*/
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.flexslider .slides > li:first-child {
  display: block;
}
.flexslider.loading .slides > li:first-child {
  opacity: 1 !important;
}
.flexslider {
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  border-radius: 0;
  overflow: hidden;
  background: none;
}
#home-slider .slides li {
  height: 700px;
  background-size: cover !important;
  position: relative;
}
#home-slider .slides li:after {
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}
.flex-control-nav {
  width: 20px;
  bottom: auto;
  z-index: 20;
  top: 40%;
  right: 20px;
}

.flex-control-nav li {
  display: block;
  margin: 0 0 6px 0;
}

.flex-control-paging li a {
  background: transparent;
  border: 2px solid #fff;
  border-radius: 100%;
  box-shadow: none;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
  background: #fff;
  border-color: #fff;
}
#home-slider.flexslider.loading {
  position: relative;
}
#home-slider.flexslider.loading:after {
  content: " ";
  position: absolute;
  width: 30px;
  height: 30px;
  right: 20px;
  top: 40%;
  margin: 0 0 0 -15px;
  border: 4px solid #3cd2ad;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  -ms-animation: spin 1s linear infinite;
  -o-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.slider-info {
  position: absolute;
  top: 32%;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .slider-info {
  }
}
.slider-info h1 {
  color: #fff;
  font-size: 70px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .slider-info h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 320px) {
  .slider-info h1 {
    font-size: 30px;
  }
}
.slider-info p {
  color: #fff;
  margin-bottom: 25px;
}
@media only screen and (max-width: 480px) {
  .slider-info p {
    color: #fff;
    margin: auto;
    width: 90%;
    margin-bottom: 25px;
  }
}
.btn-home-bg {
  background: #ffa300 none repeat scroll 0 0;
  border: 2px solid #ffa300;
  border-radius: 100px;
  color: #fff;
  font-size: 12px;
  padding: 15px 35px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.btn-service-bg {
  background: #ffa300 none repeat scroll 0 0;
  border: 2px solid #ffa300;
  border-radius: 100px;
  color: #fff;
  font-size: 12px;
  padding: 15px 35px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.btn-service-bg:hover {
  color: #fff;
}

.input-no-outline {
  outline: none !important;
}
.button-no-outline {
  outline: none !important;
}

.btn-home-bg:hover {
  background: #ffa300 repeat scroll 0 0;
  /* border: 2px solid #fff; */
  color: #fff;
  outline: 0;
}
.home_parallax {
  height: 100vh;
  position: relative;
}
.home_parallax:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
}
.hero-text {
  padding-top: 250px;
  position: relative;
}

.hero-text h1 {
  color: #fff;
  font-size: 70px;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
  .hero-text h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 320px) {
  .slider-info h1 {
    font-size: 30px;
  }
}
.hero-text p {
  color: #fff;
  margin-bottom: 25px;
}
@media only screen and (max-width: 480px) {
  .hero-text p {
    color: #fff;
    margin: auto;
    width: 90%;
    margin-bottom: 25px;
  }
}
.home_video {
  height: 750px;
  position: relative;
}
.home_video:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
}
.html-video {
  top: 0%;
  left: 0%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.slider-caption {
  position: absolute;
  top: 33%;
  width: 100%;
  left: 0;
  text-align: center;
  z-index: 15;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
video {
  min-width: 100%;
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

.service-card {
  /* overflow: hidden !important; */
  /* background-color: transparent;
   position: relative;
   transition: 0.3s;
   z-index: 1; */
}

.service::before {
  content: "";
  width: 0;
  height: 200%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background: #009eff;
  transition: 0.5s ease;
  display: block;
  z-index: -1;
}

.service:hover::before {
  width: 100%;
}

.service:hover {
  color: #f1f1f1;
}
.service:hover .service-title {
  color: #fff !important;
  font-weight: bold;
}
.service:hover .service-description {
 font-style: italic;
}

.our_services {
  background: #eef1f2 none repeat scroll 0 0;
  padding: 60px 0px;
}
.service {
  background: #fff none repeat scroll 0 0;
  height: 275px;
  padding: 20px;
  margin-bottom: 60px;
  transition: all 0.4s ease 0s;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  border-left-width: 3px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  background-color: transparent;
  position: relative;
  transition: 0.3s;
  z-index: 1;
}
.icon {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #fff;
  border-radius: 100px;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
  color: #ffa300;
  font-size: 24px;
  height: 60px;
  left: 0;
  line-height: 56px;
  margin: 20px auto auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 60px;
}
.other-service-icon {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #fff;
  /* border-radius: 100px; */
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
  color: #ffa300;
  font-size: 24px;
  height: 60px;
  left: 0;
  line-height: 56px;
  margin: 20px auto auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 150px;
}

.icon-autre-service {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #fff;
  border-radius: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
  color: #ffa300;
  font-size: 50px;
  height: 100px;
  /* left: 0; */
  /* line-height: 56px; */
  margin: 20px auto auto;
  position: relative;
  /* right: 0; */
  text-align: center;
  /* top: 0; */
  transition: all 0.3s ease 0s;
  width: 100px;
}

.testimonial-user {
  border: 2px solid blue;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50%;
}
.testimonial-user img {
  border-radius: 50%;
  border: 2px solid red;
  width: 50px !important;
  height: 50px !important;
}
.service h4 {
  padding: 1.5rem 0rem 0rem;
  font-size: 18px;
  margin: 50px 0 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: #009eff;
}
.service p {
  text-align: center;
}

.service:hover {
  /* transform: rotateY(-180deg); */
  /* background-color: #ffa300;
  transition: all ease-in-out 1s;
  color: white;  */
}
/*
* ----------------------------------------------------------------------------------------
* 04.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 05.START WHY CHOOSE US DESIGN
 * ----------------------------------------------------------------------------------------
*/
.why_choose {
  position: relative;
}
.why_choose:before {
  background: rgba(0, 0, 0, 0)
    linear-gradient(rgba(34, 38, 75, 0.4), rgba(34, 38, 75, 0.5)) repeat scroll
    0 0;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.single-choose {
  background: #fff none repeat scroll 0 0;
  border-radius: 4px;
  padding: 30px 20px;
}
@media only screen and (max-width: 480px) {
  .single-choose {
    margin-bottom: 60px;
  }
}
.single-choose span {
  background: #ffa300 none repeat scroll 0 0;
  border: 1px solid #ffa300;
  border-radius: 100px;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 24px;
  height: 60px;
  left: 0;
  line-height: 56px;
  margin: -30px auto auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 60px;
}
.single-choose h4 {
  font-size: 18px;
  font-weight: 500;
  margin-top: 20px;
  text-transform: uppercase;
}
.single-choose p {
}

/*START COUNTER*/
.counter_feature {
  padding-top: 60px;
}
.counter_title {
}
.counter_title h1 {
  color: #fff;
  margin-top: 90px;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  .counter_title h1 {
    margin-top: 0px;
    margin-bottom: 60px;
  }
}
.complete-project-area {
}

.single-project-complete {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
}
.brnone {
  border-right: 0px;
}
@media only screen and (max-width: 768px) {
  .single-project-complete {
    margin-bottom: 30px;
  }
}
.single-project-complete h2 {
  font-size: 45px;
  font-weight: 600;
}
.single-project-complete h3 {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  margin-top: 0;
}
/*END COUNTER*/
/*
 * ----------------------------------------------------------------------------------------
 * 05.END WHY CHOOSE US DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  06.START SPECIAL PACKAGE DESIGN
 * ----------------------------------------------------------------------------------------
*/
.single_package {
  margin: 0 15px;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .single_package {
    margin-bottom: 40px;
  }
}
.package-hover {
  position: absolute;
  width: 100%;
  bottom: -100%;
  padding: 30px;
  padding-bottom: 0px;
  background: #ffa300;
  transition: all 0.3s ease-in-out;
}
.single_package:hover .package-hover {
  bottom: 0px;
}
.package-hover p {
  color: #fff;
}
.package-hover i {
  color: #fff;
}
.time_zone {
  background: #fff;
  display: block;
  overflow: hidden;
  color: #333 !important;
  padding: 10px;
}
.team .position-center-center {
  width: 100%;
  padding: 0 20px;
}
.single_package img {
  width: 100%;
}
.single_package h5 {
  color: #fff;
  font-size: 18px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 600;
}
.single_package span {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  margin: 10px 0 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.package-name {
  background: #ffa300;
  bottom: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  left: 0;
  margin: 0;
  padding: 25px 20px;
  position: absolute;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out 0s;
  width: 100%;
}
/*
 * ----------------------------------------------------------------------------------------
 * 06.END SPECIAL PACKAGE DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 07.START TOP DEALS DESIGN
 * ----------------------------------------------------------------------------------------
 */
.grid figure {
  cursor: pointer;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.grid figure img {
  position: relative;
  display: block;
  width: 100%;
}
.grid figure figcaption {
  padding: 20px;
  color: #fff;
  text-transform: uppercase;
  /* font-weight: bold; */
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.grid figure h4 {
  word-spacing: -0.15em;
  font-weight: 300;
}
.grid figure h4,
.grid figure p {
  margin: 0;
}
.grid figure p {
  font-size: 16px;
  letter-spacing: 1px;
}
.grid figure p a {
  color: #fff;
}
figure.effect-sadie figcaption:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.6) 75%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.6) 75%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.6) 75%
  );
  content: "";
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}
figure.effect-sadie h4 {
  background: #fff none repeat scroll 0 0;
  color: #222;
  font-weight: bold;
  font-size: 18px;
  left: 20%;
  letter-spacing: 1px;
  padding: 15px 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0px);
  transform: translate3d(0px, -50%, 0px);
  -webkit-transition: -webkit-transform 0.35s ease 0s, color 0.35s ease 0s;
  transition: transform 0.35s ease 0s, color 0.35s ease 0s;
  width: 60%;
  opacity: 0;
  filter: alpha(opacity=0);
  border: 1px solid #ffa300;
  border-radius: 5px;
}
@media only screen and (max-width: 768px) {
  figure.effect-sadie h4 {
    font-size: 12px;
  }
}
@media only screen and (max-width: 480px) {
  figure.effect-sadie h4 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 320px) {
  figure.effect-sadie h4 {
    font-size: 14px;
  }
}
figure.effect-sadie figcaption:before,
figure.effect-sadie p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}
figure.effect-sadie:hover h4 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
}
figure.effect-sadie:hover figcaption:before,
figure.effect-sadie:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*
 * ----------------------------------------------------------------------------------------
 * 07.END TOP DEALS DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
* ----------------------------------------------------------------------------------------
* 08.START DEALS & DISCOUNT DESIGN
* ----------------------------------------------------------------------------------------
*/
.single-discount {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #eee;
  margin: 0 15px 10px;
  padding: 10px;
  transition: all 0.2s ease 0s;
}
@media only screen and (max-width: 480px) {
  .single-discount {
    margin-bottom: 40px;
  }
}
.single-img {
  position: relative;
  width: 100%;
}
.post-date {
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  left: 0;
  margin-left: 10px;
  padding: 15px 30px;
  position: absolute;
  text-align: center;
  top: 5%;
}
.post-date h4 {
  color: #333;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
.post-date i {
  color: #ffa300;
}
.single_discount_dsc {
  padding: 10px 10px 0;
}
.single_discount_dsc h3 {
  color: #333;
  display: block;
  font-size: 20px;
  margin: 0;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-weight: 500;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.single_discount_dsc h3 a:hover {
  color: #ffa300;
}
.single_discount_dsc p {
  margin-bottom: 5px;
}
.single_discount_dsc a {
  color: #ffa300;
  font-weight: 400;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  text-transform: uppercase;
  font-size: 14px;
}
.single_discount_dsc a:hover {
  padding-left: 10px;
}
/*START SINGLE TOUR DETAILS*/
.single_tour_details {
}
.single_tour_details img {
  width: 100%;
}
.single_tour_details span {
  color: #333;
  display: block;
  margin: 10px 0;
  overflow: hidden;
  font-size: 17px;
  text-transform: uppercase;
}
.single_tour_details h2 {
}
.single_tour_details p {
}
.book_now {
  margin-bottom: 30px;
}
.book_now h4 {
  border-bottom: 1px solid #eee;
  font-weight: 400;
  margin-bottom: 15px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.book_now input {
  background: #fff none repeat scroll 0 0;
  border-color: currentcolor currentcolor #eee;
  border-style: none none solid;
  border-width: 0 0 1px;
  box-shadow: none;
  color: #333;
  height: 45px;
  padding: 10px;
}
.book_now input:hover,
.book_now input:focus {
  border-color: currentcolor currentcolor #ffa300;
  border-style: none none solid;
  border-width: 0 0 1px;
  box-shadow: none;
  outline: 0 none;
}
/*END SINGLE TOUR DETAILS*/
/*
* ----------------------------------------------------------------------------------------
* 08.END DEALS & DISCOUNT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09.START GALLERY DESIGN
* ----------------------------------------------------------------------------------------
*/
.img-gallery {
}
.gallery_info {
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding: 40px 30px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 400px;
}
@media only screen and (max-width: 480px) {
  .gallery_info {
    width: 100%;
  }
}
.gallery_info h1 {
  text-transform: uppercase;
  font-weight: 600;
}
.gallery_info p {
}
/*
* ----------------------------------------------------------------------------------------
* 09.END GALLERY DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 10.START BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */

.post-slide .post-title {
  color: #009eff;
  font-weight: bold;
}

.blog_section {
  padding-bottom: 30px;
}
.our-blog {
  padding-bottom: 20px;
}
.single_home_blog {
  border: 1px solid #eee;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.09);
  margin-bottom: 30px;
  position: relative;
}

@media only screen and (max-width: 480px) {
  .single_home_blog {
    margin-bottom: 40px;
  }
}
.post-slide .post-img {
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .post-slide .post-img {
    height: 100%;
    overflow: hidden;
  }
}
.post-slide .post-img img {
  width: 100%;
  height: auto;
  transition: all 0.3s ease-in-out 0s;
}
.post-slide .post-content {
  background: #fff none repeat scroll 0 0;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 20px 20px;
}
.post-slide .post-date-blog {
  min-width: 28px;
  min-height: 28px;
  line-height: 28px;
  text-align: center;
  background: #fff;
  display: inline-block;
  position: absolute;
  z-index: 999;
  top: 10px;
  left: 25px;
}
.post-slide .month {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  padding: 5px 15px;
  background: #ffa300;
  text-transform: uppercase;
}
.post-slide .date {
  color: #333;
  font-size: 14px;
  display: block;
  padding: 5px 15px;
  font-family: open sans, sans-serif;
  font-weight: 600;
}
.blog-post-title a {
  color: #333;
  font-size: 18px;
  /* text-transform: capitalize; */
  transition: all 0.5s ease 0s;
  font-weight: 700;
  margin-bottom: 15px;
  display: block;
}
.blog-page-info {
  margin-bottom: 10px;
}
.blog-page-info span {
  font-family: open sans, sans-serif;
  margin-right: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #333;
  font-size: 14px;
}
.blog-page-info span a {
  font-family: open sans, sans-serif;
  margin-right: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #333;
  font-size: 14px;
}
.blog-page-info span a:hover {
  color: #ffa300;
}
.post-slide .post-title {
  margin: 5px 0 10px;
}
.post-slide .post-title a {
  color: #333;
  font-size: 24px;
  transition: all 0.5s ease 0s;
  font-weight: 600;
  line-height: 36px;
}
@media only screen and (max-width: 480px) {
  .post-slide .post-title a {
    font-size: 18px;
  }
}
.post-slide .post-title a:hover {
  color: #ffa300;
  text-decoration: none;
}
.post-slide .post-description {
  margin-bottom: 15px;
}
.blog-page-description {
  margin-bottom: 15px;
}
.post-slide .post-bar {
  padding: 15px 0;
  list-style: none;
  text-align: center;
  background: #4d61ff;
}
.post-slide .post-bar li {
  display: inline-block;
  margin-right: 5px;
}
.post-slide .post-bar li a {
  text-transform: capitalize;
  color: #fff;
  transition: 0.2s ease;
}
.post-slide .post-bar li a:hover {
  text-decoration: none;
  color: #333;
}
.post-slide .post-bar li i {
  color: #fff;
  margin-right: 5px;
}
.bpmb {
  margin-bottom: 60px;
}
.post-description_mbtop {
  margin-top: 30px;
}
.post-content > a {
  /* border-bottom: 1px solid #eee; */
  color: #333;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}
.post-content > a:hover {
  color: #ffa300;
}

/*START BLOG PAGES CSS*/
/*START PAGINATION*/
ul.blog_pagination li a {
  border: 1px solid #eee;
  border-radius: 0;
  color: #282828;
  display: block;
  font-size: 18px;
  font-weight: 500;
  height: 45px;
  line-height: 42px;
  margin: 5px;
  text-align: center;
  width: 45px;
}
ul.blog_pagination li a:hover {
  color: #fff;
  background: #ffa300;
  border: 1px solid #ffa300;
}
/*END PAGINATION*/
/*START BLOG SIDEBAR DESIGN*/
.contact_form_blog {
  padding-top: 0px !important;
}
.blog_sidebar_title {
  color: #333;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px;
  /* margin-bottom: 15px; */
  margin-top: 0;
  padding-bottom: 10px;
  text-transform: capitalize;
}
.blog_sidebar_title::after {
  display: block;
  content: "";
  background: #333;
  height: 2px;
  width: 70px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.blog_search,
.latest_blog,
.video_post,
.categories {
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  .blog_search {
    margin-top: 60px;
  }
}
.blog_search input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #eee;
  border-radius: 0;
  color: #282828;
  transition: all 0.3s ease 0s;
  height: 50px;
}
.blog_search input:focus {
  border: 1px solid #ffa300;
}
.single_latest_blog {
  overflow: hidden;
}
.single_latest_blog h4 {
  color: #777;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  margin: 10px 0 0;
  transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 {
  color: #ffa300;
}
.single_latest_blog span {
  color: #161616;
}
.categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.categories ul li {
}
.categories ul li a {
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 15px 0;
  border-bottom: 1px solid #eee;
  /* padding-bottom: 13px; */
}
.categories ul li a:hover {
  color: #ffa300;
}
.categories ul li a i {
  margin-right: 10px;
}
.video_post iframe {
  width: 100%;
  height: 100%;
  border: medium none;
}
.tag a {
  border: 1px solid #eee;
  border-radius: 30px;
  color: #333;
  display: block;
  float: left;
  font-size: 13px;
  font-weight: 500;
  margin: 4px;
  padding: 8px 18px;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
}
.tag a:hover {
  background: #ffa300;
  color: #fff;
  border: 1px solid #ffa300;
}
/*END BLOG SIDEBAR DESIGN*/
/*START BLOG SINGLE PAGE DESIGN*/
.single_blog_post {
  margin-bottom: 60px;
}
.single_blog_post img {
  width: 750px;
  height: 455px;
}
.blog_post_text h4 {
  margin: 30px 0;
}
.author_part {
  margin-bottom: 60px;
  overflow: hidden;
}
.single_author {
  background: #fff none repeat scroll 0 0;
  padding: 20px;
  /* display: block; */
  overflow: hidden;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.author_part img {
  border: 4px solid #ffa300;
  border-radius: 100px;
  float: left;
  height: 120px;
  margin-right: 20px;
  width: 120px;
}
.author_part h4 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
}
.author_part p {
  margin-bottom: 0;
}
.blog_head_title {
  border-bottom: 1px solid #eee;
  margin: 0 0 30px;
  padding-bottom: 10px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1px;
}
.comments_part {
  margin-bottom: 60px;
  overflow: hidden;
}
.single_comment {
  margin-bottom: 30px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
.single_comment_mbnone {
  margin-bottom: 0px;
}
.single_comment img {
  border: 4px solid #ffa300;
  border-radius: 100px;
  float: left;
  height: 120px;
  margin-right: 20px;
  width: 120px;
}
.single_comment h4 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.single_comment p {
  margin-bottom: 0;
}
.comment_form input,
.comment_form textarea {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: currentcolor currentcolor #eee;
  border-image: none;
  border-radius: 0;
  border-style: none none solid;
  border-width: 0 0 1px;
  box-shadow: none;
  color: #282828;
  font-size: 14px;
  font-weight: 500;
  padding: 15px 0;
}

.comment_form textarea {
}
@media only screen and (max-width: 768px) {
  .comment_form textarea {
    width: 100%;
  }
}
.comment_form input:hover,
.comment_form input:focus {
  background: none;
  border-bottom: 1px solid #ddd;
  box-shadow: none;
  color: #282828;
  outline: 0 none;
}
.comment_form textarea:hover,
.comment_form textarea:focus {
  background: none;
  border-bottom: 1px solid #ddd;
  box-shadow: none;
  color: #282828;
  outline: 0 none;
}
/*END BLOG SINGLE PAGE DESIGN*/
/*END BLOG PAGES CSS*/

/*
 * ----------------------------------------------------------------------------------------
 * 10.END BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 * 11.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/
/* .testimonial-demo {
  background: #eef1f2;
}
.testimonial {
  margin: 0 20px 40px;
}
.testimonial .testimonial-content {
  padding: 35px 25px 35px 50px;
  margin-bottom: 35px;
  background: #009eff;
  border: 1px solid #f0f0f0;
  position: relative;
  color: #fff;
}
.testimonial .testimonial-content:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #fff;
  position: absolute;
  bottom: -10px;
  left: 22px;
  transform: rotate(45deg);
}
.testimonial-content .testimonial-icon {
  width: 50px;
  height: 45px;
  background: #ffa300;
  text-align: center;
  font-size: 22px;
  color: #fff;
  line-height: 42px;
  position: absolute;
  top: 37px;
  left: -19px;
}
.testimonial-content .testimonial-icon:before {
  content: "";
  border-bottom: 16px solid #ffa300;
  border-left: 18px solid transparent;
  position: absolute;
  top: -16px;
  left: 1px;
}
.testimonial .description {
  margin: 0;
}
.testimonial .title {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  color: #525252;
  text-transform: capitalize;
  letter-spacing: 1px;
  margin: 0 0 5px 0;
}
.testimonial .post {
  display: inline-block;
  font-size: 14px;
  color: #ffa300;
} */
.owl-theme .owl-controls {
  margin-top: 50px;
  text-align: center;
}
.owl-theme .owl-controls .owl-page {
  display: inline-block;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}
.owl-theme .owl-controls .owl-page span {
  background-color: #ffa300 !important;
  border-radius: 20px;
  display: block;
  height: 12px;
  margin: 5px 7px;
  width: 12px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background-color: #fff;
}
.owl-theme .owl-controls {
  display: block !important;
  margin-top: 20px;
  text-align: center;
}
/*
 * ----------------------------------------------------------------------------------------
 * 11.END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo {
  position: relative;
  padding: 100px 0;
}
.partner-logo:before {
  background: rgba(0, 0, 0, 0)
    linear-gradient(rgba(34, 38, 75, 0.1), rgba(34, 38, 75, 0.5)) repeat scroll
    0 0;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.partner {
  text-align: center;
}
.partner.owl-theme .owl-controls {
  display: none !important;
}
.owl-carousel .owl-item img {
  border: 1px solid #eee;
  display: inline-block;
  width: auto;
}
/*
* ----------------------------------------------------------------------------------------
*  12.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

#about {
  height: 500px;
  margin: 6rem 0rem 3rem 0rem;
}

@media screen and (max-width: 768px) {
  #about {
    height: auto;
  }
  #newsletter {
    height: auto;
  }
}

@media screen and (min-width: 400px) and (max-width: 768px) {
  .about-image {
    width: 80%;
    height: 300px;
    position: relative;
    /* border: 2px dashed orange; */
  }

  .about-image img {
    width: 100%;
    height: 80%;
    position: relative;
    object-fit: contain !important;
  }
}

@media screen and (max-width: 400px) {
  .about-image {
    width: 100%;
    height: 300px !important;
    position: relative;
    /* border: 2px dashed orange; */
  }

  .about-image img {
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: contain !important;
  }
}

@media screen and (min-width:321px) and (max-width:425px) {
  .about-text-two {
    text-align: justify;
    font-size: 16px;
  }
  .section-title p {
    font-size: 16px;
  }

  
  .email-text {
    font-size: 12px !important;
    text-align: justify !important;
  }
}

@media screen and (max-width: 320px) {
  .section-service-intro {
    text-align: justify !important;
  }
  .section-testimonial-intro {
    text-align: justify !important;
  }

  .service p {
    font-size: 14px;
  }
  .about-text-one {
    font-size: 14px !important;
    /* text-align:center; */
    text-align: justify;
  }
  .about-text-two {
    text-align: justify;
    font-size: 16px;
  }
  .section-title p {
    font-size: 16px;
  }

  .section-about h2 {
    font-size: 22px;
    width: 100% !important;
    position: relative;
  }

  .email-text {
    font-size: 14px !important;
    text-align: justify !important;
  }
}

.about-container {
  margin: 0px auto;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
}

.about-container-row {
}

.about-image {
  width: 100%;
  height: 500px;
  position: relative;
  /* border: 2px dashed orange; */
}
.about-image img {
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: cover;
}

.about-content {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 2rem;
  text-align: justify;
  font-size: 16px;
}

.section-about span {
  background: #ffa300;
  height: 10px;
  width: 100px;
  display: block;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* NEWSLETTER SECTION STYLE */

#newsletter {
  /* border: 1px solid red; */
  height: 400px;
  /* background-color: rgba(0, 0, 0, 1); */
}

.newsletter-container {
  /* border: 1px solid blue; */
  /* width: 100%; */
  position: relative;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.news-text-container {
  position: relative;
  height: 100%;
}

.newsletter-content {
  /* border: 1px solid green; */
  position: relative;
  height: 50%;
}

.newsletter-title {
  /* margin: 1rem 0rem; */
  color: #ffa300;
}

.email-text {
  /* font-weight: bold; */
  font-size: 20px;
}

/* FIN NEWSLETTER SECTION STYLE */

.contact_area {
  background: #eef1f2;
}
.contact {
  background: #fff;
  padding: 80px 60px;
}

.contact input {
  background: #fff none repeat scroll 0 0;
  border-color: currentcolor currentcolor #eee;
  border-style: none none solid;
  border-width: 0 0 1px;
  box-shadow: none;
  color: #333;
  height: 45px;
  padding: 10px;
}
.contact textarea {
  background: #fff none repeat scroll 0 0;
  border-color: currentcolor currentcolor #eee;
  border-style: none none solid;
  border-width: 0 0 1px;
  border-radius: 3px;
  box-shadow: none;
  padding: 10px;
  color: #333;
  height: 200px;
}
.contact input:hover,
.contact input:focus {
  border-color: currentcolor currentcolor #ffa300;
  border-style: none none solid;
  border-width: 0 0 1px;
  box-shadow: none;
  outline: 0 none;
}
.contact textarea:hover,
.contact textarea:focus {
  border-color: currentcolor currentcolor #ffa300;
  border-style: none none solid;
  border-width: 0 0 1px;
  box-shadow: none;
  outline: 0 none;
}
.success {
  background: #fff none repeat scroll 0 0;
  color: #42c0d9;
  font-weight: 700;
  padding: 20px;
  text-align: center;
}
.contact_address {
  padding-left: 100px;
  padding-top: 110px;
}
@media only screen and (max-width: 768px) {
  .contact_address {
    padding-bottom: 60px;
    padding-left: 60px;
    padding-top: 60px;
  }
}
.contact_address h3 {
  margin: 0 0 40px;
  text-transform: uppercase;
}
.contact_address ul {
  list-style: none;
}
.contact_address ul li {
  font-size: 16px;
  margin-bottom: 15px;
}
.contact_address ul li i {
  background: #fff none repeat scroll 0 0;
  border-radius: 30px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  color: #ffa300;
  font-size: 18px;
  height: 45px;
  line-height: 45px;
  margin-right: 20px;
  text-align: center;
  width: 45px;
}
.btn-contact-bg {
  background: #ffa300 none repeat scroll 0 0 !important;
  border: 1px solid #ffa300 !important;
  color: #fff !important;
  font-family: montserrat, sans-serif;
  font-size: 14px;
  padding: 10px 30px !important;
  text-transform: uppercase;
  transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
  background: #333 !important;
  border: 1px solid #333 !important;
  color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 13.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.map iframe {
  width: 100%;
  height: 400px;
  border: 0px;
}
/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/* .footer {
  padding: 30px 0;
}

.footer_social {
  left: 0;
  position: absolute;
  top: 126%;
  width: 45px;
  z-index: 999;
}
@media only screen and (max-width: 768px) {
  .footer_social {
    display: none;
  }
}
.footer_social ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 480px) {
  .footer_social ul {
    text-align: center;
  }
}
.footer_social ul li {
  display: inline-block;
}
.footer_social ul li a {
  border-radius: 0px;
  color: #fff;
  display: block;
  font-size: 18px;
  height: 45px;
  line-height: 45px;
  margin: px;
  text-align: center;
  transition: all 0.2s ease 0s;
  width: 45px;
}
.footer_social ul li a:hover {
  background: #425cbb;
  color: #fff;
}
.f_facebook {
  background: #3b5998;
}
.f_twitter {
  background: #1a90d9;
}
.f_google {
  background: #ff5252;
}
.f_linkedin {
  background: #0077b5;
}
.f_youtube {
  background: #d32322;
}
.f_skype {
  background: #1a90d9;
} */
/*END FOOTER SOCIAL DESIGN*/
/* .copyright p {
  color: #333;
  font-size: 14px;
  margin-bottom: 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  .copyright p {
    padding-left: 20px;
  }
} */
/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 15.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
.section-content {
  position: relative;
  height: 400px;
}
.section-content:before {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.section-blog-title {
  background: #ffa300 none repeat scroll 0 0;
  border: 4px solid #fff;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
  color: #fff;
  display: inline-block;
  font-weight: 700;
  padding: 30px;
  text-transform: capitalize;
  margin-top: 100px;
  border-radius: 2px;
  position: relative;
}
.section-top {
  background: #282828;
  padding-bottom: 100px;
  padding-top: 160px;
  position: relative;
}
.section-top-title h1 {
  color: #fff;
  font-weight: 600;
  position: relative;
}
/*
 * ----------------------------------------------------------------------------------------
 * 15.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/