/*===================== TABLE OF CONTENT =======================
1.  Google Fonts
2.  General Styling
3.  Cross Browser Compatibility
4.  Header
=============================================================*/

@import url(animate.css);/*===== Animation File =====*/
@import url(perfect-scrollbar.css);/*===== Scrollbar File =====*/
/*=============== Fonts PlayFair Display & Lato ===============*/
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Great+Vibes&subset=latin-ext);
/*=============== General Styling ===============*/
html, 
body {overflow-x:hidden;}
body {
    float:left;
    width:100%;
    height:auto!important;
    letter-spacing:0.3px;
    font-family: playfair display;
}
h1, h2, h3, h4, h5, h6 {
    color: #444444;
    font-family: playfair display;
    font-weight: 600;
    margin: 0;
}
p {
    color: #555555;
    font-family: playfair display;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin-bottom: 0;
}
.client{ padding-top:10px; font-size:18px;}
ul li,
ol li {
    font-family:playfair display;
    color:#666666;
}
a:hover,
a:focus {
    text-decoration:none;
    outline:none;
    color:unset;
}
input:focus,
textarea:focus,
select:focus {outline: none;}
.theme-layout {
    float:left;
    overflow:hidden;
    position:relative;
    width:100%;
}
.theme-layout.boxed {
    background:none repeat scroll 0 0 #FFFFFF;
    float:none;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    z-index:1;
    width:1230px;
    -webkit-box-shadow:0 0 6px #747474;
    -moz-box-shadow:0 0 6px #747474;
    -ms-box-shadow:0 0 6px #747474;
    -o-box-shadow:0 0 6px #747474;
    box-shadow:0 0 6px #747474;
}
section {
    float:left;
    position:relative;
    width:100%;
}
.block {
    float: left;
    padding:150px 0;
    position: relative;
    width: 100%;
}
.block.less-spacing {padding:60px 0}
.block.less-spacing2 {padding: 90px 0;}
.block .container,
.container {padding:0;width:1380px}
.block.remove-gap {padding-top:0;}
.block.no-padding {padding:0;}
.block.remove-bottom {padding-bottom:0;}
.block.gray,
.gray {background-color:#fafafa}
.block.gray2,
.gray2 {background-color: #f9f9f9;}
.block.ext-toppadd {padding-top: 327px;}
.block.ext-bottompadd {padding-bottom: 317px;}
.block.pattern {background: url(../images/bg-pattern.jpg);}
.tbb,
.block.tbb {
    border-top: 1px solid #dcd9d9;
    border-bottom: 1px solid #dcd9d9;
}
.lgb {
    background: #faf8f8 none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}

.remove-ext {
    float:left;
    width:100%;
    margin-bottom:-30px;
}
.overlape {margin-top: -60px;}
.parallax,
.fixed-bg,
.fixed-bg2 {
    height:100%;
    width:100%;
    margin:0;
    position:absolute;
    left:0;
    top:0;
    z-index:-2;
}
.fixed-bg2 {
    background-size:cover !important;
    background-position:center !important;
}
.fixed-bg {
    background-attachment:fixed !important;
    background-size:cover!important;
}
.parallax.still {background-position:0 0 !important;}
.parallax.pattern {background-repeat:repeat !important;}
.blackish:before,
.grayish:before,
.whitish:before,
.bluish1:before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.grayish:before {background: #fafafa;}
.whitish:before {background: #ffffff;}
.bluish1:before {background: rgba(0,33,87,.2);}
.high-opacity:before {opacity: .97;}
.high2-opacity:before {opacity: .9;}
.medium-opacity:before {opacity: .85;}
.low-opacity:before {opacity: .75;}
img {max-width: 100%;}
iframe {
    border:0;
    width:100%;
    float:left;
}
/*=============== Cross Browser Compatibility ===============*/

.logomenu-sec > ul > li > a,
.btn1,
.btn1 > i,
.btn1 > span:before,
.socials > a,
.intro-img img,
.stories-detail > h2 a,
.gallery-info,
.gallery-info::before,
.gallery-post:before,
.gallery-post:after,
.gallery-post > img,
.event-address > li a,
.event-play > ul li a,
.event-title > ul > li a,
.event-title > ul > li a i,
.event-title > ul > li,
.people-info > h2 a,
.blog-post > a.btn2,
.post-carousel .owl-nav > div,
.post-carousel .owl-nav > div:before,
.carousel-post > span,
.carousel-post > h2,
.carousel-post > img,
.post-detail > a,
.gift-post,
.gift-post:before,
.gift-info > img,
.gift-info > a,
.contect-form form button,
.bottom-links > ul > li,
.bottom-links > ul > li a,
.ceremony-details,
.event-venue,
.stories-detail,
.stories-thumb,
.people-img img,
.post-meta > li a,
.singlepost-share > ul > li > a,
.tagcloud > a,
.post-author > a,
.cate > a,
.comment-reply-link,
.replyform > form button,
.wedplan-post,
.wedplan-info,
.wedplan-post > img,
.wedplan-thumb > img,
.wedplan-info::before,
.video .stories-thumb > a,
.stories-detail > a,
.owl-dots > div,
.social-btns > li > a,
.pricing-btn > a,
nav ul ul li a,
.responsive-menu ul li,
.responsive-menu ul li a,
.responsive-menu ul li i,
.price-bg,
.menu-btn,
.close-btn,
.blog-post img,
.tp-bullets > div {
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}


.intro:before,
.intro img,
.owl-dots > div,
.gallery-post,
.people .socials,
.people .socials:before,
.load-more > a,
.singlepost-share > ul > li,
.wedplan-info > i,
.wedplan-info > a,
.pricing,
.pricing > span,
.pricing > span img,
.pricing > i,
nav ul ul li,
.responsive-menu,
.topbar,
.for-contact,
.social-btns > li,
.logomenu-sec > ul > li,
.social-btns > li a:before,
.blog-post-padd,
.audio-track,
.sidepanel,
.social-btn > li a,
.map-add {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -ms-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */   
}

.btn1 > i,
.intro-img,
.socials > a,
.intro-img img,
.event-address > li i,
.event-title > ul > li a i,
.owl-dots > div,
.post-author > img,
.envelop-btn,
.envelop-btn:before,
.singlepost-share > span,
.singlepost-share > ul > li > a,
.author-info > img,
.comment-reply-link,
.comment > img,
.wedplan-info > i,
.service-box > i,
.ceo-message > i,
.ceo-message > i img,
.social-btns > li > a,
.pricing > i,
.social-btns > li > a:before,
.audio-play > i,
.social-btn > li a,
.map-add > ul li i,
.tp-bullets > div
{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}


{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}

/*=============== Header ===============*/
header {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 22px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 22px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 0 22px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 0 22px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.topbar {
background-color:#6c2e16;
    float: left;
    max-height: 65px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.topbar:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    /*opacity: .72;*/
    top: 0;
    bottom: 0;
    z-index: -1;
}
.for-contact {
    color: #fff;
    float: left;
    font-size: 16px;
    letter-spacing: 0.75px;
    line-height: 65px;
	font-family:Arial, Helvetica, sans-serif;
}
.social-btns {
    float: right;
    list-style: outside none none;
    padding-left: 0;
    text-align: center;
}
.social-btns > li {
    color: #fff;
    float: left;
    font-size: 13px;
    margin-right: 20px;
    margin-top: 20px;
    position: relative;
    z-index: 1;
}
.social-btns > li:last-child {margin-right: 0;}
.social-btns > li > a {
    border: 1px solid #fff;
    color: inherit;
    float: left;
    height: 28px;
    line-height: 25px;
    width: 28px;
}
.social-btns > li > a::before {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    z-index: -1;
}
.social-btns > li > a:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
nav.logomenu-sec {
    display: table;
    text-align: center;
    width: 100%;
}
.logomenu-sec > ul {
    display: table-cell;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.logomenu-sec > ul > li {
    color: #000;
	font-weight:bold;
    display: inline-block;
    font-size: 21px;
    letter-spacing: 0.2px;
    line-height: 110px;
    margin-right: 40px;
    padding-right: 40px;
    position: relative;
}
.logomenu-sec > ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.logomenu-sec > ul > li:before {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    content: "";
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(135deg);
    -moz-transform: translateY(-50%) rotate(135deg);
    -ms-transform: translateY(-50%) rotate(135deg);
    -o-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    width: 12px;
}
.logomenu-sec > ul > li:last-child::before {display: none;}
.logomenu-sec > ul > li > a {color: inherit;}
.logomenu-sec > ul > li:hover > a {font-weight: 700;}
.logo {
    display: table-cell;
    vertical-align: middle;
}
.logo > a {display: inline-block;}
.logo img {max-width: 100%;}
/*===== DropDown =====*/
nav ul ul {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    line-height: initial;
    list-style: outside none none;
    min-width: 250px;
    opacity: 0;
    padding-left: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    visibility: hidden;
}
nav ul ul li {
    background: rgba(255, 255, 255, 0.98) none repeat scroll 0 0;
    border-bottom: 1px solid #eeeeee;
    float: left;
    font-size: 18px;
    opacity: 0;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    visibility: hidden;
    width: 100%;
}
nav ul ul li a {
    color: inherit;
    float: left;
    padding: 25px 30px;
    width: 100%;
}
.logomenu-sec > ul > li.menu-item-has-children:hover > ul,
nav ul ul li.menu-item-has-children:hover > ul {
    opacity: 1;
    visibility: visible;
}
.logomenu-sec > ul > li.menu-item-has-children:hover > ul > li,
nav ul ul li.menu-item-has-children:hover > ul > li {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible;
}
nav ul ul li:last-child {border-bottom: 0 none;}
nav ul ul ul {
    left: 100%;
    top: 0;
}
nav ul ul ul li {background: rgba(252, 252, 252, 0.98) none repeat scroll 0 0;}
.logomenu-sec > ul > li:last-child > ul {
    left: auto;
    right: 0;
}
/*===== Sticky Header =====*/
header.stick {
    position: fixed;
    top: 0;
}
header.sticky .topbar {max-height: 45px;}
header.sticky .for-contact {line-height: 45px;}
header.sticky .social-btns > li {margin-top: 9px;}
header.sticky .logomenu-sec > ul > li {
    font-size: 18px;
    line-height: 70px;
}
/*===== Responsive Menu =====*/
.responsive-header {
    display: none;
    float: left;
    width: 100%;
}
.logo-menu {
    float: left;
    /*padding: 20px 10%;*/
    width: 100%;
}
.menu-btn {
    background: #555 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    margin-top: -55px;
    text-align: center;
    width: 50px;
}
.responsive-header .topbar {max-height: initial;}
.responsive-menu {
    background: #1c1c1c none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 90px 30px 30px;
    position: fixed;
    right: 0;
    visibility: hidden;
    text-align: center;
    top: -100%;
    z-index: 999;
}
.responsive-menu.slidein {
    opacity: 1;
    visibility: visible;
    top: 0;
}
.close-btn {
    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    height: 40px;
    left: 50%;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 35px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 40px;
}
.responsive-menu ul {
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 0;
    max-width: 250px;
    padding-left: 0;
    text-align: left;
    width: 100%;
}
.responsive-menu ul li {
    color: #eeeeee;
    float: left;
    font-size: 14px;
    position: relative;
    width: 100%;
}
.responsive-menu ul li a {
    border-bottom: 1px solid #353535;
    color: inherit;
    float: left;
    padding: 15px 30px 15px 20px;
    width: 100%;
}
.responsive-menu ul li:last-child a {margin-bottom: 0;}
.responsive-menu ul li i {display: none;}
.responsive-menu ul li.menu-item-has-children > i {
    cursor: pointer;
    display: block;
    font-size: 15px;
    position: absolute;
    right: 35px;
    top: 18px;
}
.responsive-menu ul li.menu-item-has-children.active > i {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.responsive-menu ul ul {display: none;}
.responsive-menu > ul > li.menu-item-has-children.active > a {color: #ffffff;}
.responsive-menu ul ul li.menu-item-has-children > a {border-bottom: 1px solid #353535;}
.responsive-menu ul ul li a {padding: 10px 30px 10px 40px;}
.responsive-menu ul ul ul {padding-left: 40px;}
.responsive-menu ul ul ul li a {
    border-bottom: 0;
    padding-left: 20px;
}
.responsive-menu ul ul li.menu-item-has-children > i {top: 10px;}
/*======= Slider ======= */
.creative-slider {
    float: left;
    width: 100%;
    position: relative;
    z-index: 0;
}
.layer1{
    color:#FFF;
    font-family:playfair display;
    font-weight:700;
    text-shadow:0 0 9px #707070;
}
.layer2{
    color:#FFF;
    font-family:playfair display;
    font-weight:700;
    font-style:italic;
}
.layer2:before,
.layer2:after{
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0), #ffffff) repeat scroll 0 0;
    content: "";
    height:6%;
    position: absolute;
    left:-100%;
    top: 50%;
    width: 100%;
}
.layer2:after{
    left:auto;
    right:-100%;
    background: rgba(0, 0, 0, 0) linear-gradient(to right,#ffffff, rgba(0, 0, 0, 0)) repeat scroll 0 0;
}
.layer3{
    font-family:playfair display;
    color:#002157;
    font-weight:700;
}
.layer4{
    font-family:playfair display;
    color:#f66b88;
    font-weight:700;
}
.layer5{
    font-family:playfair display;
    font-weight:700;
    color:#002157;
}

/*===== Wedding Comming Soon =====*/
.wed-comsoon {
    background: #ffffff url(../images/wed-comsoon-bg.png) no-repeat scroll right bottom;
    float: left;
    padding: 130px 118px 130px 85px;
    position: relative;
    width: 100%;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}
.wed-comsoon.overlap {margin-top: -130px;}
.wed-comsoon::before {
    background: rgba(0, 0, 0, 0) url(../images/ptrn1.png) repeat scroll 0 center;
    content: "";
    height: 54px;
    left: 0;
    position: absolute;
    top: -27px;
    width: 100%;
}
.wed-comsoon-thumb {
    float: left;
    width: 100%;
    padding-right:34px;
}
.wed-comsoon-thumb > img {
    border: 25px solid #ffffff;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    -ms-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    -o-box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.17);
}
.wed-comsoon-eventdetail {
    float: left;
    margin-top: 45px;
    width: 100%;
}
.title {
    float: left;
    margin-bottom: 65px;
    padding-left: 48px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.title:before {
    border: 3px solid #ccc;
    content: "";
    height: 134px;
    left: 0;
    position: absolute;
    top: -15px;
    width: 119px;
    z-index: -1;
}
.title > h4 {
    color: #002157;
    float: left;
    font-size: 43px;
    letter-spacing: 0.2px;
    line-height: 57px;
    width: 100%;
}
.wed-comsoon-counter {
    display: table;
    float: left;
    margin-bottom: 55px;
    width: 100%;
    -webkit-box-shadow: 0 0 25px rgba(25, 62, 122, 0.12);
    -moz-box-shadow: 0 0 25px rgba(25, 62, 122, 0.12);
    -ms-box-shadow: 0 0 25px rgba(25, 62, 122, 0.12);
    -o-box-shadow: 0 0 25px rgba(25, 62, 122, 0.12);
    box-shadow: 0 0 25px rgba(25, 62, 122, 0.12);
}
.wed-comsoon-counter > span {
    color: #ffffff;
    display: table-cell;
    font-weight:600;
    font-family: playfair display;
    font-size: 21px;
    padding: 22px 20px 30px;
    text-align: center;
    vertical-align: top;
}
.countdown {
    display: table-cell;
    list-style: outside none none;
    margin: 24px 0;
    padding: 0 10px;
    vertical-align: middle;
    width: 100%;
}
.countdown > li {
    float: left;
    position: relative;
    text-align: center;
    width: 25%;
}
.countdown > li::before {
    background: #e0e0e0 none repeat scroll 0 0;
    content: "";
    height: 72px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}
.countdown > li:first-child::before {display: none;}
.countdown > li span {
    color: #464861;
    float: left;
    font-size: 42px;
    font-weight: 700;
    line-height: initial;
    margin-top: -16px;
    width: 100%;
}
.countdown > li p {
    float: left;
    font-size: 16px;
    line-height: initial;
    width: 100%;
}
.wed-comsoon-eventdetail > p {
    color: #999999;
    float: left;
    font-size: 22px;
    line-height: 36px;
    width: 100%;
}
.btn1 {
    border: 2px solid;
    color: #ffffff;
    float:left;
    font-size: 22px;
    line-height: 68px;
    margin-top: 55px;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.btn1 > i {
    border: 1px solid #ffffff;
    float: left;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin: 13px 20px;
    text-align: center;
    width: 40px;
}
.btn1 > span {
    float: left;
    padding: 0 30px;
    position: relative;
}
.btn1 > span:before{
    background: #d7d7d7;
    content: "";
    height: 106%;
    left: 0;
    position: absolute;
    top: -3%;
    width: 1px;
}
.btn1:hover {background: transparent;}
/*===== Happy Couple =====*/
.title.style2:before{
    height: 142px;
    left: 50%;
    margin-left: -60px;
    width: 109px;
}
.title.style2 {
    padding: 0;
    text-align: center;
}
.title.style2 h4 {
    float: none;
    width: auto;
}
.couple {
    float: left;
    padding: 0 200px;
    width: 100%;
    position:relative;
}
.couple:before{
    background: rgba(0, 0, 0, 0) url(../images/couple.png) no-repeat scroll 0 0;
    content: "";
    height: 254px;
    margin-left: -116px;
    width: 235px;
    z-index: 1;
    position: absolute;
    top: 110px;
    left: 50%;
}
.intro {
    float: left;
    padding-right: 35px;
    position: relative;
    text-align: center;
    width: 50%;
}
.intro:before{
    content: "\f004";
    font-family: fontawesome;
    font-size: 27px;
    height: 30px;
    left: -60px;
    position: absolute;
    top: 224px;
    width: 30px;
    z-index:1;
}
.intro:hover:before{left:40px}
.intro-img{
    float:left;
    width:100%;
    border: 20px solid #ffffff;
    overflow:hidden;
    -webkit-box-shadow: 0 0 27px #c0c0c0;
    -moz-box-shadow: 0 0 27px #c0c0c0;
    -ms-box-shadow: 0 0 27px #c0c0c0;
    -o-box-shadow: 0 0 27px #c0c0c0;
    box-shadow: 0 0 27px #c0c0c0;
}
.intro:hover .intro-img img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.intro > h4 {
    float:left;
    width:100%;
    color: #1a2555;
    font-size: 28px;
    margin: 65px 0 20px;
    width: 100%;
}
.socials {
    float: left;
    width: 100%;
}
.socials > a {
    background: #c2c3c4;
    color: #ffffff;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    margin: 0 2px;
    width: 25px;
}
.intro > p {
    color: #999999;
    float: left;
    font-size: 22px;
    line-height: 36px;
    margin-top: 25px;
    width: 100%;
}
.sign {
    background:url(../images/design.png) no-repeat scroll center top;
    color: #4c4b4b;
    float: left;
    font-family: great vibes;
    font-size: 29px;
    margin-top: 25px;
    padding-top: 40px;
    position: relative;
    width: 100%;
}
.intro:last-child {
    padding-left: 35px;
    padding-right: 0;
}
.intro:last-child:before{
    left: auto;
    right: -60px;
}
.intro:last-child:hover:before{
    left: auto;
    right: 70px;
}

/*===== Stories Sec =====*/
.stories-sec {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 18px rgba(92, 92, 92, 0.10);
    -moz-box-shadow: 0 0 18px rgba(92, 92, 92, 0.10);
    -ms-box-shadow: 0 0 18px rgba(92, 92, 92, 0.10);
    -o-box-shadow: 0 0 18px rgba(92, 92, 92, 0.10);
    box-shadow: 0 0 18px rgba(92, 92, 92, 0.10);
    float: left;
    padding: 85px;
    position: relative;
    width: 100%;
}
.stories-sec::before {
    background: rgba(0, 0, 0, 0) url(../images/stories-bg.jpg) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 40%;
}
.stories-thumb {
    border: 1px solid #e7e2e2;
    float: left;
    opacity: 0;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    width: 100%;
}
.stories-thumb > img {border: 35px solid #fff;}
.stories-detail {
    float: left;
    margin-top: 18px;
    opacity: 0;
    padding-left: 40px;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    width: 100%;
}
.stories-carousel .owl-item.active .stories-thumb,
.stories-carousel .owl-item.active .stories-detail {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.stories-carousel .owl-item {overflow: hidden;}
.stories-detail .title {margin-bottom: 35px;}
.stories-detail > h2 {
    color: #000;
    float: left;
    font-weight:200;
    font-size: 28px;
    letter-spacing: 0.2px;
    margin-bottom: 10px;
    width: 100%;
}
.stories-detail > h2 a {color: inherit;}
.stories-detail > i {
    color: #aba8a8;
    float: left;
    font-family: lato;
    font-size: 21px;
    font-weight: 600;
    width: 100%;
}
.stories-detail > p {
    color: #666;
    float: left;
    font-size: 22px;
    letter-spacing: 0.2px;
    line-height: 38px;
    margin-top: 20px;
    width: 100%;
}
.storiesnav {
    bottom: 90px;;
    position: absolute;
    right: 185px;
    width: 385px;
}
.stories-nav {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.stories-nav li {
    float: left;
    width: 100%;
}
.stories-nav li a {
    display: inline-block;
    position: relative;
}
.owl-dots {
    bottom: -30px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.owl-dots > div {
    background: #002157 none repeat scroll 0 0;
    float: left;
    height: 11px;
    margin-right:20px;
    width: 11px;
}
.owl-dots > div:last-child {margin-right: 0;}
.owl-dots > div.active {
    height: 16px;
    width: 16px;
    margin-top: -2px;
}

/*===== Gallery Sec =====*/
.gallery-carousel {
    float: left;
    margin-bottom: 70px;
    margin-left: -20%;
    width:140% !important;
}
.gallery-post {
    float: left;
    position: relative;
    width: 100%;
}
.gallery-post:before,
.gallery-post:after {
    background: #fff;
    height: 30px;
    width: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
    content: "";
    z-index: 1;
}
.gallery-post:before {top: -1px;}
.gallery-post:after {bottom: -1px;}
.gallery-post > img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.gallery-info {
    bottom: 65px;
    left: 35px;
    opacity: 0;
    padding: 25px;
    position: absolute;
    text-align: center;
    width: calc(100% - 70px);
    z-index: 1;
}
.gallery-info::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.gallery-info > h2 {
    color: #fff;
    float: left;
    font-size: 28px;
    font-weight: 700;
    margin: 10px 0 8px;
    width: 100%;
}
.gallery-info > span {
    color: #fff;
    float: left;
    font-size: 19px;
    width: 100%;
}
.gallery-carousel .owl-item.center .gallery-info {opacity: 1;}
.gallery-carousel .owl-item.center .gallery-info::before {opacity: 0.8;}
.gallery-carousel .owl-item.center .gallery-post {
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.26);
    -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.26);
    -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.26);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.26);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.gallery-carousel .owl-item.center .gallery-post:before,
.gallery-carousel .owl-item.center .gallery-post:after {opacity: 1;}
.gallery-carousel .owl-stage-outer {
    overflow-y: auto !important;
    padding: 90px 0;
}
.gallery-carousel .owl-item.center {
    position: relative;
    z-index: 1;
}
.gallery-carousel .owl-item.center .gallery-post > img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.gallery-carousel .owl-dots {bottom: -45px;}
/*===== Event Schedule =====*/
.event-tabs {
    float: left;
    padding-left: 224px;
    position: relative;
    width: 100%;
}
.event-tabs:before {
    background: rgba(0, 0, 0, 0) url(../images/event-bg.jpg) no-repeat scroll center center / cover ;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 224px;
}
.event-title {
    float: left;
    width: 26%;
}
.event-title > ul {
    border-bottom: 0 none;
    float: left;
    margin-left: -35px;
    margin-top: 60px;
    width: 100%;
}
.event-title > ul > li {
    color: #fff;
    float: left;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 0.2px;
    margin-bottom: 13px;
    width: 100%;
}
.event-title > ul > li.active {font-weight: 700;}
.event-title > ul > li:last-child {margin-bottom: 0;}
.event-title > ul > li a {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: inherit;
    line-height: 68px;
    margin: 0;
    padding: 0;
}
.event-title .nav-tabs > li.active > a, 
.event-title .nav-tabs > li.active > a:focus, 
.event-title .nav-tabs > li.active > a:hover {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
}
.event-title > ul > li a i {
    background: #58595b none repeat scroll 0 0;
    float: left;
    font-size: 25px;
    height: 68px;
    line-height: 68px;
    margin-right: 20px;
    text-align: center;
    width: 68px;
}
.event-title > ul > li.active > a i {background: #fff none repeat scroll 0 0;}
.event-title > ul > li.active > a {color: #fff;}
.event-title > ul > li a:hover {background: transparent none repeat scroll 0 0;}
.title.style3::before {border-color: #fff;}
.title.style3 > h4 span {color: #fff;}
.event-title .title.style3 {
    margin-left: 30px;
    margin-top: 127px;
    width: calc(100% - 60px);
}
.event-title > a {
    background: #e84365;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
    color: #fff;
    display: inline-block;
    font-size: 19px;
    margin-bottom: 125px;
    margin-left: 24%;
    margin-top: 130px;
    padding: 16px 55px;
}
.event-tabs .tab-content {
    float: left;
    width: 74%;
}
.event-venue {
    background: #fff;
    float: left;
    -webkit-box-shadow: 20px 0 29px rgba(92, 92, 92, 0.25);
    -moz-box-shadow: 20px 0 29px rgba(92, 92, 92, 0.25);
    -ms-box-shadow: 20px 0 29px rgba(92, 92, 92, 0.25);
    -o-box-shadow: 20px 0 29px rgba(92, 92, 92, 0.25);
    box-shadow: 20px 0 29px rgba(92, 92, 92, 0.25);
    opacity: 0;
    position: relative;
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    width: 38%;
    z-index: 1;
}
.ti1 {
    background: #333 none repeat scroll 0 0;
    float: left;
    padding: 20px;
    text-align: center;
    width: 100%;
}
.ti1 > h4 {
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 21px;
    width: 100%;
}
/*===== Venu =====*/
.event-loc {
    float: left;
    margin-top: 42px;
    padding: 0 30px;
    text-align: center;
    width: 100%;
}
.event-loc > h2 {
    color: #58595b;
    float: left;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.2px;
    margin-top: 20px;
    width: 100%;
}
.event-loc > i {
    float: left;
    font-size: 19px;
    letter-spacing: 0.2px;
    margin-top: 10px;
    width: 100%;
}
.event-time {
    float: left;
    margin-top: 65px;
    padding: 0 40px;
    text-align: center;
    width: 100%;
}
.event-time > span {
    border-bottom: 2px solid #ddd;
    color: #999;
    display: inline-block;
    font-size: 21px;
    margin-bottom: 13px;
    padding-bottom: 5px;
}
.event-time > h2 {
    border-bottom: 1px solid #ddd;
    display: inline-block;
    font-size: 29px;
    font-weight: 700;
    margin-bottom: 5px;
    padding-bottom: 8px;
}
.event-time > i {
    color: #898a8b;
    float: left;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.2px;
    width: 100%;
}
.event-time .time {
    border-bottom: 0;
    color: #fff;
    font-size: 21px;
    line-height: initial;
    margin-bottom: 0;
    margin-left: -10px;
    margin-top: 75px;
    padding: 5px 0 9px;
    width: calc(100% + 20px);
}
.event-address {
    border-bottom: 1px dashed #333;
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 40px 30px 62px;
    width: 100%;
}
.event-address > li {
    float: left;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 15px;
    width: 100%;
}
.event-address > li i {
    background: #58595b none repeat scroll 0 0;
    color: #fff;
    float: left;
    height: 33px;
    line-height: 33px;
    margin-right: 10px;
    text-align: center;
    width: 33px;
}
.event-address > li strong {
    color: #58595b;
    margin-right: 10px;
}
.event-address > li:last-child {margin-bottom: 0;}
.event-address > li a {color: inherit;}
.venu-bottom {
    float: left;
    padding: 35px 30px 35px;
    text-align: center;
    width: 100%;
}
.venu-bottom > strong {
    color: #333;
    float: left;
    font-size: 24px;
    letter-spacing: 0.2px;
    width: 100%;
}
.venu-bottom > span {
    color: #333;
    float: left;
    font-size: 18px;
    width: 100%;
}
.ceremony-details {
    background: #fff;
    -webkit-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -moz-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -ms-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -o-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    float: left;
    opacity: 0;
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -ms-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
    width: 62%;
}
.event-tabs .tab-pane.in .ceremony-details, 
.event-tabs .tab-pane.in .event-venue {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.event-detail-inner {
    float: left;
    padding: 65px 50px 72px;
    width: 100%;
}
.event-detail-inner > span {
    border: 1px solid #e2dfdf;
    float: left;
    margin-bottom: 60px;
    padding: 30px;
    text-align: center;
    width: 100%;
}
.event-detail-inner > h2 {
    color: #58595b;
    float: left;
    font-size: 21px;
    margin-bottom: 20px;
    width: 100%;
}
.rating {
    float: left;
    list-style: outside none none;
    margin-bottom: 15px;
    padding-left: 0;
    width: 100%;
}
.rating > li {
    color: #ffb214;
    float: left;
    font-size: 18px;
}
.event-detail-inner > p {
    color: #7d7d7d;
    float: left;
    font-size: 18px;
    line-height: 30px;
    width: 100%;
}
.hotel-view {
    float: left;
    margin-top: 40px;
    width: 100%;
}
.inner-title {
    float: left;
    font-size: 18px;
    letter-spacing: 0.2px;
    margin-top: 16px;
}
.hotel-view > ul {
    float: right;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.hotel-view > ul li {
    float: left;
    margin-right: 4px;
}
.hotel-view > ul li:last-child {margin-right: 0;}
.event-play {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.event-play > span {margin-top: 0;}
.event-play > ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 20px;
    padding-left: 0;
    width: 100%;
}
.event-play ul li img {margin-right: 13px;}
.event-play ul li a {
    color: #333;
    font-size: 18px;
    letter-spacing: 0.2px;
}
.event-play ul li {
    float: left;
    width: 100%;
}
/*===== Peoples Sec =====*/
.people-carousel {
    float: left;
    margin-top: -20px;
    width: 100%;
}
.people {
    float: left;
    text-align: center;
    width: 100%;
    padding:15px 15px 0;
}
.people-img {
    -webkit-box-shadow:0 0 17px #d0d0d0;
    -moz-box-shadow:0 0 17px #d0d0d0;
    -ms-box-shadow:0 0 17px #d0d0d0;
    -o-box-shadow:0 0 17px #d0d0d0;
    box-shadow:0 0 17px #d0d0d0;
    float: left;
    overflow: hidden;
    padding: 28px;
    position: relative;
    width: 100%;
}
.people-img > img {border: 2px solid #fbe2e7;}
.people-carousel:hover .people-img img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.people-carousel:hover .people:hover .people-img img{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.people .socials {
    bottom: -60px;
    left: 30px;
    opacity: 0;
    padding: 30px;
    position: absolute;
    width: calc(100% - 60px);
    z-index: 1;
}
.people .socials::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.people .socials > a {
    position: relative;
    z-index: 1;
    background:#FFF;
}
.people .socials > a:hover{color:#FFF}
.people-img:hover > .socials {
    bottom: 30px;
    opacity: 1;
}
.people h2 {
    color: #002157;
    float: left;
    font-size: 22px;
    margin-top: 25px;
    width: 100%;
    padding-top: 35px;
    background: url(../images/design.png) no-repeat scroll top center;
}
.people-info > h2 a {color: inherit;}
.people-carousel .owl-dots {bottom: -55px;}

/*===== Blog Sec =====*/
.blog-post {
    border: 2px solid #f3f3f3;
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.blog-post.img-post,
.blog-post.author-post {
    border: 0 none;
    text-align: center;
}
.blog-post.intro-div {padding: 76px 15%;}
.intro-div .title {margin-bottom: 55px;}
.blog-post > p {
    color: #999;
    float: left;
    font-size: 18px;
    line-height: 30px;
    width: 100%;
}
.blog-post .btn1 {font-size: 18px;}
.blog-post > a.btn2 {
    border: 2px solid;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin-top: 40px;
    padding: 18px 35px;
}
.blog-post > a.btn2:hover {background: transparent none repeat scroll 0 0;}

.post-carousel {
    float: left;
    padding: 0 13px 7px;
}
.carousel-post {
    float: left;
    position: relative;
    width: 100%;
}
.carousel-post > span {
    color: #717171;
    font-family: lato;
    font-size: 43px;
    font-weight: 700;
    left: -20px;
    letter-spacing: 0.2px;
    line-height: initial;
    opacity: 0;
    position: absolute;
    top: 50px;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}
.carousel-post > h2 {
    background: -moz-linear-gradient(180deg, rgba(214,134,6,1) 0%, rgba(240,195,74,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(240,195,74,1)), color-stop(100%, rgba(214,134,6,1)));
    background: -webkit-linear-gradient(180deg, rgba(214,134,6,1) 0%, rgba(240,195,74,1) 100%);
    background: -o-linear-gradient(180deg, rgba(214,134,6,1) 0%, rgba(240,195,74,1) 100%);
    background: -ms-linear-gradient(180deg, rgba(214,134,6,1) 0%, rgba(240,195,74,1) 100%);
    background: linear-gradient(270deg, rgba(214,134,6,1) 0%, rgba(240,195,74,1) 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -o-text-fill-color: transparent;
    font-size: 157px;
    font-weight: 700;
    left: -20px;
    opacity: 0;
    position: absolute;
    top: 90px;
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -ms-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
}
.carousel-post > img {
    float: right;
    opacity: 0;
    -webkit-transform:translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    -ms-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
}
.post-carousel .owl-nav {
    bottom: 25px;
    color: transparent;
    position: absolute;
}
.post-carousel .owl-nav > div {
    border: 2px solid #d7d7d7;
    float: left;
    height: 33px;
    margin-right: 3px;
    position: relative;
    width: 33px;
}
.post-carousel .owl-nav > div:last-child {margin-right: 0;}
.post-carousel .owl-nav > div::before {
    color: #d7d7d7;
    content: "\f104";
    font-family: fontawesome;
    font-size: 18px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.post-carousel .owl-nav > div.owl-next::before {content: "\f105";}
.post-carousel .owl-item.active .carousel-post > span,
.post-carousel .owl-item.active .carousel-post > h2 {
    left: 0;
    opacity: 1;
}
.post-carousel .owl-item.active .carousel-post > img {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.blog-post-padd {
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 65px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
}
.blog-post:hover .blog-post-padd {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.blog-post-padd-inner {
    height: 100%;
    padding: 70px 45px 40px;
    position: relative;
    z-index: 1;
}
.blog-post-padd-inner::before {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.post-meta {
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 10px;
    padding-left: 0;
}
.post-meta > li {
    color: #fff;
    float: left;
    font-size: 17px;
    margin-right: 20px;
}
.post-meta > li:last-child {margin-right: 0;}
.post-detail > h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.2px;
}
.post-detail > h2 a {color: inherit;}
.post-detail > p {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    margin-top: 30px;
    max-width: 95%;
}
.post-author {
    float: left;
    margin-left: 40px;
    margin-top: 40px;
    max-width: 200px;
}
.post-author > img {
    float: left;
    margin-right: 40px;
}
.post-author > span {
    color: #fff;
    float: left;
    font-size: 14px;
    letter-spacing: 0.2px;
    margin-top: 5px;
}
.post-author > strong {
    color: #fff;
    float: left;
    font-size: 21px;
}
.post-detail > a {
    background: #fff none repeat scroll 0 0;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    color: #000;
    float: right;
    font-size: 16px;
    margin-top: 40px;
    padding: 15px 30px;
}
.post-detail > a:hover {background: #333 none repeat scroll 0 0;}

/*===== Your Gift =====*/
.design img{
	margin-top:20px;
	margin-bottom:20px;
}
.your-gifts {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -moz-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -ms-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -o-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    float: left;
    padding: 115px 60px 115px 60px;
    width: 100%;
}
.gift-carousel {
    float: left;
    margin-top: 70px;
    padding-right: 60px;
    width: 100%;
}
.gift-carousel .owl-dots {bottom: -55px;}

.gift-post {
    border: 4px solid #fbe2e7;
    float: left;
    position: relative;
    width: 100%;
}
.gift-post > img {width: 100%;}
.gift-post::before {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.gift-info {
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
}
.gift-info > img {position: absolute;}
.gift-info > .fr-img {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.gift-carousel .owl-item.center .gift-info > .fr-img {opacity: 0;}
.gift-info > .bk-img {
    top: -40px;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.gift-carousel .owl-item.center .gift-info > .bk-img {opacity: 1;}
.gift-info > a {
    background: #000 none repeat scroll 0 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    opacity: 0;
    padding: 3px 15px 5px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.gift-carousel .owl-item.center .gift-info > a {
    margin-top: -10px;
    opacity: 1;
    -webkit-transform: translateY(130%);
    -moz-transform: translateY(130%);
    -ms-transform: translateY(130%);
    -o-transform: translateY(130%);
    transform: translateY(130%);
}
.gift-carousel .owl-item.center .gift-post::before {
    background: #1a2555 none repeat scroll 0 0;
    opacity: 0.7;
}
.gift-carousel .owl-item.center .gift-post {border: 0 none;}
.gift-info1 .title {margin-bottom: 45px;}
.gift-info1 > p {
    color: #999;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
    max-width: 85%;
}
/*===== Contact Area =====*/
.attending-sec {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -moz-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -ms-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -o-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    float: left;
    padding: 80px;
    position: relative;
    width: 100%;
}
.contact-mockup {
    bottom: -20px;
    left: -225px;
    max-width: 37%;
    position: absolute;
}
.attending {
    border: 2px solid #e7e2e2;
    float: left;
    padding: 75px 75px 80px 120px;
    width: 100%;
}
.attending-div {
    float: left;
    margin-top: 150px;
    padding-right: 40px;
    width: 100%;
}
.attending-div .title {margin-bottom: 70px;}
.attending-div > p {
    color: #999;
    font-size: 18px;
    line-height: 30px;
}
.contect-form {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    float: left;
    padding: 25px 70px 50px;
    position: relative;
    text-align: center;
    width: 100%;
}
.contect-form > img {margin-bottom: 35px;}
.contect-form form {
    float: left;
    width: 100%;
}
.contect-form form > .row {margin: 0 -25px;}
.contect-form form > .row > div {padding: 0 25px;}
.contect-form form input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #ccc;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 2px;
    color: #999;
    float: left;
    font-size: 19px;
    font-style: italic;
    margin-bottom: 30px;
    padding-bottom: 4px;
    padding-left: 4px;
    width: 100%;
}
.contect-form form button {
    background: #000 none repeat scroll 0 0;
    border: 2px solid;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-top: 25px;
    padding: 11px 35px 13px;
}
.contect-form form button:hover {background: transparent none repeat scroll 0 0;}
.envelop-btn {
    bottom: -32px;
    color: #fff;
    font-size: 23px;
    height: 67px;
    left: -32px;
    line-height: 65px;
    position: absolute;
    width: 67px;
    z-index: 1;
}
.envelop-btn::before {
    -webkit-animation: pulse 1s linear infinite;
    -moz-animation: pulse 1s linear infinite;
    -ms-animation: pulse 1s linear infinite;
    animation: pulse 1s linear infinite;
    bottom: -19px;
    content: "";
    height: 104px;
    left: -19px;
    opacity: 0.39;
    position: absolute;
    width: 104px;
    z-index: -1;
}
@keyframes pulse {
   0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

}

@-moz-keyframes pulse {
   0% {
     -moz-transform: scale(1.1);
     transform: scale(1.1);
 }
 50% {
     -moz-transform: scale(0.8);
     transform: scale(0.8);
 }
 100% {
     -moz-transform: scale(1);
     transform: scale(1);
 }

}

@-webkit-keyframes pulse {
   0% {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }
 50% {
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
 }
 100% {
     -webkit-transform: scale(1);
     transform: scale(1);
 }

}

@-ms-keyframes pulse {
   0% {
     -ms-transform: scale(1.1);
     transform: scale(1.1);
 }
 50% {
     -ms-transform: scale(0.8);
     transform: scale(0.8);
 }
 100% {
     -ms-transform: scale(1);
     transform: scale(1);
 }
}
/*===== Slider ===== */
.creative-slider {
    float: left;
    width: 100%;
    position: relative;
    z-index: 0;
}
.layer1{
    color:#FFF;
    font-family:playfair display;
    font-weight:700;
    text-shadow:0 0 9px #707070;
}
.layer2{
    color:#FFF;
    font-family:playfair display;
    font-weight:700;
    font-style:italic;
}
.layer2:before,
.layer2:after{
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0), #ffffff) repeat scroll 0 0;
    content: "";
    height:6%;
    position: absolute;
    left:-100%;
    top: 50%;
    width: 100%;
}
.layer2:after{
    left:auto;
    right:-100%;
    background: rgba(0, 0, 0, 0) linear-gradient(to right,#ffffff, rgba(0, 0, 0, 0)) repeat scroll 0 0;
}
.layer3{
    font-family:playfair display;
    color:#002157;
    font-weight:700;
}
.layer4{
    font-family:playfair display;
    color:#f66b88;
    font-weight:700;
}
.layer5{
    font-family:playfair display;
    font-weight:700;
    color:#002157;
}
/*===== Footer =====*/
.bottom-links {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    display: table;
    position: relative;
    width: 100%;
    z-index: 1;
}
.bottom-links > img {
    display: table-cell;
    max-width: none;
    vertical-align: middle;
}
.bottom-links .logo {
    left: 50%;
    position: absolute;
    top: 5px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.bottom-links > ul {
    display: table-cell;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    text-align: center;
    vertical-align: middle;
}
.bottom-links > ul > li {
    color: #3d3d3d;
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    margin-right: 35px;
	margin-top:50px;
}
.bottom-links > ul > li a {color: inherit;}
.bottom-links > ul > li:hover {font-weight: 700;}
.bottom-links.overlape2 {margin-bottom: -90px;}
.bottom-line {
    float: left;
    padding: 137px 135px 60px;
    width: 100%;
}
.bottom-line > p {
    color: #fff;
    float: left;
    font-size: 20px;
    letter-spacing: .2px;
}
.bottom-line > p:last-child {float: right;}
.bottom-line > p a {color: inherit;}




/*Roses*/
.skrollable {
/*
* First-level skrollables are positioned relative to window
*/
position:fixed;

/*
* Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
*/
z-index:100;
}

.skrollr-mobile .skrollable {
/*
May cause issues on Android default browser (see #331 on GitHub).
*/
position:absolute;
}

.skrollable .skrollable {
/*
* Second-level skrollables are positioned relative their parent skrollable
*/
position:absolute;
}

.skrollable .skrollable .skrollable {
/*
* Third-level (and below) skrollables are positioned static
*/
position:static;
}

.forever-flowers {
    position: absolute;
    z-index: 4;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
}
.flwr{
    position: absolute;
    -webkit-transition:all 3s;
    -moz-transition:all 3s;
    -ms-transition:all 3s;
    -o-transition:all 3s;
    transition:all 3s;
}
.flwr1{left:-50px}
.flwr2{left:170px}
.flwr3{left:60px}
.flwr4{left:20px}
.flwr5{left:200px}
.flwr6{right:-50px}
.flwr7{right:170px}
.flwr8{right:60px}
.flwr9{right:20px}
.flwr10{right:200px}
/* ===============================================================
    OWL CAROUSEL STYLING
    ================================================================*/
    .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;}.owl-carousel .owl-animated-in{z-index:0;}.owl-carousel .owl-animated-out{z-index:1;}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}@-webkit-keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}@keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}/* *   Owl Carousel - Auto Height Plugin*/.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}/* *  Core Owl Carousel CSS File*/.owl-carousel{display:none;-webkit-tap-highlight-color:transparent;/* position relative and z-index fix webkit rendering fonts issue */position:relative;z-index:1;}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;/* fix for flashing background */-webkit-transform:translate3d(0px, 0px, 0px);}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.owl-carousel.owl-loaded{display:block;}.owl-carousel.owl-loading{opacity:0;display:block;}.owl-carousel.owl-hidden{opacity:0;}.owl-carousel .owl-refresh .owl-item{display:none;}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.owl-carousel .owl-item img{-webkit-transform-style:preserve-3d;}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab;}.owl-carousel.owl-rtl{direction:rtl;}.owl-carousel.owl-rtl .owl-item{float:right;}/* No Js */.no-js .owl-carousel{display:block;}/* *    Owl Carousel - Lazy Load Plugin*/.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;}.owl-carousel .owl-item img{transform-style:preserve-3d;}/* *  Owl Carousel - Video Plugin*/.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000;}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease;}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3, 1.3);-moz-transition:scale(1.3, 1.3);-ms-transition:scale(1.3, 1.3);-o-transition:scale(1.3, 1.3);transition:scale(1.3, 1.3);}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none;}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;}.owl-carousel .owl-video-frame{position:relative;z-index:1;}
    @-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
    @-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
    @-webkit-keyframes jello{0%,100%,11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,100%,11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
    @-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
    @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
    @-webkit-keyframes fadeInLeft{
      0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px);
    }

    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}

@keyframes fadeInLeft{
  0%{
    opacity:0;
    -webkit-transform:translateX(-20px);
    -ms-transform:translateX(-20px);
    transform:translateX(-20px);
}

100%{
    opacity:1;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
}
}

.fadeInLeft{
  -webkit-animation-name:fadeInLeft;
  animation-name:fadeInLeft;
}
@-webkit-keyframes fadeOutLeft{
  0%{
    opacity:1;
    -webkit-transform:translateX(0);
    transform:translateX(0);
}

100%{
    opacity:0;
    -webkit-transform:translateX(-20px);
    transform:translateX(-20px);
}
}

@keyframes fadeOutLeft{
  0%{
    opacity:1;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
}

100%{
    opacity:0;
    -webkit-transform:translateX(-20px);
    -ms-transform:translateX(-20px);
    transform:translateX(-20px);
}
}

.fadeOutLeft{
  -webkit-animation-name:fadeOutLeft;
  animation-name:fadeOutLeft;
}

/*===== Page Top =====*/
.pagetop-inner {
    float: left;
    margin-bottom: 80px;
    margin-top: 75px;
    text-align: center;
    width: 100%;
}
.pagetop-inner > strong {
    color: #fff;
    display: inline-block;
    font-size: 57px;
    line-height: 57px;
}
/*===== About Her & About Him =====*/
.about-sec {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -moz-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -ms-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -o-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    float: left;
    margin-top: 65px;
    padding: 0 85px 130px;
    position: relative;
    width: 100%;
}
.about-thumb {
    border: 1px solid #e7e2e2;
    float: left;
    margin-bottom: 85px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.about-thumb > img {border: 40px solid #fff;}
.about-thumb::before {
    background: rgba(0, 0, 0, 0) url(../images/stories-bg.jpg) no-repeat scroll center center / cover ;
    content: "";
    height: calc(100% + 170px);
    left: -87px;
    position: absolute;
    top: -85px;
    width: 100%;
    z-index: -1;
}
.about-thumb.overlape {margin-top: -160px;}
.about-intro {
    float: left;
    padding-top: 100px;
    position: relative;
    width: 100%;
}
.per {
    color: #fff;
    font-size: 36px;
    padding: 10px 160px;
    position: absolute;
    right: -67px;
    top: -60px;
    z-index: 1;
}
.per::before {
    background: rgba(0, 0, 0, 0) url(../images/ribbon.png) no-repeat scroll center center;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.social-btn {
    float: left;
    list-style: outside none none;
    margin-bottom: 45px;
    padding-left: 0;
    text-align: center;
    width: 100%;
}
.social-btn > li {
    color: #fff;
    float: left;
    font-size: 25px;
    line-height: 40px;
    margin-right: 30px;
}
.social-btn > li:last-child {margin-right: 0;}
.social-btn > li a {
    color: inherit;
    float: left;
    height: 40px;
    width: 37px;
}
.social-btn > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.about-intro > h4 {
    color: #002157;
    float: left;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0.2px;
    margin-bottom: 12px;
    width: 100%;
}
.about-intro > span {
    color: #3d3d3d;
    float: left;
    font-size: 29px;
    letter-spacing: 0.2px;
    line-height: initial;
    width: 100%;
}
.about-intro > img {margin-top: 15px;}
.about-intro > p {
    color: #7d7d7d;
    font-size: 22px;
    letter-spacing: 0.2px;
    line-height: 36px;
    margin-top: 20px;
    max-width: 90%;
}
.about-introcontent {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.about-introcontent > p {
    color: #7d7d7d;
    font-size: 22px;
    line-height: 36px;
    margin-top: 35px;
    max-width: 94%;
}
.about-sec::before {
    background: #b7b7b7 none repeat scroll 0 0;
    bottom: 55px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -otransform: translateX(-50%);
    transform: translateX(-50%);
    width: 160px;
}

/*===== Blog =====*/
.blog-sec {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    float: left;
    width: 100%;
}
.blog-post2 {
    float: left;
    width: 100%;
}
.blog-post2.rev .blog-thumb {margin-left: -15px;}
.blog-thumb {
    float: left;
    width: calc(100% + 15px);
}
.blog-thumb > a {
    border: 20px solid #fff;
    -webkit-box-shadow: 0 0 24px rgba(41, 37, 24, 0.15);
    -moz-box-shadow: 0 0 24px rgba(41, 37, 24, 0.15);
    -ms-box-shadow: 0 0 24px rgba(41, 37, 24, 0.15);
    -o-box-shadow: 0 0 24px rgba(41, 37, 24, 0.15);
    box-shadow: 0 0 24px rgba(41, 37, 24, 0.15);
    float: left;
    width: 100%;
}
.post-detail.style2 {
    float: left;
    padding: 78px 85px;
    width: 100%;
}
.cate {
    color: #3a54d6;
    float: left;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.25px;
}
.cate > a {color: inherit;}
.post-detail.style2 .post-meta {float: right;}
.post-detail.style2 .post-meta > li {
    color: #bbb;
    margin-left: 90px;
    margin-right: 0;
}
.post-meta > li a {color: inherit;}
.post-detail.style2 > h2 {
    color: initial;
    display: block;
    margin-bottom: 30px;
    margin-top: 55px;
    width: 100%;
}
.post-detail.style2 > h2 a span {color: #002157;}
.post-detail.style2 > p {
    color: #7d7d7d;
    font-size: 22px;
    margin-bottom: 78px;
}
.post-detail.style2 .post-author {
    margin-left: 0;
    margin-top: 0;
    max-width: 240px;
}
.post-detail.style2 .post-author > span {
    color: #bbb;
    font-size: 17px;
}
.post-detail.style2 .post-author > strong {color: #233965;}
.post-detail.style2 > a {
    color: #fff;
    font-size: 17px;
    margin-top: 0;
    padding: 15px 55px;
}
.load-more {
    float: left;
    margin-top: 40px;
    text-align: center;
    width: 100%;
}
.load-more > a {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 18px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 18px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.15);
    color: #111;
    display: inline-block;
    font-size: 17px;
    letter-spacing: 0.25px;
    padding: 30px;
    width: 100%;
}
.load-more > a i {
    color: #002157;
    margin-right: 20px;
}
.load-more > a:hover {
    color: #fff;
    width: 30%;
}
.load-more > a:hover i {color: #fff;}
/*===== Single Blog =====*/
.blog-single {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 24px rgba(79, 77, 74, 0.15);
    -moz-box-shadow: 0 0 24px rgba(79, 77, 74, 0.15);
    -ms-box-shadow: 0 0 24px rgba(79, 77, 74, 0.15);
    -o-box-shadow: 0 0 24px rgba(79, 77, 74, 0.15);
    box-shadow: 0 0 24px rgba(79, 77, 74, 0.15);
    float: left;
    width: 100%;
}
.singleblog-thumb {
    border: 15px solid #fff;
    -webkit-box-shadow: 0 0 24px rgba(79, 77, 74, 0.3);
    -moz-box-shadow: 0 0 24px rgba(79, 77, 74, 0.3);
    -ms-box-shadow: 0 0 24px rgba(79, 77, 74, 0.3);
    -o-box-shadow: 0 0 24px rgba(79, 77, 74, 0.3);
    box-shadow: 0 0 24px rgba(79, 77, 74, 0.3);
    float: left;
    position: relative;
    width: 100%;
}
.singlepost-info {
    bottom: 145px;
    left: 0;
    padding: 0 70px;
    position: absolute;
    right: 0;
}
.singlepost-info > h1 {
    color: #fff;
    font-size: 72px;
    line-height: 72px;
    max-width: 60%;
    -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    -ms-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    -o-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.singleblog-thumb::before {
    background: #002157 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.15;
    position: absolute;
    right: 0;
    top: 0;
}
.singlepost-info .post-meta {
    float: right;
    margin-bottom: 0;
    margin-top: -80px;
    max-width: 180px;
}
.singlepost-info .post-meta > li {
    margin-bottom: 6px;
    margin-right: 0;
    text-align: right;
    -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    -ms-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    -o-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    width: 100%;
}
.singlepost-info .post-meta > li:last-child {margin-bottom: 0;}
.singlepost-share {
    bottom: -36px;
    position: absolute;
    right: 70px;
}
.singlepost-share > span {
    background: #ddd none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 24px rgba(79, 77, 74, 0.5);
    -moz-box-shadow: 0 0 24px rgba(79, 77, 74, 0.5);
    -ms-box-shadow: 0 0 24px rgba(79, 77, 74, 0.5);
    -o-box-shadow: 0 0 24px rgba(79, 77, 74, 0.5);
    box-shadow: 0 0 24px rgba(79, 77, 74, 0.5);
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    width: 72px;
}
.singlepost-share > ul {
    list-style: outside none none;
    margin-bottom: 0;
    min-width: 300px;
    padding-left: 0;
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.singlepost-share > ul > li {
    color: #dcdcdc;
    float: right;
    font-size: 16px;
    margin-right: 10px;
    margin-top: -20px;
    opacity: 0;
    visibility: hidden;
}
.singlepost-share:hover > ul > li {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}
.singlepost-share > ul > li > a {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 18px rgba(79, 77, 74, 0.25);
    -moz-box-shadow: 0 0 18px rgba(79, 77, 74, 0.25);
    -ms-box-shadow: 0 0 18px rgba(79, 77, 74, 0.25);
    -o-box-shadow: 0 0 18px rgba(79, 77, 74, 0.25);
    box-shadow: 0 0 18px rgba(79, 77, 74, 0.25);
    color: inherit;
    float: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
}
.singlepost-share > ul > li > a:hover {color: #fff;}
blockquote {
    border: 0 none;
    float: left;
    letter-spacing: 0.3px;
    margin: 140px 0 50px;
    padding: 0 85px;
    width: 100%;
}
blockquote > p {
    color: #3d3d3d;
    font-size: 29px;
    line-height: 38px;
}
.singlepost-detail {
    float: left;
    width: 100%;
}
.singlepost-detail > p {
    color: #7d7d7d;
    font-size: 22px;
    line-height: 38px;
    margin-top: 30px;
}
.innr-gallery {
    -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 60px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 60px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 60px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.15);
    float: left;
    margin: 50px 0;
    width: 100%;
}
.innr-gallery > span {
    background: #fff none repeat scroll 0 0;
    color: #aaa;
    float: left;
    font-size: 17px;
    padding: 25px 40px;
    width: 100%;
}
.innr-gallery > span i {margin-right: 10px;}
.tags {
    float: left;
    margin-top: 75px;
    width: 100%;
}
.tags > span {
    color: #111;
    float: left;
    font-size: 15px;
    font-weight: 700;
    margin-right: 50px;
    margin-top: 20px;
    text-transform: uppercase;
}
.tagcloud {margin-top: -10px;}
.tagcloud > a {
    background: #ededed none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: inherit;
    float: left;
    padding: 10px 25px;
    color: #111;
    float: left;
    font-size: 17px;
    letter-spacing: 0.25px;
    margin-right: 12px;
    margin-top: 10px;
}
.tagcloud > a:last-child {margin-right: 0;}
.tagcloud > a:hover {color: #fff;}
.blog-single .post-author {
    border-bottom: 1px solid #eae8e8;
    border-top: 1px solid #eae8e8;
    float: left;
    margin: 50px 0 0;
    max-width: 100%;
    padding: 20px 17%;
    width: 100%;
}
.author-info {
    float: left;
    max-width: 220px;
}
.author-info > img {
    float: left;
    margin-right: 40px;
}
.author-info > span {
    color: #bbb;
    font-size: 17px;
    letter-spacing: 0.2px;
}
.author-info > strong {
    color: #233965;
    float: left;
    font-size: 22px;
    letter-spacing: 0.2px;
}
.post-author > a {
    background: #dcdcdc none repeat scroll 0 0;
    border: 2px solid;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    color: #fff;
    float: right;
    font-size: 17px;
    margin-top: 3px;
    padding: 13px 55px;
}
.post-author > a:hover {background: transparent none repeat scroll 0 0;}
/*===== Comments Style =====*/
.comments-thread {
    float: left;
    margin-top: 110px;
    width: 100%;
}
.sec-ti2 {
    color: #111;
    float: left;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.25px;
}
.comment-count {
    color: #3a54d6;
    float: left;
    font-size: 24px;
    line-height: 24px;
    margin-left: 20px;
}
.comment-reply-link {
    border: 1px solid #ddd;
    color: #111;
    float: right;
    font-size: 22px;
    height: 61px;
    line-height: 61px;
    text-align: center;
    width: 61px;
}
.comment-reply-link:hover {color: #fff;}
.comments {
    border-top: 2px solid #efefef;
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 20px;
    padding-left: 0;
    width: 100%;
}
.comments li {
    float: left;
    padding: 45px 0 0;
    width: 100%;
}
.comment {
    border-bottom: 2px dashed #efefef;
    float: left;
    padding-bottom: 35px;
    padding-right: 20px;
    position: relative;
    width: 100%;
}
.comment::before {
    bottom: 40px;
    color: #b5b5b5;
    content: "\f10d";
    font-family: fontawesome;
    font-size: 20px;
    position: absolute;
    right: 0;
}
.comment > img {
    float: left;
    margin-bottom: 60px;
    margin-right: 30px;
}
.comment > h2 {
    color: #233965;
    float: left;
    font-size: 22px;
    letter-spacing: 0.2px;
}
.comment > h2 a {color: inherit;}
.comment-date {
    color: #bbb;
    float: right;
    font-size: 17px;
}
.comment > p {
    color: #7d7d7d;
    display: table;
    font-size: 19px;
    letter-spacing: 0.2px;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 40px;
}
.comment-like {
    float: left;
    font-size: 17px;
    margin-right: 22px;
}
.comment-like a {color: inherit;}
.comment-like i, 
.comment-dislike i {
    color: #b5b5b5;
    font-size: 15px;
    margin-right: 5px;
}
.comment-dislike {
    color: #1462e0;
    font-size: 15px;
}
.comment-dislike a {color: inherit;}
.comments ul {
    float: left;
    list-style: outside none none;
    padding-left: 90px;
    width: 100%;
}
/*===== Comments Reply =====*/
.comments-reply {
    float: left;
    margin: 85px 0;
    width: 100%;
}
.replyform {
    float: left;
    margin-top: 35px;
    width: 100%;
}
.replyform > form {
    border: 1px solid #ddd;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
    float: left;
    overflow: hidden;
    width: 100%;
}
.replyform > form > .row {margin: 0;}
.replyform > form > .row > div {padding: 0;}
.replyform > form textarea, 
.replyform > form input {
    border: 0 none;
    color: #888;
    float: left;
    font-size: 17px;
    letter-spacing: 0.25px;
    padding: 25px;
    resize: none;
    width: 100%;
}
.replyform > form textarea {
    border-bottom: 1px solid #ddd;
    min-height: 230px;
}
.replyform > form input {border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.replyform > form button {
    background: #dcdcdc none repeat scroll 0 0;
    border: 0 none;
    -webkit-box-shadow: 0 0 12px rgba(104, 105, 111, 0.1);
    -moz-box-shadow: 0 0 12px rgba(104, 105, 111, 0.1);
    -ms-box-shadow: 0 0 12px rgba(104, 105, 111, 0.1);
    -o-box-shadow: 0 0 12px rgba(104, 105, 111, 0.1);
    box-shadow: 0 0 12px rgba(104, 105, 111, 0.1);
    color: #fff;
    float: left;
    font-size: 19px;
    letter-spacing: 0.5px;
    padding: 24px 23px 23px;
    width: 100%;
}
.replyform > form button:hover {
    background: #555 none repeat scroll 0 0;
    color: #fff;
}

/*===== Wedding Planing Sec =====*/
.wed-plan {
    float: left;
    width: 100%;
    position: relative;
}
.wed-plan.overlap {margin-top: -130px;}
.wed-plan > .row {margin: 0;}
.wed-plan > .row > div {padding: 0;}
.wedplan-post {
    background: #fff none repeat scroll 0 0;
    border-top: 17px solid #002157;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
}
.wedplan-thumb {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.wedplan-info {
    float: left;
    padding: 28px 60px 50px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.wedplan-info > i {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    display: inline-block;
    font-size: 47px;
    height: 103px;
    left: 50%;
    line-height: 103px;
    margin-bottom: 20px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transform: translateX(-50%) scale(0.5);
    -moz-transform: translateX(-50%) scale(0.5);
    -ms-transform: translateX(-50%) scale(0.5);
    -o-transform: translateX(-50%) scale(0.5);
    transform: translateX(-50%) scale(0.5);
    visibility: hidden;
    width: 103px;
}
.wedplan-info > h2 {
    float: left;
    font-size: 26px;
    margin-bottom: 20px;
    width: 100%;
}
.wedplan-info > p {
    color: #777;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 30px;
    width: 100%;
}
.wedplan-info > a {
    background: #dcdcdc none repeat scroll 0 0;
    border: 2px solid;
    -webkit-border-radius: 9.5px;
    -moz-border-radius: 9.5px;
    -ms-border-radius: 9.5px;
    -o-border-radius: 9.5px;
    border-radius: 9.5px;
    color: #fff;
    display: inline-block;
    font-size: 19px;
    font-weight: 700;
    margin-top: -25px;
    opacity: 0;
    padding: 8px 35px;
    visibility: hidden;
}
.wedplan-post:hover .wedplan-info, 
.wedplan-post.active .wedplan-info {
    margin-bottom: -70px;
    padding-bottom: 0;
    padding-top: 135px;
}
.wedplan-info::before {
    border-left: 230px solid transparent;
    border-right: 230px solid transparent;
    border-top: 230px solid #fff;
    bottom: -159px;
    content: "";
    -webkit-filter: drop-shadow(0 5px 3px rgba(0,0,0,.15));
    filter: drop-shadow(0 5px 3px rgba(0,0,0,.15));
    left: 0;
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.wedplan-info::after {
    background: #fff none repeat scroll 0 0;
    bottom: 70px;
    content: "";
    height: 10px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    z-index: -1;
}
.wedplan-post:hover .wedplan-info:before, 
.wedplan-post.active .wedplan-info:before,
.wedplan-post:hover .wedplan-info::after, 
.wedplan-post.active .wedplan-info::after {opacity: 1;}
.wedplan-post:hover .wedplan-info > i, 
.wedplan-post.active .wedplan-info > i {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    visibility: visible;
}
.wedplan-post:hover .wedplan-info > h2, 
.wedplan-post.active .wedplan-info > h2 {font-size: 28px;}
.wedplan-post:hover > img, 
.wedplan-post.active > img {margin-top: -163%;}
.wedplan-post:hover, 
.wedplan-post.active {
    margin-bottom: 230px;
    margin-top: -50px;
    padding-top: 60px;
    -webkit-transform: scale(1.13);
    -moz-transform: scale(1.13);
    -ms-transform: scale(1.13);
    -o-transform: scale(1.13);
    transform: scale(1.13);
    z-index: 1;
}
.wedplan-post:hover .wedplan-thumb > img, 
.wedplan-post.active .wedplan-thumb > img {
    -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 11px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 11px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 11px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.2);
}
.wedplan-post:hover .wedplan-thumb, 
.wedplan-post.active .wedplan-thumb {margin-bottom: 30px;}
.wedplan-post:hover .wedplan-info > a, 
.wedplan-post.active .wedplan-info > a {
    margin-top: 45px;
    opacity: 1;
    visibility: visible;
}
.wedplan-post .wedplan-info > a:hover {background: transparent;}
/*===== Our Story Video =====*/
.stories-post.video .stories-thumb {
    opacity: 1;
    position: relative;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    visibility: visible;
}
.stories-post.video .stories-detail {
    margin-top: 50px;
    opacity: 1;
    padding-left: 0;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    visibility: visible;
}
.video .stories-thumb > a {
    color: #fff;
    font-size: 137px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.video .title > h4 span {color: #e61817;}
.video .stories-detail > h2 {
    color: #3d3d3d;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}
.video .stories-detail > i {font-weight: 400;}
.video .stories-detail > p {
    color: #777;
    font-size: 18px;
    line-height: 30px;
    margin-top: 35px;
}
.video .title {margin-bottom: 85px;}
.stories-detail > a {
    background: #dcdcdc none repeat scroll 0 0;
    border: 2px solid;
    -webkit-border-radius: 9.6px;
    -moz-border-radius: 9.6px;
    -ms-border-radius: 9.6px;
    -o-border-radius: 9.6px;
    border-radius: 9.6px;
    color: #fff;
    float: left;
    font-size: 18px;
    font-weight: 700;
    margin-top: 45px;
    padding: 10px 25px;
}
.stories-detail > a:hover {background: transparent;}
/*===== Services =====*/
.thinkabout-thumb {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -moz-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -ms-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -o-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    float: left;
    padding: 60px;
    position: relative;
    width: 100%;
}
.thinkabout-thumb > img {
    border: 20px solid #fff;
    -webkit-box-shadow: 0 0 18px rgba(92, 92, 92, 0.27);
    -moz-box-shadow: 0 0 18px rgba(92, 92, 92, 0.27);
    -ms-box-shadow: 0 0 18px rgba(92, 92, 92, 0.27);
    -o-box-shadow: 0 0 18px rgba(92, 92, 92, 0.27);
    box-shadow: 0 0 18px rgba(92, 92, 92, 0.27);
}
.title2 {
    background: rgba(0, 33, 87, 0.9) none repeat scroll 0 0;
    left: 50%;
    max-width: 560px;
    padding: 65px 70px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}
.title2 > h4 {
    color: #fff;
    font-size: 43px;
    line-height: 61px;
}
.services {
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -moz-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -ms-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -o-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    float: left;
    position: relative;
    width: 100%;
}
.services-list {
    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
    bottom: 60px;
    -webkit-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -moz-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -ms-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    -o-box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    box-shadow: 0 0 18px rgba(92, 92, 92, 0.1);
    left: 60px;
    padding: 45px 70px 95px;
    position: absolute;
    right: 60px;
    top: 60px;
}
.service-box {
    float: left;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.service-box > i {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    height: 112px;
    line-height: 112px;
    width: 112px;
}
.service-box > h2 {
    color: #002157;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.2px;
    margin-top: 20px;
}
.service-box > h2 a {color: inherit;}


.your-gifts.style2 {background: #fbfbfb none repeat scroll 0 0;}
.attending-sec.style2 {background: #fbfbfb none repeat scroll 0 0;}
.attending-sec.style2 .attending {
    background: #f3f3f3 none repeat scroll 0 0;
    border: 0 none;
}
.attending-sec.style2 .envelop-btn {
    bottom: auto;
    top: -32px;
}
.attending-sec.style2 .contect-form form button {
    -webkit-border-radius: 9.6px;
    -moz-border-radius: 9.6px;
    -ms-border-radius: 9.6px;
    -o-border-radius: 9.6px;
    border-radius: 9.6px;
    padding: 10px 55px;
}
.attending-sec.style2 .attending-div > p {
    color: #7d7d7d;
    font-size: 20px;
}
.attending-sec.style2 .title {margin-bottom: 45px;}
.attending-div > img {margin-bottom: 25px;}

/*===== Gallery Sec Style2 =====*/
.gallery-sec.style2 .gallery-post::after,
.gallery-sec.style2 .gallery-post::before {display: none;}
.gallery-sec.style2 .owl-item.center .gallery-post {border: 35px solid #fff;}
.gallery-sec.style2 .gallery-info {
    bottom: 0;
    left: 0;
    width: 100%;
}





.ceo-sec {
    border: 1px solid #ede8e8;
    float: left;
    text-align: center;
    width: 100%;
}
.ceo-sec > img {border: 20px solid #fff;}
.ceo-message-list {
    background: rgba(0, 33, 87, 0.9) none repeat scroll 0 0;
    bottom: 65px;
    left: 65px;
    padding: 45px;
    position: absolute;
    right: 65px;
    top: 65px;
}
.ceo-message {
    display: inline-block;
    max-width: 60%;
}
.ceo-message > i {
    border: 2px solid #fff;
    display: inline-block;
    height: 119px;
    padding-left: 2px;
    padding-top: 11px;
    width: 119px;
}
.ceo-message > strong {
    color: #f2f3f4;
    display: block;
    font-size: 22px;
    margin-top: 12px;
}
.ratings {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 12px;
    padding-left: 0;
    width: 100%;
}
.ratings > li {
    color: #ffb214;
    display: inline-block;
    font-size: 18px;
    margin-left: -4px;
}
.ceo-message > p {
    color: #fdfdfd;
    float: left;
    font-size: 17px;
    line-height: 30px;
    margin-top: 15px;
    width: 100%;
}
.ceomessage-carousel .owl-dots {bottom: -40px;}
.ceomessage-carousel .owl-dots > div {background: #fff none repeat scroll 0 0;}
.ourextream-progress .wed-comsoon-counter {
    background: #fff none repeat scroll 0 0;
    padding: 20px 30px;
}
.ourextream-progress .wed-comsoon-eventdetail > p {color: #7d7d7d;}

.footer-map {
    float: left;
    position: relative;
    width: 100%;
}
#map-canvas,
#map-canvas2,
#map-canvas3 {
    border: 15px solid #fff;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    float: left;
    min-height: 710px;
    width: 100%;
}
.attending-sec.overlape {
    margin-bottom: -490px;
    z-index: 1;
}
/*===== Pricing Table =====*/
.pricing-table {
    float: left;
    margin-top: 125px;
    width: 100%;
}
.pricing-table > .row {margin: 0;}
.pricing-table > .row > div {padding: 0;}
.pricing {
    background: #fff none repeat scroll 0 0;
    border-top: 18px solid #05255a;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
}
.pricing > span.top-img {
    height: 0;
    margin: 0;
}
.top-img > img {height: 0;}
.pricing > span {
    color: #0a2a5e;
    float: left;
    font-size: 22px;
    font-weight: 700;
    margin: 20px 0 15px;
    width: 100%;
}
.pricing > span i {
    color: #8a8e93;
    font-size: 19px;
    margin-right: 5px;
}
.price-bg {
    float: left;
    height: 0;
    width: 100%;
}
.bg1 {background: url(../images/pricing-bg1.jpg) repeat scroll center center / cover;}
.bg2 {background: url(../images/pricing-bg2.jpg) repeat scroll center center / cover;}
.bg3 {background: url(../images/pricing-bg3.jpg) repeat scroll center center / cover;}
.pricing > i {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    border: 1px solid #fff;
    display: inline-block;
    font-size: 47px;
    height: 103px;
    line-height: 103px;
    width: 103px;
}
.pricing > h2 {
    color: #fff;
    float: left;
    font-size: 24px;
    margin-top: 20px;
    position: relative;
    width: 100%;
}
.pricing > h2 > strong {
    display: inline-block;
    line-height: 53px;
    padding: 0 90px;
    position: relative;
    z-index: 1;
}
.pricing > h2 > strong:before {
    background: url(../images/ribbon2.png) no-repeat scroll center center / cover ;
    content: "";
    height: 67px;
    left: 50%;
    position: absolute;
    width: 370px;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}
.pricing > ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.pricing > ul > li {
    border-bottom: 2px solid #dad3d5;
    color: #7d7d7d;
    float: left;
    font-size: 22px;
    padding: 20px;
    width: 100%;
}
.pricing > span.pricing-btn {margin: 30px 0;}
.pricing-btn > a {
    background: #dcdcdc none repeat scroll 0 0;
    border: 2px solid;
    -webkit-border-radius: 9.6px;
    -moz-border-radius: 9.6px;
    -ms-border-radius: 9.6px;
    -o-border-radius: 9.6px;
    border-radius: 9.6px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2px;
    padding: 8px 30px;
}
.pricing-btn > a:hover {background: transparent;}
.pricing.active {
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
    margin-top: -118px;
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07);
    z-index: 2;
}
.pricing.active > .top-img {
    height: 17px;
    margin-top: 20px;
}
.pricing.active > .top-img img {height: 17px;}
.pricing.active .price-bg {height: 257px;}
.pricing.active > i {
    border-color: #fff;
    color: #fff;
    margin-top: -51.5px;
}
.pricing.active > h2 > strong::before {background: url(../images/ribbon-blue.png) no-repeat scroll center center / cover ;}
/*===== Page Loader =====*/
.page-load {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999999;
}
.pageloader {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-100%, -240%);
    -moz-transform: translate(-100%, -240%);
    -ms-transform: translate(-100%, -240%);
    -o-transform: translate(-100%, -240%);
    transform: translate(-100%, -240%);
    font-size: 64px;
    z-index: 1;
}
.heart {
    -webkit-animation: heart 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    -moz-animation: heart 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    -ms-animation: heart 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    -o-animation: heart 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    animation: heart 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    top: 50%;
    content: "";
    left: 50%;
    position: absolute;
}
.heartL {
    -webkit-animation: heartL 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    -moz-animation: heartL 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    -ms-animation: heartL 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    -o-animation: heartL 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    animation: heartL 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    width: 1em;
    height: 1em;
    border: 1px solid ;
    content: "";
    position: absolute;
    display: block;
    -webkit-transform: translate(-29px, -28px);
    -moz-transform: translate(-29px, -28px);
    -ms-transform: translate(-29px, -28px);
    -o-transform: translate(-29px, -28px);
    transform: translate(-29px, -28px);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}
.heartR {
    -webkit-animation: heartR 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    -moz-animation: heartR 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    -ms-animation: heartR 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    -o-animation: heartR 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    animation: heartR 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    width: 1em;
    height: 1em;
    border: 1px solid ;
    content: "";
    position: absolute;
    display: block;
    -webkit-transform: translate(29px, -28px);
    -moz-transform: translate(29px, -28px);
    -ms-transform: translate(29px, -28px);
    -o-transform: translate(29px, -28px);
    transform: translate(29px, -28px);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}
.square {
    -webkit-animation: square 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    -moz-animation: square 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    -ms-animation: square 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    -o-animation: square 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    animation: square 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    width: 1em;
    height: 1em;
    border: 1px solid ;
    -webkit-transform: scale(1) rotate(-45deg);
    -moz-transform: scale(1) rotate(-45deg);
    -ms-transform: scale(1) rotate(-45deg);
    -o-transform: scale(1) rotate(-45deg);
    transform: scale(1) rotate(-45deg);
    position: relative;
    display: block;
    content: "";
}
.shadow {
    -webkit-animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    -moz-animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    -ms-animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    -o-animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    top: 100px;
    left: 50%;
    content: "";
    position: relative;
    display: block;
    bottom: -.5em;
    width: 1em;
    height: .25em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #d7d7d7;
    border: 1px solid #d7d7d7;
}
@keyframes square {
  50% {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: scale(0.5) rotate(-45deg);
    -moz-transform: scale(0.5) rotate(-45deg);
    -ms-transform: scale(0.5) rotate(-45deg);
    -o-transform: scale(0.5) rotate(-45deg);
    transform: scale(0.5) rotate(-45deg);
}
100% {
    -webkit-transform: scale(1) rotate(-45deg);
    -moz-transform: scale(1) rotate(-45deg);
    -ms-transform: scale(1) rotate(-45deg);
    -o-transform: scale(1) rotate(-45deg);
    transform: scale(1) rotate(-45deg);
}
}
@keyframes heart {
  50% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
100% {
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    transform: rotate(720deg);
}
}
@keyframes heartL {
  60% {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
}
}
@keyframes heartR {
  40% {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
}
}
@keyframes shadow {
  50% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    border-color: #e4e4e4;
}
}
-webkit-@keyframes square {
  50% {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: scale(0.5) rotate(-45deg);
    -moz-transform: scale(0.5) rotate(-45deg);
    -ms-transform: scale(0.5) rotate(-45deg);
    -o-transform: scale(0.5) rotate(-45deg);
    transform: scale(0.5) rotate(-45deg);
}
100% {
    -webkit-transform: scale(1) rotate(-45deg);
    -moz-transform: scale(1) rotate(-45deg);
    -ms-transform: scale(1) rotate(-45deg);
    -o-transform: scale(1) rotate(-45deg);
    transform: scale(1) rotate(-45deg);
}
}
-webkit-@keyframes heart {
  50% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
100% {
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    transform: rotate(720deg);
}
}
-webkit-@keyframes heartL {
  60% {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
}
}
-webkit-@keyframes heartR {
  40% {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
}
}
-webkit-@keyframes shadow {
  50% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    border-color: #e4e4e4;
}
}
.address > ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
	padding:20px;
}
.address > ul li {
    color: #7d7d7d;
    float: left;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 43px;
    position: relative;
    width: 100%;
	font-family:Arial, Helvetica, sans-serif;
}
.address > ul li i {
    border: 2px solid #c9c9c9;
    color: #58595b;
    font-size: 15px;
    height: 30px;
    left: 0;
    line-height: 30px;
    margin-right: 18px;
    position: absolute;
    text-align: center;
    width: 29px;
}
.address > ul li strong, 
.address > ul li a {color: #58595b;}
.address > ul li:last-child {margin-bottom: 0;}
.address > ul li span {color: #444343;}
/*===== Reception Event =====*/
.no-overlape .pagetop-inner {
    margin-bottom: 50px;
    margin-top: 200px;
}
#map-canvas2,
#map-canvas3 {min-height: 740px;}
.map-add {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 18px rgba(41, 37, 24, 0.1);
    -moz-box-shadow: 0 0 18px rgba(41, 37, 24, 0.1);
    -ms-box-shadow: 0 0 18px rgba(41, 37, 24, 0.1);
    -o-box-shadow: 0 0 18px rgba(41, 37, 24, 0.1);
    box-shadow: 0 0 18px rgba(41, 37, 24, 0.1);
    left: 27%;
    max-width: 470px;
    opacity: 0;
    padding: 30px 60px;
    position: absolute;
    top: 20%;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    visibility: hidden;
}
.map-add > ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.map-add > ul li {
    color: #7d7d7d;
    float: left;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 43px;
    position: relative;
    width: 100%;
	font-family:Arial, Helvetica, sans-serif;
}
.map-add > ul li i {
    border: 2px solid #c9c9c9;
    color: #58595b;
    font-size: 15px;
    height: 30px;
    left: 0;
    line-height: 30px;
    margin-right: 18px;
    position: absolute;
    text-align: center;
    width: 29px;
}
.map-add > ul li strong, 
.map-add > ul li a {color: #58595b;}
.map-add > ul li:last-child {margin-bottom: 0;}
.map-add > ul li span {color: #444343;}
.footer-map:hover .map-add {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}
.wedplan-post.style2 {
    margin-bottom: 0;
    margin-left: 50px;
    margin-top: -855px;
    width: calc(100% - 50px);
}
.wedplan-info > h2 span {color: #002157;}
.wedplan-post.style2 .wedplan-info {padding-top: 120px;}
.wedplan-post.style2 > img {margin-top: -160%;}
.wedplan-info > span {
    color: #58595b;
    font-size: 22px;
    font-weight: 700;
}
.func-timing {
    float: left;
    margin-top: 20px;
    padding: 0 40px;
    width: 100%;
}
.func-timing > span {
    border-bottom: 2px solid #ddd;
    color: #898a8b;
    display: inline-block;
    font-size: 22px;
    letter-spacing: 0.2px;
    padding-bottom: 5px;
}
.func-timing > strong {
    border-bottom: 2px solid #ddd;
    color: #58595b;
    display: inline-block;
    font-size: 29px;
    margin-top: 7px;
    padding-bottom: 7px;
}
.func-timing > span i {font-style: normal;}
.func-timing > i {
    color: #898a8b;
    display: block;
    font-size: 22px;
    margin-top: 5px;
}
.wedplan-post.style2 .wedplan-info::before {
    border-left: 254px solid transparent;
    border-right: 254px solid transparent;
    bottom: -100px;
}
.wedplan-post.style2 .wedplan-info {margin-bottom: -128px;}
.wedplan-post.style2 .wedplan-info::after {top: 250px}
.loc-desc > p {
    color: #7d7d7d;
    float: left;
    font-size: 19px;
    letter-spacing: 0.2px;
    line-height: 30px;
    margin-top: 30px;
    width: 100%;
}
.event-gallery {
    float: left;
    margin-top: 50px;
    text-align: center;
    width: 100%;
}
.eventgallery-img {
    border: 20px solid #fff;
    -webkit-box-shadow: 0 0 18px rgba(41, 37, 24, 0.1);
    -moz-box-shadow: 0 0 18px rgba(41, 37, 24, 0.1);
    -ms-box-shadow: 0 0 18px rgba(41, 37, 24, 0.1);
    -o-box-shadow: 0 0 18px rgba(41, 37, 24, 0.1);
    box-shadow: 0 0 18px rgba(41, 37, 24, 0.1);
    float: left;
    width: 100%;
}
.eventgallery-nav {
    border-bottom: 0;
    display: inline-block;
    margin-top: 40px;
}
.eventgallery-nav > li {
    margin-bottom: 0;
    margin-right: 5px;
}
.eventgallery-nav > li:last-child {margin-right: 0;}
.eventgallery-nav > li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    margin: 0;
    padding: 0;
}
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover {border: 0 none;}
.loc-carousel .owl-dots {
    bottom: 30px;
    left: 0;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.loc-item {
    float: left;
    overflow: hidden;
    width: 100%;
}

/*===== Audio Play =====*/
.audio-play {
    bottom: 30px;
    position: fixed;
    right: 30px;
}
.audio-play > i {
    background: #ddd none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}
.audio-track {
    border: 10px solid #fff;
    bottom: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: none;
    height: 180px;
    position: absolute;
    right: 100%;
    width: 300px;
    z-index: 999999;
}
.audio-track > iframe {height: 100%;}
.audio-track.active {display: block;}

/*===== Sidepanel =====*/

.sidepanel {
    padding: 30px;
    position: fixed;
    width: 320px;
    background: #222222;
    z-index: 100000000;
    border: 5px solid #444444;
    left: -320px;
    top: 100px;
}
.show {left: 0;}
.sidepanel > span {
    position: absolute;
    right: -55px;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    font-size: 22px;
    color: #ffffff;
    background: #444444;
    top: -5px;
}
.color-picker {
    float: left;
    width: 100%;
}
.color-picker > h3 {
    float: left;
    width: 100%;
    margin: 0 0 20px;
    position: relative;
    font-weight: 700;
    color: #dddddd;
    font-size: 13px;
    padding-bottom: 13px;
}
.color-picker > h3::before {
    content: "";
    background: #333333;
    height: 3px;
    width: 13px;
    left: 0;
    bottom: 0;
    position: absolute;
}
.color-picker > a::before {
    height: 100%;
    top: 0;
    left: 0;
    width: 0;
    position: absolute;
    z-index: 1;
    content: "";
}
.color-picker > a.color-picker::before {width: 100%;}
.color-picker > a::after {
    color: #fff;
    content: "\f00c";
    font-size: 16px;
    left: 50%;
    top: 50%;
    position: absolute;
    font-family: fontawesome;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}
.color-picker > a.applied::after {opacity: 1}
.color-picker > a {
    cursor: pointer;
    float: left;
    height: 30px;
    margin: 0 10px 10px 0;
    position: relative;
    width: 30px;
}
.color-picker .color {background: #f66b88 none repeat scroll 0 0;}
.color-picker .color2 {background: #b57c00 none repeat scroll 0 0;}
.color-picker .color3 {background: #a0ce4e none repeat scroll 0 0;}
.color-picker .color4 {background: #f64243 none repeat scroll 0 0;}
.color-picker .color5 {background: #ff9900 none repeat scroll 0 0;}
.color-picker .color6 {background: #8dd438 none repeat scroll 0 0;}
.color-picker .color7 {background: #666633 none repeat scroll 0 0;}
.color-picker .color8 {background: #c2a772 none repeat scroll 0 0;}
.color-picker .color9 {background: #e7512f none repeat scroll 0 0;}
.color-picker .color10 {background: #fa3aab none repeat scroll 0 0;}
.color-picker .color11 {background: #35af97 none repeat scroll 0 0;}
.color-picker .color12 {background: #e77421 none repeat scroll 0 0;}

.event-tabs .event-title, 
.event-tabs .event-venue, 
.event-tabs .ceremony-details {min-height: 907px;}
.tp-bullets > div {
    background: #002157 none repeat scroll 0 0;
    height: 11px;
    width: 11px;
}
.tp-bullets > div.selected {
    height: 16px;
    width: 16px;
}
.tp-bullets > div:first-child {left: 0 !important;}
.tp-bullets > div:nth-child(2) {left: 31px !important;}
.tp-bullets > div:nth-child(3) {left: 62px !important;}
.tp-bullets > div.selected {top: -3px !important;}


/*===== Color File =====*/
/*========== Background Color ==========*/
.wed-comsoon-counter > span,
.btn1,
.btn1:hover > span:before,
.socials > a:hover,
.stories-nav .owl-dots > div.active,
.gallery-info::before,
.event-title,
.time,
.ceremony-details .ti1,
.people .socials::before,
.blog-post > a.btn2,
.blog-post-padd-inner:before,
.envelop-btn,
.gift-info > a,
.contect-form form button,
.envelop-btn:before,
.bottom-line,
.post-detail.style2 > a,
.load-more > a:hover,
.singlepost-share > span,
.singlepost-share > ul > li > a:hover,
.tagcloud > a:hover,
.post-author > a,
.comment-reply-link:hover,
.replyform > form button,
.wedplan-info > a,
.stories-detail > a,
.service-box > i,
.owl-dots > div.active,
.topbar:before,
.logomenu-sec > ul > li:before,
.pricing-btn > a,
.pricing.active > i,
.square,
.heartR,
.heartL,
.menu-btn:hover,
.audio-play > i,
.color-picker > h3::before,
.social-btn > li > a,
.tp-bullets > div.selected
{
    background:#f66b88;
}


{
    background:#f66b88 !important;
}

/*========== Font Color ==========*/
.logomenu-sec > ul > li:hover > a,
.title > h4 span,
.countdown > li p,
.btn1:hover,
.intro:before,
.stories-detail > h2 a:hover,
.event-loc > i span,
.inner-title,
.event-address > li a:hover,
.event-play > ul li a:hover,
.event-title > ul > li.active a i,
.people-info > h2 a:hover,
.blog-post > a.btn2:hover,
.post-carousel .owl-nav > div:hover:before,
.post-detail > a,
.contect-form form button:hover,
.bottom-links > ul > li:hover > a,
.layer4,
.people .socials > a,
.pagetop-inner > strong span,
.about-intro > h4 span,
.post-meta > li a:hover,
.post-detail.style2 > h2,
.post-detail.style2 .post-author > strong span,
.cate > a:hover,
.singlepost-share > ul > li > a,
.author-info > strong span,
.post-author > a:hover,
.comment > h2 span,
.comment-like,
.wedplan-info > i,
.wedplan-info > h2,
.wedplan-info > a:hover,
.video .stories-thumb > a:hover,
.stories-detail > a:hover,
.title2 > h4 span,
.service-box > h2 span,
.wedplan-post .wedplan-info > a:hover,
.ceo-message > strong span,
.social-btns > li > a:hover,
.pricing > i,
.pricing-btn > a:hover,
.func-timing > span i,
nav ul ul li:hover > a,
.responsive-menu ul li.active > a,
.responsive-menu ul li.active > i,
.responsive-menu ul li:hover > a,
.responsive-menu ul li:hover > i,
.close-btn:hover 
{
    color:#f66b88;
}


{
    color:#f66b88 !important;
}

/*========== Border Color ==========*/
.btn1,
.btn1:hover > i,
.blog-post > a.btn2,
.post-carousel .owl-nav > div:hover,
.contect-form form button,
.post-author > a,
.comment-reply-link:hover,
.wedplan-info > a,
.stories-detail > a,
.pricing-btn > a,
.square,
.heartR,
.heartL
{
    border-color:#f66b88;
}

/*========== Border Left Color ==========*/

{
    border-left-color: #f66b88;
}

/*========== Border Right Color ==========*/

{
    border-right-color: #f66b88;
}

/*========== Border Top Color ==========*/
.wedplan-post:hover,
.wedplan-post.active,
.pricing.active
{
    border-top-color: #f66b88;
}

/*========== Border Bottom Color ==========*/

{
    border-bottom-color: #f66b88;
}