/******************************************************************
  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;
}

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

.spad {
  padding-top: 100px;
  padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: #fff;
}

/* 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: #a3a698;
}

.site-btn {
  font-size: 14px;
  font-family: "Cormorant Garamond", serif;
  color: #ffffff;
  background: #a3a698;
  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;
  }
}
@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
  50% {
    -webkit-transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }
  100% {
    -webkit-transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}
.spacial-controls {
  position: fixed;
  width: 111px;
  height: 91px;
  top: 0;
  right: 0;
  z-index: 999;
}

.spacial-controls .search-switch {
  display: block;
  height: 100%;
  padding-top: 30px;
  background: #323232;
  text-align: center;
  cursor: pointer;
}

.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;
}

/*---------------------
  Header
-----------------------*/
.header {
  position: absolute;
  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: 30px 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__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;
}

.slicknav_menu {
  display: none;
}

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

.hero__text {
  max-width: 680px;
  text-align: center;
  margin-left: 185px;
}
.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;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.hero__text p {
  color: #ffffff;
  font-size: 17px;
  margin-bottom: 0;
}

/*---------------------
  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;
}
.services__item p {
  font-size: 16px;
  margin-bottom: 0;
}

/*---------------------
  Features
-----------------------*/
.features {
  padding-top: 0;
  overflow: hidden;
}
.features .section-title {
  margin-bottom: 30px;
}

.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;
}

/*---------------------
  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: #767b67;
  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;
  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: 70px;
}

.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: #3b3e33;
  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: right;
}
.footer__social a {
  font-size: 18px;
  color: #ffffff;
  display: inline-block;
  height: 50px;
  width: 50px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  margin-right: 6px;
}
.footer__social a:last-child {
  margin-right: 0;
}

.footer__logo {
  margin-bottom: 30px;
}
.footer__logo a {
  display: inline-block;
}

.footer__widget {
  margin-bottom: 30px;
}
.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;
}
.footer__copyright__text i {
  color: #767b67;
}
.footer__copyright__text a {
  color: #767b67;
}

.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: 500px;
  text-align: center;
  margin: 0 15px;
}

.breadcrumb__text h2 {
  color: #ffffff;
  font-size: 48px;
  letter-spacing: 4px;
  text-transform: uppercase;
}

/*---------------------
  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;
}

.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 {
  font-size: 13px;
  color: #efc873;
  margin-right: -4px;
}

.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: #767b67;
}
.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;
}

/*---------------------
  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;
}

/*---------------------
    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;
}

.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__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;
}
.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: #a3a697;
  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;
}
.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: #444444;
}
.contact__form form input::-moz-placeholder {
  color: #444444;
}
.contact__form form input:-ms-input-placeholder {
  color: #444444;
}
.contact__form form input::-ms-input-placeholder {
  color: #444444;
}
.contact__form form input::placeholder {
  color: #444444;
}
.contact__form form textarea {
  height: 100px;
  width: 100%;
  font-size: 14px;
  color: #444444;
  border: 1px solid #e1e1e1;
  padding-left: 20px;
  padding-top: 12px;
  margin-bottom: 34px;
  resize: none;
}
.contact__form form textarea::-webkit-input-placeholder {
  color: #444444;
}
.contact__form form textarea::-moz-placeholder {
  color: #444444;
}
.contact__form form textarea:-ms-input-placeholder {
  color: #444444;
}
.contact__form form textarea::-ms-input-placeholder {
  color: #444444;
}
.contact__form form textarea::placeholder {
  color: #444444;
}

/*--------------------------------- 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 (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;
  }
}
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  .slicknav_menu {
    background: transparent;
    padding: 0;
    display: block;
  }

  .slicknav_nav ul {
    margin: 0;
    margin-left: 20px;
  }

  .slicknav_nav .slicknav_row,
.slicknav_nav a {
    padding: 7px 0;
    margin: 0;
    color: #ffffff;
    font-weight: 600;
  }

  .slicknav_nav .slicknav_row:hover {
    border-radius: 0;
    background: transparent;
    color: #111111;
  }

  .slicknav_nav a:hover {
    border-radius: 0;
    background: transparent;
    color: #111111;
  }

  .slicknav_nav {
    background: #222222;
  }

  .slicknav_btn {
    position: absolute;
    right: 10px;
    top: 20px;
  }

  .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: 125px;
    top: -56px;
  }

  .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;
  }
}
/* 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;
  }
}