/******************************************************************
  Template Name: Dreams
  Description: Dreams wedding template
  Author: Colorib
  Author URI: https://colorlib.com/
  Version: 1.0
  Created: Colorib
******************************************************************/
/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Consultation Section
6.  Banner Section
7.  Chooseus Section
8.  Team Section
9.  Gallery
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/
html,
body {
  height: 100%;
  font-family: "Raleway", sans-serif;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #111111;
  font-weight: 400;
  font-family: "Cormorant Garamond", serif;
}

h1 {
  font-size: 70px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

p {
  font-size: 15px;
  font-family: "Raleway", sans-serif;
  color: #666666;
  font-weight: 400;
  line-height: 25px;
  margin: 0 0 15px 0;
}

img {
  max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
  outline: none;
}

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

ul,
ol {
  padding: 0;
  margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/
.section-title {
  margin-bottom: 45px;
  text-align: center;
}
.section-title h2 {
  color: #111111;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 16px;
/*  font-weight: bold;  */
}

.set-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.spad {
  padding-top: 85px;
  padding-bottom: 80px;
}

/* buttons */
.primary-btn {
  display: inline-block;
  font-size: 14px;
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  padding: 12px 42px 10px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 4px;
  background: #4D4D4D;
}

.site-btn {
  font-size: 14px;
  font-family: "Cormorant Garamond", serif;
  color: #ffffff;
  background: #4D4D4D;
  font-weight: 600;
  border: none;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 14px 34px 12px;
}

/* Preloder */
#preloder {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
  background: #ffffff;
}

.loader {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  border-radius: 60px;
  animation: loader 0.8s linear infinite;
  -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}

.search-model {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #ffffff;
  z-index: 99999;
}

.search-model-form {
  padding: 0 15px;
}

.search-model-form input {
  width: 500px;
  font-size: 40px;
  border: none;
  border-bottom: 2px solid #999999;
  background: none;
  color: #999;
}

.search-close-switch {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #333;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 24px;
  line-height: 28px;
  top: 30px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
table.fixedHeader-floating,
table.fixedHeader-locked {
  position: relative !important;
  background-color: var(--dt-html-background);
  background-color: var(--dt-html-background);
}

@media print {
  table.fixedHeader-floating {
    display: none;
  }
}


.loading {
  color: #C0C0C0;
  width: 4px;
  aspect-ratio: 1;
  border-radius: 50%;
  box-shadow: 19px 0 0 7px, 38px 0 0 3px, 57px 0 0 0;
  transform: translateX(-38px);
  animation: l21 .5s infinite alternate linear;
}

@keyframes l21 {
  50%  {box-shadow: 19px 0 0 3px, 38px 0 0 7px, 57px 0 0 3px}
  100% {box-shadow: 19px 0 0 0  , 38px 0 0 3px, 57px 0 0 7px}
}
.success {
    background-color: lightgreen;
    padding: 10px;
    border: 1px solid green;
}

.failure {
    background-color: lightcoral;
    color: white;
    padding: 10px;
    border: 1px solid red;
}

/*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: -15px;
  z-index: 99999;
  width: 44px;
  height: 44px;
  border-radius: 50px;
  transition: all 0.4s;
}

.scroll-top img {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
}

.scroll-top:hover {
  background: #004f9e;
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
  bottom: 15px;
  right: 27px;
}
/*---------------------
  Header
-----------------------*/
.header {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 10px rgba(154, 87, 87, 0.1);
          box-shadow: 0px 5px 10px rgba(154, 87, 87, 0.1);
}
.header.header--normal {
  position: relative;
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
}

.header__logo {
  padding: 20px 0;
}
.header__logo a {
  display: inline-block;
}

.header__menu {
  text-align: center;
  padding: 30px 0;
}
.header__menu ul li {
  list-style: none;
  display: inline-block;
  margin-right: 40px;
  position: relative;
}
.header__menu ul li.active a:after {
  opacity: 1;
}
.header__menu ul li:hover a:after {
  opacity: 1;
}
.header__menu ul li:hover .dropdown {
  top: 30px;
  opacity: 1;
  visibility: visible;
}
.header__menu ul li:last-child {
  margin-right: 0;
}
.header__menu ul li .dropdown {
  position: absolute;
  left: 0;
  top: 50px;
  width: 140px;
  background: #111111;
  text-align: left;
  padding: 2px 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}
.header__menu ul li .dropdown li {
  display: block;
  margin-right: 0;
}
.header__menu ul li .dropdown li a {
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  padding: 8px 20px;
  text-transform: capitalize;
}
.header__menu ul li .dropdown li a:after {
  display: none;
}
.header__menu ul li a {
  font-size: 14px;
  color: #0d0d0d;
  display: block;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
}
.header__menu ul li a:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -9px;
  width: 5px;
  height: 5px;
  background: #0d0d0d;
  content: "";
  margin: 0 auto;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.header__right {
  text-align: right;
  padding: 30px 0;
}

.header__right__social {
  display: inline-block;
}
.header__right__social a {
  font-size: 16px;
  color: #444444;
  margin-right: 20px;
}

.header__right__social img {
  width: 15px;
  height: 15px;
}

.header__right__search {
  display: inline-block;
  position: relative;
  padding-left: 20px;
}
.header__right__search::before {
  position: absolute;
  left: 0;
  top: 4px;
  height: 15px;
  width: 1px;
  background: #e1e1e1;
  content: "";
}
.header__right__search a {
  font-size: 15px;
  color: #444444;
}

.header__right__search img {
  width: 15px;
  height: 15px;
}

/*---------------------
  Hero
-----------------------*/
/*.hero {
  height: 866px;
  padding-top: 330px;
}

.hero__text {
  max-width: 680px;
  text-align: center;
  margin-left: 100px;
}
.hero__text h5 {
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 14px;
  margin-bottom: 30px;
}
.hero__text h2 {
  font-size: 48px;
  color: #ffffff;
  margin-bottom: 10px;
}
.hero__text p {
  color: #ffffff;
  font-size: 17px;
  margin-bottom: 0;
}*/


.hero {
  height: 866px;
  padding-top: 330px;
  overflow: hidden;
  position: relative; 
  z-index: 1;
}

.hero__text {
  max-width: 680px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 150px;
}

/*@media (max-width: 767px) {
  .hero__text {
    text-align: center;
    left: 30px;
  }
}
*/
.hero__text img {
  max-width: 100%; 
}

.hero__text h5 {
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 14px;
  margin-bottom: 30px;
}

.hero__text h2 {
  font-size: 48px;
  color: #ffffff;
  margin-bottom: 10px;
}

.hero__text p {
  color: #ffffff;
  font-size: 17px;
  margin-bottom: 0;
}

/* Round carousel control buttons */
.carousel-control-prev,
.carousel-control-next {
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  width: 50px;
  height: 50px;
  top: 50%;
  transform: translateY(-50%);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 30px;
  height: 30px;
}

/* Adjust the top margin of the carousel container to create space for the header */
#heroCarousel {
  
  height: 600px;
.carousel-inner {
  height: 100%; 
}

.carousel-item {
  height: 100%;
}

.carousel-item img {
  object-fit: cover;
  height: 100%;
}
}
/*---------------------
  Services
-----------------------*/
.services {
  padding-bottom: 30px;
}

.services__item {
  text-align: center;
  padding: 40px 30px 30px;
  background: #ffffff;
  -webkit-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
  margin-bottom: 30px;
}
.services__item:hover {
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 39px rgba(154, 87, 87, 0.1);
          box-shadow: 0px 5px 39px rgba(154, 87, 87, 0.1);
}
.services__item h4 {
  font-size: 22px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 26px;
  margin-bottom: 12px;
  font-weight: bold;  
}
.services__item p {
  font-size: 16px;
  margin-bottom: 0;
}

.services__item img {
  width: 100%;
  max-width: 80px;
  display: block;
  margin: 0 auto;
}

/*---------------------
  Features
-----------------------*/
.features {
  padding-top: 0;
  overflow: hidden;
}
.features .section-title {
  margin-bottom: 30px;
}
.section-title img {
    width: 100%;
    max-width: 50px;
}

.filter__controls {
  text-align: center;
  margin-bottom: 40px;
}
.filter__controls li {
  list-style: none;
  font-size: 18px;
  color: #0d0d0d;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 40px;
  position: relative;
  cursor: pointer;
}
.filter__controls li.active:after {
  opacity: 1;
}
.filter__controls li:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  width: 5px;
  height: 5px;
  background: #0d0d0d;
  content: "";
  margin: 0 auto;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.filter__controls li:last-child {
  margin-right: 0;
}

.feature__gallery {
  margin-right: -15px;
}

.grid-sizer {
  width: calc(33.33% - 15px);
}

.fg__item {
  height: 253px;
  width: calc(33.33% - 15px);
  margin-right: 15px;
  margin-bottom: 15px;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: relative;
  z-index: 1;
}
.fg__item:hover:after {
  opacity: 1;
}
.fg__item:hover .fg__item__text span {
  left: 0;
  opacity: 1;
}
.fg__item:hover .fg__item__text h2 {
  right: 0;
  opacity: 1;
}
.fg__item:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  content: "";
  z-index: -1;
  -webkit-transition: all, 0.4s;
  -o-transition: all, 0.4s;
  transition: all, 0.4s;
  opacity: 0;
}
.fg__item.mid_item {
  height: 380px;
}
.fg__item.large_item {
  height: 505px;
}

