/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700);
@import url(https://fonts.googleapis.com/css?family=Cookie);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
/* =========================================================
        General
============================================================ */
body {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  line-height: 27px;
  font-weight: 400;
  color: #666666;
  background-color: #ffffff;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased !important; }

html {
  font-family: "Noto Sans", sans-serif; }
  
  html, body {
    overflow-x: hidden;
}

html,
body {
  width: 100%;
  height: 100%; }

/* ================= Link style ==================== */
a {
  color: #ef2a6f; }

a,
a > * {
  outline: none;
  cursor: pointer;
  text-decoration: none; }

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

/* ================= Transition elements ==================== */
a,
.navbar a,
.form-control {
  -webkit-transition: 0.5s;
  -khtml-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

/* =========================================================
        Typography 
============================================================ */
h3, h4, h5, h6 {
  font-family: "Droid Serif", serif;
  font-weight: 400;
  margin: 0 0 15px; }

h1 {
  font-family: "Cookie", cursive;
  font-size: 180px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 15px; }
  @media (min-width: 480px) and (max-width: 767px) {
    h1 {
      font-size: 40px; } }
  @media only screen and (max-width: 479px) {
    h1 {
      font-size: 34px; } }

h2 {
  font-family: "Cookie", cursive;
  font-size: 72px;
  line-height: 50px;
  font-weight: 700;
  color: #182430;
  margin: 0 0 15px; }
  @media (min-width: 768px) and (max-width: 991px) {
    h2 {
      font-size: 60px;
      line-height: 45px; } }
  @media (min-width: 480px) and (max-width: 767px) {
    h2 {
      font-size: 45px;
      line-height: 35px; } }
  @media only screen and (max-width: 479px) {
    h2 {
      font-size: 35px;
      line-height: 30px; } }

h3 {
  font-size: 30px;
  line-height: 35px;
  color: #182430; }
  @media only screen and (max-width: 767px) {
    h3 {
      font-size: 25px; } }
  @media only screen and (max-width: 479px) {
    h3 {
      font-size: 20px; } }

h4 {
  font-size: 25px; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 12px; }

p img {
  margin: 0; }

p {
  margin: 0 0 15px;
  line-height: 27px; }

hr {
  margin: 0; }

ul {
  margin: 0;
  padding: 0; }

ul li {
  margin: 0;
  padding: 0;
  list-style: none; }

/* =========================================================
        Button STYLE 
============================================================ */
.btn {
  font-family: "Noto Sans", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700; }

.btn.active,
.btn:active {
  -webkit-box-shadow: none;
  box-shadow: none; }

button,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none; }

.btn {
  -webkit-transition: 0.5s;
  -khtml-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.btn-default {
  font-size: 20px;
  font-weight: 600;
  color: #ef2a6f;
  background-color: transparent;
  border: 2px solid #ef2a6f;
  border-radius: 8px;
  padding: 8px 22px; }

.btn-default:hover,
.btn-default.focus,
.btn-default:focus,
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover,
.btn-primary.active, .btn-primary:active,
.open > .dropdown-toggle.btn-primary {
  color: #FFFFFF;
  background-color: #ef2a6f;
  border-color: #ef2a6f; }

@media screen and (max-width: 479px) {
  .btn-default {
    padding: 10px 20px !important; } }

.btn-primary {
  font-size: 20px;
  font-weight: 400;
  background-color: #ef2a6f;
  border: 0;
  padding: 9px 30px;
  border-radius: 25px;
  -webkit-transition: 0.5s;
  -khtml-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  background-color: #a60d42;
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 1.75s;
  animation-duration: 1.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

@media screen and (max-width: 480px) {
  .btn-primary {
    font-size: 16px;
    padding: 8px 25px; } }

.homePageTwo .btn-primary {
  background-color: #f55667; }

.homePageTwo .btn-primary:hover,
.homePageTwo .btn-primary.focus,
.homePageTwo .btn-primary:focus,
.homePageTwo .btn-primary.active.focus,
.homePageTwo .btn-primary.active:focus,
.homePageTwo .btn-primary.active:hover,
.homePageTwo .btn-primary:active.focus,
.homePageTwo .btn-primary:active:focus,
.homePageTwo .btn-primary:active:hover,
.homePageTwo .open > .dropdown-toggle.btn-primary.focus,
.homePageTwo .open > .dropdown-toggle.btn-primary:focus,
.homePageTwo .open > .dropdown-toggle.btn-primary:hover {
  background-color: #ff2c43; }

.homePageThree .btn-primary {
  background-color: #f41784; }

.homePageThree .btn-primary:hover,
.homePageThree .btn-primary.focus,
.homePageThree .btn-primary:focus,
.homePageThree .btn-primary.active.focus,
.homePageThree .btn-primary.active:focus,
.homePageThree .btn-primary.active:hover,
.homePageThree .btn-primary:active.focus,
.homePageThree .btn-primary:active:focus,
.homePageThree .btn-primary:active:hover,
.homePageThree .open > .dropdown-toggle.btn-primary.focus,
.homePageThree .open > .dropdown-toggle.btn-primary:focus,
.homePageThree .open > .dropdown-toggle.btn-primary:hover {
  background-color: #ff2c43; }

.subscribeBtn {
  background-color: #ef2a6f;
  border: 0; }

.homePageThree .subscribeBtn {
  background-color: #f41784; }

/* =========================================================
        Light-Box STYLE 
============================================================ */
.poptrox-popup {
  background: transparent !important; }
  .poptrox-popup .caption {
    display: none !important; }
  .poptrox-popup .closer {
    background: transparent !important;
    display: none !important; }
  .poptrox-popup .nav-previous,
  .poptrox-popup .nav-next {
    display: none !important; }

/* =========================================================
        Pagination STYLE 
============================================================ */
.pagination-wrapper .pagination {
  margin: 50px 0 0; }
  @media only screen and (max-width: 991px) {
    .pagination-wrapper .pagination {
      margin: 10px 0 0; } }
  .pagination-wrapper .pagination li a {
    width: 40px;
    height: 35px;
    line-height: 35px;
    -webkit-box-shadow: 0 0 10px #e4e4e4;
    box-shadow: 0 0 10px #e4e4e4;
    padding: 0px 8px;
    margin: 0 5px; }
  .pagination-wrapper .pagination li a,
  .pagination-wrapper .pagination li span {
    font-size: 20px;
    background-color: transparent;
    border: 0;
    color: #8a8a8a; }
    .pagination-wrapper .pagination li a.active,
    .pagination-wrapper .pagination li span.active {
      color: #FFFFFF;
      background-color: #ef2a6f; }
    .pagination-wrapper .pagination li a .icon,
    .pagination-wrapper .pagination li span .icon {
      font-size: 15px; }
      .pagination-wrapper .pagination li a .icon.first,
      .pagination-wrapper .pagination li span .icon.first {
        color: #bbbfc2; }
    @media only screen and (max-width: 350px) {
      .pagination-wrapper .pagination li a,
      .pagination-wrapper .pagination li span {
        font-size: 17px;
        padding: 0px 4px; } }

/* =========================================================
        Color Presets For Class
============================================================ */
.text-color {
  color: #8a8a8a; }

.theme-color {
  color: #f878ab; }

.link-color {
  color: #ff9600; }

.brown-bg {
  background-color: #e9e9e9; }

.facebook-bg {
  background-color: #106ed2; }

.twitter-bg {
  background-color: #3ad0fb; }

.linkedin-bg {
  background-color: #1379bb; }

/* =========================================================
        Global Classes 
============================================================ */
.no-margin {
  margin: 0; }

.no-padding {
  padding: 0; }

.section-padding {
  padding: 135px 0; }
  @media only screen and (max-width: 991px) {
    .section-padding {
      padding: 80px 0; } }
  @media only screen and (max-width: 767px) {
    .section-padding {
      padding: 60px 0; } }

.inline-block {
  display: inline-block; }

/* =========================================================
        FORM STYLE 
============================================================ */
.form-control {
  color: #FFFFFF; }

.form-control:focus {
  border-color: #FFFFFF;
  -webkit-box-shadow: none;
  box-shadow: none; }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
textarea, select {
  outline: none;
  margin: 0;
  max-width: 100%;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -o-border-radius: 0px 0px 0px 0px;
  -ms-border-radius: 0px 0px 0px 0px;
  -khtml-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px; }

/* =========================================================
        Headr STYLE 
============================================================ */
/* =========================================================
        Sub-Page STYLE 
============================================================ */
.sub-page .header-section {
  position: relative; }
  .sub-page .header-section .navbar {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    z-index: 998; }
    .sub-page .header-section .navbar.sticky .navbar-header .navbar-brand img {
      height: 60px; }
    .sub-page .header-section .navbar.sticky .navbar-collapse .navbar-nav {
      padding: 0; }
      .sub-page .header-section .navbar.sticky .navbar-collapse .navbar-nav li a {
        padding: 20px 0; }
      .sub-page .header-section .navbar.sticky .navbar-collapse .navbar-nav li .dropdown li a {
        padding: 0; }
    .sub-page .header-section .navbar .navbar-header .navbar-brand img {
      height: 114px; }
      @media only screen and (max-width: 991px) {
        .sub-page .header-section .navbar .navbar-header .navbar-brand img {
          height: 63px; } }
    .sub-page .header-section .navbar .navbar-collapse .navbar-nav {
      padding: 0; }
      .sub-page .header-section .navbar .navbar-collapse .navbar-nav li a {
        padding: 47px 0; }

/* =========================================================
        Section-Title STYLE 
============================================================ */
.header-title {
  padding: 285px 0 83px; }
  @media only screen and (max-width: 991px) {
    .header-title {
      padding: 200px 0 60px; } }
  @media only screen and (max-width: 767px) {
    .header-title {
      padding: 110px 0 75px; } }
  @media only screen and (max-width: 479px) {
    .header-title {
      padding: 110px 0 45px; } }
  .header-title .title {
    position: relative;
    font-family: "Noto Sans", sans-serif;
    font-size: 72px;
    font-weight: 700;
    line-height: 75px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 0;
    display: inline-block; }
    @media (min-width: 768px) and (max-width: 991px) {
      .header-title .title {
        font-size: 50px;
        line-height: 55px; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .header-title .title {
        font-size: 35px;
        line-height: 40px; } }
    @media only screen and (max-width: 479px) {
      .header-title .title {
        font-size: 20px;
        line-height: 00px; } }
    .header-title .title::before {
      content: "";
      position: absolute;
      top: 25px;
      left: -36px;
      width: 290px;
      height: 50px;
      background: url(../images/title-shado.png) no-repeat;
      z-index: -1; }
      @media only screen and (max-width: 767px) {
        .header-title .title::before {
          display: none; } }
  .header-title .sub-title {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF;
    display: block; }
    @media only screen and (max-width: 767px) {
      .header-title .sub-title {
        font-size: 16px; } }
  .header-title ul {
    margin-top: 45px; }
    .header-title ul li {
      position: relative;
      font-size: 18px;
      font-weight: 700;
      text-transform: uppercase;
      color: #FFFFFF;
      display: inline-block;
      margin-right: 10px; }
      .header-title ul li::before {
        content: "";
        position: absolute;
        top: 5px;
        right: -9px;
        width: 2px;
        height: 15px;
        background-color: #FFFFFF;
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
        z-index: -1; }
      .header-title ul li:last-child {
        border: 0;
        margin-right: 0; }
        .header-title ul li:last-child::before {
          display: none; }
    @media only screen and (max-width: 767px) {
      .header-title ul {
        margin-top: 15px;
        float: none !important; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .header-title ul {
        margin-top: 20px; } }
    @media only screen and (max-width: 479px) {
      .header-title ul {
        margin-top: 0; } }

/* =========================================================
        Header STYLE 
============================================================ */
.header-section {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 99; }
  .header-section .navbar {
    border-radius: 0;
    border: 0;
    margin: 0;
    background-color: transparent;
    min-height: auto;
    -webkit-transition: 0.5s;
    -khtml-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    @media only screen and (max-width: 991px) {
      .header-section .navbar {
        padding: 0; } }
    .header-section .navbar.sticky {
      position: fixed;
      left: 0;
      right: 0;
      padding: 0;
      margin-top: 0;
      background: #FFFFFF;
      -webkit-box-shadow: 0 0 25px #e1e1e1;
      box-shadow: 0 0 25px #e1e1e1;
      z-index: 998; }
      @media (min-width: 768px) and (max-width: 991px) {
        .header-section .navbar.sticky {
          margin-top: -88px; } }
      .header-section .navbar.sticky .navbar-collapse .navbar-nav {
        padding: 20px 0; }
        .header-section .navbar.sticky .navbar-collapse .navbar-nav li a {
          color: #313131; }
      .header-section .navbar.sticky .navbar-brand img {
        height: 60px; }
      .header-section .navbar.sticky .navbar-collapse .navbar-menu li i {
        padding: 20px 0; }
    .header-section .navbar .navbar-header .navbar-brand {
      float: none !important;
      height: auto;
      padding: 0;
      margin: 0; }
      .header-section .navbar .navbar-header .navbar-brand img {
        -webkit-transition: 0.5s;
        -khtml-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
        @media only screen and (max-width: 767px) {
          .header-section .navbar .navbar-header .navbar-brand img {
            width: 70px; } }
    @media only screen and (max-width: 991px) {
      .header-section .navbar .navbar-header {
        float: none;
        /*img {width: 180px;margin: 0 auto;}*/ }
        .header-section .navbar .navbar-header .navbar-brand {
          float: none;
          margin: 0;
          padding-bottom: 20px; } }
    .header-section .navbar .navbar-collapse {
      padding: 0; }
      @media only screen and (max-width: 991px) {
        .header-section .navbar .navbar-collapse {
          display: none !important; } }
      .header-section .navbar .navbar-collapse .navbar-nav {
        padding: 57px 0; }
        @media only screen and (max-width: 991px) {
          .header-section .navbar .navbar-collapse .navbar-nav {
            float: none !important;
            display: inline-block; } }
        .header-section .navbar .navbar-collapse .navbar-nav li {
          position: relative;
          font-size: 18px;
          text-transform: uppercase;
          margin: 0 40px; }
          @media (min-width: 992px) and (max-width: 1199px) {
            .header-section .navbar .navbar-collapse .navbar-nav li {
              margin: 0 25px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            .header-section .navbar .navbar-collapse .navbar-nav li {
              margin: 0 30px; } }
          .header-section .navbar .navbar-collapse .navbar-nav li::before {
            content: "\f111";
            font-family: "Fontawesome";
            position: absolute;
            font-size: 3px;
            top: 50%;
            right: -40px;
            color: #000000;
            margin-top: -14px; }
            @media (min-width: 992px) and (max-width: 1199px) {
              .header-section .navbar .navbar-collapse .navbar-nav li::before {
                right: -26px; } }
          .header-section .navbar .navbar-collapse .navbar-nav li:last-child {
            /*margin-right: 0;*/ }
            .header-section .navbar .navbar-collapse .navbar-nav li:last-child::before {
              display: none; }
          .header-section .navbar .navbar-collapse .navbar-nav li a {
            color: #000000;
            padding: 0; }
            .header-section .navbar .navbar-collapse .navbar-nav li a:hover {
              color: #ef2a6f; }
          .header-section .navbar .navbar-collapse .navbar-nav li.active a {
            color: #ef2a6f;
            background-color: transparent; }
          .header-section .navbar .navbar-collapse .navbar-nav li:hover .dropdown {
            opacity: 1;
            visibility: visible;
            -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
            transform: translateY(0%);
            -webkit-transition-delay: 0s, 0s, 0.3s;
            -o-transition-delay: 0s, 0s, 0.3s;
            transition-delay: 0s, 0s, 0.3s;
            z-index: 9; }
            @media only screen and (max-width: 991px) {
              .header-section .navbar .navbar-collapse .navbar-nav li:hover .dropdown {
                text-align: left; } }
          .header-section .navbar .navbar-collapse .navbar-nav li .dropdown {
            width: 100%;
            position: absolute;
            top: 100%;
            width: 200px;
            background-color: #FFFFFF;
            opacity: 0;
            visibility: hidden;
            padding: 10px 0;
            z-index: -1;
            -webkit-transform: translateY(-2em);
            -ms-transform: translateY(-2em);
            transform: translateY(-2em);
            -webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
            -o-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
            transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
            -webkit-transition: 0.5s;
            -khtml-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s; }
            .header-section .navbar .navbar-collapse .navbar-nav li .dropdown li {
              font-size: 16px;
              border-bottom: 1px solid #eee;
              margin: 0 25px;
              -webkit-transition: 0.5s;
              -khtml-transition: 0.5s;
              -moz-transition: 0.5s;
              -ms-transition: 0.5s;
              -o-transition: 0.5s;
              transition: 0.5s; }
              .header-section .navbar .navbar-collapse .navbar-nav li .dropdown li:last-child {
                border-bottom: 0; }
              .header-section .navbar .navbar-collapse .navbar-nav li .dropdown li.active a {
                color: #ef2a6f; }
              .header-section .navbar .navbar-collapse .navbar-nav li .dropdown li::before {
                display: none; }
              .header-section .navbar .navbar-collapse .navbar-nav li .dropdown li a {
                color: #000000;
                line-height: 35px;
                padding: 0; }
                .header-section .navbar .navbar-collapse .navbar-nav li .dropdown li a:hover {
                  color: #ef2a6f; }
      .header-section .navbar .navbar-collapse .navbar-menu li {
        display: inline-block;
        margin: 0 8px; }
        .header-section .navbar .navbar-collapse .navbar-menu li i {
          font-size: 18px;
          color: #000000;
          cursor: pointer;
          padding: 48px 0;
          -webkit-transition: 0.5s;
          -khtml-transition: 0.5s;
          -moz-transition: 0.5s;
          -ms-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s; }
        .header-section .navbar .navbar-collapse .navbar-menu li #search-bar {
          position: fixed;
          width: 100%;
          height: 100%;
          left: 0;
          right: 0;
          visibility: hidden;
          opacity: 0;
          background: rgba(239, 42, 111, 0.9);
          -webkit-transition: 0.5s;
          -khtml-transition: 0.5s;
          -moz-transition: 0.5s;
          -ms-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s; }
          .header-section .navbar .navbar-collapse .navbar-menu li #search-bar.active {
            visibility: visible;
            opacity: 1; }
            .header-section .navbar .navbar-collapse .navbar-menu li #search-bar.active .form-bar .form-group {
              -webkit-transform: scale(1);
              -moz-transform: scale(1);
              -ms-transform: scale(1);
              -o-transform: scale(1);
              transform: scale(1); }
          .header-section .navbar .navbar-collapse .navbar-menu li #search-bar .close-bar {
            margin-right: 60px; }
            .header-section .navbar .navbar-collapse .navbar-menu li #search-bar .close-bar i {
              color: #FFFFFF; }
          .header-section .navbar .navbar-collapse .navbar-menu li #search-bar .form-bar {
            position: relative;
            width: 50%;
            top: 50%;
            margin: -50px auto; }
            .header-section .navbar .navbar-collapse .navbar-menu li #search-bar .form-bar .form-group {
              margin: 0;
              -webkit-transition: 0.5s;
              -khtml-transition: 0.5s;
              -moz-transition: 0.5s;
              -ms-transition: 0.5s;
              -o-transition: 0.5s;
              transition: 0.5s;
              -webkit-transform: scale(0.5);
              -moz-transform: scale(0.5);
              -ms-transform: scale(0.5);
              -o-transform: scale(0.5);
              transform: scale(0.5); }
              .header-section .navbar .navbar-collapse .navbar-menu li #search-bar .form-bar .form-group .form-control {
                font-size: 32px;
                color: #FFFFFF;
                background-color: transparent;
                border: 0;
                border-bottom: 3px solid #FFFFFF;
                -webkit-box-shadow: none;
                box-shadow: none;
                height: auto;
                padding: 0; }
            .header-section .navbar .navbar-collapse .navbar-menu li #search-bar .form-bar input[placeholder], .header-section .navbar .navbar-collapse .navbar-menu li #search-bar .form-bar [placeholder], .header-section .navbar .navbar-collapse .navbar-menu li #search-bar .form-bar *[placeholder] {
              color: #FFFFFF !important; }
        .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu {
          position: fixed;
          width: 500px;
          height: 100%;
          right: 0;
          background: url(../images/pattern.jpg) no-repeat center;
          background-size: cover;
          padding: 50px 60px;
          -webkit-transform: translate3d(580px, 0, 0);
          transform: translate3d(580px, 0, 0);
          -webkit-transition: -webkit-transform 0.4s;
          transition: -webkit-transform 0.4s;
          -o-transition: transform 0.4s;
          transition: transform 0.4s;
          transition: transform 0.4s, -webkit-transform 0.4s; }
          @media only screen and (max-width: 1500px) {
            .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu {
              overflow: scroll; } }
          .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
            .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu.active .caption img {
              -webkit-transform: scale(1);
              -moz-transform: scale(1);
              -ms-transform: scale(1);
              -o-transform: scale(1);
              transform: scale(1); }
            .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu.active p {
              opacity: 1;
              visibility: visible; }
            .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu.active .media-content li {
              -webkit-transform: translateY(0);
              -moz-transform: translateY(0);
              -ms-transform: translateY(0);
              -o-transform: translateY(0);
              transform: translateY(0); }
            .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu.active .contact-bar .text {
              margin-left: 0; }
            .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu.active .contact-bar li {
              visibility: visible;
              opacity: 1; }
          .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu .close-menu {
            position: absolute;
            top: 0;
            right: 0;
            margin-right: 60px;
            /*i {color: $theme-color;}*/ }
          .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu .caption img {
            margin-bottom: 50px;
            -webkit-transition: 1s;
            -khtml-transition: 1s;
            -moz-transition: 1s;
            -ms-transition: 1s;
            -o-transition: 1s;
            transition: 1s;
            -webkit-transform: scale(0.5);
            -moz-transform: scale(0.5);
            -ms-transform: scale(0.5);
            -o-transform: scale(0.5);
            transform: scale(0.5); }
          .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu p {
            color: #000000;
            margin-bottom: 30px;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: 5s;
            -khtml-transition: 5s;
            -moz-transition: 5s;
            -ms-transition: 5s;
            -o-transition: 5s;
            transition: 5s; }
          .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu .media-content {
            margin-bottom: 50px; }
            .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu .media-content .text {
              font-size: 18px;
              font-weight: 700;
              color: #000;
              display: block;
              margin-bottom: 13px; }
            .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu .media-content li {
              -webkit-transition: 3s;
              -khtml-transition: 3s;
              -moz-transition: 3s;
              -ms-transition: 3s;
              -o-transition: 3s;
              transition: 3s;
              -webkit-transform: translateY(-20px);
              -moz-transform: translateY(-20px);
              -ms-transform: translateY(-20px);
              -o-transform: translateY(-20px);
              transform: translateY(-20px);
              display: block;
              margin-bottom: 5px; }
              .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu .media-content li a {
                color: #000; }
                .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu .media-content li a:hover {
                  color: #ef2a6f; }
          .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu .instagram-feed {
            margin-bottom: 30px; }
            .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu .instagram-feed h4 {
              font-size: 18px;
              font-style: italic;
              margin-bottom: 20px; }
            .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu .instagram-feed .instagram {
              display: -webkit-flex;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-flow: row wrap;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
              flex-flow: row wrap;
              overflow: hidden;
              margin: 0 27px; }
              .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu .instagram-feed .instagram .image {
                background-image: 100%;
                background-position: center center;
                width: 70px;
                height: 70px;
                margin: 2px;
                overflow: hidden;
                position: relative;
                cursor: pointer;
                -webkit-transition: 1s;
                -khtml-transition: 1s;
                -moz-transition: 1s;
                -ms-transition: 1s;
                -o-transition: 1s;
                transition: 1s; }
                .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu .instagram-feed .instagram .image .caption {
                  display: none; }
          .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu .contact-bar span {
            margin-left: -190px;
            -webkit-transition: 1s;
            -khtml-transition: 1s;
            -moz-transition: 1s;
            -ms-transition: 1s;
            -o-transition: 1s;
            transition: 1s; }
          .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu .contact-bar li {
            visibility: hidden;
            opacity: 0;
            -webkit-transition-delay: 10s;
            -o-transition-delay: 10s;
            transition-delay: 10s;
            -webkit-transition: 10s;
            -khtml-transition: 10s;
            -moz-transition: 10s;
            -ms-transition: 10s;
            -o-transition: 10s;
            transition: 10s; }
            .header-section .navbar .navbar-collapse .navbar-menu li #sidebar-menu .contact-bar li a i:hover {
              color: #ef2a6f; }
  .header-section .header-content {
    margin-top: 200px; }
    @media (min-width: 1200px) and (max-width: 1700px) {
      .header-section .header-content {
        margin-top: 150px; } }
    @media only screen and (max-width: 767px) {
      .header-section .header-content {
        margin-top: 65px; } }
    .header-section .header-content h1 {
      margin-bottom: 10px; }
    .header-section .header-content .sub-title {
      font-size: 30px;
      line-height: 36px;
      letter-spacing: -.5px;
      color: #d5d5d5; }
      @media only screen and (max-width: 767px) {
        .header-section .header-content .sub-title {
          font-size: 22px; } }
    .header-section .header-content ul {
      margin: 30px 0 20px 46px; }
      .header-section .header-content ul li {
        font-size: 20px;
        line-height: 36px;
        color: #FFFFFF; }
      @media only screen and (max-width: 479px) {
        .header-section .header-content ul {
          margin-left: 0; }
          .header-section .header-content ul li {
            font-size: 16px;
            line-height: 30px; } }
    .header-section .header-content .btn {
      margin-left: 5px;
      margin-right: 28px;
      padding: 11px 43px; }
      @media only screen and (max-width: 767px) {
        .header-section .header-content .btn {
          font-size: 16px;
          padding: 11px 25px; } }
      @media only screen and (max-width: 479px) {
        .header-section .header-content .btn {
          font-size: 14px;
          padding: 8px 15px; } }
    .header-section .header-content .priceing-part {
      margin-top: 3px;
      vertical-align: -webkit-baseline-middle; }
      .header-section .header-content .priceing-part .text {
        font-size: 24px;
        line-height: 50px;
        color: #FFFFFF; }
      .header-section .header-content .priceing-part .amount {
        font-size: 48px;
        line-height: 50px;
        color: #FFFFFF; }
      @media (min-width: 480px) and (max-width: 767px) {
        .header-section .header-content .priceing-part .text {
          font-size: 20px;
          line-height: 40px; }
        .header-section .header-content .priceing-part .amount {
          font-size: 36px;
          line-height: 40px; } }
      @media only screen and (max-width: 479px) {
        .header-section .header-content .priceing-part .text {
          font-size: 18px;
          line-height: 35px; }
        .header-section .header-content .priceing-part .amount {
          font-size: 26px;
          line-height: 35px; } }

/* =========================================================
        Slider-Section STYLE 
============================================================ */
.slider-section .tp-banner .tp-caption.large-text {
  font-family: "Cookie", cursive;
  font-size: 180px;
  font-weight: 700;
  line-height: 100px;
  color: #FFFFFF; }

.slider-section .tp-banner .tp-caption.small-text {
  font-family: "Cookie", cursive;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
  color: #FFFFFF; }

.slider-section .tp-banner .tp-caption .font-color {
  color: #ef2a6f;
  line-height: 20px; }

.slider-section .tp-banner .tp-caption.extra-small-text {
  font-family: "Cookie", cursive;
  font-size: 36px;
  font-weight: 700;
  line-height: 50px;
  color: #FFFFFF; }

.slider-section .tp-banner .tp-caption.second-large-text {
  font-family: "Droid Serif", serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 80px;
  color: #FFFFFF; }

.slider-section .tp-banner .tp-caption.button-text .btn {
  font-family: "Droid Serif", serif;
  font-size: 30px;
  font-weight: 700;
  color: #FFFFFF;
  padding: 15px 40px; }
  @media only screen and (max-width: 767px) {
    .slider-section .tp-banner .tp-caption.button-text .btn {
      font-size: 18px;
      padding: 5px 30px;
      margin-top: 10px; } }
  @media only screen and (max-width: 479px) {
    .slider-section .tp-banner .tp-caption.button-text .btn {
      font-size: 14px;
      padding: 2px 25px;
      margin-top: 15px; } }
  @media only screen and (max-width: 350px) {
    .slider-section .tp-banner .tp-caption.button-text .btn {
      display: none; } }

/* =========================================================
        Engaged-Section STYLE 
============================================================ */
.engaged-section {
  position: relative;
  padding: 70px 0 0; }
  @media only screen and (max-width: 479px) {
    .engaged-section {
      padding: 50px 0 0; } }
  .engaged-section img {
    margin-bottom: 18px; }
  .engaged-section .small-text {
    font-family: "Droid Serif", serif;
    font-size: 18px;
    color: #333333;
    display: block; }
    @media only screen and (max-width: 479px) {
      .engaged-section .small-text {
        font-size: 16px; } }
  .engaged-section h3 {
    font-weight: 700;
    margin: 12px 0 16px; }
    @media only screen and (max-width: 767px) {
      .engaged-section h3 {
        margin: 8px 0; } }
    @media only screen and (max-width: 479px) {
      .engaged-section h3 {
        font-size: 18px;
        line-height: 20px; } }
  .engaged-section .bold-text {
    font-family: "Droid Serif", serif;
    font-size: 18px;
    font-weight: 700;
    color: #333333;
    display: block; }
    @media only screen and (max-width: 479px) {
      .engaged-section .bold-text {
        font-size: 16px; } }
  .engaged-section .caption img {
    width: 100%;
    margin-top: 75px;
    z-index: -1; }

/* =========================================================
        Couple-Section STYLE 
============================================================ */
.couple-section {
  position: relative;
  background: #FFFFFF;
  overflow: hidden;
  z-index: 55; }
  @media only screen and (max-width: 991px) {
    .couple-section {
      padding-top: 80px; } }
  @media only screen and (max-width: 767px) {
    .couple-section {
      padding-top: 60px; } }
  .couple-section .title h2 {
    margin-bottom: 10px; }
    @media only screen and (max-width: 479px) {
      .couple-section .title h2 {
        margin-bottom: 0; } }
  .couple-section .title p {
    font-size: 18px;
    line-height: 30px;
    color: #666666;
    margin-top: 20px; }
    @media only screen and (max-width: 767px) {
      .couple-section .title p {
        font-size: 16px;
        line-height: 27px; } }
  .couple-section .couple-wrapper {
    position: relative;
    margin-top: 48px; }
    @media only screen and (max-width: 991px) {
      .couple-section .couple-wrapper {
        margin-top: 0; } }
    .couple-section .couple-wrapper .shap > li {
      position: absolute; }
      .couple-section .couple-wrapper .shap > li.shap-one {
        top: 0;
        left: 0; }
      .couple-section .couple-wrapper .shap > li.shap-two {
        right: 0;
        bottom: 0; }
      .couple-section .couple-wrapper .shap > li.shap-two {
        right: 0;
        bottom: 0; }
      .couple-section .couple-wrapper .shap > li.shap-three {
        right: 0;
        top: 0; }
      .couple-section .couple-wrapper .shap > li.shap-four {
        left: 0;
        bottom: 0; }
    .couple-section .couple-wrapper .introduction {
      padding: 70px 0 115px; }
      @media only screen and (max-width: 991px) {
        .couple-section .couple-wrapper .introduction {
          padding: 45px 0 0; } }
      .couple-section .couple-wrapper .introduction .caption img {
        max-width: 100%;
        border-radius: 50%;
        border: 6px solid #FFFFFF;
        -webkit-box-shadow: 0 0 35px #d2d2d2;
        box-shadow: 0 0 35px #d2d2d2; }
        @media (min-width: 768px) and (max-width: 991px) {
          .couple-section .couple-wrapper .introduction .caption img {
            width: 300px; } }
      .couple-section .couple-wrapper .introduction .icon {
        display: block; }
        .couple-section .couple-wrapper .introduction .icon img {
          margin-top: 40px; }
      .couple-section .couple-wrapper .introduction h3 {
        position: relative;
        font-weight: 700;
        margin-top: 12px; }
        .couple-section .couple-wrapper .introduction h3 a {
          color: #182430; }
          .couple-section .couple-wrapper .introduction h3 a:hover {
            color: #ef2a6f; }
      .couple-section .couple-wrapper .introduction .title {
        font-family: "Cookie", cursive;
        font-size: 30px;
        color: #908d8d; }

/* =========================================================
        FECHA Event-Section STYLE 
============================================================ */
.event-section {
  position: relative;
  overflow: hidden;
  background-color: #f0f0f0;
  padding: 50px 0;
}

.event-section::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/event-bg.jpg) no-repeat center top;
  background-size: cover;
  animation: moveBackground 15s linear infinite;
}

@keyframes moveBackground {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 100%;
  }
}

.event-section .title {
  position: relative;
  text-align: center;
  color: #fff;
  padding: 20px;
}

.event-section .title h3 {
  font-family: "Press Start 2P", cursive;
  font-size: 60px;
  font-weight: 700;
  color: #ffcc00;
  margin-bottom: 20px;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7);
}

.event-section .title .date {  /*seccion de titulo donde y cuendao*/
  font-family: "Press Start 2P", cursive;
  font-size: 32px;
  font-weight: 700;
  line-height: 34px;
  color: #fff;
  background-color: #ff5733;
  padding: 12px 25px;
  border-radius: 8px;
  display: inline-block;
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .event-section .title h3 {
    font-size: 44px;
  }
  .event-section .title .date {
    font-size: 26px;
  }
}

@media only screen and (max-width: 479px) {
  .event-section .title h3 {
    font-size: 34px;
  }
  .event-section .title .date {
    font-size: 20px;
    padding: 10px 20px;
  }
}

.event-section .story-carousel {
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.event-section .story-carousel .story-wrapper {
  position: relative;
}

.event-section .story-carousel .story-wrapper .shap li {
  position: absolute;
}

.event-section .story-carousel .story-wrapper .shap li.shap-one {
  right: 30px;
  top: 30px;
}

.event-section .story-carousel .story-wrapper .shap li.shap-two {
  right: 30px;
  bottom: 30px;
}

.event-section .story-carousel .story-wrapper .shap li.shap-three {
  left: 30px;
  bottom: 30px;
}

.event-section .story-carousel .story-wrapper .shap li.shap-four {
  top: 30px;
  left: 30px;
}

.event-section .story-carousel .story-wrapper .caption > img {
  width: auto;
  padding-top: 20px;
  margin: 0 auto;
}

.event-section .story-carousel .story-wrapper h3 { /* palabra ubicación  */
  font-family: "Press Start 2P", cursive;
  font-weight: 700;
  color: #ffc403;
  margin-bottom: 10px;
  font-size: 32px;
  text-shadow: 2px 2px 4px rgba(2, 2, 2, 0.7), 0 0 2px #333; /* Borde blanco y sombra oscura */
}

/* Hora */
.event-section .story-carousel .story-wrapper .date {
  font-family: "Press Start 2P", cursive;
  font-size: 24px; /* Ajusta el tamaño del texto si es necesario */
  color: #ff5733;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 6px 15px; /* Reduce el padding */
  border-radius: 6px; /* Ajusta el radio del borde si es necesario */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); /* Mantén la sombra oscura para contraste */
  display: inline-block; /* Asegura que el contenedor solo ocupe el espacio necesario */
}


.event-section .story-carousel .story-wrapper p { /* letras de la dirección */
  font-family: "Press Start 2P", cursive;
  font-size: 30px;
  line-height: 1.6;
  color: #ffc403;
  margin: 20px 0;
  text-shadow: 1px 1px 2px rgba(2, 2, 2, 0.7), 0 0 2px #333; /* Borde blanco y sombra oscura */
}

@media only screen and (max-width: 479px) {
  .event-section .story-carousel .story-wrapper p {
    font-size: 18px;
  }
}

.event-section .story-carousel .owl-nav {
  position: absolute;
  width: 100%;
  display: block !important;
  bottom: 60px;
  margin: 0;
}

.event-section .story-carousel .owl-nav .owl-prev,
.event-section .story-carousel .owl-nav .owl-next {
  position: absolute;
  background: transparent;
  color: #ff5733;
  font-size: 36px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}

.event-section .story-carousel .owl-nav .owl-prev {
  left: 30px;
}

.event-section .story-carousel .owl-nav .owl-next {
  right: 30px;
}

@media only screen and (max-width: 991px) {
  .event-section .story-carousel .owl-nav {
    bottom: 30px;
  }
  .event-section .story-carousel .owl-nav .owl-prev,
  .event-section .story-carousel .owl-nav .owl-next {
    font-size: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .event-section .story-carousel .owl-nav {
    bottom: 15px;
  }
  .event-section .story-carousel .owl-nav .owl-prev,
  .event-section .story-carousel .owl-nav .owl-next {
    font-size: 24px;
  }
}

.event-section .btn {
  font-family: "Press Start 2P", cursive;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 80px;
  padding: 18px 70px;
  background-color: #ff5733;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.event-section .btn:hover {
  background-color: #e64a19;
}

@media only screen and (max-width: 767px) {
  .event-section .btn {
    margin-top: 120px;
  }
}




/* =========================================================
        Story-Section STYLE 
============================================================ */
.story-section {
  background: url(../images/story-bg.jpg) no-repeat center center;
  background-size: cover;
  padding-top: 135px; }
  @media only screen and (max-width: 991px) {
    .story-section {
      padding-top: 100px; } }
  @media only screen and (max-width: 767px) {
    .story-section {
      padding-top: 70px; } }
  @media only screen and (max-width: 479px) {
    .story-section {
      padding-top: 50px; } }
  .story-section .title h2 {
    margin-bottom: 10px; }
    @media only screen and (max-width: 479px) {
      .story-section .title h2 {
        margin-bottom: 0; } }
  .story-section .title .space {
    margin: 20px 0; }
  .story-section .title p {
    font-size: 18px;
    line-height: 30px;
    color: #666666;
    margin-bottom: 28px; }
    @media only screen and (max-width: 991px) {
      .story-section .title p {
        font-size: 15px;
        line-height: 27px; } }
    @media only screen and (max-width: 767px) {
      .story-section .title p {
        font-size: 16px;
        line-height: 27px; } }
  .story-section .title h3 {
    font-family: "Cookie", cursive;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 115px; }
    .story-section .title h3 span {
      color: #ef2a6f; }
    @media only screen and (max-width: 991px) {
      .story-section .title h3 {
        margin-bottom: 30px; } }
  .story-section .title .heading {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    color: #666666;
    display: block; }
  .story-section .title #myaudio {
    width: 100%;
    margin: 40px 0 -8px; }

/* =========================================================
        Gallery-Section STYLE 
============================================================ */
.gallery-section .title {
  margin-bottom: 70px; }
  @media only screen and (max-width: 991px) {
    .gallery-section .title {
      margin-bottom: 40px; } }

.gallery-section .portfolio-sorting {
  margin-bottom: 75px; }
  @media only screen and (max-width: 991px) {
    .gallery-section .portfolio-sorting {
      margin-bottom: 50px; } }
  @media only screen and (max-width: 767px) {
    .gallery-section .portfolio-sorting {
      margin-bottom: 35px; } }
  .gallery-section .portfolio-sorting li {
    font-size: 20px;
    font-weight: 700; }
    .gallery-section .portfolio-sorting li a {
      color: #182430;
      border-radius: 25px;
      padding: 7px 27px; }
      .gallery-section .portfolio-sorting li a.active {
        color: #FFFFFF;
        background: #ef2a6f; }
    @media (min-width: 768px) and (max-width: 991px) {
      .gallery-section .portfolio-sorting li {
        font-size: 18px; }
        .gallery-section .portfolio-sorting li a {
          padding: 7px 10px; } }
    @media only screen and (max-width: 767px) {
      .gallery-section .portfolio-sorting li {
        font-size: 18px;
        margin-bottom: 20px; }
        .gallery-section .portfolio-sorting li a {
          padding: 7px 15px; } }

.gallery-section .portfolio-wrapper .portfolio-item {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden; }
  .gallery-section .portfolio-wrapper .portfolio-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -khtml-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .gallery-section .portfolio-wrapper .portfolio-item:hover::before {
    opacity: 1;
    visibility: visible; }
  .gallery-section .portfolio-wrapper .portfolio-item:hover .hover-icon i {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  .gallery-section .portfolio-wrapper .portfolio-item img {
    width: 100%;
    display: inherit; }
  .gallery-section .portfolio-wrapper .portfolio-item .hover-icon i {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -15px auto 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    color: #FFFFFF;
    background-color: #ef2a6f;
    opacity: 0;
    -webkit-transition: 0.8s;
    -khtml-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    -webkit-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px); }

/* =========================================================
        Counting-Section STYLE 
============================================================ */
.counting-section {
  position: relative;
  background: url(../images/counting-bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 0 0 130px;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .counting-section {
    padding: 0 0 80px;
  }
}
@media only screen and (max-width: 479px) {
  .counting-section {
    padding: 0 0 50px;
  }
}

.counting-section .countdown-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px; /* Espacio reducido entre los elementos */
}

.counting-section .countdown-wrapper #countdown li {
  list-style: none;
  margin: 0 5px;
  display: inline-block;
  background-color: #f5f5f5; /* Fondo claro para destacar los colores */
  border-radius: 10px; /* Bordes redondeados */
  padding: 10px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Sombra sutil */
}

@media only screen and (max-width: 600px) {
  .counting-section .countdown-wrapper #countdown li {
    margin: 0 3px;
  }
}

.counting-section .countdown-wrapper #countdown li .countdown-time {
  font-family: "Droid Serif", serif;
  font-size: 50px; /* Tamaño de fuente más pequeño */
  font-weight: 700;
  color: #000000; /* Color de texto negro para buen contraste */
  display: block;
  margin-bottom: 5px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); /* Sombra ligera para resaltar el texto */
}

@media (min-width: 992px) and (max-width: 1199px) {
  .counting-section .countdown-wrapper #countdown li .countdown-time {
    font-size: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .counting-section .countdown-wrapper #countdown li .countdown-time {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .counting-section .countdown-wrapper #countdown li .countdown-time {
    font-size: 30px;
  }
}

.counting-section .countdown-wrapper #countdown li .countdown-period {
  font-family: "Cookie", cursive;
  font-size: 30px; /* Tamaño de fuente ajustado */
  font-weight: 700;
  color: #ffffff; /* Color de texto blanco para buen contraste */
  display: inline-block;
  border: 2px solid #ffffff;
  border-radius: 10px; /* Bordes redondeados */
  margin-top: 5px;
  padding: 5px 10px;
}

.counting-section .countdown-wrapper #countdown li:nth-child(1) {
  background-color: #007bff; /* Azul */
}

.counting-section .countdown-wrapper #countdown li:nth-child(2) {
  background-color: #dc3545; /* Rojo */
}

.counting-section .countdown-wrapper #countdown li:nth-child(3) {
  background-color: #ffc107; /* Amarillo */
}
.counting-section .countdown-wrapper #countdown li:nth-child(4) {
  background-color: #05a736; /* Amarillo */
}

@media only screen and (max-width: 767px) {
  .counting-section .countdown-wrapper #countdown li .countdown-period {
    font-size: 24px;
    padding: 3px 8px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .counting-section .countdown-wrapper #countdown li .countdown-period {
    font-size: 28px;
  }
}

/* =========================================================
    People-Section STYLE 
============================================================ */

@media only screen and (max-width: 991px) {
  .people-section {
    padding-bottom: 60px; 
  } 
}

@media only screen and (max-width: 767px) {
  .people-section {
    padding-bottom: 40px; 
  } 
}

.people-section .nav-tabs {
  border: 0;
  margin: 22px 0 40px;
  display: flex; /* Asegura que los elementos hijos se alineen en fila */
  justify-content: center; /* Centra las pestañas horizontalmente */
  flex-wrap: wrap; /* Permite que los elementos se muevan a la siguiente línea si es necesario */
}

.people-section .nav-tabs li {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  border-right: 1px solid #e5e5e5;
  margin: 0;
  padding: 0 10px; /* Ajuste para mejor distribución en dispositivos más pequeños */
}

.people-section .nav-tabs li:last-child {
  border-right: 0; 
}

.people-section .nav-tabs li.active a {
  color: #999999; 
}

.people-section .nav-tabs li a {
  color: #1e1e1e;
  border: 0;
  padding: 0 15px;
}

.people-section .nav-tabs li a.active,
.people-section .nav-tabs li a:focus,
.people-section .nav-tabs li a:hover {
  background-color: transparent; 
}

@media only screen and (max-width: 479px) {
  .people-section .nav-tabs li {
    display: block;
    border-right: 0;
    margin-bottom: 8px;
  } 
}


/* Tab Content */
.people-section .tab-content .nav-wrapper {
  margin-bottom: 35px; 
}

.people-section .tab-content .nav-wrapper img {
  max-width: 100%;
  border-radius: 12px; /* Bordes redondeados para las imágenes */
  border: 4px solid #e5e5e5; /* Marco gris claro alrededor de la imagen */
  padding: 4px; /* Espacio entre el borde y la imagen */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra para un efecto de profundidad */
}

.people-section .tab-content .nav-wrapper .nav-content {
  margin-top: 35px; 
}

.people-section .tab-content .nav-wrapper .nav-content h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  color: #1e1e1e;
  margin-bottom: 3px; 
}

.people-section .tab-content .nav-wrapper .nav-content .social-media {
  list-style: none;
  padding: 0;
  margin: 0; 
}

.people-section .tab-content .nav-wrapper .nav-content .social-media li {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  margin: 0 5px; 
}

.people-section .tab-content .nav-wrapper .nav-content .social-media li a {
  color: #999999; 
}

.people-section .tab-content .nav-wrapper .nav-content .social-media li a:hover {
  color: #ef2a6f; 
}



/* =========================================================
        Wisher-Section STYLE 
============================================================ */
.wisher-section .wisher-carousel {
  margin-top: 20px;
  padding-bottom: 90px; }
  @media only screen and (max-width: 991px) {
    .wisher-section .wisher-carousel {
      padding-bottom: 50px; } }
  .wisher-section .wisher-carousel .wisher-wrapper {
    margin: 20px 20px 0; }
    .wisher-section .wisher-carousel .wisher-wrapper.slick-current img {
      border: 5px solid #ef2a6f; }
    .wisher-section .wisher-carousel .wisher-wrapper .wisher-content {
      position: relative;
      -webkit-box-shadow: 0 5px 30px #cacaca;
      box-shadow: 0 5px 30px #cacaca;
      padding: 35px;
      margin-bottom: 30px; }
      @media only screen and (max-width: 479px) {
        .wisher-section .wisher-carousel .wisher-wrapper .wisher-content {
          padding: 35px 20px; } }
      .wisher-section .wisher-carousel .wisher-wrapper .wisher-content::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -30px;
        margin: 0 auto;
        width: 30px;
        height: 30px;
        border-top: 15px solid #FFFFFF;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent; }
      .wisher-section .wisher-carousel .wisher-wrapper .wisher-content p {
        color: #666666;
        margin-bottom: 52px;
        word-break: break-all; }
        @media only screen and (max-width: 767px) {
          .wisher-section .wisher-carousel .wisher-wrapper .wisher-content p {
            margin-bottom: 30px; } }
      .wisher-section .wisher-carousel .wisher-wrapper .wisher-content h4 {
        font-family: "Noto Sans", sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 30px; }
        @media only screen and (max-width: 479px) {
          .wisher-section .wisher-carousel .wisher-wrapper .wisher-content h4 {
            font-size: 18px; } }
        .wisher-section .wisher-carousel .wisher-wrapper .wisher-content h4 a {
          color: #333333; }
          .wisher-section .wisher-carousel .wisher-wrapper .wisher-content h4 a:hover {
            color: #ef2a6f; }
        .wisher-section .wisher-carousel .wisher-wrapper .wisher-content h4 i {
          font-size: 10px;
          color: #ef2a6f;
          vertical-align: middle;
          padding-bottom: 3px; }
    .wisher-section .wisher-carousel .wisher-wrapper img {
      border: 5px solid transparent;
      border-radius: 50%;
      display: inline-block;
      -webkit-transition: 0.5s;
      -khtml-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    .wisher-section .wisher-carousel .wisher-wrapper .slick-dots > li {
      width: 8px;
      height: 8px; }
  .wisher-section .wisher-carousel .slick-dots li button:before {
    font-size: 9px;
    color: #adadad;
    opacity: 1; }
  .wisher-section .wisher-carousel .slick-dots li.slick-active button:before {
    font-size: 18px;
    opacity: 1;
    color: #ef2a6f; }

/* =========================================================
        Party-Section STYLE 
============================================================ */
.party-section .party-left-bar {
  padding-top: 55px; }
  @media only screen and (max-width: 991px) {
    .party-section .party-left-bar {
      padding-top: 20px; } }
  .party-section .party-left-bar .date, .party-section .party-left-bar .time, .party-section .party-left-bar .location {
    text-transform: uppercase;
    color: #999c9c;
    letter-spacing: 1px;
    border-bottom: 1px solid #e6e6e6;
    padding: 25px 0 21px; }
    @media only screen and (max-width: 991px) {
      .party-section .party-left-bar .date, .party-section .party-left-bar .time, .party-section .party-left-bar .location {
        padding: 15px 0; } }
    @media only screen and (max-width: 767px) {
      .party-section .party-left-bar .date, .party-section .party-left-bar .time, .party-section .party-left-bar .location {
        letter-spacing: 0; } }
    @media only screen and (max-width: 479px) {
      .party-section .party-left-bar .date, .party-section .party-left-bar .time, .party-section .party-left-bar .location {
        padding: 15px 0; } }
    .party-section .party-left-bar .date i, .party-section .party-left-bar .time i, .party-section .party-left-bar .location i {
      color: #ef2a6f;
      padding-right: 5px; }
    .party-section .party-left-bar .date span, .party-section .party-left-bar .time span, .party-section .party-left-bar .location span {
      font-family: "Droid Serif", serif;
      font-size: 20px;
      font-weight: 700;
      color: #333434;
      display: block; }
      @media only screen and (max-width: 479px) {
        .party-section .party-left-bar .date span, .party-section .party-left-bar .time span, .party-section .party-left-bar .location span {
          font-size: 16px; } }
  .party-section .party-left-bar .social-media {
    margin-top: 52px; }
    @media only screen and (max-width: 991px) {
      .party-section .party-left-bar .social-media {
        margin-top: 25px; } }
    .party-section .party-left-bar .social-media li {
      margin-right: 15px;
      display: inline-block; }
      .party-section .party-left-bar .social-media li a i {
        font-size: 25px;
        color: #333434;
        -webkit-transition: 0.5s;
        -khtml-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
        .party-section .party-left-bar .social-media li a i:hover {
          color: #ef2a6f; }
        @media only screen and (max-width: 479px) {
          .party-section .party-left-bar .social-media li a i {
            font-size: 20px; } }

.party-section .party-right-bar {
  padding-top: 80px;
  margin-left: 70px; }
  @media only screen and (max-width: 991px) {
    .party-section .party-right-bar {
      margin-left: 0;
      padding-top: 50px; } }
  @media only screen and (max-width: 767px) {
    .party-section .party-right-bar {
      padding-top: 40px; } }
  .party-section .party-right-bar h3 {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    color: #515252;
    margin-bottom: 30px; }
    @media only screen and (max-width: 991px) {
      .party-section .party-right-bar h3 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 15px; } }
    @media only screen and (max-width: 767px) {
      .party-section .party-right-bar h3 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 15px; } }
    @media only screen and (max-width: 479px) {
      .party-section .party-right-bar h3 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 10px; } }
  .party-section .party-right-bar p {
    font-size: 18px;
    line-height: 30px;
    color: #515252; }
    @media only screen and (max-width: 767px) {
      .party-section .party-right-bar p {
        font-size: 16px;
        line-height: 27px; } }
  .party-section .party-right-bar .event-accordion {
    margin-top: 55px; }
    @media only screen and (max-width: 991px) {
      .party-section .party-right-bar .event-accordion {
        margin-top: 20px; } }
    .party-section .party-right-bar .event-accordion .panel {
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .party-section .party-right-bar .event-accordion .panel .panel-heading {
        border: 0;
        background-color: transparent;
        padding: 8px 0; }
        .party-section .party-right-bar .event-accordion .panel .panel-heading .panel-title {
          font-family: "Droid Serif", serif;
          font-size: 24px;
          font-weight: 700;
          line-height: 36px;
          color: #515252;
          margin-bottom: 15px; }
          .party-section .party-right-bar .event-accordion .panel .panel-heading .panel-title a:hover, .party-section .party-right-bar .event-accordion .panel .panel-heading .panel-title a:focus {
            color: #ef2a6f; }
          @media only screen and (max-width: 991px) {
            .party-section .party-right-bar .event-accordion .panel .panel-heading .panel-title {
              margin-bottom: 0; } }
          .party-section .party-right-bar .event-accordion .panel .panel-heading .panel-title .number {
            margin-right: 190px; }
            @media only screen and (max-width: 767px) {
              .party-section .party-right-bar .event-accordion .panel .panel-heading .panel-title .number {
                margin-right: 80px; } }
            @media only screen and (max-width: 479px) {
              .party-section .party-right-bar .event-accordion .panel .panel-heading .panel-title .number {
                margin-right: 0; } }
          @media only screen and (max-width: 767px) {
            .party-section .party-right-bar .event-accordion .panel .panel-heading .panel-title {
              font-size: 16px;
              line-height: 25px;
              margin-bottom: 0; } }
      .party-section .party-right-bar .event-accordion .panel .panel-collapse.in {
        position: relative; }
        .party-section .party-right-bar .event-accordion .panel .panel-collapse.in::before {
          content: "";
          position: absolute;
          top: -10px;
          left: 18px;
          width: 8px;
          height: 100%;
          background: url(../images/dot.png) no-repeat; }
          @media only screen and (max-width: 767px) {
            .party-section .party-right-bar .event-accordion .panel .panel-collapse.in::before {
              display: none; } }
      .party-section .party-right-bar .event-accordion .panel .panel-collapse .panel-body {
        font-size: 18px;
        line-height: 30px;
        color: #515252;
        border: 0;
        margin-bottom: 38px;
        margin-left: 200px; }
        @media only screen and (max-width: 991px) {
          .party-section .party-right-bar .event-accordion .panel .panel-collapse .panel-body {
            margin-bottom: 0; } }
        @media only screen and (max-width: 767px) {
          .party-section .party-right-bar .event-accordion .panel .panel-collapse .panel-body {
            font-size: 16px;
            line-height: 27px;
            margin-left: 95px;
            margin-bottom: 10px; } }
        @media only screen and (max-width: 479px) {
          .party-section .party-right-bar .event-accordion .panel .panel-collapse .panel-body {
            margin-left: 0; } }
        .party-section .party-right-bar .event-accordion .panel .panel-collapse .panel-body .location {
          font-size: 18px;
          font-weight: 700;
          color: #515252;
          line-height: 36px;
          display: block;
          margin-top: 15px; }
          .party-section .party-right-bar .event-accordion .panel .panel-collapse .panel-body .location i {
            color: #ef2a6f; }
          @media only screen and (max-width: 767px) {
            .party-section .party-right-bar .event-accordion .panel .panel-collapse .panel-body .location {
              font-size: 15px;
              line-height: 27px; } }

/* =========================================================
        Wedding-Event-Section STYLE 
============================================================ */
.wedding-event {
  padding-bottom: 40px; }
  @media only screen and (max-width: 991px) {
    .wedding-event {
      padding-bottom: 10px; } }
  @media only screen and (max-width: 767px) {
    .wedding-event {
      padding-bottom: 50px; } }
  .wedding-event .title {
    margin-bottom: 75px; }
    .wedding-event .title h3 {
      font-size: 36px;
      font-weight: 700;
      line-height: 36px;
      color: #515252;
      margin: 14px 0 20px; }
      @media only screen and (max-width: 767px) {
        .wedding-event .title h3 {
          font-size: 25px;
          line-height: 30px; } }
      @media only screen and (max-width: 479px) {
        .wedding-event .title h3 {
          font-size: 20px;
          line-height: 25px; } }
    .wedding-event .title p {
      font-size: 18px;
      line-height: 30px;
      color: #8d8e8e; }
      @media only screen and (max-width: 991px) {
        .wedding-event .title p {
          font-size: 16px;
          line-height: 27px; } }
  .wedding-event .wedding-wrapper .first-column .wedding-content {
    margin-left: 27px; }
    @media only screen and (max-width: 767px) {
      .wedding-event .wedding-wrapper .first-column .wedding-content {
        margin: 0 0 60px; } }
  .wedding-event .wedding-wrapper .second-column .wedding-content {
    margin-right: 27px; }
    @media only screen and (max-width: 767px) {
      .wedding-event .wedding-wrapper .second-column .wedding-content {
        margin: 0 0 40px; } }
  .wedding-event .wedding-wrapper .wedding-content {
    margin-top: 50px; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .wedding-event .wedding-wrapper .wedding-content {
        margin-top: 0; } }
    .wedding-event .wedding-wrapper .wedding-content h4 {
      font-size: 24px;
      font-weight: 700;
      line-height: 36px;
      color: #515252;
      margin-bottom: 3px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .wedding-event .wedding-wrapper .wedding-content h4 {
          font-size: 20px;
          line-height: 25px; } }
    .wedding-event .wedding-wrapper .wedding-content .contact {
      font-size: 14px;
      color: #696b6b; }
    .wedding-event .wedding-wrapper .wedding-content p {
      color: #8d8e8e;
      margin-top: 18px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .wedding-event .wedding-wrapper .wedding-content p {
          margin-top: 10px;
          font-size: 15px; } }
    .wedding-event .wedding-wrapper .wedding-content .btn {
      font-size: 16px;
      font-weight: 700;
      line-height: 30px;
      text-transform: uppercase;
      padding: 3px 42px;
      -webkit-box-shadow: 0 3px 8px #e46491;
      box-shadow: 0 3px 8px #e46491;
      margin-top: 28px; }
      @media only screen and (max-width: 991px) {
        .wedding-event .wedding-wrapper .wedding-content .btn {
          margin-top: 10px; } }
      @media only screen and (max-width: 479px) {
        .wedding-event .wedding-wrapper .wedding-content .btn {
          font-size: 12px;
          padding: 0px 30px; } }
  .wedding-event .wedding-wrapper .wedding-caption {
    margin-bottom: 95px; }
    @media only screen and (max-width: 767px) {
      .wedding-event .wedding-wrapper .wedding-caption {
        margin-bottom: 30px; } }
    .wedding-event .wedding-wrapper .wedding-caption img {
      max-width: 100%;
      border: 8px solid #FFFFFF;
      -webkit-box-shadow: 0 5px 40px #d6d6d6;
      box-shadow: 0 5px 40px #d6d6d6; }

/* =========================================================
        Venue-Section STYLE 
============================================================ */
.venue-section {
  padding: 135px 0 10px; }
  @media only screen and (max-width: 991px) {
    .venue-section {
      padding: 100px 0 10px; } }
  @media only screen and (max-width: 767px) {
    .venue-section {
      padding: 70px 0 10px; } }
  .venue-section .title {
    margin-bottom: 70px; }
    @media only screen and (max-width: 991px) {
      .venue-section .title {
        margin-bottom: 50px; } }
    @media only screen and (max-width: 479px) {
      .venue-section .title {
        margin-bottom: 40px; } }
    .venue-section .title h3 {
      font-size: 36px;
      font-weight: 700;
      line-height: 36px;
      color: #515252;
      margin: 14px 0 20px; }
      @media only screen and (max-width: 767px) {
        .venue-section .title h3 {
          font-size: 25px;
          line-height: 30px; } }
      @media only screen and (max-width: 479px) {
        .venue-section .title h3 {
          font-size: 20px;
          line-height: 25px; } }
  .venue-section .venue-wrapper .wrapper-caption img {
    max-width: 100%;
    border: 8px solid #FFFFFF;
    -webkit-box-shadow: 0 5px 40px #d6d6d6;
    box-shadow: 0 5px 40px #d6d6d6; }
  .venue-section .venue-wrapper .wrapper-content h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    color: #515252;
    margin: 40px 0 10px; }
    @media only screen and (max-width: 991px) {
      .venue-section .venue-wrapper .wrapper-content h4 {
        margin: 20px 0 10px; } }
  .venue-section .venue-wrapper .wrapper-content p {
    font-size: 18px;
    line-height: 30px;
    color: #8b9090; }
    @media only screen and (max-width: 767px) {
      .venue-section .venue-wrapper .wrapper-content p {
        font-size: 16px;
        line-height: 27px; } }
  .venue-section .venue-wrapper .wrapper-content .btn {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    padding: 3px 42px;
    -webkit-box-shadow: 0 3px 8px #e46491;
    box-shadow: 0 3px 8px #e46491;
    margin-top: 28px; }
    @media only screen and (max-width: 991px) {
      .venue-section .venue-wrapper .wrapper-content .btn {
        margin-top: 10px; } }
    @media only screen and (max-width: 479px) {
      .venue-section .venue-wrapper .wrapper-content .btn {
        font-size: 12px;
        padding: 0px 30px; } }
  @media only screen and (max-width: 991px) {
    .venue-section .venue-wrapper {
      margin-bottom: 30px; } }

/* =========================================================
      MOMENTOS  Love-Story-Section STYLE 
============================================================ */
.love-story-section {
  padding: 120px 0 200px;
  background: linear-gradient(to bottom, #f9f9f9, #ffffff);
}

@media (min-width: 768px) and (max-width: 991px) {
  .love-story-section {
    padding: 90px 0 120px;
  }
}

@media only screen and (max-width: 767px) {
  .love-story-section {
    padding: 70px 0;
  }
}

@media only screen and (max-width: 479px) {
  .love-story-section {
    padding: 50px 0;
  }
}

.love-story-section .title {
  text-align: center;
  margin-bottom: 60px;
}

.love-story-section .title h3 {
  font-size: 32px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .love-story-section .title h3 {
    font-size: 24px;
  }
}

.love-story-section .title p {
  font-size: 16px;
  color: #777;
  line-height: 28px;
}

@media only screen and (max-width: 991px) {
  .love-story-section .title p {
    font-size: 14px;
  }
}

.love-story-section .love-wrapper {
  position: relative;
  margin-top: 80px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .love-story-section .love-wrapper {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .love-story-section .love-wrapper {
    margin-top: 30px;
  }
}

.love-story-section .love-wrapper::before {
  content: "";
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 120%;
  background: #ddd;
}

@media only screen and (max-width: 991px) {
  .love-story-section .love-wrapper::before {
    display: none;
  }
}

.love-story-section .love-wrapper .first-wrapper .wrapper-caption,
.love-story-section .love-wrapper .second-wrapper .wrapper-caption {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.love-story-section .love-wrapper .first-wrapper .wrapper-content,
.love-story-section .love-wrapper .second-wrapper .wrapper-content {
  margin: 15px;
}

.love-story-section .love-wrapper .wrapper-caption img {
  width: 100%;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.love-story-section .love-wrapper .wrapper-caption .hover-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  padding: 20px;
  border-radius: 8px;
  transform: translateY(100%);
  transition: transform 0.4s ease;
}

.love-story-section .love-wrapper .wrapper-caption:hover .hover-content {
  transform: translateY(0);
}

.love-story-section .love-wrapper .wrapper-caption .hover-content h4 {
  font-size: 28px;
  margin: 0 0 10px;
}

.love-story-section .love-wrapper .wrapper-caption .hover-content .text {
  font-size: 14px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .love-story-section .love-wrapper .wrapper-caption .hover-content h4 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 479px) {
  .love-story-section .love-wrapper .wrapper-caption .hover-content h4 {
    font-size: 18px;
  }
}


/* =========================================================
        Close-Couple-Section STYLE 
============================================================ */
@media only screen and (max-width: 767px) {
  .close-couple-section {
    padding-bottom: 40px; } }

@media only screen and (max-width: 479px) {
  .close-couple-section {
    padding-bottom: 5px; } }

.close-couple-section .title {
  margin-bottom: 75px; }
  @media only screen and (max-width: 991px) {
    .close-couple-section .title {
      margin-bottom: 50px; } }
  @media only screen and (max-width: 767px) {
    .close-couple-section .title {
      margin-bottom: 30px; } }
  .close-couple-section .title h3 {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    color: #515252;
    margin: 14px 0 20px; }
    @media only screen and (max-width: 767px) {
      .close-couple-section .title h3 {
        font-size: 25px;
        line-height: 30px; } }
    @media only screen and (max-width: 479px) {
      .close-couple-section .title h3 {
        font-size: 20px;
        line-height: 25px; } }
  .close-couple-section .title p {
    font-size: 18px;
    line-height: 30px;
    color: #8d8e8e; }
    @media only screen and (max-width: 991px) {
      .close-couple-section .title p {
        font-size: 16px;
        line-height: 27px; } }

@media only screen and (max-width: 991px) {
  .close-couple-section .section-wrapper.first-wrapper {
    margin-bottom: 50px; } }

@media only screen and (max-width: 767px) {
  .close-couple-section .section-wrapper.first-wrapper {
    margin-bottom: 25px; }
    .close-couple-section .section-wrapper.first-wrapper .caption {
      margin-bottom: 60px; } }

@media only screen and (max-width: 479px) {
  .close-couple-section .section-wrapper.first-wrapper {
    margin-bottom: 30px; } }

@media only screen and (max-width: 767px) {
  .close-couple-section .section-wrapper.second-wrapper .caption {
    margin: 50px 0 80px; }
  .close-couple-section .section-wrapper.second-wrapper #couple-him-carousel .carousel-arrow {
    bottom: 50px; } }

.close-couple-section .section-wrapper .wrapper-caption img {
  max-width: 100%;
  border: 18px solid #FFFFFF;
  -webkit-box-shadow: 0 5px 40px #d6d6d6;
  box-shadow: 0 5px 40px #d6d6d6; }
  @media only screen and (max-width: 767px) {
    .close-couple-section .section-wrapper .wrapper-caption img {
      border: 10px solid #FFFFFF; } }

.close-couple-section .section-wrapper .wrapper-content {
  padding: 0 30px;
  margin-top: 60px; }
  @media only screen and (max-width: 991px) {
    .close-couple-section .section-wrapper .wrapper-content {
      margin-top: 20px; } }
  @media only screen and (max-width: 767px) {
    .close-couple-section .section-wrapper .wrapper-content {
      padding: 0;
      margin-top: 15px; } }
  .close-couple-section .section-wrapper .wrapper-content .sub-title {
    font-family: "Cookie", cursive;
    font-size: 36px;
    line-height: 36px;
    color: #ef2a6f; }
  .close-couple-section .section-wrapper .wrapper-content h3 {
    font-weight: 700;
    color: #515252;
    margin: 3px 0 26px; }
    @media only screen and (max-width: 991px) {
      .close-couple-section .section-wrapper .wrapper-content h3 {
        margin-bottom: 10px; } }
  .close-couple-section .section-wrapper .wrapper-content p {
    font-size: 18px;
    line-height: 30px;
    color: #8d8e8e;
    margin-bottom: 56px; }
    @media only screen and (max-width: 991px) {
      .close-couple-section .section-wrapper .wrapper-content p {
        margin-bottom: 30px; } }
    @media only screen and (max-width: 767px) {
      .close-couple-section .section-wrapper .wrapper-content p {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 20px; } }
  .close-couple-section .section-wrapper .wrapper-content .social-icon li {
    display: inline-block;
    margin: 0 12px; }
    @media only screen and (max-width: 991px) {
      .close-couple-section .section-wrapper .wrapper-content .social-icon li {
        margin: 0 3px; } }
    .close-couple-section .section-wrapper .wrapper-content .social-icon li a i {
      width: 45px;
      height: 42px;
      line-height: 42px;
      font-size: 20px;
      color: #aaaaaa;
      border: 1px solid #aaaaaa;
      -webkit-transition: 0.5s;
      -khtml-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      .close-couple-section .section-wrapper .wrapper-content .social-icon li a i:hover {
        color: #FFFFFF;
        background: #ef2a6f;
        border-color: #ef2a6f; }
      @media only screen and (max-width: 767px) {
        .close-couple-section .section-wrapper .wrapper-content .social-icon li a i {
          width: 35px;
          height: 32px;
          line-height: 32px;
          font-size: 16px;
          margin-bottom: 5px; } }

.close-couple-section .section-wrapper #couple-her-carousel .caption img {
  max-width: 100%; }

@media only screen and (max-width: 767px) {
  .close-couple-section .section-wrapper #couple-her-carousel .caption {
    text-align: center !important; } }

.close-couple-section .section-wrapper #couple-her-carousel .carousel-inner .item {
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.close-couple-section .section-wrapper #couple-her-carousel .carousel-inner .item,
.close-couple-section .section-wrapper #couple-her-carousel .carousel-inner .active.left,
.close-couple-section .section-wrapper #couple-her-carousel .carousel-inner .active.right {
  opacity: 0; }

.close-couple-section .section-wrapper #couple-her-carousel .carousel-inner .active,
.close-couple-section .section-wrapper #couple-her-carousel .carousel-inner .next.left,
.close-couple-section .section-wrapper #couple-her-carousel .carousel-inner .prev.right {
  opacity: 1; }

.close-couple-section .section-wrapper #couple-her-carousel .carousel-inner .next,
.close-couple-section .section-wrapper #couple-her-carousel .carousel-inner .prev,
.close-couple-section .section-wrapper #couple-her-carousel .carousel-inner .active.left,
.close-couple-section .section-wrapper #couple-her-carousel .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.close-couple-section .section-wrapper #couple-her-carousel .carousel-arrow {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -37px;
  width: 75px;
  height: 75px;
  line-height: 75px;
  border-radius: 50%;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 10px #ececec;
  box-shadow: 0 0 10px #ececec; }
  @media only screen and (max-width: 767px) {
    .close-couple-section .section-wrapper #couple-her-carousel .carousel-arrow {
      top: auto;
      bottom: 30px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 55px;
      height: 55px; } }

.close-couple-section .section-wrapper #couple-her-carousel .carousel-control {
  background-image: none;
  text-shadow: none;
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: 50%;
  margin-top: -10px;
  opacity: 1; }
  .close-couple-section .section-wrapper #couple-her-carousel .carousel-control img {
    width: auto; }
  .close-couple-section .section-wrapper #couple-her-carousel .carousel-control.left {
    left: auto;
    right: 34px; }
    @media only screen and (max-width: 767px) {
      .close-couple-section .section-wrapper #couple-her-carousel .carousel-control.left {
        right: 26px; } }
  .close-couple-section .section-wrapper #couple-her-carousel .carousel-control.right {
    right: 15px; }
    @media only screen and (max-width: 767px) {
      .close-couple-section .section-wrapper #couple-her-carousel .carousel-control.right {
        right: 12px; } }

.close-couple-section .section-wrapper #couple-him-carousel .caption img {
  max-width: 100%; }

@media only screen and (max-width: 767px) {
  .close-couple-section .section-wrapper #couple-him-carousel .caption {
    text-align: center !important; } }

.close-couple-section .section-wrapper #couple-him-carousel .carousel-inner .item {
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.close-couple-section .section-wrapper #couple-him-carousel .carousel-inner .item,
.close-couple-section .section-wrapper #couple-him-carousel .carousel-inner .active.left,
.close-couple-section .section-wrapper #couple-him-carousel .carousel-inner .active.right {
  opacity: 0; }

.close-couple-section .section-wrapper #couple-him-carousel .carousel-inner .active,
.close-couple-section .section-wrapper #couple-him-carousel .carousel-inner .next.left,
.close-couple-section .section-wrapper #couple-him-carousel .carousel-inner .prev.right {
  opacity: 1; }

.close-couple-section .section-wrapper #couple-him-carousel .carousel-inner .next,
.close-couple-section .section-wrapper #couple-him-carousel .carousel-inner .prev,
.close-couple-section .section-wrapper #couple-him-carousel .carousel-inner .active.left,
.close-couple-section .section-wrapper #couple-him-carousel .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.close-couple-section .section-wrapper #couple-him-carousel .carousel-arrow {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -37px;
  width: 75px;
  height: 75px;
  line-height: 75px;
  border-radius: 50%;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 10px #ececec;
  box-shadow: 0 0 10px #ececec; }
  @media only screen and (max-width: 767px) {
    .close-couple-section .section-wrapper #couple-him-carousel .carousel-arrow {
      top: auto;
      bottom: 15px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 55px;
      height: 55px; } }

.close-couple-section .section-wrapper #couple-him-carousel .carousel-control {
  background-image: none;
  text-shadow: none;
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: 50%;
  margin-top: -10px;
  opacity: 1; }
  .close-couple-section .section-wrapper #couple-him-carousel .carousel-control img {
    width: auto; }
  .close-couple-section .section-wrapper #couple-him-carousel .carousel-control.left {
    left: auto;
    right: 34px; }
    @media only screen and (max-width: 767px) {
      .close-couple-section .section-wrapper #couple-him-carousel .carousel-control.left {
        right: 26px; } }
  .close-couple-section .section-wrapper #couple-him-carousel .carousel-control.right {
    right: 15px; }
    @media only screen and (max-width: 767px) {
      .close-couple-section .section-wrapper #couple-him-carousel .carousel-control.right {
        right: 12px; } }

/* =========================================================
        Testimonial-Section STYLE 
============================================================ */
.testimonial-section {
  background: url(../images/testimonial-bg.jpg) no-repeat fixed;
  background-size: cover;
  background-position: center top;
  padding: 115px 0; }
  @media only screen and (max-width: 991px) {
    .testimonial-section {
      padding: 80px 0; } }
  @media only screen and (max-width: 767px) {
    .testimonial-section {
      padding: 70px 0; } }
  @media only screen and (max-width: 479px) {
    .testimonial-section {
      padding: 50px 0; } }
  .testimonial-section .title {
    margin-bottom: 75px; }
    @media only screen and (max-width: 767px) {
      .testimonial-section .title {
        margin-bottom: 50px; } }
    .testimonial-section .title h3 {
      font-size: 36px;
      font-weight: 700;
      line-height: 36px;
      color: #FFFFFF;
      margin: 14px 0 20px; }
      @media only screen and (max-width: 767px) {
        .testimonial-section .title h3 {
          font-size: 25px;
          line-height: 30px; } }
      @media only screen and (max-width: 479px) {
        .testimonial-section .title h3 {
          font-size: 20px;
          line-height: 25px; } }
  .testimonial-section #testimonial-carousel .carousel-indicators {
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto; }
    .testimonial-section #testimonial-carousel .carousel-indicators li {
      position: relative;
      width: 90px;
      height: 90px;
      border-radius: 50%;
      background-color: transparent;
      text-indent: 0;
      border: 5px solid transparent;
      margin: 0 30px; }
      @media only screen and (max-width: 479px) {
        .testimonial-section #testimonial-carousel .carousel-indicators li {
          width: 50px;
          height: 50px;
          margin: 0 10px; } }
      .testimonial-section #testimonial-carousel .carousel-indicators li::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(239, 42, 111, 0.69);
        border-radius: 50%; }
      .testimonial-section #testimonial-carousel .carousel-indicators li img {
        width: 80px;
        height: 80px;
        border-radius: 50%; }
        @media only screen and (max-width: 479px) {
          .testimonial-section #testimonial-carousel .carousel-indicators li img {
            width: 40px;
            height: 40px; } }
      .testimonial-section #testimonial-carousel .carousel-indicators li.active {
        width: 120px;
        height: 120px;
        border: 5px solid #ef2a6f; }
        @media only screen and (max-width: 479px) {
          .testimonial-section #testimonial-carousel .carousel-indicators li.active {
            width: 80px;
            height: 80px; } }
        .testimonial-section #testimonial-carousel .carousel-indicators li.active::before {
          display: none; }
        .testimonial-section #testimonial-carousel .carousel-indicators li.active img {
          width: 110px;
          height: 110px; }
          @media only screen and (max-width: 479px) {
            .testimonial-section #testimonial-carousel .carousel-indicators li.active img {
              width: 70px;
              height: 70px; } }
  .testimonial-section #testimonial-carousel .testimonial-wrapper {
    background-color: #FFFFFF;
    padding: 65px;
    margin-top: 8px; }
    @media only screen and (max-width: 767px) {
      .testimonial-section #testimonial-carousel .testimonial-wrapper {
        text-align: center; } }
    .testimonial-section #testimonial-carousel .testimonial-wrapper img {
      float: left;
      margin-bottom: 20px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .testimonial-section #testimonial-carousel .testimonial-wrapper img {
          margin-bottom: 30px; } }
      @media only screen and (max-width: 767px) {
        .testimonial-section #testimonial-carousel .testimonial-wrapper img {
          float: none; } }
    .testimonial-section #testimonial-carousel .testimonial-wrapper .wrapper-content {
      margin-left: 205px; }
      @media only screen and (max-width: 767px) {
        .testimonial-section #testimonial-carousel .testimonial-wrapper .wrapper-content {
          margin-left: 0; } }
      .testimonial-section #testimonial-carousel .testimonial-wrapper .wrapper-content p {
        color: #8d8e8e; }
        .testimonial-section #testimonial-carousel .testimonial-wrapper .wrapper-content p i {
          font-size: 10px;
          vertical-align: text-top;
          color: #ef2a6f; }
      .testimonial-section #testimonial-carousel .testimonial-wrapper .wrapper-content .title {
        font-size: 20px;
        font-weight: 700;
        line-height: 21px;
        color: #515252; }
        @media only screen and (max-width: 479px) {
          .testimonial-section #testimonial-carousel .testimonial-wrapper .wrapper-content .title {
            font-size: 16px; } }

/* =========================================================
        Video-Section STYLE 
============================================================ */
.video-section {
  background: url(../images/v-bg.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 160px 0 130px; }
  @media only screen and (max-width: 991px) {
    .video-section {
      padding: 120px 0 100px; } }
  @media only screen and (max-width: 767px) {
    .video-section {
      padding: 100px 0 75px; } }
  .video-section .video-wrapper h3 {
    font-family: "Noto Sans", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 4px; }
    @media only screen and (max-width: 767px) {
      .video-section .video-wrapper h3 {
        font-size: 25px;
        line-height: 30px; } }
    @media only screen and (max-width: 479px) {
      .video-section .video-wrapper h3 {
        font-size: 20px;
        line-height: 25px; } }
  .video-section .video-wrapper .sub-title {
    font-size: 20px;
    line-height: 72px;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 10px;
    display: block; }
    @media only screen and (max-width: 767px) {
      .video-section .video-wrapper .sub-title {
        font-size: 18px;
        letter-spacing: 5px; } }
    @media only screen and (max-width: 479px) {
      .video-section .video-wrapper .sub-title {
        font-size: 16px; } }
  .video-section .video-wrapper i {
    font-size: 35px; }

/* =========================================================
        Metting-Section STYLE 
============================================================ */
.metting-section {
  position: relative;
  background: #fbf8fb;
  padding-bottom: 90px; }
  @media only screen and (max-width: 479px) {
    .metting-section {
      padding-bottom: 20px; } }
  .metting-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    background: url(../images/metting-bg.jpg) no-repeat;
    background-size: cover; }
  .metting-section .metting-wrapper {
    margin-top: 90px; }
    .metting-section .metting-wrapper .tab-content {
      position: relative;
      background: #FFFFFF;
      -webkit-box-shadow: 0 0 20px #d6d6d6;
      box-shadow: 0 0 20px #d6d6d6;
      padding: 90px 145px 140px; }
      @media only screen and (max-width: 767px) {
        .metting-section .metting-wrapper .tab-content {
          padding: 90px 100px 140px; } }
      @media only screen and (max-width: 479px) {
        .metting-section .metting-wrapper .tab-content {
          padding: 50px 15px 114px; } }
      .metting-section .metting-wrapper .tab-content::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 300px;
        background: url(../images/m-sub.png) no-repeat center; }
      .metting-section .metting-wrapper .tab-content h3 {
        font-family: "Droid Serif", serif;
        font-size: 30px;
        font-weight: 700;
        line-height: 36px;
        margin-bottom: 0; }
        @media only screen and (max-width: 767px) {
          .metting-section .metting-wrapper .tab-content h3 {
            font-size: 25px;
            line-height: 30px; } }
        @media only screen and (max-width: 479px) {
          .metting-section .metting-wrapper .tab-content h3 {
            font-size: 20px;
            line-height: 25px; } }
      .metting-section .metting-wrapper .tab-content .location {
        font-size: 18px;
        line-height: 36px; }
        .metting-section .metting-wrapper .tab-content .location i {
          color: #ef2a6f; }
        @media only screen and (max-width: 767px) {
          .metting-section .metting-wrapper .tab-content .location {
            font-size: 16px;
            line-height: 27px; } }
      .metting-section .metting-wrapper .tab-content p {
        font-size: 18px;
        line-height: 36px;
        margin: 23px 0 0; }
        @media only screen and (max-width: 767px) {
          .metting-section .metting-wrapper .tab-content p {
            font-size: 16px;
            line-height: 27px;
            margin: 15px 0 0; } }
    .metting-section .metting-wrapper .nav-tabs {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 110px;
      border: 0; }
      @media only screen and (max-width: 499px) {
        .metting-section .metting-wrapper .nav-tabs {
          display: inherit; }
          .metting-section .metting-wrapper .nav-tabs::before {
            display: none; } }
      .metting-section .metting-wrapper .nav-tabs::before {
        content: "";
        position: absolute;
        left: -25%;
        top: -30px;
        width: 150%;
        height: 1px;
        background-color: #d9d9d9; }
      .metting-section .metting-wrapper .nav-tabs li {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        float: none;
        margin: 0;
        font-family: "Droid Serif", serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 36px; }
        @media only screen and (max-width: 767px) {
          .metting-section .metting-wrapper .nav-tabs li {
            font-size: 16px; } }
        @media only screen and (max-width: 499px) {
          .metting-section .metting-wrapper .nav-tabs li {
            margin-bottom: 50px; } }
        .metting-section .metting-wrapper .nav-tabs li::before {
          content: "\f192";
          font-family: Fontawesome;
          position: absolute;
          top: -46px;
          left: 0;
          right: 0;
          margin: 0 auto;
          color: #c1c1c1;
          z-index: 5; }
        .metting-section .metting-wrapper .nav-tabs li::after {
          content: "";
          position: absolute;
          top: -28px;
          left: 0;
          width: 100%;
          height: 1px;
          background: #d9d9d9;
          display: none;
          z-index: 1; }
          @media only screen and (max-width: 499px) {
            .metting-section .metting-wrapper .nav-tabs li::after {
              display: block; } }
        .metting-section .metting-wrapper .nav-tabs li.active a {
          color: #ff4cf0;
          cursor: default;
          background-color: transparent;
          border: 0; }
        .metting-section .metting-wrapper .nav-tabs li.active::before {
          color: #ff4cf0; }
        .metting-section .metting-wrapper .nav-tabs li:hover a {
          background-color: transparent;
          -webkit-box-shadow: none;
          box-shadow: none; }
        .metting-section .metting-wrapper .nav-tabs li a {
          color: #666666;
          margin: 0;
          border: 0;
          border-radius: 0;
          padding: 0; }

/* =========================================================
        Ceremony-Section STYLE 
============================================================ */
.ceremony-section .ceremony-wrapper .nav-tabs {
  display: inline-block;
  border: 1px solid #9b9b9b;
  border-radius: 25px;
  margin-bottom: 80px; }
  @media only screen and (max-width: 991px) {
    .ceremony-section .ceremony-wrapper .nav-tabs {
      margin-bottom: 50px; } }
  .ceremony-section .ceremony-wrapper .nav-tabs li {
    font-size: 18px;
    line-height: 36px;
    float: none;
    display: inline-block;
    padding: 0 15px; }
    @media only screen and (max-width: 767px) {
      .ceremony-section .ceremony-wrapper .nav-tabs li {
        font-size: 16px;
        line-height: 30px; } }
    @media only screen and (max-width: 299px) {
      .ceremony-section .ceremony-wrapper .nav-tabs li {
        padding: 0; } }
    .ceremony-section .ceremony-wrapper .nav-tabs li.first-nav {
      border-radius: 25px 0 0 25px; }
    .ceremony-section .ceremony-wrapper .nav-tabs li.second-nav {
      border-radius: 0 25px 25px 0; }
    .ceremony-section .ceremony-wrapper .nav-tabs li a {
      color: #9b9b9b;
      background-color: transparent;
      border: 0; }
    .ceremony-section .ceremony-wrapper .nav-tabs li.active {
      background-color: #ff4cf0; }
      .ceremony-section .ceremony-wrapper .nav-tabs li.active a {
        color: #FFFFFF; }

.ceremony-section .ceremony-wrapper .tab-content .caption img {
  width: 100%; }

.ceremony-section .ceremony-wrapper .tab-content .title {
  margin: 90px 0 40px; }
  @media only screen and (max-width: 991px) {
    .ceremony-section .ceremony-wrapper .tab-content .title {
      margin: 70px 0 0; } }
  @media only screen and (max-width: 767px) {
    .ceremony-section .ceremony-wrapper .tab-content .title {
      margin: 40px 0 0; } }
  .ceremony-section .ceremony-wrapper .tab-content .title h2 {
    font-size: 72px;
    margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .ceremony-section .ceremony-wrapper .tab-content .title h2 {
        font-size: 50px; } }
    @media only screen and (max-width: 479px) {
      .ceremony-section .ceremony-wrapper .tab-content .title h2 {
        font-size: 35px; } }

.ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion,
.ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two {
  margin: 55px 0 0; }
  @media only screen and (max-width: 767px) {
    .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion,
    .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two {
      margin-top: 40px; } }
  @media only screen and (max-width: 479px) {
    .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion,
    .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two {
      margin-top: 25px; } }
  .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel,
  .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-heading,
    .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-heading {
      border: 0;
      background-color: transparent;
      padding: 8px 0; }
      .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-heading .panel-title,
      .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-heading .panel-title {
        font-family: "Droid Serif", serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 36px;
        color: #515252;
        margin-bottom: 15px; }
        @media only screen and (max-width: 991px) {
          .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-heading .panel-title,
          .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-heading .panel-title {
            margin-bottom: 0; } }
        .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-heading .panel-title .number,
        .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-heading .panel-title .number {
          margin-right: 190px; }
          @media only screen and (max-width: 767px) {
            .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-heading .panel-title .number,
            .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-heading .panel-title .number {
              margin-right: 80px; } }
          @media only screen and (max-width: 479px) {
            .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-heading .panel-title .number,
            .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-heading .panel-title .number {
              margin-right: 0; } }
        @media only screen and (max-width: 767px) {
          .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-heading .panel-title,
          .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-heading .panel-title {
            font-size: 16px;
            line-height: 25px;
            margin-bottom: 0; } }
    .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-collapse.in,
    .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-collapse.in {
      position: relative; }
      .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-collapse.in::before,
      .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-collapse.in::before {
        content: "";
        position: absolute;
        top: -10px;
        left: 18px;
        width: 8px;
        height: 100%;
        background: url(../images/dot.png) no-repeat; }
        @media only screen and (max-width: 767px) {
          .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-collapse.in::before,
          .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-collapse.in::before {
            display: none; } }
    .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-collapse .panel-body,
    .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-collapse .panel-body {
      font-size: 18px;
      line-height: 30px;
      color: #515252;
      border: 0;
      margin-bottom: 38px;
      margin-left: 200px; }
      @media only screen and (max-width: 991px) {
        .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-collapse .panel-body,
        .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-collapse .panel-body {
          margin-bottom: 10px; } }
      @media only screen and (max-width: 767px) {
        .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-collapse .panel-body,
        .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-collapse .panel-body {
          font-size: 16px;
          line-height: 27px;
          margin-left: 95px;
          margin-bottom: 10px; } }
      @media only screen and (max-width: 479px) {
        .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-collapse .panel-body,
        .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-collapse .panel-body {
          margin-left: 0; } }
      .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-collapse .panel-body .location,
      .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-collapse .panel-body .location {
        font-size: 18px;
        font-weight: 700;
        color: #515252;
        line-height: 36px;
        display: block;
        margin-top: 15px; }
        .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-collapse .panel-body .location i,
        .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-collapse .panel-body .location i {
          color: #ef2a6f; }
        @media only screen and (max-width: 767px) {
          .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-collapse .panel-body .location,
          .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-collapse .panel-body .location {
            font-size: 15px;
            line-height: 27px; } }

/* =========================================================
        CTA-Section STYLE 
============================================================ */
@media only screen and (max-width: 991px) {
  .cta-section {
    padding-bottom: 60px; } }

@media only screen and (max-width: 767px) {
  .cta-section {
    padding-bottom: 20px; } }

.cta-section .title h3 {
  font-size: 36px;
  font-weight: 700;
  color: #333333; }
  @media only screen and (max-width: 767px) {
    .cta-section .title h3 {
      font-size: 25px;
      margin-bottom: 0px; } }
  @media only screen and (max-width: 479px) {
    .cta-section .title h3 {
      font-size: 20px; } }

.cta-section .title p {
  margin: 17px 0 45px; }

.cta-section .cta-wrapper {
  margin-top: 15px; }
  @media only screen and (max-width: 767px) {
    .cta-section .cta-wrapper {
      margin-bottom: 40px; } }
  .cta-section .cta-wrapper .caption {
    position: relative;
    overflow: hidden; }
    .cta-section .cta-wrapper .caption::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 138, 60, 0.84);
      opacity: 0;
      visibility: hidden;
      -webkit-transition: 0.5s;
      -khtml-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    .cta-section .cta-wrapper .caption:hover::before {
      opacity: 1;
      visibility: visible; }
    .cta-section .cta-wrapper .caption:hover .hover-link {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
    .cta-section .cta-wrapper .caption img {
      max-width: 100%; }
    .cta-section .cta-wrapper .caption .hover-link {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      font-size: 18px;
      font-weight: 700;
      line-height: 30px;
      margin: -16px auto 0;
      -webkit-transition: 0.5s;
      -khtml-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      -webkit-transform: translateY(-180px);
      -moz-transform: translateY(-180px);
      -ms-transform: translateY(-180px);
      -o-transform: translateY(-180px);
      transform: translateY(-180px); }
      @media only screen and (max-width: 767px) {
        .cta-section .cta-wrapper .caption .hover-link {
          font-size: 14px; } }
      .cta-section .cta-wrapper .caption .hover-link a {
        color: #222222;
        background-color: #FFFFFF;
        padding: 5px 10px; }
      .cta-section .cta-wrapper .caption .hover-link:hover a {
        color: #ff8a3c; }
  .cta-section .cta-wrapper .content h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    color: #333333;
    margin-top: 25px; }
    @media only screen and (max-width: 991px) {
      .cta-section .cta-wrapper .content h4 {
        font-size: 24px;
        margin-bottom: 5px; } }
    @media only screen and (max-width: 767px) {
      .cta-section .cta-wrapper .content h4 {
        font-size: 20px;
        line-height: 25px; } }
  .cta-section .cta-wrapper .content p {
    font-size: 18px;
    line-height: 30px;
    color: #777777; }
    @media only screen and (max-width: 991px) {
      .cta-section .cta-wrapper .content p {
        line-height: 27px; } }
    @media only screen and (max-width: 767px) {
      .cta-section .cta-wrapper .content p {
        font-size: 16px;
        line-height: 27px; } }

/* =========================================================
        Archive-Section STYLE 
============================================================ */
.archive-section #archive-carousel .carousel-inner img {
  width: 100%; }

.archive-section #archive-carousel .carousel-control {
  background-image: none;
  opacity: 1;
  text-indent: 0;
  text-shadow: none;
  width: 70px;
  height: 66px;
  line-height: 66px;
  background: #333333;
  top: auto;
  bottom: 20px;
  right: 20px; }
  .archive-section #archive-carousel .carousel-control:hover {
    background: #ff8a3c; }
  .archive-section #archive-carousel .carousel-control.left {
    left: auto;
    right: 91px; }
    @media only screen and (max-width: 767px) {
      .archive-section #archive-carousel .carousel-control.left {
        right: 71px; } }
  .archive-section #archive-carousel .carousel-control i {
    font-size: 25px; }
  @media only screen and (max-width: 767px) {
    .archive-section #archive-carousel .carousel-control {
      width: 50px;
      height: 46px;
      line-height: 46px; } }

.archive-section .archive-content {
  margin: 80px 0 0 25px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .archive-section .archive-content {
      margin: 50px 0 0 0; } }
  @media only screen and (max-width: 991px) {
    .archive-section .archive-content {
      margin: 30px 0 0 0; } }
  .archive-section .archive-content h3 {
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    color: #333333;
    margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .archive-section .archive-content h3 {
        font-size: 25px;
        line-height: 30px; } }
    @media only screen and (max-width: 479px) {
      .archive-section .archive-content h3 {
        font-size: 20px;
        line-height: 25px; } }
  .archive-section .archive-content p {
    font-size: 18px;
    line-height: 30px;
    color: #777777;
    margin: 20px 0 37px; }
    @media only screen and (max-width: 767px) {
      .archive-section .archive-content p {
        font-size: 16px;
        line-height: 27px; } }
  .archive-section .archive-content .btn {
    font-family: "Droid Serif", serif;
    font-size: 18px;
    line-height: 30px;
    background-color: #ff8a3c;
    color: #FFFFFF;
    border-radius: 0;
    border-color: #ff8a3c;
    -webkit-box-shadow: 0 4px 10px #f19b61;
    box-shadow: 0 4px 10px #f19b61;
    padding: 8px 30px; }
    .archive-section .archive-content .btn:hover {
      background-color: #333333;
      border-color: #333333;
      -webkit-box-shadow: 0 4px 10px #333333;
      box-shadow: 0 4px 10px #333333; }
    @media only screen and (max-width: 767px) {
      .archive-section .archive-content .btn {
        font-size: 14px;
        line-height: 27px; } }
    @media only screen and (max-width: 479px) {
      .archive-section .archive-content .btn {
        font-size: 14px;
        line-height: 27px;
        padding: 5px 20px !important; } }

/* =========================================================
        Planer-Counting-Section STYLE 
============================================================ */
.planer-counting-section {
  background: url(../images/pcounting-bg.jpg) no-repeat fixed;
  background-size: cover;
  background-position: center center; }
  @media only screen and (max-width: 991px) {
    .planer-counting-section {
      padding: 70px 0; } }
  @media only screen and (max-width: 767px) {
    .planer-counting-section {
      padding: 55px 0; } }
  .planer-counting-section .counting-pusher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px; }
    @media only screen and (max-width: 479px) {
      .planer-counting-section .counting-pusher {
        display: block;
        margin: 0; } }
    .planer-counting-section .counting-pusher .counting-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      @media only screen and (max-width: 479px) {
        .planer-counting-section .counting-pusher .counting-wrapper {
          margin-bottom: 50px; } }
      .planer-counting-section .counting-pusher .counting-wrapper .count-description {
        margin: 40px 0 8px; }
        @media only screen and (max-width: 991px) {
          .planer-counting-section .counting-pusher .counting-wrapper .count-description {
            margin: 30px 0 0; } }
        .planer-counting-section .counting-pusher .counting-wrapper .count-description .timer {
          font-family: "Droid Serif", serif;
          font-size: 72px;
          font-weight: 700;
          line-height: 72px;
          color: #ff8a3c; }
          @media only screen and (max-width: 991px) {
            .planer-counting-section .counting-pusher .counting-wrapper .count-description .timer {
              font-size: 52px;
              line-height: 52px; } }
          @media only screen and (max-width: 767px) {
            .planer-counting-section .counting-pusher .counting-wrapper .count-description .timer {
              font-size: 35px;
              line-height: 35px; } }
      .planer-counting-section .counting-pusher .counting-wrapper p {
        font-family: "Cookie", cursive;
        font-size: 72px;
        line-height: 72px;
        color: #FFFFFF; }
        @media only screen and (max-width: 991px) {
          .planer-counting-section .counting-pusher .counting-wrapper p {
            font-size: 52px;
            line-height: 52px; } }
        @media only screen and (max-width: 767px) {
          .planer-counting-section .counting-pusher .counting-wrapper p {
            font-size: 35px;
            line-height: 35px; } }

/* =========================================================
        Service-Section STYLE 
============================================================ */
.service-section {
  background: #f4f0ed; }
  .service-section .title {
    margin-bottom: 60px; }
    .service-section .title h3 {
      font-size: 36px;
      font-weight: 700;
      color: #333333; }
      @media only screen and (max-width: 767px) {
        .service-section .title h3 {
          font-size: 25px;
          margin-bottom: 0px; } }
      @media only screen and (max-width: 479px) {
        .service-section .title h3 {
          font-size: 20px; } }
    .service-section .title p {
      font-size: 18px;
      line-height: 30px;
      color: #555555;
      margin: 17px 0 45px; }
      @media only screen and (max-width: 767px) {
        .service-section .title p {
          font-size: 16px;
          line-height: 27px; } }
  .service-section .service-carousel {
    margin-bottom: 90px; }
    @media only screen and (max-width: 479px) {
      .service-section .service-carousel {
        margin-bottom: 50px; } }
    .service-section .service-carousel .service-wrapper {
      margin: 0 15px; }
      .service-section .service-carousel .service-wrapper img {
        width: 100%;
        border: 8px solid #FFFFFF;
        -webkit-box-shadow: 0 0 15px #d0cece;
        box-shadow: 0 0 15px #d0cece; }
      .service-section .service-carousel .service-wrapper .service-content {
        margin-bottom: 10px; }
        .service-section .service-carousel .service-wrapper .service-content h3 {
          font-size: 24px;
          font-weight: 700;
          line-height: 36px;
          color: #515252;
          margin: 45px 0 8px; }
          @media only screen and (max-width: 767px) {
            .service-section .service-carousel .service-wrapper .service-content h3 {
              font-size: 20px;
              line-height: 30px;
              margin: 25px 0 8px; } }
        .service-section .service-carousel .service-wrapper .service-content p {
          font-size: 18px;
          line-height: 30px;
          color: #8b9090;
          margin-bottom: 45px; }
          @media only screen and (max-width: 767px) {
            .service-section .service-carousel .service-wrapper .service-content p {
              font-size: 16px;
              line-height: 27px; } }
        .service-section .service-carousel .service-wrapper .service-content .link a {
          font-size: 16px;
          line-height: 30px;
          text-transform: uppercase;
          color: #FFFFFF;
          background-color: #ff8a3c;
          -webkit-box-shadow: 0 0 10px #f19b61;
          box-shadow: 0 0 10px #f19b61;
          padding: 12px 40px; }
          .service-section .service-carousel .service-wrapper .service-content .link a:hover {
            background-color: #333333;
            -webkit-box-shadow: 0 0 10px #333333;
            box-shadow: 0 0 10px #333333; }
    .service-section .service-carousel .slick-dots {
      bottom: -90px; }
      @media only screen and (max-width: 479px) {
        .service-section .service-carousel .slick-dots {
          bottom: -65px; } }
      .service-section .service-carousel .slick-dots li.slick-active button {
        border-color: #ff8a3c;
        background-color: #ff8a3c; }
      .service-section .service-carousel .slick-dots li button {
        width: 15px;
        height: 15px;
        border: 2px solid #313131;
        border-radius: 50%; }
        .service-section .service-carousel .slick-dots li button::before {
          display: none; }

/* =========================================================
        Package-Section STYLE 
============================================================ */
.package-section {
  padding-top: 135px; }
  @media only screen and (max-width: 767px) {
    .package-section {
      padding-top: 75px; } }
  .package-section .title {
    margin-bottom: 78px; }
    @media only screen and (max-width: 767px) {
      .package-section .title {
        margin-bottom: 50px; } }
    @media only screen and (max-width: 479px) {
      .package-section .title {
        margin-bottom: 40px; } }
    .package-section .title h3 {
      font-size: 36px;
      font-weight: 700;
      color: #333333; }
      @media only screen and (max-width: 767px) {
        .package-section .title h3 {
          font-size: 25px;
          margin-bottom: 0; } }
      @media only screen and (max-width: 479px) {
        .package-section .title h3 {
          font-size: 20px; } }
    .package-section .title p {
      font-size: 18px;
      line-height: 30px;
      color: #555555;
      margin: 17px 0 45px; }
      @media only screen and (max-width: 767px) {
        .package-section .title p {
          font-size: 16px;
          line-height: 27px; } }
  .package-section .package-wrapper img {
    width: 100%; }
  .package-section .package-wrapper .package-content {
    background-color: #f4f0ed;
    padding: 35px 60px 75px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .package-section .package-wrapper .package-content {
        padding: 35px 0 75px; } }
    @media only screen and (max-width: 991px) {
      .package-section .package-wrapper .package-content {
        margin-bottom: 30px; } }
    @media only screen and (max-width: 767px) {
      .package-section .package-wrapper .package-content {
        padding: 35px 0 75px; } }
    .package-section .package-wrapper .package-content h3 {
      font-size: 24px;
      font-weight: 700;
      line-height: 42px;
      color: #333333;
      margin-bottom: 30px; }
      .package-section .package-wrapper .package-content h3 span {
        font-size: 30px;
        color: #ff8a3c; }
      @media only screen and (max-width: 767px) {
        .package-section .package-wrapper .package-content h3 {
          font-size: 20px;
          line-height: 30px; }
          .package-section .package-wrapper .package-content h3 span {
            font-size: 25px; } }
      @media only screen and (max-width: 479px) {
        .package-section .package-wrapper .package-content h3 {
          margin-bottom: 10px; } }
    .package-section .package-wrapper .package-content .description {
      margin-bottom: 35px; }
      .package-section .package-wrapper .package-content .description li {
        font-size: 16px;
        line-height: 30px;
        color: #555555;
        border-bottom: 1px solid #e2e2e2;
        padding: 16px 0; }
        .package-section .package-wrapper .package-content .description li:last-child {
          border: 0; }
    .package-section .package-wrapper .package-content .link a {
      font-family: "Droid Serif", serif;
      font-size: 17px;
      line-height: 30px;
      color: #FFFFFF;
      background-color: #333333;
      padding: 12px 33px; }
      .package-section .package-wrapper .package-content .link a:hover {
        background-color: #ff8a3c; }

/* =========================================================
        Contact-Section STYLE 
============================================================ */
.contact-section {
  position: relative;
  background-color: #f4f2f3; }
  @media only screen and (max-width: 767px) {
    .contact-section {
      padding-bottom: 95px; } }
  @media only screen and (max-width: 479px) {
    .contact-section {
      padding-bottom: 70px; } }
  .contact-section .title p {
    margin: 17px 0 45px; }
  .contact-section .contact-wrapper {
    position: relative;
    background-color: #FFFFFF;
    padding: 90px 105px 0;
    z-index: 5; }
    @media (min-width: 480px) and (max-width: 767px) {
      .contact-section .contact-wrapper {
        padding: 90px 50px 0; } }
    @media only screen and (max-width: 479px) {
      .contact-section .contact-wrapper {
        padding: 90px 25px 0; } }
    .contact-section .contact-wrapper::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 200px;
      height: 200px;
      background: url(../images/contact-shap/ct-border.png) no-repeat; }
    .contact-section .contact-wrapper::after {
      content: "";
      position: absolute;
      bottom: -11px;
      right: -24px;
      width: 200px;
      height: 200px;
      background: url(../images/contact-shap/cb-border.png) no-repeat; }
    .contact-section .contact-wrapper .contact-form {
      position: relative;
      z-index: 5; }
      .contact-section .contact-wrapper .contact-form::before {
        content: "";
        position: absolute;
        bottom: -100px;
        left: -200px;
        width: 200px;
        height: 200px;
        background: url(../images/contact-shap/cflour.png) no-repeat; }
        @media only screen and (max-width: 767px) {
          .contact-section .contact-wrapper .contact-form::before {
            display: none; } }
      .contact-section .contact-wrapper .contact-form .form-group {
        position: relative;
        margin-bottom: 55px; }
        .contact-section .contact-wrapper .contact-form .form-group::before {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          width: 0;
          height: 1px;
          background: #ef2a6f;
          -webkit-transition: 0.5s;
          -khtml-transition: 0.5s;
          -moz-transition: 0.5s;
          -ms-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s; }
        .contact-section .contact-wrapper .contact-form .form-group:hover::before {
          width: 100%; }
        .contact-section .contact-wrapper .contact-form .form-group .form-control,
        .contact-section .contact-wrapper .contact-form .form-group .contactSearchBar {
          font-size: 16px;
          line-height: 30px;
          width: 100%;
          color: #aaaaaa;
          height: auto;
          border: 0;
          border-bottom: 1px solid #aaaaaa;
          -webkit-box-shadow: none;
          box-shadow: none;
          border-radius: 0;
          padding: 6px 12px; }
          .contact-section .contact-wrapper .contact-form .form-group .form-control:focus,
          .contact-section .contact-wrapper .contact-form .form-group .contactSearchBar:focus {
            color: #ef2a6f;
            border-bottom: 1px solid red; }
      .contact-section .contact-wrapper .contact-form .subscribeBtn {
        font-size: 16px;
        font-weight: 700;
        margin: 55px 0 -23px;
        padding: 9px 52px; }
        @media only screen and (max-width: 479px) {
          .contact-section .contact-wrapper .contact-form .subscribeBtn {
            font-size: 12px;
            margin: 55px 0;
            padding: 5px 40px; } }
  .contact-section .caption {
    position: absolute;
    top: 115px;
    right: -185px;
    width: 200px;
    height: 450px;
    background: url(../images/contact-shap/c-sizebar.png) no-repeat; }
    @media only screen and (max-width: 991px) {
      .contact-section .caption {
        display: none; } }

/* =========================================================
        Footer STYLE 
============================================================ */
.footer-section {
  background: url(../images/footer-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center; }
  .footer-section h2 {
    position: relative;
    color: #FFFFFF;
    padding-bottom: 140px; }
    .footer-section h2::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      bottom: 0;
      width: 5px;
      height: 130px;
      border-left: 3px dashed #fff; }
    @media only screen and (max-width: 767px) {
      .footer-section h2 {
        font-size: 50px;
        line-height: 40px; } }
  .footer-section .text {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #FFFFFF; }
    .footer-section .text.text-one {
      padding-right: 8px; }
    .footer-section .text.text-two {
      padding-left: 10px; }
  .footer-section .logo {
    margin-left: 9px; }

/* =========================================================
        OnePage-STYLE 
============================================================ */
.one-page .header-section .navbar .navbar-collapse .navbar-nav li a {
  color: #FFFFFF; }

.one-page .header-section .navbar .navbar-collapse .navbar-nav li.active a {
  color: #ef2a6f; }

.one-page .header-section .navbar .navbar-collapse .navbar-nav li a:hover {
  color: #ef2a6f; }

.one-page .header-section .navbar.sticky .navbar-collapse .navbar-nav li a {
  color: #000000; }

.one-page .header-section .navbar.sticky .navbar-collapse .navbar-nav li.active a {
  color: #ef2a6f; }

.one-page .header-section .navbar.sticky .navbar-collapse .navbar-nav li a:hover {
  color: #ef2a6f; }

.one-page .header-section .navbar .navbar-collapse .navbar-nav li {
  margin: 0 20px; }

.one-page .header-section .navbar .navbar-collapse .navbar-nav li::before {
  display: none; }

.one-page .contact-section .caption {
  top: 70px;
  right: -184px; }

/* =========================================================
        HomePage-One-STYLE 
============================================================ */
.homepage-one .close-couple-section .section-wrapper.first-wrapper .wrapper-caption::before {
  right: -20px; }

.homepage-one .close-couple-section .section-wrapper.second-wrapper .wrapper-caption::before {
  left: -20px; }

.homepage-one .close-couple-section .section-wrapper .wrapper-caption {
  position: relative;
  border: 20px solid transparent; }
  .homepage-one .close-couple-section .section-wrapper .wrapper-caption::before {
    content: "";
    position: absolute;
    top: -20px;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 40px #d6d6d6;
    box-shadow: 0 0 40px #d6d6d6;
    z-index: -1; }
    @media only screen and (max-width: 991px) {
      .homepage-one .close-couple-section .section-wrapper .wrapper-caption::before {
        display: none; } }
  .homepage-one .close-couple-section .section-wrapper .wrapper-caption img {
    border: 0; }

.homepage-one .people-section {
  padding-bottom: 90px; }
  @media only screen and (max-width: 991px) {
    .homepage-one .people-section {
      padding-bottom: 60px; } }
  @media only screen and (max-width: 767px) {
    .homepage-one .people-section {
      padding-bottom: 50px; } }
  .homepage-one .people-section .title {
    margin-bottom: 55px; }
    @media only screen and (max-width: 991px) {
      .homepage-one .people-section .title {
        margin-bottom: 30px; } }
    .homepage-one .people-section .title h3 {
      font-size: 36px;
      font-weight: 700;
      line-height: 36px;
      color: #515252;
      margin: 14px 0 20px; }
      @media only screen and (max-width: 767px) {
        .homepage-one .people-section .title h3 {
          font-size: 25px;
          line-height: 30px; } }
      @media only screen and (max-width: 479px) {
        .homepage-one .people-section .title h3 {
          font-size: 20px;
          line-height: 25px; } }
    .homepage-one .people-section .title p {
      font-size: 18px;
      line-height: 30px;
      color: #8d8e8e; }
      @media only screen and (max-width: 991px) {
        .homepage-one .people-section .title p {
          font-size: 16px;
          line-height: 27px; } }

.homepage-one .gallery-section .title {
  margin-bottom: 75px; }
  @media only screen and (max-width: 991px) {
    .homepage-one .gallery-section .title {
      margin-bottom: 50px; } }
  .homepage-one .gallery-section .title h3 {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    color: #515252;
    margin: 14px 0 20px; }
    @media only screen and (max-width: 767px) {
      .homepage-one .gallery-section .title h3 {
        font-size: 25px;
        line-height: 30px; } }
    @media only screen and (max-width: 479px) {
      .homepage-one .gallery-section .title h3 {
        font-size: 20px;
        line-height: 25px; } }
  .homepage-one .gallery-section .title p {
    font-size: 18px;
    line-height: 30px;
    color: #8d8e8e; }
    @media only screen and (max-width: 991px) {
      .homepage-one .gallery-section .title p {
        font-size: 16px;
        line-height: 27px; } }

.homepage-one .counting-section {
  background: url(../images/c-bg.jpg) no-repeat fixed;
  background-size: cover;
  background-position: center top;
  padding-top: 110px; }
  @media only screen and (max-width: 767px) {
    .homepage-one .counting-section {
      padding: 80px 0 60px; } }

.homepage-one .video-section {
  background: url(../images/v-bg.jpg) no-repeat;
  background-position: center center;
  background-size: cover; }

.homepage-one .wedding-event {
  padding-top: 135px; }
  @media only screen and (max-width: 991px) {
    .homepage-one .wedding-event {
      padding-top: 100px; } }
  @media only screen and (max-width: 767px) {
    .homepage-one .wedding-event {
      padding-top: 70px; } }
  .homepage-one .wedding-event .wedding-wrapper .second-column .wedding-caption {
    margin-bottom: 0; }

.homepage-one .contact-section {
  background: #FFFFFF;
  padding: 90px 0 135px; }
  @media only screen and (max-width: 991px) {
    .homepage-one .contact-section {
      padding: 50px 0 90px; } }
  @media only screen and (max-width: 767px) {
    .homepage-one .contact-section {
      padding: 20px 0 80px; } }
  .homepage-one .contact-section::before {
    content: "";
    position: absolute;
    bottom: 185px;
    left: 0;
    width: 100%;
    height: 425px;
    background: url(../images/sub/f-bg.jpg) no-repeat; }
  .homepage-one .contact-section .contact-wrapper {
    border: 3px solid #ef2a6f;
    -webkit-box-shadow: 0 5px 40px #d6d6d6;
    box-shadow: 0 5px 40px #d6d6d6;
    margin-top: 35px; }
    .homepage-one .contact-section .contact-wrapper .contact-form::before {
      display: none; }
    .homepage-one .contact-section .contact-wrapper .contact-form .subscribeBtn {
      margin: 7px 0 60px; }

/* =========================================================
        HomePage-Two-STYLE 
============================================================ */
.homepage-two .header-section .navbar .navbar-collapse .navbar-nav li a:hover,
.homepage-two .header-section .navbar .navbar-collapse .navbar-nav li.active a {
  color: #ff4cf0; }

.homepage-two .header-section .navbar .navbar-collapse .navbar-nav li .dropdown li a {
  color: #000; }

.homepage-two .header-section .navbar .navbar-collapse .navbar-nav li .dropdown li.active a,
.homepage-two .header-section .navbar .navbar-collapse .navbar-nav li .dropdown li a:hover {
  color: #ff4cf0; }

.homepage-two .video-slider {
  position: relative;
  height: 100vh;
  overflow: hidden; }
  @media only screen and (max-width: 1500px) {
    .homepage-two .video-slider {
      height: auto; } }
  @media only screen and (min-width: 1921px) {
    .homepage-two .video-slider {
      height: auto; } }
  .homepage-two .video-slider.sticky {
    overflow: visible;
    z-index: 999; }
  .homepage-two .video-slider::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); }
    @media only screen and (max-width: 991px) {
      .homepage-two .video-slider::before {
        height: -moz-calc(100% - 10px);
        height: -webkit-calc(100% - 10px);
        height: -o-calc(100% - 10px);
        height: calc(100% - 10px); } }
    @media only screen and (min-width: 1920px) {
      .homepage-two .video-slider::before {
        height: -moz-calc(100% - 10px);
        height: -webkit-calc(100% - 10px);
        height: -o-calc(100% - 10px);
        height: calc(100% - 10px); } }
  .homepage-two .video-slider video {
    width: 100%; }
  .homepage-two .video-slider .navbar-header-two {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0; }
    .homepage-two .video-slider .navbar-header-two .navbar-brand {
      padding: 0; }
      @media only screen and (max-width: 767px) {
        .homepage-two .video-slider .navbar-header-two .navbar-brand img {
          width: 70px; } }
      @media only screen and (max-width: 479px) {
        .homepage-two .video-slider .navbar-header-two .navbar-brand img {
          width: 40px; } }
  .homepage-two .video-slider .header-section {
    position: absolute;
    bottom: 0; }
    .homepage-two .video-slider .header-section .singleNavbar {
      background: url(../images/menu-bg.png) no-repeat;
      background-position: center top;
      background-size: cover;
      position: relative; }
      .homepage-two .video-slider .header-section .singleNavbar.sticky {
        position: fixed;
        background: #FFFFFF;
        top: 0;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s; }
        .homepage-two .video-slider .header-section .singleNavbar.sticky .navbar-header {
          display: inline-block;
          float: none;
          margin-bottom: -8px; }
        .homepage-two .video-slider .header-section .singleNavbar.sticky .navbar-collapse .navbar-nav li a {
          padding: 35px 0; }
        .homepage-two .video-slider .header-section .singleNavbar.sticky .navbar-header .navbar-brand img {
          height: 94px; }
      .homepage-two .video-slider .header-section .singleNavbar .navbar-header {
        display: none; }

.homepage-two .close-couple-section .section-wrapper .wrapper-content .sub-title {
  color: #ff4cf0; }

.homepage-two .close-couple-section .section-wrapper .wrapper-content .social-icon li a i:hover {
  background-color: #ff4cf0;
  border-color: #ff4cf0; }

.homepage-two .close-couple-section .title {
  margin-bottom: 65px; }
  @media only screen and (max-width: 767px) {
    .homepage-two .close-couple-section .title {
      margin-bottom: 30px; } }
  .homepage-two .close-couple-section .title img {
    max-width: 100%; }
  .homepage-two .close-couple-section .title h2 {
    font-size: 90px;
    font-weight: 400;
    color: #515252;
    margin: 0 0 25px; }
    @media only screen and (max-width: 991px) {
      .homepage-two .close-couple-section .title h2 {
        font-size: 65px;
        margin: 0 0 5px; } }
    @media only screen and (max-width: 767px) {
      .homepage-two .close-couple-section .title h2 {
        font-size: 50px;
        margin: 0 0 8px; } }
    @media only screen and (max-width: 479px) {
      .homepage-two .close-couple-section .title h2 {
        font-size: 40px;
        margin: 0; } }
  .homepage-two .close-couple-section .title .sub-title {
    font-family: "Cookie", cursive;
    font-size: 48px;
    line-height: 36px;
    color: #ff4cf0; }
    @media only screen and (max-width: 991px) {
      .homepage-two .close-couple-section .title .sub-title {
        font-size: 40px; } }
    @media only screen and (max-width: 767px) {
      .homepage-two .close-couple-section .title .sub-title {
        font-size: 30px; } }
    @media only screen and (max-width: 479px) {
      .homepage-two .close-couple-section .title .sub-title {
        font-size: 25px; } }
  .homepage-two .close-couple-section .title p {
    font-size: 18px;
    line-height: 30px;
    color: #8d8e8e;
    margin-top: 30px; }
    @media only screen and (max-width: 991px) {
      .homepage-two .close-couple-section .title p {
        font-size: 16px;
        line-height: 27px;
        margin-top: 10px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .homepage-two .close-couple-section .section-wrapper .wrapper-content {
    margin-top: 20px; }
  .homepage-two .close-couple-section .section-wrapper .wrapper-content h3 {
    margin: 3px 0 15px; }
  .homepage-two .close-couple-section .section-wrapper .wrapper-content p {
    margin-bottom: 30px; }
  .homepage-two .close-couple-section .section-wrapper .wrapper-content .social-icon li {
    margin: 0 2px; }
  .homepage-two .close-couple-section .section-wrapper #couple-her-carousel .carousel-arrow {
    right: -28px;
    width: 60px;
    height: 60px; }
  .homepage-two .close-couple-section .section-wrapper #couple-her-carousel .carousel-control.left {
    right: 25px; }
  .homepage-two .close-couple-section .section-wrapper #couple-her-carousel .carousel-control.right {
    right: 10px; }
  .homepage-two .close-couple-section .section-wrapper #couple-him-carousel .carousel-arrow {
    left: -35px;
    width: 60px;
    height: 60px; }
  .homepage-two .close-couple-section .section-wrapper #couple-him-carousel .carousel-control.left {
    right: 25px; }
  .homepage-two .close-couple-section .section-wrapper #couple-him-carousel .carousel-control.right {
    right: 10px; } }

.homepage-two .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-collapse .panel-body .location i,
.homepage-two .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-collapse .panel-body .location i {
  color: #ff4cf0; }

@media only screen and (max-width: 991px) {
  .homepage-two .ceremony-section {
    padding: 70px 0 50px; } }

.homepage-two .ceremony-section .title {
  margin-bottom: 65px; }
  @media only screen and (max-width: 991px) {
    .homepage-two .ceremony-section .title {
      margin-bottom: 40px; } }
  @media only screen and (max-width: 767px) {
    .homepage-two .ceremony-section .title {
      margin-bottom: 30px; } }
  .homepage-two .ceremony-section .title img {
    max-width: 100%; }
    @media only screen and (max-width: 767px) {
      .homepage-two .ceremony-section .title img {
        width: 150px; } }
    @media only screen and (max-width: 479px) {
      .homepage-two .ceremony-section .title img {
        width: 100px; } }
  .homepage-two .ceremony-section .title h2 {
    font-size: 90px;
    font-weight: 400;
    color: #515252;
    margin: 0 0 25px; }
    @media only screen and (max-width: 991px) {
      .homepage-two .ceremony-section .title h2 {
        font-size: 65px;
        margin: 0 0 5px; } }
    @media only screen and (max-width: 767px) {
      .homepage-two .ceremony-section .title h2 {
        font-size: 50px;
        margin: 0 0 8px; } }
    @media only screen and (max-width: 479px) {
      .homepage-two .ceremony-section .title h2 {
        font-size: 40px;
        margin: 0; } }
  .homepage-two .ceremony-section .title .sub-title {
    position: relative;
    color: #a5a4a4;
    display: inline-block; }
    .homepage-two .ceremony-section .title .sub-title::before, .homepage-two .ceremony-section .title .sub-title::after {
      content: "";
      position: absolute;
      top: 13px;
      width: 85px;
      height: 2px; }
    .homepage-two .ceremony-section .title .sub-title::before {
      left: -100px;
      background: url(../images/lineshap-1.png) no-repeat; }
    .homepage-two .ceremony-section .title .sub-title::after {
      right: -100px;
      background: url(../images/lineshap-2.png) no-repeat; }

.homepage-two .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-heading .panel-title a,
.homepage-two .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-heading .panel-title a:hover,
.homepage-two .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-heading .panel-title a,
.homepage-two .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-heading .panel-title a:hover {
  color: #ff4cf0; }

.homepage-two .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion .panel .panel-heading .panel-title a.collapsed,
.homepage-two .ceremony-section .ceremony-wrapper .tab-content .ceremony-accordion-two .panel .panel-heading .panel-title a.collapsed {
  color: #515252; }

.homepage-two .contact-section {
  background: #FFFFFF;
  padding: 135px 0 135px; }
  @media only screen and (max-width: 991px) {
    .homepage-two .contact-section {
      padding: 65px 0 90px; } }
  @media only screen and (max-width: 767px) {
    .homepage-two .contact-section {
      padding: 20px 0 80px; } }
  .homepage-two .contact-section::before {
    content: "";
    position: absolute;
    bottom: 190px;
    left: 0;
    width: 100%;
    height: 425px;
    background: url(../images/sub/f-bg.jpg) no-repeat;
    background-size: cover; }
  .homepage-two .contact-section .title {
    margin-bottom: 65px; }
    @media only screen and (max-width: 767px) {
      .homepage-two .contact-section .title {
        margin-bottom: 30px; } }
    @media only screen and (max-width: 991px) {
      .homepage-two .contact-section .title img {
        width: 150px; } }
    @media only screen and (max-width: 479px) {
      .homepage-two .contact-section .title img {
        width: 100px; } }
    .homepage-two .contact-section .title h2 {
      font-size: 90px;
      font-weight: 400;
      color: #515252;
      margin: 36px 0 25px; }
      @media only screen and (max-width: 991px) {
        .homepage-two .contact-section .title h2 {
          font-size: 70px;
          margin: 0 0 8px; } }
      @media only screen and (max-width: 767px) {
        .homepage-two .contact-section .title h2 {
          font-size: 50px;
          margin: 25px 0 8px; } }
      @media only screen and (max-width: 479px) {
        .homepage-two .contact-section .title h2 {
          font-size: 40px;
          margin: 15px 0 8px; } }
    .homepage-two .contact-section .title .sub-title {
      position: relative;
      color: #a5a4a4;
      display: inline-block; }
      .homepage-two .contact-section .title .sub-title::before, .homepage-two .contact-section .title .sub-title::after {
        content: "";
        position: absolute;
        top: 13px;
        width: 85px;
        height: 2px; }
      .homepage-two .contact-section .title .sub-title::before {
        left: -100px;
        background: url(../images/lineshap-1.png) no-repeat; }
      .homepage-two .contact-section .title .sub-title::after {
        right: -100px;
        background: url(../images/lineshap-2.png) no-repeat; }
    .homepage-two .contact-section .title p {
      font-size: 18px;
      line-height: 30px;
      color: #8d8e8e; }
      @media only screen and (max-width: 767px) {
        .homepage-two .contact-section .title p {
          font-size: 16px;
          line-height: 27px; } }
  .homepage-two .contact-section .contact-wrapper {
    -webkit-box-shadow: 0 5px 40px #d6d6d6;
    box-shadow: 0 5px 40px #d6d6d6;
    margin-top: 35px; }
    .homepage-two .contact-section .contact-wrapper .contact-form::before {
      display: none; }
    .homepage-two .contact-section .contact-wrapper .contact-form .form-group::before {
      background: #ff4cf0; }
    .homepage-two .contact-section .contact-wrapper .contact-form .form-group .form-control:focus,
    .homepage-two .contact-section .contact-wrapper .contact-form .contactSearchBar:focus {
      color: #ff4cf0;
      border-color: #ff4cf0; }
    .homepage-two .contact-section .contact-wrapper .contact-form .subscribeBtn {
      background-color: #ff4cf0;
      margin: 7px 0 60px; }
      .homepage-two .contact-section .contact-wrapper .contact-form .subscribeBtn:hover {
        background-color: #d61055; }

.homepage-two .people-section {
  padding-bottom: 135px; }
  @media only screen and (max-width: 991px) {
    .homepage-two .people-section {
      padding-bottom: 50px; } }
  @media only screen and (max-width: 767px) {
    .homepage-two .people-section {
      padding-bottom: 40px; } }
  .homepage-two .people-section .title {
    margin-bottom: 50px; }
    @media only screen and (max-width: 767px) {
      .homepage-two .people-section .title {
        margin-bottom: 25px; } }
    @media only screen and (max-width: 479px) {
      .homepage-two .people-section .title {
        margin-bottom: 10px; } }
    @media only screen and (max-width: 991px) {
      .homepage-two .people-section .title img {
        width: 100px; } }
    .homepage-two .people-section .title h2 {
      font-size: 90px;
      font-weight: 400;
      color: #515252;
      margin: 36px 0 25px; }
      @media only screen and (max-width: 991px) {
        .homepage-two .people-section .title h2 {
          font-size: 70px;
          margin: 10px 0 8px; } }
      @media only screen and (max-width: 767px) {
        .homepage-two .people-section .title h2 {
          font-size: 50px;
          margin: 25px 0 8px; } }
      @media only screen and (max-width: 479px) {
        .homepage-two .people-section .title h2 {
          font-size: 40px;
          margin: 15px 0 8px; } }
    .homepage-two .people-section .title .sub-title {
      position: relative;
      color: #a5a4a4;
      display: inline-block; }
      .homepage-two .people-section .title .sub-title::before, .homepage-two .people-section .title .sub-title::after {
        content: "";
        position: absolute;
        top: 13px;
        width: 85px;
        height: 2px; }
      .homepage-two .people-section .title .sub-title::before {
        left: -100px;
        background: url(../images/lineshap-1.png) no-repeat; }
      .homepage-two .people-section .title .sub-title::after {
        right: -100px;
        background: url(../images/lineshap-2.png) no-repeat; }
  .homepage-two .people-section .nav-tabs {
    margin-bottom: 60px; }
    @media only screen and (max-width: 767px) {
      .homepage-two .people-section .nav-tabs {
        margin-bottom: 40px; } }
    .homepage-two .people-section .nav-tabs li.active a {
      color: #ff4cf0; }
  .homepage-two .people-section .tab-content .nav-wrapper .nav-content .social-media li a:hover {
    color: #ff4cf0; }

.homepage-two .counting-section {
  background: url(../images/counting-bg-3.jpg) no-repeat fixed;
  background-position: center center;
  background-size: cover; }

@media only screen and (max-width: 991px) {
  .homepage-two .gallery-section {
    padding: 80px 0 50px; } }

@media only screen and (max-width: 767px) {
  .homepage-two .gallery-section {
    padding: 60px 0 40px; } }

@media only screen and (max-width: 991px) {
  .homepage-two .gallery-section .title img {
    width: 150px; } }

@media only screen and (max-width: 479px) {
  .homepage-two .gallery-section .title img {
    width: 100px; } }

.homepage-two .gallery-section .title h2 {
  font-size: 90px;
  font-weight: 400;
  color: #515252;
  margin: 36px 0 25px; }
  @media only screen and (max-width: 991px) {
    .homepage-two .gallery-section .title h2 {
      font-size: 70px;
      margin: 10px 0 8px; } }
  @media only screen and (max-width: 767px) {
    .homepage-two .gallery-section .title h2 {
      font-size: 50px;
      margin: 25px 0 8px; } }
  @media only screen and (max-width: 479px) {
    .homepage-two .gallery-section .title h2 {
      font-size: 40px;
      margin: 15px 0 8px; } }

.homepage-two .gallery-section .title .sub-title {
  position: relative;
  color: #a5a4a4;
  display: inline-block; }
  .homepage-two .gallery-section .title .sub-title::before, .homepage-two .gallery-section .title .sub-title::after {
    content: "";
    position: absolute;
    top: 13px;
    width: 85px;
    height: 2px; }
  .homepage-two .gallery-section .title .sub-title::before {
    left: -100px;
    background: url(../images/lineshap-1.png) no-repeat; }
  .homepage-two .gallery-section .title .sub-title::after {
    right: -100px;
    background: url(../images/lineshap-2.png) no-repeat; }

.homepage-two .gallery-section .portfolio-sorting li a.active {
  background: #ff4cf0; }

.homepage-two .gallery-section .portfolio-wrapper .portfolio-item .hover-icon i {
  background-color: #ff4cf0; }

.homepage-two .testimonial-section {
  background: transparent; }
  @media only screen and (max-width: 991px) {
    .homepage-two .testimonial-section .title img {
      width: 150px; } }
  @media only screen and (max-width: 479px) {
    .homepage-two .testimonial-section .title img {
      width: 100px; } }
  .homepage-two .testimonial-section .title h2 {
    font-size: 90px;
    font-weight: 400;
    color: #515252;
    margin: 36px 0 25px; }
    @media only screen and (max-width: 991px) {
      .homepage-two .testimonial-section .title h2 {
        font-size: 70px;
        margin: 10px 0 8px; } }
    @media only screen and (max-width: 767px) {
      .homepage-two .testimonial-section .title h2 {
        font-size: 50px;
        margin: 25px 0 8px; } }
    @media only screen and (max-width: 479px) {
      .homepage-two .testimonial-section .title h2 {
        font-size: 40px;
        margin: 15px 0 8px; } }
  .homepage-two .testimonial-section .title .sub-title {
    position: relative;
    color: #a5a4a4;
    display: inline-block; }
    .homepage-two .testimonial-section .title .sub-title::before, .homepage-two .testimonial-section .title .sub-title::after {
      content: "";
      position: absolute;
      top: 13px;
      width: 85px;
      height: 2px; }
    .homepage-two .testimonial-section .title .sub-title::before {
      left: -100px;
      background: url(../images/lineshap-1.png) no-repeat; }
    .homepage-two .testimonial-section .title .sub-title::after {
      right: -100px;
      background: url(../images/lineshap-2.png) no-repeat; }
  .homepage-two .testimonial-section #testimonial-carousel .carousel-indicators {
    position: absolute;
    left: auto;
    bottom: -25px;
    right: -180px;
    width: 130px; }
    @media only screen and (max-width: 991px) {
      .homepage-two .testimonial-section #testimonial-carousel .carousel-indicators {
        position: relative;
        width: auto;
        bottom: 0;
        right: 0; } }
    .homepage-two .testimonial-section #testimonial-carousel .carousel-indicators li {
      display: block;
      margin: 25px auto; }
      .homepage-two .testimonial-section #testimonial-carousel .carousel-indicators li.active {
        border-color: #ff4cf0; }
      .homepage-two .testimonial-section #testimonial-carousel .carousel-indicators li::before {
        background-color: rgba(255, 255, 255, 0.77); }
      @media only screen and (max-width: 991px) {
        .homepage-two .testimonial-section #testimonial-carousel .carousel-indicators li {
          display: inline-block;
          margin: 0 10px 25px; } }
  .homepage-two .testimonial-section #testimonial-carousel .testimonial-wrapper {
    -webkit-box-shadow: 0 0px 20px #dedede;
    box-shadow: 0 0px 20px #dedede;
    margin: 15px; }
  .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner {
    height: 100%;
    width: auto; }
    .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .item {
      width: auto;
      -webkit-transition: 0.6s ease-in-out top;
      -o-transition: 0.6s ease-in-out top;
      transition: 0.6s ease-in-out top; }
      @media all and (transform-3d), (-webkit-transform-3d) {
        .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .item {
          -webkit-transition: 0.6s ease-in-out;
          -o-transition: 0.6s ease-in-out;
          transition: 0.6s ease-in-out; }
          .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .item.next, .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .item.active.right {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            top: 0; }
          .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .item.prev, .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .item.active.left {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            top: 0; }
          .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .item.next.left, .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .item.prev.right, .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .item.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            top: 0; } }
    .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .active,
    .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .next,
    .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .prev {
      display: block; }
    .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .active {
      top: 0; }
    .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .next,
    .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .prev {
      position: absolute;
      top: 0;
      width: 100%; }
    .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .next {
      top: 100%; }
    .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .prev {
      top: -100%; }
    .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .next.left,
    .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .prev.right {
      top: 0; }
    .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .active.left {
      top: -100%; }
    .homepage-two .testimonial-section #testimonial-carousel.carousel.vertical .carousel-inner > .active.right {
      top: 100%; }

.homepage-two .metting-section .metting-wrapper .tab-content .location i {
  color: #ff4cf0; }

.homepage-two #toTop {
  color: #ff4cf0;
  border-color: #ff4cf0; }

/* =========================================================
        HomePage-Two-Slider-STYLE 
============================================================ */
.homepage-two-slider .video-slider {
  height: 100vh;
  overflow: hidden; }
  @media only screen and (max-width: 1500px) {
    .homepage-two-slider .video-slider {
      height: auto; } }
  @media only screen and (min-width: 1921px) {
    .homepage-two-slider .video-slider {
      height: auto; } }

/* =========================================================
        HomePage-Three-STYLE 
============================================================ */
.homepage-three .counting-section {
  background: url(../images/counting-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 110px; }
  @media only screen and (max-width: 767px) {
    .homepage-three .counting-section {
      padding-top: 80px; } }
  @media only screen and (max-width: 479px) {
    .homepage-three .counting-section {
      padding: 80px 0 60px; } }

.homepage-three .contact-section {
  background: #FFFFFF;
  padding: 90px 0 135px; }
  @media only screen and (max-width: 991px) {
    .homepage-three .contact-section {
      padding: 10px 0 80px; } }
  @media only screen and (max-width: 767px) {
    .homepage-three .contact-section {
      padding: 20px 0 70px; } }
  @media only screen and (max-width: 479px) {
    .homepage-three .contact-section {
      padding: 0 0 70px; } }
  .homepage-three .contact-section::before {
    content: "";
    position: absolute;
    bottom: 190px;
    left: 0;
    width: 100%;
    height: 425px;
    background: url(../images/sub/f-bg.jpg) no-repeat; }
  .homepage-three .contact-section .contact-wrapper {
    border: 3px solid #ef2a6f;
    -webkit-box-shadow: 0 5px 40px #d6d6d6;
    box-shadow: 0 5px 40px #d6d6d6;
    margin-top: 35px; }
    .homepage-three .contact-section .contact-wrapper .contact-form::before {
      display: none; }
    .homepage-three .contact-section .contact-wrapper .contact-form .subscribeBtn {
      margin: 7px 0 60px; }

@media only screen and (max-width: 479px) {
  .homepage-three .close-couple-section {
    padding-bottom: 60px; } }

/* =========================================================
    Vertical-Menu-Page-STYLE 
============================================================ */
.vertical-menu-page {
  position: relative;
}

.vertical-menu-page .vm-page {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 10%;
  visibility: hidden;
  opacity: 0;
  overflow-y: hidden;
  transform: translate3d(0, 0, 0);
  transform-style: preserve-3d;
  transition: 1s;
}

.vertical-menu-page .vm-page.current-section {
  visibility: visible;
  opacity: 1;
  overflow-y: auto;
  left: 0;
  z-index: 9999;
}

.vertical-menu-page .vm-page .container {
  padding-left: 185px;
}

@media only screen and (max-width: 1199px) {
  .vertical-menu-page .vm-page .container {
    padding-left: 115px;
  }
}

@media only screen and (max-width: 767px) {
  .vertical-menu-page .vm-page .container {
    padding-left: 15px;
  }
}

.vertical-menu-page .icon-effect .effect.icon-2 {
  top: 160%;
}

.vertical-menu-page .icon-effect .effect.icon-3 {
  top: 285%;
}

.vertical-menu-page .icon-effect .effect.icon-4 {
  top: 390%;
}

.vertical-menu-page .menu-section .navbar-fixed-left {
  position: fixed;
  width: 170px;
  height: 100%;
  left: 0;
  background-color: #FFFFFF;
  z-index: 99999;
}

@media only screen and (max-width: 1500px) {
  .vertical-menu-page .menu-section .navbar-fixed-left {
    width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .vertical-menu-page .menu-section .navbar-fixed-left {
    width: 80px;
    background-color: transparent;
  }
}

.vertical-menu-page .menu-section .navbar-fixed-left .navbar-header {
  float: none;
}

.vertical-menu-page .menu-section .navbar-fixed-left .navbar-header .navbar-brand {
  float: none;
  height: auto;
  padding: 0;
}

@media only screen and (max-width: 1500px) {
  .vertical-menu-page .menu-section .navbar-fixed-left .navbar-header .navbar-brand img {
    width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .vertical-menu-page .menu-section .navbar-fixed-left .navbar-header .navbar-brand img {
    width: 80px;
  }
}

.vertical-menu-page .menu-section .navbar-fixed-left .mobile-menu {
  position: relative;
  background-color: #FFFFFF;
  padding: 35px;
}

.vertical-menu-page .menu-section .navbar-fixed-left .mobile-menu::before {
  content: "\f0c9";
  font-family: "Fontawesome";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 25px;
  color: #313131;
  background-color: #FFFFFF;
  border: 2px solid #313131;
  padding: 5px 10px;
  cursor: pointer;
  margin: 15px;
}

.vertical-menu-page .menu-section .navbar-fixed-left .navbar-collapse {
  height: 100% !important;
  border-right: 2px solid #e4e4e4;
  border-top: 0;
  padding: 30px 0;
  transition: 1s;
}

.vertical-menu-page .menu-section .navbar-fixed-left .navbar-collapse.toggled {
  top: 134px;
  overflow: scroll;
}

@media only screen and (max-width: 767px) {
  .vertical-menu-page .menu-section .navbar-fixed-left .navbar-collapse {
    position: absolute;
    width: 100%;
    top: -200%;
    display: inherit;
    background-color: #FFFFFF;
  }
}

.vertical-menu-page .menu-section .navbar-fixed-left .navbar-collapse .navbar-nav {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .vertical-menu-page .menu-section .navbar-fixed-left .navbar-collapse .navbar-nav {
    margin: 0;
  }
}

.vertical-menu-page .menu-section .navbar-fixed-left .navbar-collapse .navbar-nav li {
  font-size: 20px;
  margin: 0;
  float: none;
  list-style: none;
  padding: 22px 0;
}

@media only screen and (max-width: 767px) {
  .vertical-menu-page .menu-section .navbar-fixed-left .navbar-collapse .navbar-nav li {
    padding: 10px 0;
  }
}

.vertical-menu-page .menu-section .navbar-fixed-left .navbar-collapse .navbar-nav li::before {
  display: none;
}

.vertical-menu-page .menu-section .navbar-fixed-left .navbar-collapse .navbar-nav li.active a {
  color: #ef2a6f;
  background-color: transparent;
}

.vertical-menu-page .menu-section .navbar-fixed-left .navbar-collapse .navbar-nav li.active a i::before {
  color: #ef2a6f;
}

.vertical-menu-page .menu-section .navbar-fixed-left .navbar-collapse .navbar-nav li a {
  color: #000000;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .vertical-menu-page .menu-section .navbar-fixed-left .navbar-collapse .navbar-nav li a {
    font-size: 15px;
  }
}

.vertical-menu-page .menu-section .navbar-fixed-left .navbar-collapse .navbar-nav li a i {
  display: block;
  margin-bottom: 12px;
}

@media only screen and (max-width: 767px) {
  .vertical-menu-page .menu-section .navbar-fixed-left .navbar-collapse .navbar-nav li a i {
    margin-bottom: 0;
  }
}

.vertical-menu-page .menu-section .navbar-fixed-left .navbar-collapse .navbar-nav li a i::before {
  font-size: 30px;
  color: #898989;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .vertical-menu-page .menu-section .navbar-fixed-left .navbar-collapse .navbar-nav li a i::before {
    font-size: 20px;
  }
}

.vertical-menu-page .counting-section {
  background-size: cover;
}

.vertical-menu-page .counting-section .wrapper-container {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-left: 185px;
}

@media only screen and (max-width: 767px) {
  .vertical-menu-page .counting-section .wrapper-container {
    padding-left: 15px;
  }
}

.vertical-menu-page .counting-section .wrapper-container .wrapper-option {
  position: relative;
  width: 100%;
  height: 370px;
  top: 50%;
  margin-top: -185px;
}

@media only screen and (max-width: 991px) {
  .vertical-menu-page .counting-section .wrapper-container .wrapper-option {
    width: auto;
  }
}

@media only screen and (max-width: 479px) {
  .vertical-menu-page .counting-section .wrapper-container .wrapper-option {
    top: 12%;
    margin-top: 0;
  }
}

.vertical-menu-page .counting-section .full-wrapper {
  /* Removed unused styles */
}

@media (min-width: 992px) and (max-width: 1199px) {
  .vertical-menu-page .counting-section .countdown-wrapper #countdown li .countdown-period {
    font-size: 55px;
    padding: 8px 25px;
  }
}

.vertical-menu-page .love-story-section .love-wrapper .wrapper-caption .hover-content h4 {
  margin-bottom: 50px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .vertical-menu-page .love-story-section .love-wrapper .wrapper-caption .hover-content h4 {
    margin-bottom: 35px;
  }
}

@media (max-width: 991px) and (min-width: 767px) {
  .vertical-menu-page .love-story-section .love-wrapper .wrapper-caption .hover-content h4 {
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 479px) {
  .vertical-menu-page .love-story-section .love-wrapper .wrapper-caption .hover-content .text {
    display: none;
  }
}

.vertical-menu-page .couple-section {
  padding: 90px 0;
}

@media only screen and (max-width: 991px) {
  .vertical-menu-page .couple-section {
    overflow: auto;
  }
}

.vertical-menu-page .couple-section .couple-wrapper {
  margin-top: 20px;
}

.vertical-menu-page .couple-section .couple-wrapper .introduction .title {
  color: #182430;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .vertical-menu-page .couple-section .couple-wrapper .introduction .caption img {
    width: 260px;
  }
}

.vertical-menu-page .contact-section {
  background-color: #f8f8f8;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .vertical-menu-page .contact-section .container .map-container {
    height: 450px;
  }
}

@media (max-width: 991px) and (min-width: 767px) {
  .vertical-menu-page .contact-section .container .map-container {
    height: 350px;
  }
}

@media only screen and (max-width: 767px) {
  .vertical-menu-page .contact-section .container .map-container {
    height: 250px;
  }
}


/* =========================================================
        WithOut-Icon-Vertical-Menu-Page-STYLE 
============================================================ */

/* =========================================================
        Horizontal-Menu-Page-STYLE 
============================================================ */
.horizontal-menu-page {
  position: relative; }
  .horizontal-menu-page .vm-page {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 10%;
    visibility: hidden;
    opacity: 0;
    overflow-y: hidden;
    padding-top: 140px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: 1s;
    -khtml-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s; }
    @media only screen and (max-width: 767px) {
      .horizontal-menu-page .vm-page {
        padding-top: 65px; } }
    .horizontal-menu-page .vm-page.current-section {
      visibility: visible;
      opacity: 1;
      overflow-y: auto;
      left: 0;
      z-index: 9999; }
    .horizontal-menu-page .vm-page .title {
      padding: 100px 0 20px; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .horizontal-menu-page .vm-page .title {
          padding: 50px 0 10px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .horizontal-menu-page .vm-page .title {
          padding: 30px 0 0px; } }
      @media only screen and (max-width: 767px) {
        .horizontal-menu-page .vm-page .title {
          padding-top: 20px; } }
  .horizontal-menu-page .menu-section {
    position: relative;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 0 20px #e4e4e4;
    box-shadow: 0 0 20px #e4e4e4;
    z-index: 99999; }
    @media only screen and (max-width: 767px) {
      .horizontal-menu-page .menu-section {
        background-color: transparent; } }
    .horizontal-menu-page .menu-section .navbar-top {
      position: relative;
      width: 100%;
      height: 140px;
      left: 0;
      top: 0;
      background-color: #FFFFFF;
      z-index: 99999; }
      @media (min-width: 768px) and (max-width: 1199px) {
        .horizontal-menu-page .menu-section .navbar-top {
          height: 82px; } }
      @media only screen and (max-width: 767px) {
        .horizontal-menu-page .menu-section .navbar-top {
          position: fixed;
          height: 100%;
          width: 80px;
          left: 0;
          top: 0;
          background-color: transparent; } }
      .horizontal-menu-page .menu-section .navbar-top .navbar-header .navbar-brand {
        float: none;
        height: auto;
        padding: 0; }
        @media only screen and (max-width: 1199px) {
          .horizontal-menu-page .menu-section .navbar-top .navbar-header .navbar-brand img {
            width: 100px; } }
        @media only screen and (max-width: 767px) {
          .horizontal-menu-page .menu-section .navbar-top .navbar-header .navbar-brand img {
            width: 80px; } }
      .horizontal-menu-page .menu-section .navbar-top .mobile-menu {
        background-color: #FFFFFF; }
        .horizontal-menu-page .menu-section .navbar-top .mobile-menu i {
          font-size: 25px;
          color: #313131;
          border: 2px solid #313131;
          padding: 5px 10px;
          cursor: pointer;
          margin: 17px; }
        @media only screen and (max-width: 767px) {
          .horizontal-menu-page .menu-section .navbar-top .mobile-menu {
            display: inline-block !important; } }
      .horizontal-menu-page .menu-section .navbar-top .navbar-collapse {
        max-height: 140px;
        -webkit-transition: 1s;
        -khtml-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        transition: 1s; }
        .horizontal-menu-page .menu-section .navbar-top .navbar-collapse.toggled .navbar-nav {
          top: 139px; }
        @media (min-width: 992px) and (max-width: 1199px) {
          .horizontal-menu-page .menu-section .navbar-top .navbar-collapse {
            max-height: 82px; } }
        @media only screen and (max-width: 767px) {
          .horizontal-menu-page .menu-section .navbar-top .navbar-collapse {
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            display: inherit; } }
        .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav {
          /*width: 100%;*/ }
          @media only screen and (max-width: 767px) {
            .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav {
              position: absolute;
              top: -200%;
              left: 0;
              height: 100%;
              background: #FFFFFF;
              margin: 0;
              padding: 0 7px;
              -webkit-transition: 1s;
              -khtml-transition: 1s;
              -moz-transition: 1s;
              -ms-transition: 1s;
              -o-transition: 1s;
              transition: 1s; } }
          .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li {
            position: relative;
            font-size: 20px;
            margin: 0 50px;
            padding: 42px 0; }
            @media (min-width: 992px) and (max-width: 1199px) {
              .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li {
                margin: 0 40px;
                padding: 13px 0; } }
            @media (min-width: 768px) and (max-width: 991px) {
              .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li {
                margin: 0 20px;
                padding: 13px 0; } }
            @media only screen and (max-width: 767px) {
              .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li {
                margin: 0;
                padding: 15px 8px; } }
            .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li:last-child {
              margin-right: 0; }
              .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li:last-child::before {
                display: none; }
            .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li::before {
              content: "\f111";
              font-family: "Fontawesome";
              position: absolute;
              font-size: 3px;
              top: 50%;
              right: -50px;
              color: #000000;
              margin-top: -14px; }
              @media only screen and (max-width: 1199px) {
                .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li::before {
                  display: none; } }
            .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li::after {
              content: "";
              position: absolute;
              bottom: 0;
              left: 0;
              width: 0%;
              height: 3px;
              background-color: #ef2a6f;
              -webkit-transition: 0.5s;
              -khtml-transition: 0.5s;
              -moz-transition: 0.5s;
              -ms-transition: 0.5s;
              -o-transition: 0.5s;
              transition: 0.5s; }
            .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li:hover::after {
              width: 100%; }
            .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li.active::after {
              width: 100%; }
            .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li.active a {
              color: #ef2a6f;
              background-color: transparent; }
              .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li.active a i::before {
                color: #ef2a6f; }
            .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li a {
              color: #000000;
              padding: 0; }
              @media only screen and (max-width: 767px) {
                .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li a {
                  font-size: 15px; } }
              .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li a i {
                display: block;
                margin-bottom: 12px; }
                @media only screen and (max-width: 767px) {
                  .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li a i {
                    margin-bottom: 0; } }
                .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li a i::before {
                  font-size: 30px;
                  color: #898989;
                  margin: 0; }
                  @media only screen and (max-width: 767px) {

                    /*recorrido del fondo de la pagina de inicio*/
                    .horizontal-menu-page .menu-section .navbar-top .navbar-collapse .navbar-nav li a i::before {
                      font-size: 20px; } }
                      .horizontal-menu-page .counting-section {
                        background: url(../images/vm-3.jpg) repeat-x;
                        background-size: cover;
                        animation: backgroundScroll 30s linear infinite;
                    }
                    
                    @keyframes backgroundScroll {
                        from {
                            background-position: 0 0;
                        }
                        to {
                            background-position: -100% 0;
                        }
                    }
                    /*recorrido del fondo de la pagina de inicio*/
    .horizontal-menu-page .counting-section .wrapper-container {
      position: relative;
      height: 100%;
      padding-top: 10%; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .horizontal-menu-page .counting-section .wrapper-container {
          top: 20%; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .horizontal-menu-page .people-section {
      padding-bottom: 80px !important; } }
  @media only screen and (max-width: 767px) {
    .horizontal-menu-page .love-story-section .love-wrapper .wrapper-caption .hover-content .text {
      display: none; } }
  .horizontal-menu-page .couple-section {
    overflow: auto; }
    .horizontal-menu-page .couple-section .couple-wrapper .introduction .title {
      color: #182430; }
    .horizontal-menu-page .couple-section .couple-wrapper .shap > li img {
      width: 200px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .horizontal-menu-page .couple-section .couple-wrapper .shap > li img {
          display: none; } }
    .horizontal-menu-page .couple-section .couple-wrapper .introduction .caption img {
      width: 300px; }
    @media only screen and (max-width: 767px) {
      .horizontal-menu-page .couple-section {
        padding-bottom: 60px; }
        .horizontal-menu-page .couple-section .couple-wrapper .introduction {
          padding-top: 40px; } }
          
          /*fondo animacion confirmación*/
          .horizontal-menu-page .contact-section {
            background: url(../images/vm-2.jpg) repeat-x center top; /* Repetición horizontal */
            background-size: cover;
            background-color: #FFFFFF;
            animation: scrollBackground 20s linear infinite; /* Animación de desplazamiento */
        }
        
        /* Animación para el recorrido del fondo */
        @keyframes scrollBackground {
            from {
                background-position: 100% 0; /* Empieza desde el final del fondo */
            }
            to {
                background-position: 0 0; /* Termina en la posición original */
            }
        }
        
        @media only screen and (max-width: 767px) {
            .horizontal-menu-page .contact-section {
                overflow-x: hidden;
            }
        
            .horizontal-menu-page .contact-section .contact-wrapper .contact-form::before {
                display: none;
            }
        }
        
        
          
        

/* =========================================================
        WithOut-Icon-Horizontal-Menu-Page-STYLE 
============================================================ */
.horizontal-withOut-icon-page .menu-section .navbar-top .navbar-collapse .navbar-nav li {
  padding: 60px 0; }


 /* =========================================================
   Contact-Section STYLE Confirmar
============================================================ */

.contact-section {
  position: relative;
  background-color: #f4f2f3;
  padding: 100px 0; /* Ajusta el padding según sea necesario */
}



.contact-section .contact-wrapper {
  position: relative;
  background-color: rgba(255, 255, 255, 0.8); /* Fondo blanco con opacidad */
  padding: 60px 80px; /* Ajusta el padding según sea necesario */
  border-radius: 20px; /* Bordes redondeados */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra suave para más profundidad */
  z-index: 5;
  overflow: hidden; /* Oculta el contenido que se desborda */
}

@media (min-width: 480px) and (max-width: 767px) {
  .contact-section .contact-wrapper {
    padding: 60px 40px;
  }
}

@media only screen and (max-width: 479px) {
  .contact-section .contact-wrapper {
    padding: 60px 20px;
  }
}



.contact-section .contact-wrapper::before {
  top: -10px;
  left: -10px;
  width: 150px;
  height: 150px;
  background: url(../images/contact-shap/ct-border.png);
}

.contact-section .contact-wrapper::after {
  bottom: -10px;
  right: -10px;
  width: 150px;
  height: 150px;
  background: url(../images/contact-shap/cb-border.png);
}

.contact-section .contact-wrapper .contact-form {
  position: relative;
  z-index: 5;
}

.contact-section .contact-wrapper .contact-form::before {
  content: "";
  position: absolute;
  bottom: -100px;
  left: -150px;
  width: 150px;
  height: 150px;
  background: url(../images/contact-shap/cflour.png);
}

@media only screen and (max-width: 767px) {
  .contact-section .contact-wrapper .contact-form::before {
    display: none;
  }
}

.contact-section .contact-wrapper .contact-form .form-group {
  position: relative;
  margin-bottom: 55px;
}

.contact-section .contact-wrapper .contact-form .form-group::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #ef2a6f;
  transition: 0.5s;
}

.contact-section .contact-wrapper .contact-form .form-group:hover::before {
  width: 100%;
}

.contact-section .contact-wrapper .contact-form .form-group .form-control,
.contact-section .contact-wrapper .contact-form .form-group .contactSearchBar {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  color: #aaaaaa;
  height: auto;
  border: 0;
  border-bottom: 1px solid #aaaaaa;
  box-shadow: none;
  border-radius: 5px; /* Bordes redondeados */
  padding: 8px 12px;
  background-color: rgba(255, 255, 255, 0.9); /* Fondo con opacidad */
}

.contact-section .contact-wrapper .contact-form .form-group .form-control:focus,
.contact-section .contact-wrapper .contact-form .form-group .contactSearchBar:focus {
  color: #ef2a6f;
  border-bottom: 1px solid #ef2a6f;
}

.contact-section .contact-wrapper .contact-form .subscribeBtn {
  font-size: 16px;
  font-weight: 700;
  margin: 55px 0 -23px;
  padding: 10px 50px;
  background-color: #ef2a6f;
  color: white;
  border: none;
  border-radius: 20px; /* Bordes redondeados */
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.contact-section .contact-wrapper .contact-form .subscribeBtn:hover {
  background-color: #d81b60;
}

.contact-section .caption {
  position: absolute;
  top: 115px;
  right: -185px;
  width: 200px;
  height: 450px;
  background: url(../images/contact-shap/c-sizebar.png) no-repeat;
}

@media only screen and (max-width: 991px) {
  .contact-section .caption {
    display: none;
  }
}


/* =========================================================
        WithOut-Icon-Horizontal-Menu-Page-STYLE 
============================================================ */
.horizontal-withOut-icon-page .menu-section .navbar-top .navbar-collapse .navbar-nav li {
  padding: 60px 0; }

/* =========================================================
        Single-One-Page-STYLE 
============================================================ */
.single-one .header-section .navbar .navbar-collapse .navbar-nav li::before {
  display: none; }

.single-one .header-section .navbar .navbar-collapse .navbar-nav li {
  margin: 0 20px; }

.single-one .contact-section {
  padding-bottom: 65px; }
  @media only screen and (max-width: 991px) {
    .single-one .contact-section {
      padding-bottom: 20px; } }
  .single-one .contact-section::before {
    bottom: 115px; }

.single-one .people-section {
  padding-top: 70px; }
  @media only screen and (max-width: 479px) {
    .single-one .people-section {
      padding-top: 50px; } }

@media only screen and (max-width: 479px) {
  .single-one .close-couple-section {
    padding-bottom: 40px; } }

/* =========================================================
        Single-Two-Page-STYLE 
============================================================ */
.single-two .contact-section {
  padding: 110px 0 15px; }
  @media only screen and (max-width: 991px) {
    .single-two .contact-section {
      padding: 100px 0 20px; } }
  @media only screen and (max-width: 767px) {
    .single-two .contact-section {
      padding: 70px 0 20px; } }
  .single-two .contact-section::before {
    bottom: 85px;
    height: 400px; }

.single-two .people-section {
  padding: 120px 0 75px; }
  @media only screen and (max-width: 767px) {
    .single-two .people-section {
      padding: 70px 0 50px; } }
  @media only screen and (max-width: 479px) {
    .single-two .people-section {
      padding-top: 50px; } }

/* =========================================================
        Planner-Page-STYLE 
============================================================ */
.planner-page .header-section .navbar .navbar-collapse .navbar-nav li {
  font-family: "Droid Serif", serif; }

.planner-page .header-section .navbar .navbar-collapse .navbar-nav li.active a,
.planner-page .header-section .navbar .navbar-collapse .navbar-nav li a:hover {
  color: #ff8a3c; }

.planner-page .slider-section .tp-banner .tp-caption.second-large-text {
  color: #333333;
  line-height: 90px; }

.planner-page .slider-section .tp-banner .tp-caption.button-text .btn {
  background-color: #ff8a3c; }

.planner-page .slider-section .tp-banner .tp-caption.button-text .btn:hover {
  background-color: #333333; }

.planner-page .gallery-section .title h3 {
  font-size: 36px;
  font-weight: 700;
  color: #333333; }
  @media only screen and (max-width: 767px) {
    .planner-page .gallery-section .title h3 {
      font-size: 25px;
      margin-bottom: 0px; } }
  @media only screen and (max-width: 479px) {
    .planner-page .gallery-section .title h3 {
      font-size: 20px; } }

.planner-page .gallery-section .title p {
  margin: 17px 0 45px; }

.planner-page .gallery-section .portfolio-sorting li {
  font-weight: 400; }
  .planner-page .gallery-section .portfolio-sorting li a {
    border-radius: 0;
    color: #515252;
    padding: 10px 18px; }
    .planner-page .gallery-section .portfolio-sorting li a.active {
      color: #FFFFFF;
      background: #ff8a3c; }

.planner-page .gallery-section .portfolio-wrapper .portfolio-item::before {
  background: rgba(255, 138, 60, 0.61); }

.planner-page .gallery-section .portfolio-wrapper .portfolio-item .hover-icon i {
  background: #FFFFFF;
  color: #313131; }

.planner-page .gallery-section h4 {
  font-family: "Noto Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 80px; }
  .planner-page .gallery-section h4 a {
    color: #333333; }
    .planner-page .gallery-section h4 a:hover {
      color: #ff8a3c; }
  @media only screen and (max-width: 991px) {
    .planner-page .gallery-section h4 {
      margin: 25px 0 0;
      font-size: 20px; } }
  @media only screen and (max-width: 767px) {
    .planner-page .gallery-section h4 {
      margin: 5px 0 0;
      font-size: 16px; } }

@media only screen and (max-width: 991px) {
  .planner-page .wisher-section {
    padding-top: 75px; } }

@media only screen and (max-width: 767px) {
  .planner-page .wisher-section {
    padding-top: 40px; } }

.planner-page .wisher-section .wisher-carousel {
  margin-top: 0;
  padding-bottom: 40px; }
  @media only screen and (max-width: 991px) {
    .planner-page .wisher-section .wisher-carousel {
      padding-bottom: 20px; } }
  @media only screen and (max-width: 767px) {
    .planner-page .wisher-section .wisher-carousel {
      padding-bottom: 0px; } }
  .planner-page .wisher-section .wisher-carousel .wisher-wrapper .wisher-content h4 a:hover {
    color: #ff8a3c; }
  .planner-page .wisher-section .wisher-carousel .wisher-wrapper {
    margin-top: 0; }
    .planner-page .wisher-section .wisher-carousel .wisher-wrapper.slick-current img {
      border-color: transparent; }
    .planner-page .wisher-section .wisher-carousel .wisher-wrapper .wisher-content {
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 0; }
      .planner-page .wisher-section .wisher-carousel .wisher-wrapper .wisher-content h3 {
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 20px; }
      .planner-page .wisher-section .wisher-carousel .wisher-wrapper .wisher-content p {
        margin-bottom: 25px; }
      .planner-page .wisher-section .wisher-carousel .wisher-wrapper .wisher-content h4 {
        font-weight: 400; }
        .planner-page .wisher-section .wisher-carousel .wisher-wrapper .wisher-content h4 span {
          display: block;
          color: #333333; }
  .planner-page .wisher-section .wisher-carousel .slick-dots li.slick-active button:before {
    color: #ff8a3c; }

.planner-page .offer-section {
  background: #f4f0ed;
  padding: 95px 0; }
  @media only screen and (max-width: 991px) {
    .planner-page .offer-section {
      text-align: center; } }
  @media only screen and (max-width: 767px) {
    .planner-page .offer-section {
      padding: 60px 0; } }
  @media only screen and (max-width: 479px) {
    .planner-page .offer-section {
      padding: 50px 0; } }
  .planner-page .offer-section .offer-form .form-group {
    display: inline-block;
    margin: 0; }
    .planner-page .offer-section .offer-form .form-group .offerSearchBar {
      border: 2px solid #ff8a3c;
      background-color: transparent;
      padding: 10px 50px 10px 10px; }
      @media only screen and (max-width: 479px) {
        .planner-page .offer-section .offer-form .form-group .offerSearchBar {
          padding: 8px 10px; } }
  .planner-page .offer-section .offer-form .subscribeBtn {
    font-weight: 400;
    color: #FFFFFF;
    background-color: #ff8a3c;
    border-radius: 0;
    padding: 12.54px 35px;
    margin: -3px 0 0 -5px; }
    @media only screen and (max-width: 360px) {
      .planner-page .offer-section .offer-form .subscribeBtn {
        margin-top: 10px; } }
  @media only screen and (max-width: 991px) {
    .planner-page .offer-section .offer-form {
      text-align: center;
      margin-top: 20px; } }

.planner-page .contact-section {
  position: relative;
  background-color: #FFFFFF; }
  .planner-page .contact-section .title h3 {
    font-size: 36px;
    font-weight: 700;
    color: #333333; }
    @media only screen and (max-width: 767px) {
      .planner-page .contact-section .title h3 {
        font-size: 25px;
        margin-bottom: 0; } }
    @media only screen and (max-width: 479px) {
      .planner-page .contact-section .title h3 {
        font-size: 20px; } }
  .planner-page .contact-section .title p {
    margin: 17px 0 45px; }
    @media only screen and (max-width: 479px) {
      .planner-page .contact-section .title p {
        margin-bottom: 0; } }
  .planner-page .contact-section .contact-wrapper {
    position: relative;
    background-color: #FFFFFF;
    padding: 90px 105px 0;
    z-index: 5; }
    @media (min-width: 480px) and (max-width: 767px) {
      .planner-page .contact-section .contact-wrapper {
        padding: 90px 50px 0; } }
    @media only screen and (max-width: 479px) {
      .planner-page .contact-section .contact-wrapper {
        padding: 60px 25px 0; } }
    .planner-page .contact-section .contact-wrapper::before {
      display: none; }
    .planner-page .contact-section .contact-wrapper::after {
      display: none; }
    .planner-page .contact-section .contact-wrapper .contact-form {
      position: relative;
      z-index: 5; }
      .planner-page .contact-section .contact-wrapper .contact-form::before {
        display: none; }
      .planner-page .contact-section .contact-wrapper .contact-form .form-group {
        position: relative;
        margin-bottom: 55px; }
        .planner-page .contact-section .contact-wrapper .contact-form .form-group::before {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          width: 0;
          height: 1px;
          background: #ff8a3c;
          -webkit-transition: 0.5s;
          -khtml-transition: 0.5s;
          -moz-transition: 0.5s;
          -ms-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s; }
        .planner-page .contact-section .contact-wrapper .contact-form .form-group:hover::before {
          width: 100%; }
        .planner-page .contact-section .contact-wrapper .contact-form .form-group .form-control,
        .planner-page .contact-section .contact-wrapper .contact-form .form-group .contactSearchBar {
          font-size: 16px;
          line-height: 30px;
          width: 100%;
          color: #aaaaaa;
          height: auto;
          border: 0;
          border-bottom: 1px solid #aaaaaa;
          -webkit-box-shadow: none;
          box-shadow: none;
          border-radius: 0;
          padding: 6px 12px; }
          .planner-page .contact-section .contact-wrapper .contact-form .form-group .form-control:focus,
          .planner-page .contact-section .contact-wrapper .contact-form .form-group .contactSearchBar:focus {
            color: #ff8a3c;
            border-bottom: 1px solid red; }
      .planner-page .contact-section .contact-wrapper .contact-form .subscribeBtn {
        font-size: 16px;
        font-weight: 700;
        color: #FFFFFF;
        background-color: #ff8a3c;
        -webkit-box-shadow: 0 0 10px #f19b61;
        box-shadow: 0 0 10px #f19b61;
        text-transform: uppercase;
        border-radius: 0;
        margin: 0;
        padding: 9px 52px; }
        @media only screen and (max-width: 479px) {
          .planner-page .contact-section .contact-wrapper .contact-form .subscribeBtn {
            font-size: 12px;
            margin: 0;
            padding: 5px 40px; } }
        .planner-page .contact-section .contact-wrapper .contact-form .subscribeBtn:hover {
          background-color: #333333;
          -webkit-box-shadow: 0 0 10px #333333;
          box-shadow: 0 0 10px #333333; }

.planner-page .footer-section ul {
  margin-left: 28px; }
  .planner-page .footer-section ul li {
    display: inline-block; }

.planner-page #toTop {
  color: #ff8a3c;
  border: 1px solid #ff8a3c; }

/* =========================================================
        Story-Page-STYLE 
============================================================ */
.story-page .header-section {
  background: url(../images/sub/s-bg.jpg) no-repeat;
  background-position: center center;
  background-size: cover; }

.story-page .friendship-section {
  padding-top: 135px; }
  @media only screen and (max-width: 991px) {
    .story-page .friendship-section {
      padding-top: 90px; } }
  @media only screen and (max-width: 767px) {
    .story-page .friendship-section {
      padding-bottom: 40px; } }
  @media only screen and (max-width: 479px) {
    .story-page .friendship-section {
      padding: 60px 0 20px; } }
  .story-page .friendship-section .first-part {
    position: relative;
    margin-bottom: 130px; }
    @media only screen and (max-width: 991px) {
      .story-page .friendship-section .first-part {
        margin-bottom: 50px; } }
    .story-page .friendship-section .first-part::before {
      content: "";
      position: absolute;
      top: -135px;
      left: 0;
      right: 0;
      width: 1px;
      height: 110px;
      margin: 0 auto;
      background: #ef2a6f; }
      @media only screen and (max-width: 991px) {
        .story-page .friendship-section .first-part::before {
          height: 80px;
          top: -90px; } }
      @media only screen and (max-width: 479px) {
        .story-page .friendship-section .first-part::before {
          display: none; } }
    .story-page .friendship-section .first-part .title {
      font-size: 18px;
      line-height: 30px;
      color: #ef2a6f;
      text-transform: uppercase;
      letter-spacing: 5px; }
    .story-page .friendship-section .first-part img {
      margin: 60px 0 75px;
      max-width: 100%; }
      @media only screen and (max-width: 991px) {
        .story-page .friendship-section .first-part img {
          margin: 50px 0; } }
      @media only screen and (max-width: 479px) {
        .story-page .friendship-section .first-part img {
          margin: 30px 0; } }
    .story-page .friendship-section .first-part h3 {
      position: relative;
      font-weight: 700;
      color: #515252;
      margin-bottom: 40px; }
      .story-page .friendship-section .first-part h3::before {
        content: "";
        position: absolute;
        bottom: -18px;
        left: 0;
        right: 0;
        width: 45px;
        height: 5px;
        margin: 0 auto;
        background: #ef2a6f; }
        @media only screen and (max-width: 479px) {
          .story-page .friendship-section .first-part h3::before {
            bottom: -10px; } }
    .story-page .friendship-section .first-part p {
      font-size: 18px;
      line-height: 30px;
      color: #7e8080; }
      @media only screen and (max-width: 767px) {
        .story-page .friendship-section .first-part p {
          font-size: 16px;
          line-height: 27px; } }
  .story-page .friendship-section .second-part .content-wrapper {
    margin-bottom: 140px; }
    @media only screen and (max-width: 991px) {
      .story-page .friendship-section .second-part .content-wrapper {
        margin-bottom: 60px; } }
    @media only screen and (max-width: 767px) {
      .story-page .friendship-section .second-part .content-wrapper {
        margin-bottom: 40px; } }
    .story-page .friendship-section .second-part .content-wrapper h3 {
      position: relative;
      font-weight: 700;
      color: #515252;
      margin-bottom: 45px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .story-page .friendship-section .second-part .content-wrapper h3 {
          font-size: 25px;
          margin-bottom: 40px; } }
      @media only screen and (max-width: 767px) {
        .story-page .friendship-section .second-part .content-wrapper h3 {
          margin-bottom: 30px; } }
      .story-page .friendship-section .second-part .content-wrapper h3::before {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 0;
        width: 45px;
        height: 5px;
        background: #ef2a6f;
        border-radius: 25px; }
        @media only screen and (max-width: 479px) {
          .story-page .friendship-section .second-part .content-wrapper h3::before {
            bottom: -10px; } }
    .story-page .friendship-section .second-part .content-wrapper p {
      font-size: 18px;
      line-height: 30px;
      color: #7e8080; }
      @media only screen and (max-width: 767px) {
        .story-page .friendship-section .second-part .content-wrapper p {
          font-size: 16px;
          line-height: 27px; } }
  .story-page .friendship-section .second-part .caption img {
    max-width: 100%; }
  @media only screen and (max-width: 991px) {
    .story-page .friendship-section .second-part .caption {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .story-page .friendship-section .second-part .caption {
      margin-bottom: 40px; } }

.story-page .getting-section {
  background: url(../images/story/s4.jpg) no-repeat fixed;
  background-position: center 85%;
  background-size: cover;
  padding: 200px 0 215px; }
  @media only screen and (max-width: 991px) {
    .story-page .getting-section {
      padding: 100px 0 80px; } }
  @media only screen and (max-width: 767px) {
    .story-page .getting-section {
      padding: 80px 0 70px; } }
  .story-page .getting-section h4 {
    font-size: 24px;
    color: #FFFFFF;
    margin: 35px 0 18px; }
    @media only screen and (max-width: 991px) {
      .story-page .getting-section h4 {
        margin-bottom: 0; } }
  .story-page .getting-section h5 {
    font-family: "Cookie", cursive;
    font-size: 120px;
    line-height: 100px;
    color: #FFFFFF; }
    @media only screen and (max-width: 991px) {
      .story-page .getting-section h5 {
        font-size: 70px;
        line-height: 70px; } }

.story-page .married-section h3 {
  font-size: 48px;
  font-weight: 700;
  line-height: 36px;
  color: #515252;
  margin-bottom: 25px; }
  @media only screen and (max-width: 991px) {
    .story-page .married-section h3 {
      font-size: 35px; } }
  @media only screen and (max-width: 767px) {
    .story-page .married-section h3 {
      font-size: 25px;
      line-height: 30px;
      margin-bottom: 15px; } }
  @media only screen and (max-width: 479px) {
    .story-page .married-section h3 {
      font-size: 20px;
      line-height: 25px;
      margin-bottom: 10px; } }

.story-page .married-section .date {
  font-family: "Cookie", cursive;
  font-size: 48px;
  line-height: 36px;
  color: #ef2a6f; }
  @media only screen and (max-width: 991px) {
    .story-page .married-section .date {
      font-size: 40px; } }
  @media only screen and (max-width: 767px) {
    .story-page .married-section .date {
      font-size: 30px;
      line-height: 30px; } }
  @media only screen and (max-width: 479px) {
    .story-page .married-section .date {
      font-size: 25px;
      line-height: 25px; } }

.story-page .married-section p {
  font-size: 18px;
  line-height: 30px;
  color: #7e8080;
  margin: 32px 0 20px; }
  @media only screen and (max-width: 767px) {
    .story-page .married-section p {
      font-size: 16px;
      line-height: 27px;
      margin: 15px 0; } }

.story-page .married-section img {
  max-width: 100%; }

/* =========================================================
        Event-Page-STYLE 
============================================================ */
.event-page .header-section {
  background: url(../images/sub/r-bg.jpg) no-repeat;
  background-position: center center;
  background-size: cover; }

.event-page .contact-section {
  background: #FFFFFF;
  padding-top: 135px; }
  @media only screen and (max-width: 991px) {
    .event-page .contact-section {
      padding-top: 30px; } }
  @media only screen and (max-width: 767px) {
    .event-page .contact-section {
      padding: 5px 0 0; } }
  .event-page .contact-section::before {
    content: "";
    position: absolute;
    bottom: 65px;
    left: 0;
    width: 100%;
    height: 425px;
    background: url(../images/sub/f-bg.jpg) no-repeat; }
  .event-page .contact-section .contact-wrapper {
    border: 3px solid #ef2a6f;
    -webkit-box-shadow: 0 5px 40px #d6d6d6;
    box-shadow: 0 5px 40px #d6d6d6;
    margin-top: 35px; }
    .event-page .contact-section .contact-wrapper .contact-form::before {
      display: none; }
    .event-page .contact-section .contact-wrapper .contact-form .subscribeBtn {
      margin: 7px 0 60px; }

.event-page .reception-section {
  padding-top: 135px; }
  @media only screen and (max-width: 991px) {
    .event-page .reception-section {
      padding-top: 100px; } }
  @media only screen and (max-width: 767px) {
    .event-page .reception-section {
      padding-top: 70px; } }
  @media only screen and (max-width: 479px) {
    .event-page .reception-section {
      padding-top: 40px; } }
  .event-page .reception-section h3 {
    position: relative;
    font-size: 36px;
    font-weight: 700;
    color: #515252;
    text-align: center;
    margin-bottom: 75px; }
    .event-page .reception-section h3::before {
      content: "";
      position: absolute;
      bottom: -22px;
      left: 0;
      right: 0;
      width: 45px;
      height: 5px;
      margin: 0 auto;
      background: #ef2a6f;
      border-radius: 25px; }
      @media only screen and (max-width: 767px) {
        .event-page .reception-section h3::before {
          bottom: -12px; } }
    @media only screen and (max-width: 767px) {
      .event-page .reception-section h3 {
        font-size: 25px;
        margin-bottom: 50px; } }
    @media only screen and (max-width: 479px) {
      .event-page .reception-section h3 {
        font-size: 20px;
        margin-bottom: 40px; } }
  .event-page .reception-section #event-carousel .carousel-control {
    width: 70px;
    height: 50px;
    line-height: 50px;
    top: 50%;
    margin-top: -25px;
    background-image: none;
    background: #515252;
    opacity: 1; }
    @media only screen and (max-width: 767px) {
      .event-page .reception-section #event-carousel .carousel-control {
        width: 40px; } }
    .event-page .reception-section #event-carousel .carousel-control:hover {
      background: #ef2a6f; }
    .event-page .reception-section #event-carousel .carousel-control i {
      font-size: 27px;
      color: #FFFFFF; }

.event-page .people-section .title {
  margin-bottom: 25px; }
  @media only screen and (max-width: 479px) {
    .event-page .people-section .title {
      margin-bottom: 0; } }
  .event-page .people-section .title h3 {
    position: relative;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    color: #515252;
    margin-bottom: 50px; }
    .event-page .people-section .title h3::before {
      content: "";
      position: absolute;
      bottom: -25px;
      left: 0;
      right: 0;
      width: 45px;
      height: 5px;
      margin: 0 auto;
      background: #ef2a6f;
      border-radius: 25px; }
      @media only screen and (max-width: 767px) {
        .event-page .people-section .title h3::before {
          bottom: -12px; } }
    @media only screen and (max-width: 767px) {
      .event-page .people-section .title h3 {
        font-size: 25px;
        margin-bottom: 50px; } }
    @media only screen and (max-width: 479px) {
      .event-page .people-section .title h3 {
        font-size: 20px;
        margin-bottom: 40px; } }
  .event-page .people-section .title p {
    font-size: 18px;
    line-height: 30px;
    color: #8d8e8e; }
    @media only screen and (max-width: 767px) {
      .event-page .people-section .title p {
        font-size: 16px;
        line-height: 27px; } }

.event-page .people-section .nav-tabs {
  margin-bottom: 60px; }
  @media only screen and (max-width: 479px) {
    .event-page .people-section .nav-tabs {
      margin-bottom: 30px; } }
  .event-page .people-section .nav-tabs li {
    font-weight: 400; }
    .event-page .people-section .nav-tabs li.active a {
      color: #ef2a6f; }

/* =========================================================
        About-Him-Page-STYLE 
============================================================ */
.about-him-page .header-section {
  background: url(../images/sub/him-bg.jpg) no-repeat;
  background-position: center center;
  background-size: cover; }

/* =========================================================
        About-Her-Page-STYLE 
============================================================ */
.about-her-page .header-section {
  background: url(../images/sub/him-bg.jpg) no-repeat;
  background-position: center center;
  background-size: cover; }

/* =========================================================
        About-Page-STYLE 
============================================================ */
.about-page .about-section .about-caption img {
  max-width: 100%;
  border: 10px solid #FFFFFF;
  -webkit-box-shadow: 0 0 35px #d6d5d5;
  box-shadow: 0 0 35px #d6d5d5; }

@media only screen and (max-width: 991px) {
  .about-page .about-section .about-caption {
    margin-bottom: 40px; } }

@media only screen and (max-width: 767px) {
  .about-page .about-section .about-caption {
    margin-bottom: 20px; } }

.about-page .about-section .about-wrapper .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 15px;
  color: #959898;
  vertical-align: super; }
  @media only screen and (max-width: 767px) {
    .about-page .about-section .about-wrapper .title {
      font-size: 16px;
      vertical-align: inherit; } }

.about-page .about-section .about-wrapper h3 {
  position: relative;
  font-size: 36px;
  font-weight: 700;
  color: #515252;
  margin-bottom: 40px; }
  .about-page .about-section .about-wrapper h3::before {
    content: "";
    position: absolute;
    bottom: -22px;
    left: 0;
    width: 45px;
    height: 5px;
    background: #ef2a6f; }
  @media only screen and (max-width: 767px) {
    .about-page .about-section .about-wrapper h3 {
      font-size: 25px; }
      .about-page .about-section .about-wrapper h3::before {
        bottom: -15px; } }
  @media only screen and (max-width: 479px) {
    .about-page .about-section .about-wrapper h3 {
      font-size: 20px; } }

.about-page .about-section .about-wrapper .contact {
  margin-bottom: 23px; }
  @media only screen and (max-width: 767px) {
    .about-page .about-section .about-wrapper .contact {
      margin-bottom: 10px; } }
  .about-page .about-section .about-wrapper .contact li {
    color: #515252;
    display: inline-block;
    margin: 0 15px 10px 0;
    -webkit-transition: 0.5s;
    -khtml-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    .about-page .about-section .about-wrapper .contact li:hover {
      color: #ef2a6f; }
    .about-page .about-section .about-wrapper .contact li i {
      padding-right: 7px; }

.about-page .about-section .about-wrapper p {
  font-size: 18px;
  line-height: 30px;
  color: #959898;
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .about-page .about-section .about-wrapper p {
      font-size: 16px;
      line-height: 27px;
      margin-bottom: 15px; } }

.about-page .about-section .about-wrapper .social-icon {
  margin-top: 52px; }
  @media only screen and (max-width: 767px) {
    .about-page .about-section .about-wrapper .social-icon {
      margin-top: 30px; } }
  .about-page .about-section .about-wrapper .social-icon li {
    margin-right: 15px;
    display: inline-block; }
    .about-page .about-section .about-wrapper .social-icon li a i {
      font-size: 25px;
      color: #333434;
      -webkit-transition: 0.5s;
      -khtml-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      .about-page .about-section .about-wrapper .social-icon li a i:hover {
        color: #ef2a6f; }

/* =========================================================
        Gallery-Page-STYLE 
============================================================ */
.gallery-page .header-section {
  background: url(../images/sub/r-bg.jpg) no-repeat;
  background-position: center center;
  background-size: cover; }

.gallery-page .gallery-section .title img {
  margin-bottom: 15px; }
  @media only screen and (max-width: 767px) {
    .gallery-page .gallery-section .title img {
      margin-bottom: 5px; } }

.gallery-page .gallery-section .title h3 {
  font-size: 36px;
  font-weight: 700;
  color: #515252;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .gallery-page .gallery-section .title h3 {
      font-size: 25px;
      margin-bottom: 5px; } }
  @media only screen and (max-width: 479px) {
    .gallery-page .gallery-section .title h3 {
      font-size: 20px; } }

/* =========================================================
        Blog-Page-STYLE 
============================================================ */
.blog-page .header-section {
  background: url(../images/sub/b-bg.jpg) no-repeat;
  background-position: center center;
  background-size: cover; }

.blog-page .blog-section .blog-wrapper .blog-content {
  margin-top: 65px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .blog-page .blog-section .blog-wrapper .blog-content {
      margin-top: 25px; } }
  @media only screen and (max-width: 991px) {
    .blog-page .blog-section .blog-wrapper .blog-content {
      margin: 0 0 30px; } }
  .blog-page .blog-section .blog-wrapper .blog-content .date {
    font-size: 14px;
    font-weight: 700;
    color: #82929e;
    letter-spacing: 1px;
    text-transform: uppercase; }
    .blog-page .blog-section .blog-wrapper .blog-content .date .color {
      color: #ef2a6f;
      margin-right: 25px; }
  .blog-page .blog-section .blog-wrapper .blog-content h3 {
    font-weight: 700;
    margin: 20px 0; }
    @media (min-width: 768px) and (max-width: 991px) {
      .blog-page .blog-section .blog-wrapper .blog-content h3 {
        font-size: 22px;
        line-height: 30px;
        margin: 10px 0; } }
    @media only screen and (max-width: 767px) {
      .blog-page .blog-section .blog-wrapper .blog-content h3 {
        font-size: 18px;
        line-height: 25px;
        margin: 10px 0; } }
  .blog-page .blog-section .blog-wrapper .blog-content p {
    color: #81919e;
    margin-bottom: 26px; }
    @media only screen and (max-width: 991px) {
      .blog-page .blog-section .blog-wrapper .blog-content p {
        margin-bottom: 15px; } }
  .blog-page .blog-section .blog-wrapper .blog-content .link {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px; }

.blog-page .blog-section .blog-wrapper .blog-caption {
  margin-bottom: 70px; }
  @media only screen and (max-width: 991px) {
    .blog-page .blog-section .blog-wrapper .blog-caption {
      margin-bottom: 0px; } }
  .blog-page .blog-section .blog-wrapper .blog-caption img {
    width: 100%;
    border: 10px solid #FFFFFF;
    -webkit-box-shadow: 0 0 35px #d6d5d5;
    box-shadow: 0 0 35px #d6d5d5; }

.blog-page .blog-section .blog-divider-part {
  padding-top: 80px; }
  .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption-single {
    position: relative;
    margin-bottom: 47px; }
    @media (max-width: 766px) {
      .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption-single {
        margin-right: 0 !important; }
        .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption-single::before {
          display: none; } }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption-single::before {
      content: "";
      position: absolute;
      top: 58px;
      right: -95px;
      width: 62%;
      height: 129%;
      background: url(../images/blog-border.png) no-repeat;
      z-index: -1; }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption-single::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(134, 134, 134, 0.47);
      opacity: 0;
      -webkit-transition: 0.5s;
      -khtml-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption-single:hover::after {
      opacity: 1; }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption-single:hover i {
      opacity: 1; }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption-single img {
      width: 100%; }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption-single i {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      font-size: 22px;
      color: #FFFFFF;
      margin-top: -5px;
      text-align: center;
      opacity: 0;
      z-index: 1;
      -webkit-transition: 0.5s;
      -khtml-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      -webkit-transition-delay: .5s;
      -o-transition-delay: .5s;
      transition-delay: .5s; }
  .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption {
    overflow: hidden; }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption .caption-shot {
      position: relative;
      max-height: 250px;
      overflow: hidden; }
      .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption .caption-shot::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(134, 134, 134, 0.47);
        opacity: 0;
        -webkit-transition: 0.5s;
        -khtml-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
      .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption .caption-shot:hover::before {
        opacity: 1; }
      .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption .caption-shot:hover i {
        opacity: 1; }
      .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption .caption-shot i {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        font-size: 22px;
        color: #FFFFFF;
        margin-top: -5px;
        text-align: center;
        opacity: 0;
        z-index: 1;
        -webkit-transition: 0.5s;
        -khtml-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        -webkit-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s; }
      .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption .caption-shot img {
        width: 100%;
        border: 0; }
      @media (max-width: 991px) {
        .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption .caption-shot {
          max-height: 100% !important;
          margin-bottom: 30px; }
          .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-caption .caption-shot img {
            width: 100%; } }
  .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-content .tag {
    font-size: 14px;
    padding: 5px 17px;
    color: #FFFFFF;
    background: #ef2a6f; }
  .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-content h3 {
    font-size: 30px;
    line-height: 40px;
    margin: 16px 0 11px; }
    @media only screen and (max-width: 767px) {
      .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-content h3 {
        font-size: 20px;
        line-height: 30px; } }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-content h3 a {
      color: #111111; }
      .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-content h3 a:hover {
        color: #ef2a6f; }
  .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-content .small-text {
    font-size: 14px;
    line-height: 25px;
    font-style: italic;
    color: #a0a0a0; }
  .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-content .content-box {
    margin-bottom: 50px; }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-content .content-box p {
      font-size: 16px;
      line-height: 30px;
      color: #666666; }
  .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-content .second-content {
    margin-bottom: 115px; }
    @media only screen and (max-width: 991px) {
      .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-content .second-content {
        margin-bottom: 40px; } }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-content .second-content h4 {
      font-size: 24px;
      font-weight: 700;
      line-height: 25px;
      margin: 40px 0 22px; }
      @media only screen and (max-width: 991px) {
        .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-content .second-content h4 {
          margin: 10px 0 15px; } }
      .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-content .second-content h4 a {
        color: #111111; }
        .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-content .second-content h4 a:hover {
          color: #ef2a6f; }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .blog-wrapper .blog-content .second-content p {
      font-size: 16px;
      line-height: 30px;
      color: #666666; }
  .blog-page .blog-section .blog-divider-part .blog-left-bar hr {
    border-color: #cacaca; }
  .blog-page .blog-section .blog-divider-part .blog-left-bar .widget {
    margin-top: 25px; }
    @media (max-width: 767px) {
      .blog-page .blog-section .blog-divider-part .blog-left-bar .widget {
        margin-left: 0 !important;
        margin-right: 0 !important; } }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .widget .widget-tag {
      display: inline-block; }
      .blog-page .blog-section .blog-divider-part .blog-left-bar .widget .widget-tag h5 {
        font-size: 16px;
        font-weight: 600;
        text-transform: capitalize;
        line-height: 25px;
        letter-spacing: 1px;
        color: #000000;
        display: inline-block;
        margin-right: 32px; }
      .blog-page .blog-section .blog-divider-part .blog-left-bar .widget .widget-tag ul {
        display: inline-block; }
        .blog-page .blog-section .blog-divider-part .blog-left-bar .widget .widget-tag ul li {
          padding: 0;
          margin-right: 6px; }
          @media (max-width: 767px) {
            .blog-page .blog-section .blog-divider-part .blog-left-bar .widget .widget-tag ul li {
              margin-bottom: 15px; } }
          .blog-page .blog-section .blog-divider-part .blog-left-bar .widget .widget-tag ul li:last-child {
            margin-right: 0; }
          .blog-page .blog-section .blog-divider-part .blog-left-bar .widget .widget-tag ul li a {
            font-size: 14px;
            line-height: 20px;
            text-transform: lowercase;
            color: #666666;
            background: #FFFFFF;
            padding: 6px 13px; }
            .blog-page .blog-section .blog-divider-part .blog-left-bar .widget .widget-tag ul li a:hover {
              color: #FFFFFF;
              background: #ef2a6f; }
    @media (max-width: 991px) {
      .blog-page .blog-section .blog-divider-part .blog-left-bar .widget .widget-social {
        float: none !important;
        margin-top: 10px; } }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .widget .widget-social ul li {
      padding: 0;
      margin-right: 6px; }
      @media (max-width: 767px) {
        .blog-page .blog-section .blog-divider-part .blog-left-bar .widget .widget-social ul li {
          margin-bottom: 15px; } }
      .blog-page .blog-section .blog-divider-part .blog-left-bar .widget .widget-social ul li:last-child {
        margin-right: 0; }
      .blog-page .blog-section .blog-divider-part .blog-left-bar .widget .widget-social ul li a {
        font-size: 15.5px;
        color: #FFFFFF;
        padding: 8px 20px; }
        .blog-page .blog-section .blog-divider-part .blog-left-bar .widget .widget-social ul li a:hover {
          color: #ef2a6f; }
        .blog-page .blog-section .blog-divider-part .blog-left-bar .widget .widget-social ul li a i {
          font-size: 14px; }
  .blog-page .blog-section .blog-divider-part .blog-left-bar .comments-wrapper {
    margin-top: 58px; }
    @media (max-width: 767px) {
      .blog-page .blog-section .blog-divider-part .blog-left-bar .comments-wrapper {
        margin-left: 0;
        margin-right: 0; } }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .comments-wrapper h3 {
      font-size: 22px;
      line-height: 25px;
      color: #000000;
      text-align: center;
      margin-bottom: 52px; }
      @media only screen and (max-width: 991px) {
        .blog-page .blog-section .blog-divider-part .blog-left-bar .comments-wrapper h3 {
          text-align: left;
          margin-bottom: 30px; } }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .comments-wrapper .comment-respond .sub-comment {
      background: #f8f8f8;
      padding: 30px;
      margin-bottom: 80px;
      margin-left: 80px; }
      @media (max-width: 991px) {
        .blog-page .blog-section .blog-divider-part .blog-left-bar .comments-wrapper .comment-respond .sub-comment {
          margin-left: 0;
          margin-bottom: 50px;
          padding: 30px 15px; } }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .comments-wrapper .comment-respond .comment-avater {
      width: 43px;
      height: 43px;
      margin-right: 5px; }
    @media (max-width: 767px) {
      .blog-page .blog-section .blog-divider-part .blog-left-bar .comments-wrapper .comment-respond .media-body {
        display: block;
        padding-top: 0;
        width: auto; } }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .comments-wrapper .comment-respond .media-body h5 {
      font-size: 18px;
      font-weight: 700;
      line-height: 25px;
      display: inline-block;
      vertical-align: top;
      margin: 0 15px 0 0; }
      .blog-page .blog-section .blog-divider-part .blog-left-bar .comments-wrapper .comment-respond .media-body h5 a {
        color: #000000; }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .comments-wrapper .comment-respond .media-body .time {
      font-size: 14px;
      line-height: 10px;
      color: #a9a9a9; }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .comments-wrapper .comment-respond .media-body p {
      font-size: 14px;
      line-height: 22px;
      color: #666666;
      margin-bottom: 12px; }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .comments-wrapper .comment-respond .media-body .comment-replay {
      font-size: 14px;
      line-height: 25px; }
  .blog-page .blog-section .blog-divider-part .blog-left-bar .reserve-blog-form {
    padding: 4px 0 110px; }
    @media only screen and (max-width: 991px) {
      .blog-page .blog-section .blog-divider-part .blog-left-bar .reserve-blog-form {
        padding: 4px 0 70px; } }
    @media (max-width: 767px) {
      .blog-page .blog-section .blog-divider-part .blog-left-bar .reserve-blog-form {
        margin-left: 0 !important;
        margin-right: 0 !important; } }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .reserve-blog-form h3 {
      font-size: 20px;
      font-weight: 700;
      line-height: 25px;
      color: #000000;
      text-align: center; }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .reserve-blog-form .form-group {
      position: relative;
      margin-bottom: 55px; }
      .blog-page .blog-section .blog-divider-part .blog-left-bar .reserve-blog-form .form-group::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 1px;
        background: #ef2a6f;
        -webkit-transition: 0.5s;
        -khtml-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
      .blog-page .blog-section .blog-divider-part .blog-left-bar .reserve-blog-form .form-group:hover::before {
        width: 100%; }
      .blog-page .blog-section .blog-divider-part .blog-left-bar .reserve-blog-form .form-group .form-control,
      .blog-page .blog-section .blog-divider-part .blog-left-bar .reserve-blog-form .form-group .contactSearchBar {
        font-size: 16px;
        line-height: 30px;
        width: 100%;
        color: #aaaaaa;
        height: auto;
        border: 0;
        border-bottom: 1px solid #aaaaaa;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        padding: 6px 12px; }
        .blog-page .blog-section .blog-divider-part .blog-left-bar .reserve-blog-form .form-group .form-control:focus,
        .blog-page .blog-section .blog-divider-part .blog-left-bar .reserve-blog-form .form-group .contactSearchBar:focus {
          color: #ef2a6f;
          border-bottom: 1px solid red; }
    .blog-page .blog-section .blog-divider-part .blog-left-bar .reserve-blog-form button i {
      font-size: 22px;
      vertical-align: text-bottom;
      margin-left: 10px; }
  @media (max-width: 991px) {
    .blog-page .blog-section .blog-divider-part .blog-right-bar {
      margin: 0 0 70px; } }
  .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-search .form-control {
    height: 35px;
    border: 1px solid #c8c8c8;
    background: transparent;
    border-radius: 3px; }
  .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-category,
  .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-archive {
    margin: 50px 0; }
    @media only screen and (max-width: 991px) {
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-category,
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-archive {
        margin: 30px 0; } }
    .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-category h4,
    .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-archive h4 {
      font-size: 20px;
      font-weight: 600;
      color: #000000; }
    .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-category ul li,
    .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-archive ul li {
      font-size: 14px;
      font-weight: 700;
      line-height: 40px;
      border-bottom: 1px solid rgba(199, 197, 197, 0.38); }
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-category ul li:last-child,
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-archive ul li:last-child {
        border-bottom: none; }
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-category ul li a,
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-archive ul li a {
        color: #31363b; }
        .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-category ul li a:hover,
        .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-archive ul li a:hover {
          color: #ef2a6f; }
  .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-post {
    margin-bottom: 75px; }
    @media only screen and (max-width: 991px) {
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-post {
        margin-bottom: 50px; } }
    .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-post h4 {
      font-size: 20px;
      font-weight: 600;
      color: #000000;
      margin-bottom: 35px; }
    .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-post ul li {
      margin-bottom: 25px; }
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-post ul li .thumb {
        margin-right: 15px; }
        .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-post ul li .thumb img {
          width: 60px;
          height: 85px; }
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-post ul li .post-desk {
        padding: 15px 0; }
        .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-post ul li .post-desk h5 {
          font-weight: 700;
          line-height: 15px;
          margin: 0; }
          .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-post ul li .post-desk h5 a {
            color: #000000; }
            .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-post ul li .post-desk h5 a:hover {
              color: #ef2a6f; }
        .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-post ul li .post-desk .date {
          font-size: 12px;
          font-weight: 700;
          color: #999999; }
  .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-date {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
    .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-date .widget-caption img {
      width: 100%; }
    .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-date .widget-calender .calender {
      background: #FFFFFF; }
    .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-date .widget-calender .month {
      position: relative;
      width: 100%;
      color: #ecf0f1;
      background-color: #2ecc71;
      padding: 10px 0; }
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-date .widget-calender .month li h1, .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-date .widget-calender .month li h2 {
        display: inline-block;
        font-size: 16px;
        margin: 0; }
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-date .widget-calender .month .next,
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-date .widget-calender .month .prev {
        position: absolute;
        top: 0;
        cursor: pointer;
        padding: 5px;
        display: block; }
        .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-date .widget-calender .month .next:hover,
        .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-date .widget-calender .month .prev:hover {
          background-color: rgba(0, 0, 0, 0.2); }
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-date .widget-calender .month .prev {
        left: 0;
        border-right: 1px solid rgba(165, 161, 161, 0.55);
        padding: 10px 15px; }
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-date .widget-calender .month .next {
        right: 0;
        border-left: 1px solid rgba(165, 161, 161, 0.55);
        padding: 10px 15px; }
    .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-date .widget-calender .weeks {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 10px; }
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-date .widget-calender .weeks li {
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        color: #593442;
        background: #FFFFFF;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
        -webkit-animation: motion 2s;
        animation: motion 2s;
        padding: 10px 0; }
    .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-date .widget-calender .days {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      background: #fff !important;
      padding: 0 10px; }
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-date .widget-calender .days li {
        -ms-flex-preferred-size: calc(100% / 7);
        flex-basis: calc(100% / 7);
        padding: 5px 0;
        opacity: .7;
        border-radius: 50%; }
  .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-photo-gram {
    margin-top: 75px; }
    @media only screen and (max-width: 991px) {
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-photo-gram {
        margin-top: 30px; } }
    .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-photo-gram h4 {
      font-size: 20px;
      font-weight: 600;
      color: #000000;
      margin-bottom: 35px; }
      @media only screen and (max-width: 991px) {
        .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-photo-gram h4 {
          margin-bottom: 20px; } }
    .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-photo-gram .instagram {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      overflow: hidden;
      margin: 0 auto; }
      .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-photo-gram .instagram .image {
        background-image: 100%;
        background-position: center center;
        width: 73px;
        height: 73px;
        margin: 2px;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        -webkit-transition: 1s;
        -khtml-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        transition: 1s; }
        .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-photo-gram .instagram .image:hover {
          background-image: 110%; }
        .blog-page .blog-section .blog-divider-part .blog-right-bar .widget-photo-gram .instagram .image .caption {
          display: none; }

/* =========================================================
        RSVP-Page-STYLE 
============================================================ */
.rsvp-page .header-section {
  background: url(../images/sub/r-bg.jpg) no-repeat;
  background-position: center center;
  background-size: cover; }

.rsvp-page .contact-section {
  background: #FFFFFF; }
  .rsvp-page .contact-section::before {
    content: "";
    position: absolute;
    bottom: 190px;
    left: 0;
    width: 100%;
    height: 425px;
    background: url(../images/sub/f-bg.jpg) no-repeat; }
  .rsvp-page .contact-section .title h3 {
    font-size: 36px;
    font-weight: 700;
    color: #515252; }
    @media only screen and (max-width: 767px) {
      .rsvp-page .contact-section .title h3 {
        font-size: 25px;
        margin-bottom: 5px; } }
    @media only screen and (max-width: 479px) {
      .rsvp-page .contact-section .title h3 {
        font-size: 20px; } }
  @media only screen and (max-width: 767px) {
    .rsvp-page .contact-section .title p {
      margin-top: 0; } }
  .rsvp-page .contact-section .contact-wrapper {
    -webkit-box-shadow: 0 5px 40px #d6d6d6;
    box-shadow: 0 5px 40px #d6d6d6;
    margin-top: 35px; }
    .rsvp-page .contact-section .contact-wrapper .contact-form::before {
      display: none; }
    .rsvp-page .contact-section .contact-wrapper .contact-form .subscribeBtn {
      margin: 7px 0 60px; }

/* =========================================================
        404-Page-STYLE 
============================================================ */
.error-page {
  background: #FFFFFF; }
  .error-page .title {
    position: relative;
    top: 50%;
    margin-top: -222px; }
    .error-page .title h3 {
      font-size: 72px;
      font-weight: 700;
      line-height: 60px;
      color: #ef2a6f;
      margin-bottom: 44px; }
      @media only screen and (max-width: 767px) {
        .error-page .title h3 {
          font-size: 50px;
          line-height: 45px;
          margin-bottom: 20px; } }
    .error-page .title p {
      font-family: "Noto Sans", sans-serif;
      font-size: 24px;
      font-weight: 500;
      line-height: 30px;
      color: #3d424b;
      margin-bottom: 58px; }
      @media only screen and (max-width: 767px) {
        .error-page .title p {
          font-size: 20px;
          margin-bottom: 35px; } }
    .error-page .title .btn {
      font-size: 24px;
      font-weight: 500;
      padding: 14px 66px; }
      @media only screen and (max-width: 767px) {
        .error-page .title .btn {
          padding: 12px 40px; } }

/* =========================================================
        Animation-STYLE 
============================================================ */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fade-in {
  opacity: 0;
  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s; }

.fade-in.one {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s; }

.fade-in.two {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  animation-delay: 1.2s; }

.fade-in.three {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s; }

/* =========================================================
        Scroll-To-Top-STYLE 
============================================================ */
#toTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  color: #ef2a6f;
  cursor: pointer;
  display: none;
  width: 35px;
  height: 35px;
  font-size: 16px;
  line-height: 30px;
  border: 1px solid #ef2a6f;
  border-radius: 4px;
  text-align: center;
  z-index: 999; }

/* =========================================================
        Preloader-STYLE 
============================================================ */
#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  background-color: #FFFFFF;
  z-index: 999999; }
  #preloader img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: -60px; }

    /* Estilo del reproductor de audio */
.audio-player {
  width: 200px; /* Ajusta el tamaño del reproductor */
  opacity: 0.7; /* Hacer el reproductor semitransparente */
  background-color: transparent; /* Fondo transparente */
  border: none; /* Eliminar el borde del reproductor */
  display: block; /* Asegura que sea un elemento de bloque */
  margin: 20px auto 0 auto; /* Centrar y agregar espacio superior */
  position: relative;
  z-index: 2; /* Asegura que esté por encima de otros elementos de fondo */
}
.circimage img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
  border: 5px solid white;
  position: absolute;
  top: 120px; /* Ajusta este valor para mover la imagen más abajo */
  left: 50%;
  transform: translateX(-50%);
  margin:10px auto 0;
}
.edad {
  display: block;
  margin: 150px auto 0; /* Baja la imagen 50px y la centra horizontalmente */
  width: 30%; /* Ajusta el tamaño según sea necesario */
  max-width: 150px; /* Asegura que la imagen no sea demasiado grande */
  height: auto; /* Mantiene la proporción original de la imagen */
  padding: 10px; /* Espacio alrededor de la imagen */
  border-radius: 15px; /* Bordes redondeados para darle un aspecto más suave */
}



/* Estilo para el GIF en la sección de encabezado */
.home-gif {
  width: 30%; /* Ajusta el tamaño como desees */
  max-width: 600px; /* Tamaño máximo del GIF */
  height: auto; /* Mantiene la proporción del GIF */
  margin: 0 auto; /* Centra el GIF horizontalmente */
  display: block; /* Asegura que el GIF sea un elemento de bloque */
}

/* Estilo para el logo en la sección de encabezado */
@keyframes bounceSoft {
  0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
  }
  40% {
      transform: translateY(-30px);
  }
  60% {
      transform: translateY(-15px);
  }
}

.bounce-soft {
  animation: bounceSoft 3s ease-in-out;
}

/* DECORACIONES */
.img1, .img2, .img3, .img4, .vuelo {
  position: absolute;
  z-index: -1;
}

.img1 {
  width: 100px;
  left: -5px;
  animation: img1Animate 8s infinite;
}

.img2 {
  width: 100px;
  right: -5px;
  animation: img2Animate 10s infinite;
}

.img3 {
  width: 100px;
  right: -5px;
  animation: img3Animate 12s infinite;
}

.img4 {
  width: 100px;
  left: -5px;
  animation: img4Animate 14s infinite;
}

.vuelo {
  width: 80px;
  right: -10px;
  bottom: 0;
  animation: volarAnimate 16s infinite;
}

@keyframes volarAnimate {
  0% {
      transform: translate(-1000px, -300px) rotate(-15deg);
  }
  50% {
      transform: translate(1000px, -700px) scale(1.2) rotate(15deg) scaleX(-1);
  }
  100% {
      transform: translate(-1000px, -300px) rotate(-15deg) scaleX(-1);
  }
}

@keyframes img1Animate {
  0% {
      transform: translateY(150px) rotate(15deg) scale(1);
  }
  25% {
      transform: translateY(-120px) rotate(-15deg) scale(1.1) scaleX(-1);
  }
  50% {
      transform: translateY(-240px) rotate(-15deg) scale(0.9);
  }
  75% {
      transform: translateY(-120px) rotate(15deg) scale(1.1) scaleX(1);
  }
  100% {
      transform: translateY(150px) rotate(15deg) scale(1);
  }
}

@keyframes img2Animate {
  0% {
      transform: translateY(120px) rotate(10deg) scale(1);
  }
  25% {
      transform: translateY(-160px) rotate(20deg) scale(1.1) scaleX(-1);
  }
  50% {
      transform: translateY(-320px) rotate(20deg) scale(0.9);
  }
  75% {
      transform: translateY(-160px) rotate(10deg) scale(1.1) scaleX(1);
  }
  100% {
      transform: translateY(120px) rotate(10deg) scale(1);
  }
}

@keyframes img3Animate {
  0% {
      transform: translateY(30px) rotate(-15deg) scale(1);
  }
  25% {
      transform: translateY(-130px) rotate(15deg) scale(1.1) scaleX(-1);
  }
  50% {
      transform: translateY(-260px) rotate(15deg) scale(0.9);
  }
  75% {
      transform: translateY(-130px) rotate(-15deg) scale(1.1) scaleX(1);
  }
  100% {
      transform: translateY(30px) rotate(-15deg) scale(1);
  }
}

@keyframes img4Animate {
  0% {
      transform: translateY(60px) rotate(20deg) scale(1);
  }
  25% {
      transform: translateY(-140px) rotate(-20deg) scale(1.1) scaleX(-1);
  }
  50% {
      transform: translateY(-280px) rotate(-20deg) scale(0.9);
  }
  75% {
      transform: translateY(-140px) rotate(20deg) scale(1.1) scaleX(1);
  }
  100% {
      transform: translateY(60px) rotate(20deg) scale(1);
  }
}