.fg__item__text span {
  color: #ffffff;
  font-size: 15px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
  position: relative;
  left: -40px;
  -webkit-transition: all, 0.6s;
  -o-transition: all, 0.6s;
  transition: all, 0.6s;
  opacity: 0;
}
.fg__item__text h2 {
  color: #ffffff;
  position: relative;
  right: -40px;
  -webkit-transition: all, 0.6s;
  -o-transition: all, 0.6s;
  transition: all, 0.6s;
  opacity: 0;
}

.load__more {
  padding-top: 30px;
}

/*---------------------
  Counter
-----------------------*/
.counter {
  padding-bottom: 300px;
}

.counter__item {
  text-align: center;
  margin-bottom: 30px;
}
.counter__item h2 {
  font-size: 48px;
  color: #111111;
  letter-spacing: 2px;
  line-height: 40px;
  margin-bottom: 25px;
  margin-top: 32px;
}
.counter__item p {
  margin-bottom: 0;
  color: #111111;
  text-transform: uppercase;
  letter-spacing: 4px;
}

.counter__item img {
  width: 100%;
  max-width: 80px;
  display: block;
  margin: 0 auto;
}

/*---------------------
  Reqest Form
-----------------------*/
.request {
  margin-top: -235px;
}
.request.request--services {
  margin-top: 0;
  padding-top: 300px;
  padding-bottom: 160px;
}
.request.request--services .request__form {
  position: relative;
  z-index: 1;
}
.request.request--services .request__form:before {
  position: absolute;
  left: -135px;
  top: -130px;
  height: 757px;
  width: 705px;
  background: url(../img/icon/form-left.png);
  content: "";
  z-index: -1;
}
.request.request--services .request__form:after {
  position: absolute;
  right: -135px;
  bottom: -130px;
  height: 757px;
  width: 705px;
  background: url(../img/icon/form-right.png);
  content: "";
  z-index: -1;
}

.request__form .section-title {
  background: #4D4D4D;
  padding: 60px 145px 40px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 0;
  position: relative;
}
.request__form .section-title:after {
  position: absolute;
  left: 0;
  bottom: -24px;
  right: 0;
  height: 26px;
  width: 287px;
  background: url(../img/icon/arrow.png);
  content: "";
  margin: 0 auto;
}
.request__form .section-title span {
  color: #ffffff;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-family: "Cormorant Garamond", serif;
}
.request__form .section-title h2 {
  color: #ffffff;
}
.request__form .section-title p {
  color: #ffffff;
  margin-bottom: 0;
  line-height: 26px;
}
.request__form form {
  padding: 60px 55px 50px;
  -webkit-box-shadow: 0px 5px 10px rgba(154, 87, 87, 0.1);
          box-shadow: 0px 5px 10px rgba(154, 87, 87, 0.1);
  border-radius: 0 0 10px 10px;
  background: #ffffff;
}
.request__form form input {
  height: 50px;
  width: 100%;
  font-size: 14px;
  background: #fff;
  color: #666666;
  padding-left: 20px;
  border: 1px solid #e1e1e1;
  margin-bottom: 20px;
}
.request__form form .nice-select {
  height: 50px;
  float: none;
  width: 100%;
  line-height: 50px;
  padding-left: 20px;
  border: 1px solid #e1e1e1;
  margin-bottom: 20px;
  border-radius: 0;
}
.request__form form .nice-select.nice-select:after {
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  height: 6px;
  right: 20px;
  width: 6px;
}
.request__form form .nice-select:active, .request__form form .nice-select.open, .request__form form .nice-select:focus {
  border-color: #e1e1e1 !important;
}
.request__form form .nice-select .list {
  width: 100%;
  margin-top: 0;
  border-radius: 0;
}
.request__form form .nice-select span {
  font-size: 14px;
  color: #666666;
}
.request__form form textarea {
  height: 110px;
  width: 100%;
  font-size: 14px;
  color: #666666;
  padding-left: 20px;
  border: 1px solid #e1e1e1;
  margin-bottom: 34px;
  padding-top: 12px;
  resize: none;
}

/*---------------------
  Latest
-----------------------*/
.latest {
  padding-bottom: 80px;
}

.latest__item {
  margin-bottom: 30px;
}
.latest__item img {
  min-width: 100%;
  margin-bottom: 22px;
}
.latest__item ul {
  margin-bottom: 10px;
}
.latest__item ul li {
  list-style: none;
  font-size: 17px;
  color: #767b67;
  font-style: italic;
  font-family: "Cormorant Garamond", serif;
  display: inline-block;
  margin-right: 25px;
  position: relative;
}
.latest__item ul li:after {
  position: absolute;
  right: -18px;
  top: 11px;
  width: 5px;
  height: 5px;
  background: #c7c7c7;
  content: "";
  border-radius: 50%;
}
.latest__item ul li:last-child {
  margin-right: 0;
}
.latest__item ul li:last-child:after {
  display: none;
}
.latest__item h4 a {
  color: #111111;
  font-size: 26px;
  line-height: 36PX;
}

/*---------------------
  Logo
-----------------------*/
.logo {
  background: #f7f8f3;
  padding: 35px 0;
}

.logo__carousel.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}

.logo__item {
  display: table;
  height: 69px;
}
.logo__item a {
  display: table-cell;
  vertical-align: middle;
}

/*---------------------
  Footer
-----------------------*/
.footer {
  background: #000000;
  padding-top: 65px;
}

.footer__top {
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 70px;
}

.footer__subscribe__text {
  float: left;
  margin-right: 55px;
}
.footer__subscribe__text h4 {
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.footer__subscribe__text p {
  color: #ffffff;
  margin-bottom: 0;
}

.footer__subscribe__form {
  overflow: hidden;
}
.footer__subscribe__form form {
  width: 370px;
  position: relative;
}
.footer__subscribe__form form input {
  height: 50px;
  width: 100%;
  font-size: 14px;
  padding-left: 22px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  border: none;
}
.footer__subscribe__form form input::-webkit-input-placeholder {
  color: #ffffff;
}
.footer__subscribe__form form input::-moz-placeholder {
  color: #ffffff;
}
.footer__subscribe__form form input:-ms-input-placeholder {
  color: #ffffff;
}
.footer__subscribe__form form input::-ms-input-placeholder {
  color: #ffffff;
}
.footer__subscribe__form form input::placeholder {
  color: #ffffff;
}
.footer__subscribe__form form button {
  font-size: 18px;
  color: #767b67;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 0 15px;
  border: none;
}

.footer__social {
  text-align: left;
}
.footer__social a {
  font-size: 18px;
  color: #ffffff;
  display: inline-block;
  height: 50px;
  width: 50px;
  background: rgba(128, 128, 128, 0.7);
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  margin-right: 6px;
}
.footer__social a:last-child {
  margin-right: 0;
}

.footer__social img {
  width: 16px;
  height: 16px;
}

.footer__logo {
  margin-bottom: 30px;
}

.footer__logo img {
  width: 100%;
  max-width: 150px;
  display: block;
  margin: 0 auto;
}

.footer__logo a {
  display: inline-block;
}

.footer__widget {
  margin-bottom: 30px;
}
.footer__widget a{
  color: #fff;
}
.footer__widget a:hover{
  text-decoration: underline;
}
.footer__widget h5 {
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.footer__widget ul li {
  list-style: none;
  font-size: 14px;
  color: #ffffff;
  line-height: 25px;
}
.footer__widget p {
  font-size: 14px;
  color: #ffffff;
  line-height: 26px;
  margin-bottom: 0;
}

.footer__copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 25px 0 20px;
  margin-top: 30px;
}

.footer__copyright__text {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 0;
  letter-spacing: 0.5px;
  text-align: center;  
}
.footer__copyright__text i {
  color: #767b67;
}
.footer__copyright__text a {
  color: #ffffff;
}

.footer__copyright__widget {
  text-align: right;
}
.footer__copyright__widget li {
  list-style: none;
  display: inline-block;
  margin-right: 25px;
  position: relative;
}
.footer__copyright__widget li:after {
  position: absolute;
  right: -15px;
  top: -3px;
  content: ".";
  color: #fff;
}
.footer__copyright__widget li:last-child {
  margin-right: 0;
}
.footer__copyright__widget li:last-child:after {
  display: none;
}
.footer__copyright__widget li a {
  font-size: 14px;
  color: #ffffff;
}

/*---------------------
  Breadcrumb
-----------------------*/
.breadcrumb-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 350px;
  text-align: center;
  margin: 0 15px 0 15px;
  
}

.breadcrumb__text h2 {
  color: #ffffff;
  font-size: 48px;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 5%;
}

.breadcrumb__text__newsdetail h2 {
  color: #ffffff;
  font-size: 42px;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 100px;
}

.breadcrumb-option-map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 110px;
  text-align: center;
  margin: -80px 15px 0 15px;
}

.breadcrumb-option-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 320px;
  text-align: center;
  margin: 0 15px 0 15px;
}

/*---------------------
  About
-----------------------*/
.about {
  padding-bottom: 65px;
  padding-top: 70px;
}

.about__text {
  padding-top: 70px;
}
.about__text h2 {
  color: #111111;
  line-height: 48px;
  text-transform: uppercase;
  margin-bottom: 34px;
}
.about__text p {
  font-weight: 300;
  line-height: 26PX;
}
.about__text img {
  padding-top: 15px;
  height: 100px;
  width: 200px;
}

.about__pic {
  text-align: right;
}

.about__counter {
  padding-top: 70px;
  /*border-top: 1px solid #e1e1e1;*/
  margin-top: 30px;
}

/*---------------------
  Testimonial
-----------------------*/
.testimonial {
  background: #f6f7f1;
  padding-bottom: 40px;
}

.testimonial__item__text {
  padding: 40px 50px;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 30px;
  position: relative;
}
.testimonial__item__text::after {
  position: absolute;
  left: 90px;
  bottom: -7px;
  height: 20px;
  width: 20px;
  background: #ffffff;
  content: "";
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.testimonial__item__text p {
  font-size: 24px;
  font-family: "Cormorant Garamond", serif;
  color: #111111;
  font-style: italic;
  line-height: 34px;
  margin-bottom: 0;
}

.testimonial__item__author {
  overflow: hidden;
  padding-left: 60px;
}

.testimonial__item__author__pic {
  float: left;
  margin-right: 20px;
}
.testimonial__item__author__pic img {
  height: 80px;
  width: 80px;
  border-radius: 50%;
}

.testimonial__item__author__text {
  overflow: hidden;
  padding-top: 12px;
}
.testimonial__item__author__text h5 {
  color: #111111;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.testimonial__item__author__text .rating span {
  color: #efc873;
  margin-right: -4px;
}

.custom_star {
  height: 14px;
  margin-right: -4px;
}

.testimonial__item__author__pic img{
  height: 80px;
  width: 80px;
}

.testimonial__carousel .col-lg-6 {
  max-width: 100%;
}
.testimonial__carousel.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}
.testimonial__carousel.owl-carousel .owl-dots {
  text-align: center;
  padding-top: 85px;
}
.testimonial__carousel.owl-carousel .owl-dots button {
  display: inline-block;
  height: 10px;
  width: 10px;
  background: #e1e1e1;
  border-radius: 50%;
  margin-right: 10px;
}
.testimonial__carousel.owl-carousel .owl-dots button.active {
  background: #4D4D4D;
}
.testimonial__carousel.owl-carousel .owl-dots button:last-child {
  margin-right: 0;
}

/*---------------------
  Team
-----------------------*/
.team {
  padding-bottom: 60px;
}

.team__item {
  text-align: center;
  margin-bottom: 40px;
}

.team__item__pic {
  margin-bottom: 28px;
}

.team__item__text h5 {
  color: #111111;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.team__item__text span {
  font-size: 22px;
  font-family: "Cormorant Garamond", serif;
  color: #767b67;
  display: block;
  font-style: italic;
  margin-bottom: 12px;
}

.team__item__social a {
  font-size: 16px;
  color: #444444;
  margin-right: 22px;
  display: inline-block;
}
.team__item__social a:last-child {
  margin-right: 0;
}

.team__item__social img {
  width: 15px;
  height: 15px;
}

/*---------------------
  Call To Action
-----------------------*/
.callto {
  padding-top: 0;
}

.callto__content {
  height: 513px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.callto__text {
  text-align: center;
}
.callto__text h2 {
  color: #111111;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.callto__text p {
  color: #111111;
  font-size: 20px;
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  margin-bottom: 42px;
}
.callto__text .primary-btn {
  padding: 12px 28px 10px;
}

/*---------------------
  Pricing
-----------------------*/
.pricing {
  background: #f6f7f1;
  height: 660px;
}

.pricing__item {
  text-align: center;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 20px rgba(154, 87, 87, 0.1);
          box-shadow: 0px 5px 20px rgba(154, 87, 87, 0.1);
  border-radius: 10px;
  padding: 50px 10px;
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.pricing__item:hover {
  -webkit-box-shadow: 0px 5px 44px rgba(154, 87, 87, 0.2);
          box-shadow: 0px 5px 44px rgba(154, 87, 87, 0.2);
  border-radius: 0;
  background: #767b67;
}
.pricing__item:hover:after {
  opacity: 1;
}
.pricing__item:hover h5 {
  color: #ffffff;
}
.pricing__item:hover h2 {
  color: #ffffff;
}
.pricing__item:hover ul li {
  color: #ffffff;
}
.pricing__item:hover .primary-btn {
  background: #ffffff;
  color: #767b67;
}
.pricing__item:after {
  position: absolute;
  right: 0;
  top: 10px;
  height: 606px;
  width: 390px;
  background: url(../img/icon/flower-img.png);
  content: "";
  opacity: 0;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
  z-index: -1;
}
.pricing__item h5 {
  font-size: 20px;
  font-family: "Raleway", sans-serif;
  color: #001111;
  text-transform: uppercase;
  margin-bottom: 32px;
  -webkit-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  transition: all, 0.2s;
}
.pricing__item h2 {
  color: #767b67;
  font-size: 50px;
  margin-bottom: 16px;
  -webkit-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  transition: all, 0.2s;
}
.pricing__item ul {
  margin-top: 35px;
  margin-bottom: 40px;
}
.pricing__item ul li {
  color: #666666;
  font-size: 15px;
  line-height: 34px;
  font-weight: 300;
  list-style: none;
  -webkit-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  transition: all, 0.2s;
}
.pricing__item .primary-btn {
  padding: 12px 34px 10px;
  letter-spacing: 2px;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

/*---------------------
  Portfolio
-----------------------*/
.portfolio {
  padding-bottom: 80px;
}

.portfolio__filter {
  text-align: center;
  margin-bottom: 35px;
}
.portfolio__filter li {
  list-style: none;
  font-size: 18px;
  color: #0d0d0d;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-right: 40px;
  display: inline-block;
  cursor: pointer;
}
.portfolio__filter li:last-child {
  margin-right: 0;
}

.portfolio__gallery {
  margin-right: -5px;
}

.portfolio__item {
  height: 300px;
  margin-bottom: 20px;
  margin-right: -10.5px;
}
.portfolio__item.mid_large {
  height: 528px;
}
.portfolio__item.large_item {
  height: 850px;
}
.portfolio_cat{
  margin-bottom: 30px;
}
.portfolio_cat h4{
  text-align: center;
  margin-top: 10px;
}
.portfolio_cat h4 a{
  color: #111111;
  font-size: 26px;
  line-height: 36px;
}
.portfolio-gallery {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%;
    list-style: none;
}
.portfolio-gallery li {
    width: 31.333%;
    margin-left: 2%;
    margin-top: 30px;
    font-size: 14px;
}
.portfolio-gallery li img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}
/*---------------------
  Blog
-----------------------*/
.blog__item {
  text-align: center;
  margin-bottom: 55px;
}

.blog__item__title {
  margin-bottom: 34px;
}
.blog__item__title ul {
  margin-bottom: 6px;
}
.blog__item__title ul li {
  font-size: 17px;
  font-family: "Cormorant Garamond", serif;
  color: #767b67;
  font-style: italic;
  list-style: none;
  display: inline-block;
  margin-right: 28px;
  position: relative;
}
.blog__item__title ul li:after {
  position: absolute;
  right: -18px;
  top: 10px;
  height: 5px;
  width: 5px;
  background: #c7c7c7;
  content: "";
  border-radius: 50%;
}
.blog__item__title ul li:last-child {
  margin-right: 0;
}
.blog__item__title ul li:last-child:after {
  display: none;
}
.blog__item__title h2 {
  color: #111111;
  line-height: 39px;
  letter-spacing: 2px;
}

.blog__item__pic {
  height: 440px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.blog__item__pic .play-btn {
  color: #d32f2f;
  font-size: 36px;
  display: inline-block;
}

.blog__item__text {
  padding-top: 34px;
}
.blog__item__text p {
  font-size: 17px;
  line-height: 29px;
  margin-bottom: 36px;
}
.blog__item__text a {
  font-size: 13px;
  color: #767b67;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.blog__quote {
  background: #f6f7f1;
  padding: 40px 40px 35px;
  position: relative;
  margin-bottom: 55px;
}
.blog__quote p {
  color: #767b67;
  font-size: 24px;
  font-family: "Cormorant Garamond", serif;
  line-height: 39px;
  margin-bottom: 28px;
}
.blog__quote h5 {
  color: #0d0d0d;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.blog__quote span {
  display: inline-block;
  color: #767b67;
  font-size: 120px;
  font-family: "Cormorant Garamond", serif;
  position: absolute;
  right: 35px;
  bottom: 25px;
  line-height: 0;
}

.blog__item__pic__slider {
  overflow: hidden;
}
.blog__item__pic__slider.owl-carousel .owl-nav button {
  font-size: 26px;
  color: #444444;
  height: 45px;
  width: 45px;
  background: #ffffff;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  position: absolute;
  left: -18.5px;
  top: 50%;
  margin-top: -22.5px;
}
.blog__item__pic__slider.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -18.5px;
}
.slicknav_menu {
    display: none;
}
.pagination__option {
  text-align: center;
}
.pagination__option a {
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  color: #767b67;
  height: 45px;
  width: 45px;
  background: transparent;
  border-radius: 50%;
  line-height: 45px;
  text-align: center;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.pagination__option a:last-child {
  margin-right: 0;
}
.pagination__option a:hover {
  background: #767b67;
  color: #ffffff;
}
.pagination__option a span {
  position: relative;
  top: 5px;
  font-size: 24px;
}

/*---------------------
  Blog Sidebar
-----------------------*/
.blog__sidebar__item {
  margin-bottom: 55px;
}
.blog__sidebar__item:last-child {
  margin-bottom: 0;
}
.blog__sidebar__item.blog__sidebar__item__newslatter h4 {
  margin-bottom: 10px;
}
.blog__sidebar__item h4 {
  color: #111111;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 35px;
}
.blog__sidebar__item ul li {
  list-style: none;
  line-height: 36px;
}
.blog__sidebar__item ul li a {
  font-size: 15px;
  font-family: "Cormorant Garamond", serif;
  color: #666666;
  text-transform: uppercase;
  position: relative;
  padding-left: 20px;
}
.blog__sidebar__item ul li a:before {
  position: absolute;
  left: 0;
  top: 4px;
  height: 5px;
  width: 5px;
  background: #767b76;
  border-radius: 50%;
  content: "";
}
.blog__sidebar__item form {
  position: relative;
}
.blog__sidebar__item form input {
  height: 40px;
  width: 100%;
  font-size: 15px;
  color: #a3a698;
  border: none;
  border-bottom: 1px solid #e5e5e5;
}
.blog__sidebar__item form button {
  font-size: 15px;
  color: #767b67;
  position: absolute;
  right: -5px;
  top: 10px;
  border: none;
  background: transparent;
}

.blog__sidebar__recent__item {
  display: block;
  margin-bottom: 30px;
}
.blog__sidebar__recent__item:last-child {
  margin-bottom: 0;
}

.blog__sidebar__recent__item__pic {
  float: left;
  margin-right: 30px;
}

.blog__sidebar__recent__item__pic img {
  height: 80px;
  width: 80px;
}

.blog__sidebar__recent__item__text {
  overflow: hidden;
}
.blog__sidebar__recent__item__text h5 {
  color: #111111;
  line-height: 22px;
  margin-bottom: 14px;
}
.blog__sidebar__recent__item__text span {
  display: block;
  font-size: 17px;
  font-family: "Cormorant Garamond", serif;
  color: #888888;
  font-style: italic;
}

.blog__sidebar__instagram {
  margin-right: -10px;
  overflow: hidden;
}
.blog__sidebar__instagram img {
  width: calc(25% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}

.blog__sidebar__tags a {
  display: inline-block;
  font-size: 15px;
  color: #666666;
  padding: 9px 15px 7px;
  background: #f6f7f1;
  margin-right: 11px;
  margin-bottom: 15px;
}

/*---------------------
  Blog Details
-----------------------*/
.blog-details {
  padding-bottom: 70px;
}

.blog__details__content .blog__item__text {
  text-align: left !important;
}

.blog__details__text {
  margin-bottom: 50px;
}
.blog__details__text p {
  font-size: 17px;
  line-height: 29px;
  font-weight: 300;
  margin-bottom: 35px;
}
.blog__details__text p:last-child {
  margin-bottom: 0;
}

.blog__details__pic {
  margin-bottom: 50px;
  overflow: hidden;
  margin-right: -10px;
}
.blog__details__pic img {
  width: calc(33.33% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}

.blog__details__widget {
  padding-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 35px;
}

.blog__details__tags span {
  font-size: 17px;
  color: #767b67;
  margin-right: 12px;
  display: inline-block;
}
.blog__details__tags a {
  display: inline-block;
  font-size: 15px;
  color: #666666;
  padding: 9px 15px 7px;
  background: #f6f7f1;
  margin-right: 11px;
  margin-bottom: 15px;
}

.blog__details__social {
  text-align: right;
}
.blog__details__social span {
  font-size: 17px;
  color: #767b67;
  margin-right: 12px;
  display: inline-block;
}
.blog__details__social a {
  color: #111111;
  display: inline-block;
  font-size: 16px;
  height: 40px;
  width: 40px;
  background: #f6f7f1;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  margin-right: 6px;
}
.blog__details__social a:last-child {
  margin-right: 0;
}

.blog__details__btns {
  margin-bottom: 50px;
}

.blog__details__btns__item {
  display: block;
  font-size: 15px;
  font-family: "Cormorant Garamond", serif;
  color: #111111;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.blog__details__btns__item.blog__details__btns__item--next {
  text-align: right;
}
.blog__details__btns__item i {
  color: #767b67;
  font-size: 20px;
  font-weight: 600;
}

.blog__details__recent h4 {
  color: #111111;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 35px;
  text-align: center;
}

.blog__details__recent__item {
  margin-bottom: 30px;
}
.blog__details__recent__item img {
  min-width: 100%;
  margin-bottom: 22px;
}
.blog__details__recent__item h5 {
  margin-bottom: 6px;
}
.blog__details__recent__item h5 a {
  color: #111111;
  font-size: 17px;
  font-family: "Raleway", sans-serif;
  line-height: 22px;
  font-weight: 500;
}
.blog__details__recent__item span {
  display: block;
  font-size: 13px;
  color: #888888;
}

/*---------------------
  Map
-----------------------*/
.map {
  height: 500px;
}
.map iframe {
  width: 100%;
}

/*---------------------
  Contact
-----------------------*/
.contact__widget h2 {
  color: #111111;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-weight: bold;
}
.contact__widget ul li {
  list-style: none;
  overflow: hidden;
  margin-bottom: 40px;
}
.contact__widget ul li:last-child {
  margin-bottom: 0;
}
.contact__widget ul li .contact__widget__icon {
  float: left;
  margin-right: 20px;
}
.contact__widget ul li .contact__widget__icon i {
  font-size: 20px;
  color: #ffffff;
  height: 50px;
  width: 50px;
  background: #4D4D4D;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
}
.contact__widget ul li .contact__widget__text {
  overflow: hidden;
}
.contact__widget ul li .contact__widget__text span {
  color: #666666;
  font-size: 20px;
  font-family: "Cormorant Garamond", serif;
  display: block;
  font-style: italic;
}
.contact__widget ul li .contact__widget__text p {
  margin-bottom: 0;
  font-size: 20px;
  font-family: "Cormorant Garamond", serif;
}

.contact__form h2 {
  color: #111111;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-weight: bold;
}
.contact__form form input {
  height: 50px;
  width: 100%;
  font-size: 14px;
  color: #444444;
  border: 1px solid #e1e1e1;
  padding-left: 20px;
  margin-bottom: 30px;
}
.contact__form form input::-webkit-input-placeholder {
  color: #808080;
}
.contact__form form input::-moz-placeholder {
  color: #808080;
}
.contact__form form input:-ms-input-placeholder {
  color: #808080;
}
.contact__form form input::-ms-input-placeholder {
  color: #808080;
}
.contact__form form input::placeholder {
  color: #808080;
}
.contact__form form textarea {
  height: 100px;
  width: 100%;
  font-size: 14px;
  color: #808080;
  border: 1px solid #e1e1e1;
  padding-left: 20px;
  padding-top: 12px;
  margin-bottom: 34px;
  resize: none;
}
.contact__form form textarea::-webkit-input-placeholder {
  color: #808080;
}
.contact__form form textarea::-moz-placeholder {
  color: #808080;
}
.contact__form form textarea:-ms-input-placeholder {
  color: #808080;
}
.contact__form form textarea::-ms-input-placeholder {
  color: #808080;
}
.contact__form form textarea::placeholder {
  color: #808080;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/
@media only screen and (min-width: 1500px) and (max-width: 1920px) {
  .header {
    padding: 0 90px;
  }

  .breadcrumb-option {
    margin: 0 105px;
  }

  .map {
    padding: 0 90px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
/* Medium Device = 1200px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__menu ul li {
    margin-right: 25px;
  }

  .header__right__social a {
    margin-right: 10px;
  }

  .header__right__search {
    padding-left: 10px;
  }

  .hero__text {
    margin-left: 150px;
  }
}
/* Tablet Device = 768px */
@media only screen and (max-width: 991px) {
  .slicknav_btn{
    position: absolute;
    top: 33px;
    right: 12%;
/*    transform: translate(0,50%);*/
  }
  .slicknav_menu{
    display: block;
    padding: 0;
  }
  .header{
    position: relative;
  }
  #heroCarousel {
    margin-top: 0px;
  }
  .header__menu{
    display: none;
  }
  .slicknav_nav a{
        padding: 15px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__right__social {
    display: none;
  }

  .header__right__search {
    display: block;
    padding-left: 0;
  }

  .header__right__search::before {
    display: none;
  }

  .header__menu ul li {
    margin-right: 15px;
  }

/*  .hero__text {
    max-width: initial;
    margin-left: 0;
  }*/

  .filter__controls li {
    margin-right: 20px;
  }

  .footer__subscribe__text {
    float: none;
    margin-right: 0;
    margin-bottom: 25px;
  }

  .footer__subscribe__form form {
    width: auto;
  }

  .pricing {
    height: auto;
    padding-bottom: 70px;
  }

  .request.request--services .request__form:before {
    display: none;
  }

  .request.request--services .request__form:after {
    display: none;
  }

  .request.request--services {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .portfolio__filter li {
    margin-right: 10px;
  }

  .blog__details__social {
    text-align: left;
    padding-top: 20px;
  }
  .slicknav_btn{
        top: 25px;
    right: 5%;
  }
  .slicknav_menu::after > .slicknav_nav:not(.slicknav_hidden) {
  content: ''; /* Add your content or styling for ::after here */
  display: block;
  margin: 10px; /* Add your desired margin */
  /* Other styles for ::after */
}
}

@media screen and (max-width: 767px) {
  .hero__text {
    position: relative;
    top: auto;
    transform: translateY(0);
    left: auto;
    padding-top: 200px;
  }
}

/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  .header__menu {
    display: none;
  }

  .header__right {
    padding: 0;
  }

  .header__right__social {
    display: none;
  }

  .header__right__search {
    display: block;
    padding-left: 0;
  }

  .header__right__search::before {
    display: none;
  }

  .header__right__search {
    position: absolute;
    right: 30px;
    top: -50px;
  }

  .search-model-form input {
    width: 100%;
  }

  .hero__text {
    max-width: initial;
    margin-left: 0;
  }

  .filter__controls li {
    margin-bottom: 12px;
    margin-right: 15px;
  }

  .fg__item {
    width: calc(50% - 15px);
  }

  .grid-sizer {
    width: calc(50% - 15px);
  }

  .footer__subscribe__text {
    float: none;
    margin-right: 0;
    margin-bottom: 25px;
  }

  .footer__subscribe__form form {
    width: auto;
  }

  .footer__social {
    text-align: left;
    padding-top: 30px;
  }

  .footer__copyright__text {
    margin-bottom: 10px;
    text-align: center;
  }

  .footer__copyright__widget {
    text-align: center;
  }

  .pricing {
    height: auto;
    padding-bottom: 70px;
  }

  .request.request--services .request__form:before {
    display: none;
  }

  .request.request--services .request__form:after {
    display: none;
  }

  .request.request--services {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .request__form .section-title {
    padding: 60px 35px 40px;
  }

  .portfolio__filter li {
    margin-right: 15px;
  }

  .about__text {
    padding-top: 0;
    margin-bottom: 40px;
  }

  .blog__sidebar {
    padding-top: 50px;
  }

  .blog__details__social {
    text-align: left;
    padding-top: 20px;
  }

  .contact__widget {
    margin-bottom: 40px;
  }
  .portfolio-gallery li {
      width: 48%;
      margin-top: 0;
      margin-bottom: 10px;
  }
}
/* Small Device = 320px */
@media only screen and (max-width: 479px) {
  .breadcrumb__text h2 {
    font-size: 28px;
  }

  .fg__item {
    width: 100%;
    margin-right: 0;
    float: none;
  }

  .grid-sizer {
    width: 100%;
  }

  .feature__gallery {
    margin-right: 0;
  }

  .request__form form {
    padding: 60px 40px 50px;
  }

  .about__text h2 {
    line-height: 40px;
    font-size: 28px;
  }

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

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

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

  .search-model-form input {
    font-size: 24px;
  }
  .header__logo img {
      width: 100%;
      max-width: 180px;
  }
  .slicknav_btn {
      top: 16px;
  }
  .header__right__search {
      top: -54px;
  }
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('../img/fancybox_sprite.png?v=1.3');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('../img/fancybox_loading.gif?v=1.2') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('../img/blank.gif?v=1.2'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('../img/fancybox_overlay.png?v=1.3');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
     only screen and (min--moz-device-pixel-ratio: 1.5),
     only screen and (min-device-pixel-ratio: 1.5){

  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('../img/fancybox_sprite@2x.png?v=1.2');
    background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url('../img/fancybox_loading@2x.gif?v=1.2');
    background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
  }
}
.success-message {
    display: none;
    position: fixed;
    top: 5%;
    left: 80%;
    transform: translate(18%, -54%);
    padding: 20px;
    background-color: #4CAF50;
    color: #fff;
    border-radius: 5px;
    z-index: 1000;
}
.error-message {
    display: none;
    position: fixed;
    top: 6%;
    left: 72%;
    transform: translate(18%, -54%);
    padding: 20px;
    padding-right: 6%;
    background-color: #FF0000;
    color: #fff;
    border-radius: 5px;
    z-index: 1000;
}
@media (max-width: 1024px ) and (min-width: 768px) {
  .success-message {
    display: none;
    position: fixed;
    top: 3%;
    left: 73%;
    transform: translate(18%, -54%);
    padding: 15px;
    background-color: #4CAF50;
    color: #fff;
    border-radius: 5px;
    z-index: 1000;
  }
  .error-message {
    display: none;
    position: fixed;
    top: 5%;
    left: 69%;
    transform: translate(18%, -54%);
    padding: 15px;
    padding-right: 6%;
    background-color: #FF0000;
    color: #fff;
    border-radius: 5px;
    z-index: 1000;
  }
}

@media (max-width: 767px){
  .success-message {
    display: none;
    position: fixed;
    top: 5.5%;
    left: 50%;
    transform: translate(18%, -54%);
    padding: 15px;
    background-color: #4CAF50;
    color: #fff;
    border-radius: 5px;
    z-index: 1000;
  }
  .error-message {
    display: none;
    position: fixed;
    top: 4%;
    left: 50%;
    transform: translate(15%, -40%);
    padding: 15px;
    padding-right: 11%;
    background-color: #FF0000;
    color: #fff;
    border-radius: 5px;
    z-index: 1000;
  }
}

.col-lg-3.col-md-3.col-sm-6 a {
  word-break: break-all;
  white-space: normal;
}
.error-border {
  border: 1px solid red !important;
}
.darken-bg {
  position: relative;
}

.darken-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); /* Adjust the alpha value to control darkness */
}