@charset "utf-8";


.fadeInDownBig img {
    width: 5%;
}

.back-txt-suite {
    background: #111111;
}

.gsNaoLogado {
    width: 190px;
    text-align: left;
}

body {
    font-family: 'Arvo', serif;
    color: #6a6a6a;
    font-size: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Oswald', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #111111;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #B66C83;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}

h4,
h5,
h6 .h4,
.h5,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h1,
.h1 {
    font-size: 40px;
}

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

h3,
.h3 {
    font-size: 20px;
}

h4,
.h4 {
    font-size: 16px;
}

h5,
.h5 {
    font-size: 14px;
}

h6,
.h6 {
    font-size: 12px;
}

h1.inline,
h2.inline,
h3.inline,
h4.inline,
h5.inline,
h6.inline {
    display: inline;
    vertical-align: middle;
}

p {
    font-family: 'Arvo', serif;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 25px;
}

p.lead {
    font-size: 19px;
    line-height: 28px;
    font-weight: normal;
}

a {
    text-decoration: none;
    color: #111111;
}
p.upper-letter:first-letter {
    text-transform: uppercase;
}
a:hover {
    text-decoration: none;
}

table {
    width: 100%;
}

label {
    font-family: 'Oswald', sans-serif !important;
}

button {
    padding: 10px 40px;
    font-size: 16px;
    background-color: #111111;
    border-color: #fff;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}

.btn-primary {
    padding: 5px 30px;
    border: 1px solid transparent;
    font-size: 16px;
    background-color: #111111;
    color: #fff;
    border-radius: 0px;
    cursor: pointer;
}

.btn-primary:hover {
    background-color: #621E33;
}

.modal-body span {
    font-size: 22px;
    text-align: left;
    color: #B66C83;
    font-family: 'Oswald', sans-serif;
    margin-right: 350px;
}
.diaNoiva .slide-image{
   background-size: 100% 100% !important;
}
.diaNoiva a{
  position: absolute;
  width: 100%;
  height: 100%;
}
.namorados a{
    position: absolute;
    width: 100%;
    height: 100%;
  }
.proj-link {
    width: 170px;
    display: block !important;
    cursor: pointer;
    background-color: #111111;
    height: 50px;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    position: relative;
    color: #FFFFFF;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-appearance: none;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.proj-link:hover {
    background-color: #621E33;
    color: #fff;
}

strong {
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    color: #111111;
}

.espacotopo {
    padding: 220px 0 120px 0;
}

#gm-mapa {
    width: 100%;
    height: 500px;
}

#infobox {
    border: none;
    position: absolute;
    background: transparent;
    color: #820101;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    text-shadow: 1px 1px 1px #FFF;
}

.clearboth {
    clear: both;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

img.fullwidth {
    width: 100%;
}

img.with-border {
    border: 1px solid #6a6a6a;
}
/*===============================================*/
/* 02. NAV BAR  	 							 */
/*===============================================*/

#nav-header {
    z-index: 1000;
}

#nav-bar {
    position: relative;
    height: auto;
    width: 100%;
    z-index: 1000;
}
/* ----------------------------------------------*/
/* 02.1 Width & Color 							 */
/* ----------------------------------------------*/
/* 02.1.1 Fixed-width 							 */
/* ----------------------------------------------*/

#nav-bar.fixed-width #nav-wrapper {
    position: relative;
    height: inherit;
    width: 1170px;
    margin: 0 auto;
    padding: 0 30px;
}
/* 02.1.2 Fluid-width 							 */
/* ----------------------------------------------*/

#nav-bar.fluid-width #nav-wrapper {
    position: relative;
    height: inherit;
    width: 100%;
    padding: 0 30px;
}
/* 02.1.3 Top Bar 								 */
/* ----------------------------------------------*/

#nav-bar.top-bar {
    position: absolute;
    /*background-color:transparent;*/
    margin: auto;
    left: 0;
    right: 0;
}

#nav-bar.top-bar.stick-it {
    position: fixed;
    height: auto;
    width: 100%;
    background-color: #111111;
    z-index: 1500;
    /*-webkit-transform: translateZ(0);*/
}
/* 02.1.4 Bottom Bar 							 */
/* ----------------------------------------------*/

#nav-bar.bottom-bar.inside {
    position: absolute;
    /*background-color:transparent;*/
    bottom: 0;
}

#nav-bar.bottom-bar.outside {
    position: absolute;
    /*background-color:transparent;*/
    bottom: -145px;
}

#nav-bar.bottom-bar.stick-it {
    position: fixed;
    height: 145px;
    width: 100%;
    background-color: #FFF;
    z-index: 1500;
    top: 0;
    bottom: auto;
    /*-webkit-transform: translateZ(0)*/
}
/* 02.1.5 Transparent & Block Color 			 */
/* ----------------------------------------------*/

#nav-bar.transparent {
    /*position:relative;*/
    background-color: #111111;
}

#nav-bar.block-color {
    /*position:relative; */
    background-color: #FFF;
}
                    /*.is-sticky #nav-bar.block-color{
	-webkit-transform: translateZ(0)
    }*/
    /* ----------------------------------------------*/
    /* 02.2 Logo & Nav Position						 */
    /* ----------------------------------------------*/

    .logo-wrapper {
        position: relative;
        width: 60px;
        height: 60px;
        margin-top: 40px;
    }

    #nav-menu {
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-family: 'Oswald', sans-serif;
        font-size: 13px;
        z-index: 1000;
    }
    /* 02.2.1 Nav Center 							 */
    /* ----------------------------------------------*/

    #nav-bar.nav-center .logo-wrapper {
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    #nav-bar.nav-center #nav-menu {
        text-align: center;
    }
    /* 02.2.2 Nav Left 								 */
    /* ----------------------------------------------*/

    #nav-bar.nav-left .logo-wrapper {
        float: right;
    }

    #nav-bar.nav-left #nav-menu {
        float: left;
        text-align: left;
        width: 90%;
    }
    /* 02.2.3 Nav Right 							 */
    /* ----------------------------------------------*/

    #nav-bar.nav-right .logo-wrapper {
        float: left;
    }

    #nav-bar.nav-right #nav-menu {
        float: right;
        text-align: right;
        width: 90%;
    }
    /*===============================================*/
    /* 03. NAV MENU	 	 							 */
    /*===============================================*/
    /* ----------------------------------------------*/
    /* 03.1 Parent Menu								 */
    /* ----------------------------------------------*/

    #nav-menu > li {
        position: relative;
        display: inline;
    }

    #nav-menu > li:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        /*content: '\e9bd';*/
        content: url(../images/icone.png);
        color: #f0394d;
        */ text-align: center;
    }

    #nav-menu > li.first-child:before {
        content: "";
        margin-left: 0;
    }

    #nav-menu > li a {
        display: inline-block;
        padding: 12px;
        color: #666;
        text-decoration: none;
    }

    #nav-menu > li a:hover {
        color: #f0394d;
    }
    /* 03.1.1 Transparent 							 */
    /* ----------------------------------------------*/

    .transparent #nav-menu > li a {
        color: #FFF;
    }

    .transparent #nav-menu > li a:hover {
        color: #F9D3E0;
    }

    .transparent.stick-it #nav-menu > li a,
    .transparent.stick-it #nav-menu > li ul li a:hover {
        color: #FFF
    }

    .transparent.stick-it #nav-menu > li ul li a {
        color: #666
    }
    /* 03.1.2 Additional Class For Nav Center 		 */
    /* ----------------------------------------------*/

    .first-child-margin {
        margin-left: 20px;
    }

    .last-child-margin {
        margin-right: 0px;
    }

    .split-margin {
        margin-left: 80px;
    }
    /* ----------------------------------------------*/
    /* 03.2 Child Menu								 */
    /* ----------------------------------------------*/

    #nav-menu ul {
        position: absolute;
        display: none;
        width: 200px;
        left: 0;
        list-style-type: none;
        padding: 0;
        text-align: left;
        border-top: solid 3px #B56C83;
    }

    #nav-menu li:hover > ul {
        display: block;
    }

    #nav-menu ul li {
        position: relative;
        width: 100%;
    }

    #nav-menu ul li a {
        display: block;
        width: 100%;
        background-color: #FFF;
        border-bottom: solid thin #f4f2f2;
    }

    #nav-menu ul li a:hover {
        background-color: #111111;
        border: none;
        color: #FFF;
    }
    /* 03.2.1 Reset Transparent Child Menu Color	 */
    /* ----------------------------------------------*/

    .transparent #nav-menu ul li a {
        color: #666;
    }

    .transparent #nav-menu ul li a:hover {
        color: #FFF;
    }
    /* 03.2.2 Child-Parent Arrow 					 */
    /* ----------------------------------------------*/

    #nav-menu li > ul li a:after {
        content: '>';
        position: absolute;
        right: 15px;
    }

    #nav-menu li > ul li a:only-child:after {
        content: '';
    }
    /* 03.2.3 More Child 						  	 */
    /* ----------------------------------------------*/

    #nav-menu ul ul {
        top: 0;
        left: 100%;
        border: none;
    }
    /* ----------------------------------------------*/
    /* 03.3 Mobile Nav								 */
    /* ----------------------------------------------*/

    #mobile-nav {
        display: none;
    }

    #mobile-nav,
    .transparent.stick-it #mobile-nav {
        color: #666;
    }

    .transparent #mobile-nav {
        color: #FFF;
    }
    /*===============================================*/
    /* 04. SIDE NAV BAR		 						 */
    /*===============================================*/
    /* ----------------------------------------------*/
    /* 04.1 Menuicon Bar Width & Position 			 */
    /*-----------------------------------------------*/

    #menuicon-bar {
        position: absolute;
        height: 145px;
        z-index: 1000;
        background-color: transparent;
        margin: auto;
        top: 30px;
        left: 0;
        right: 0;
        padding: 0 80px;
    }
    /* 04.1.1 Fixed-width */
    /* ----------------------------------------------*/

    #menuicon-bar.fixed-width {
        width: 1170px;
    }
    /* 04.1.2 Fluid-width */
    /* ----------------------------------------------*/

    #menuicon-bar.fluid-width {
        width: 100%;
    }
    /* 04.1.3 Menuicon-Left */
    /* ----------------------------------------------*/

    #menuicon-bar.menuicon-left .logo-outter-wrapper {
        float: right;
    }

    #menuicon-bar.menuicon-left #menu-icon {
        float: left;
    }
    /* 04.1.4 Menuicon-Right */
    /* ----------------------------------------------*/

    #menuicon-bar.menuicon-right .logo-outter-wrapper {
        float: left;
    }

    #menuicon-bar.menuicon-right #menu-icon {
        float: right;
    }
    /* ----------------------------------------------*/
    /* 04.2 Menu Icon					 			 */
    /*-----------------------------------------------*/
    /* 04.2.1 Standard Menu Icon */
    /* ----------------------------------------------*/

    #menu-icon {
        margin-top: 50px;
        display: block;
    }
                    /*#menu-icon a{
                        }*/

                        #menu-icon a i {
                            color: #666;
                            font-size: 24px;
                        }

                        #menu-icon a:hover i {
                            color: #f0394d
                        }

                        #menu-icon.white a i {
                            color: #111111;
                            font-size: 24px;
                            background-color: #FFF;
                            padding: 2px 0 2px 0px;
                        }

                        #menu-icon.white a:hover i {
                            color: #B66C83
                        }
                        /* 04.2.2 Sticky Menu Icon */
                        /* ----------------------------------------------*/

                        #sticky-menuicon {
                            display: none;
                            position: fixed;
                            z-index: 1000;
                            top: 30px;
                            -webkit-transform: translateZ(0);
                        }

                        #sticky-menuicon a {
                            margin-top: 12px;
                            display: block;
                            background-color: #FFF;
                            padding: 5px;
                        }

                        #sticky-menuicon a i {
                            color: #111111;
                            font-size: 24px;
                        }

                        #sticky-menuicon a:hover {
                            background-color: #B66C83;
                        }

                        #sticky-menuicon a:hover i {
                            color: #FFF;
                        }

                        #menuicon-bar.menuicon-right #sticky-menuicon {
                            right: 50px;
                        }

                        #menuicon-bar.menuicon-left #sticky-menuicon {
                            left: 50px;
                        }
                        /* ----------------------------------------------*/
                        /* 04.3 Sidebar Menu				 			 */
                        /*-----------------------------------------------*/
                        /* 04.3.1 Sidebar */
                        /* ----------------------------------------------*/

                        .sb-slidebar {
                            background-color: #FFF;
                            width: 320px;
                            border-left: 1px solid #f4f2f2;
                            border-right: 1px solid #f4f2f2;
                            z-index: 2000;
                        }
                        /* 04.3.2 Sidebar Header */
                        /* ----------------------------------------------*/

                        #side-navbar-header {
                            position: relative;
                            width: 100%;
                            height: 140px;
                            display: block;
                        }

                        #close-inner-wrapper {
                            position: absolute;
                            bottom: 30px;
                            right: 35px;
                        }

                        #logo-inner-wrapper {
                            position: absolute;
                            bottom: 20px;
                            left: 35px;
                        }

                        #close-button i {
                            color: #666;
                            font-size: 24px;
                        }

                        #close-button:hover i {
                            color: #B66C83;
                        }
                        /* 04.3.3 Parent Menu */
                        /* ----------------------------------------------*/

                        #side-nav-menu {
                            position: relative;
                            list-style-type: none;
                            margin: 35px;
                            margin-bottom: 100px;
                            padding: 0;
                            font-family: 'Oswald', sans-serif;
                            font-size: 14px;
                            z-index: 1000;
                        }

                        #side-nav-menu > li > a:before {
                            font-family: "fontello";
                            font-style: normal;
                            font-weight: normal;
                            font-size: 10px;
                            content: '\e9bd';
                            color: #f0394d;
                            text-align: center;
                            vertical-align: middle;
                            padding-right: 10px;
                        }

                        #side-nav-menu > li a {
                            display: block;
                            padding: 14px 8px;
                            color: #666;
                            text-decoration: none;
                            border-bottom: solid thin #f4f2f2;
                        }

                        #side-nav-menu > li a:hover {
                            color: #B66C83;
                        }
                        /* 04.3.4 Child Menu */
                        /* ----------------------------------------------*/

                        #side-nav-menu ul {
                            display: none;
                            position: relative;
                            left: 0;
                            list-style-type: none;
                            padding: 0;
                            text-align: left;
                        }

                        #side-nav-menu ul.expand {
                            display: block
                        }

                        #side-nav-menu ul > li a {
                            padding-left: 28px;
                        }
                        /* 04.3.5 Child-Parent Arrow Icon				 */
                        /* ----------------------------------------------*/

                        #side-nav-menu li a:after {
                            content: '>';
                            position: absolute;
                            right: 15px;
                        }

                        #side-nav-menu li a:only-child:after {
                            content: '';
                        }
                        /* 04.3.6 More Child Menu */
                        /* ----------------------------------------------*/

                        #side-nav-menu ul ul {
                            display: none;
                            position: relative;
                            left: 0;
                            list-style-type: none;
                            padding: 0;
                            text-align: left;
                        }

                        #side-nav-menu ul ul > li a {
                            border-bottom: none;
                        }
                        /*===============================================*/
                        /* 05. LOGO	 	 	 							 */
                        /*===============================================*/
                        /* ----------------------------------------------*/
                        /* 05.1	CSS Logo								 */
                        /* ----------------------------------------------*/

                        .css-logo {
                            width: 100%;
                            height: 100%;
                            border-radius: 0%;
                            background-color: #f0394d;
                            color: #FFF;
                            text-align: center;
                            font-family: 'Arvo', serif;
                        }

                        .css-logo.rounded {
                            border-radius: 50%;
                        }

                        .css-logo-text {
                            padding-top: 19px;
                            font-size: 15px;
                        }

                        .css-logo-text > i {
                            font-size: 10px;
                        }
                        /* ----------------------------------------------*/
                        /* 05.2	IMG Logo								 */
                        /* ----------------------------------------------*/

                        .img-logo,
                        .img-logo img {
                            width: 100%;
                        }
                        /*===============================================*/
                        /* 06. MAIN-SLIDER					 		 	 */
                        /*===============================================*/

                        #main-slider {
                            margin: 0;
                            padding: 0;
                            position: relative;
                        }
                        /* ----------------------------------------------*/
                        /* 06.1 Main Slider Height					     */
                        /* ----------------------------------------------*/
                        /* #main-slider.fullscreen - script.js			 */

                        #main-slider.fixed-height {
                            position: relative;
                            height: 625px;
                        }
                        /* ----------------------------------------------*/
                        /* 06.2 Main Slider Flexslider			  		 */
                        /* ----------------------------------------------*/

                        #main-slider.flexslider {
                            border: none;
                        }

                        #main-slider .slides,
                        #main-slider.flexslider .slides li {
                            position: relative;
                            height: inherit;
                            width: 100%;
                            overflow: hidden;
                        }

                        #main-slider.flexslider .flex-viewport {
                            position: relative;
                            height: inherit;
                        }
                        /* 06.2.1 Main Slider Flexslider Control Nav & Paging */
                        /* ----------------------------------------------*/

                        #main-slider .flex-control-nav,
                        .flex-control-paging {
                            background-color: transparent;
                            !important;
                            margin: 0;
                            padding: 0;
                            position: absolute;
                            bottom: 0;
                            z-index: 4;
                        }

                        #main-slider.flexslider .flex-direction-nav .flex-prev {
                            left: 0px;
                        }

                        #main-slider.flexslider .flex-direction-nav .flex-next {
                            right: 0px;
                            text-align: right;
                        }

                        #main-slider.flexslider:hover .flex-prev {
                            opacity: 0.7;
                            left: 100px;
                        }

                        #main-slider.flexslider:hover .flex-next {
                            opacity: 0.7;
                            right: 100px;
                        }

                        #main-slider .flex-direction-nav a {
                            z-index: 4;
                            line-height: 40px;
                        }
                        /* ----------------------------------------------*/
                        /* 06.3 Main Slider Slide-Image		  		 	 */
                        /* ----------------------------------------------*/

                        #main-slider .slide-image {
                            position: relative;
                            height: inherit;
                            width: 100%;
                            background-size: cover;
                            background-position: 50% 50%;
                            background-color: #FFF;
                            -webkit-transform: translateZ(0);
                        }
                        /* ----------------------------------------------*/
                        /* 06.4 Main Slider Slide-Video			  		 */
                        /* ----------------------------------------------*/

                        #main-slider .slide-video {
                            height: inherit;
                            width: 100%;
                            position: relative;
                        }
                    /*#main-slider .slide-video-control{
	height: 50px;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 4;
	padding-right:10px;
	text-align:right;
    }*/
    /* ----------------------------------------------*/
    /* 06.5 Main Slider Title					     */
    /* ----------------------------------------------*/
    /* 06.5.1 Outter Wrapper */
    /* ----------------------------------------------*/

    .slide-title-outter-wrapper {
        position: absolute;
        width: 100%;
        height: inherit;
        left: 0;
        z-index: 3;
        overflow: hidden;
    }
    /* 06.5.2 Inner Wrapper */
    /* ----------------------------------------------*/

    .slide-title-inner-wrapper {
        width: 1170px;
        height: inherit;
        margin: 0 auto;
        display: table;
    }
    /* 06.5.3 Title Wrapper */
    /* ----------------------------------------------*/

    .slide-title {
        display: table-cell;
        text-align: center;
        color: #FFF;
    }

    .slide-title h1,
    .slide-title h2,
    .slide-title h3,
    .slide-title h4,
    .slide-title h5,
    .slide-title h6 {
        color: #FFF;
    }
    /* 06.5.4 Title Alignment */
    /* ----------------------------------------------*/

    .slide-title.align-middle {
        vertical-align: middle;
    }

    .slide-title.align-top {
        vertical-align: top;
        /*padding-top:100px;*/
    }

    .slide-title.align-bottom {
        vertical-align: bottom;
        /*padding-bottom:0px;*/
    }
    /* 06.5.6 Save The Date Title */
    /* ----------------------------------------------*/

    #save-the-date {
        font-family: 'Pacifico', cursive;
        -ms-transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        transform: rotate(-0deg);
        padding-top: 10px;
        margin-bottom: 20px;
    }

    #save {
        font-size: 75px;
        line-height: 50px
    }

    #the-date {
        font-size: 62px;
    }

    #date {
        font-size: 47px;
        line-height: 40px;
    }

    .pink-dot {
        color: #f0394d;
    }
    /* ----------------------------------------------*/
    /* 06.6 Each Slide Overlay					     */
    /* ----------------------------------------------*/

    .slide-overlay {
        position: absolute;
        top: 0;
        display: block;
        width: inherit;
        height: inherit;
        background-color: #000;
        opacity: 0.3;
        -webkit-transform: translateZ(0);
    }
    /* ----------------------------------------------*/
    /* 06.7 Each Slide Caption					     */
    /* ----------------------------------------------*/

    .slide-caption {
        position: absolute;
        top: 0;
        display: block;
        width: inherit;
        height: inherit;
        color: #fff;
    }

    .use-animation {
        visibility: hidden
    }
    /* ----------------------------------------------*/
    /* 06.8 Hack Flexslider Fade for Firefox & IE11	 */
    /* ----------------------------------------------*/

    .flexslider .slides.css-fade > li {
        -webkit-transition: opacity 1s ease;
        -moz-transition: opacity 1s ease;
        transition: opacity 1s ease;
    }
    /* ----------------------------------------------*/
    /* 06.9 Loop Animation						     */
    /* ----------------------------------------------*/
    /* 06.9.1 Zoom									 */
    /* ----------------------------------------------*/

    @-webkit-keyframes zoom-in-out {
        0% {
            -webkit-transform: scale(1);
            /* Chrome, Safari, Opera */
            transform: scale(1);
        }
        50% {
            -webkit-transform: scale(1.1);
            /* Chrome, Safari, Opera */
            transform: scale(1.1);
        }
        100% {
            -webkit-transform: scale(1);
            /* Chrome, Safari, Opera */
            transform: scale(1);
        }
    }

    @keyframes zoom-in-out {
        0% {
            -webkit-transform: scale(1);
            /* Chrome, Safari, Opera */
            transform: scale(1);
        }
        50% {
            -webkit-transform: scale(1.1);
            /* Chrome, Safari, Opera */
            transform: scale(1.1);
        }
        100% {
            -webkit-transform: scale(1);
            /* Chrome, Safari, Opera */
            transform: scale(1);
        }
    }

    .zoom.animate {
        -webkit-transform: scale(1);
        /* Chrome, Safari, Opera */
        transform: scale(1);
        -webkit-animation: zoom-in-out 30s;
        /* Chrome, Safari, Opera */
        animation: zoom-in-out 30s;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
    }
    /* 06.9.2 Left-Right							 */
    /* ----------------------------------------------*/

    @-webkit-keyframes move-left-right {
        0% {
            background-position: 50% 50%;
        }
        25% {
            background-position: 100% 50%;
        }
        50% {
            background-position: 50% 50%;
        }
        75% {
            background-position: 0% 50%;
        }
        100% {
            background-position: 50% 50%;
        }
    }

    @keyframes move-left-right {
        0% {
            background-position: 50% 50%;
        }
        25% {
            background-position: 100% 50%;
        }
        50% {
            background-position: 50% 50%;
        }
        75% {
            background-position: 0% 50%;
        }
        100% {
            background-position: 50% 50%;
        }
    }

    .left-right.animate {
        background-position: 50% 50%;
        -webkit-animation: move-left-right 240s;
        /* Chrome, Safari, Opera */
        animation: move-left-right 240s;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
    }
    /* 06.10 Video Audio Control					 */
    /* ----------------------------------------------*/

    #main-slider .video-audio-control {
        height: 50px;
        width: 100%;
        position: absolute;
        bottom: 0;
        z-index: 4;
        padding-right: 10px;
        text-align: right;
        color: #FFF;
    }

    #main-slider .video-audio-control.mobile {
        display: none;
    }
    /*===============================================*/
    /* 07. PAGE										 */
    /*===============================================*/
    /* ----------------------------------------------*/
    /* 07.1	Page Layout								 */
    /* ----------------------------------------------*/

    #content {
        position: relative;
        background-color: #f6f6f6;
    }
    /* 07.1.1 Page Without Slider					 */
    /* ----------------------------------------------*/

    .no-slider-page #content {
        padding: 220px 0 120px 0;
    }
    /* 07.1.2 Page With Slider						 */
    /* ----------------------------------------------*/

    .slider-title-page #content {
        padding: 120px 0;
    }
    /* 07.1.3 Page With Banner						 */
    /* ----------------------------------------------*/

    .slider-banner-page #content {
        padding: 60px 0 120px 0;
    }
    /* 07.1.4 Page With Full Gallery				 */
    /* ----------------------------------------------*/

    .full-gallery-page #content {
        padding: 145px 0 120px 0;
    }
    /* 07.1.5 Page With Outside Bottom Bar 			 */
    /* ----------------------------------------------*/

    .outside-bottom-bar-page #content {
        margin-top: 145px;
    }
    /* 07.1.6 Page Sidebar				 			 */
    /* ----------------------------------------------*/

    .sidebar-wrapper {
        width: 100%;
        background-color: #FFF;
        padding: 20px 30px
    }

    .sidebar-menu {
        list-style-type: none;
        padding: 10px 0 0 0;
    }

    .sidebar-menu li {
        color: #6a6a6a;
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid #CCC;
    }

    .sidebar-menu li a {
        color: #6a6a6a;
    }

    .sidebar-menu li a:hover {
        color: #f0394d;
    }

    .side-tab {
        margin-bottom: 60px;
    }
    /* ----------------------------------------------*/
    /* 07.2 PAGE ELEMENT	 	 					 */
    /* ----------------------------------------------*/
    /* 07.2.1 Page Title Wrapper					 */
    /* ----------------------------------------------*/

    .page-title {
        padding-bottom: 50px;
    }
    /* 07.2.2 Section Title Wrapper					 */
    /* ----------------------------------------------*/

    .section-title {
        margin-bottom: 70px;
    }

    .section-title h2 {
        font-size: 40px;
        /*same size with h1*/
    }
    /* 07.2.3 Icon Title Wrapper					 */
    /* ----------------------------------------------*/

    .icon-title {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: -50px;
    }
    /* 07.2.4 Title-Excerpt White Box				 */
    /* ----------------------------------------------*/

    .title-excerpt {
        position: relative;
        background-color: #FFF;
        padding: 25px;
    }

    .title-excerpt .custom-heart-icon {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: -12px;
        color: #f0394d !important;
        background-color: #111111 !important;
    }
    /* 07.2.5 Blurb Wrapper							 */
    /* ----------------------------------------------*/

    .blurb {
        margin-top: 20px;
    }
    /* 07.2.6  Align Middle Wrapper					 */
    /* ----------------------------------------------*/

    .alignment {
        position: absolute;
        display: table;
        height: 100%;
        width: 100%;
    }

    .v-align {
        display: table-cell;
    }

    .center-middle {
        vertical-align: middle;
        text-align: center;
    }

    .center-top {
        vertical-align: top;
        text-align: center;
    }

    .center-bottom {
        vertical-align: bottom;
        text-align: center;
    }
    /* 07.2.7 IMAGE & VIDEO DIVIDER					 */
    /* ----------------------------------------------*/

    .divider-wrapper {
        padding: 130px 0;
    }

    .image-divider {
        position: relative;
        background-size: cover;
        -webkit-background-size: cover;
        background-attachment: scroll;
        background-position: center center;
        background-repeat: no-repeat;
        color: #FFF;
    }

    .image-divider.mobile {
        background-attachment: scroll;
    }

    .video-divider {
        position: relative;
        color: #FFF;
        z-index: 3;
    }

    .image-divider h1,
    .image-divider h2,
    .image-divider h3,
    .image-divider h4,
    .image-divider h5,
    .image-divider h6,
    .video-divider h1,
    .video-divider h2,
    .video-divider h3,
    .video-divider h4,
    .video-divider h5,
    .video-divider h6 {
        color: #FFF;
    }

    .image-divider .divider-overlay,
    .video-divider .divider-overlay {
        position: absolute;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.3
    }

    .image-divider.auto-height,
    .video-divider.auto-height {
        height: 100%;
        width: 100%;
        padding: 150px 0;
    }

    .image-divider.fixed-height,
    .video-divider.fixed-height {
        height: 700px;
        width: 100%;
        padding: 0;
    }
    /* 07.2.8 SPACE AND LINE DIVIDER 				 */
    /* ----------------------------------------------*/

    .space-divider {
        display: block;
        height: 150px
    }

    hr.line-divider {
        height: 2px;
        border: none;
        color: #e1dddd;
        background-color: #e1dddd;
        margin: 50px 0
    }
    /* 07.2.9 HEART DIVIDER							 */
    /* ----------------------------------------------*/

    .heart-divider {
        height: 100%;
        width: 100%;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
    }

    .white-line {
        width: 30px;
        height: 8px;
        display: inline-block;
        border-top: solid 1px #FFF;
    }

    .grey-line {
        width: 30px;
        height: 8px;
        display: inline-block;
        border-top: solid 2px #e1dddd;
    }
                    /*.left-line{
	color:#FFF;
	letter-spacing:-2px;
	float:left;
	margin-right:10px
}

.right-line{
	color:#FFF;
	letter-spacing:-2px;
	float:left;
	margin-left:10px
}

.two-heart{
	float:left;
    }*/

    .pink-heart {
        color: #f0394d;
        font-size: 18px;
        position: relative;
        z-index: 3
    }

    .white-heart {
        color: #FFF;
        font-size: 18px;
        margin-left: -15px;
        position: relative;
        z-index: 2
    }

    .grey-heart {
        color: #e1dddd;
        font-size: 18px;
        margin-left: -15px;
        position: relative;
        z-index: 2
    }
    /* 07.2.10 BUTTON					 			 */
    /* ----------------------------------------------*/

    a.de-button,
    span.de-button,
    input[type=submit] {
        display: inline-block;
        margin: 0 auto;
        margin-top: 20px;
        background-color: #FFF;
        font-family: 'Oswald', sans-serif;
    }

    a.de-button.outline,
    span.de-button.outline,
    input[type=submit].outline {
        background-color: transparent;
        border: solid 1px #FFF;
        color: #FFF;
    }

    a.de-button.reverse,
    span.de-button.reverse,
    input[type=submit].reverse {
        background-color: #111111;
        border: solid 1px #962E4E;
        color: #FFF;
    }

    a.de-button.small,
    span.de-button.small,
    input[type=submit].small {
        padding: 8px 26px;
        font-size: 14px;
    }

    a.de-button.medium,
    span.de-button.medium,
    input[type=submit].medium {
        padding: 10px 50px;
        font-size: 16px;
    }

    a.de-button.medium2,
    span.de-button.medium2,
    input[type=submit].medium2 {
        padding: 10px 50px;
        border: 1px solid transparent;
        font-size: 16px;
        background-color: #111111;
        color: #fff;
        cursor: pointer;
    }

    a.de-button.medium2:hover,
    span.de-button.medium2:hover,
    input[type=submit].medium2:hover {
        background-color: #621E33;
        border: 1px solid transparent;
    }

    a.de-button.medium3,
    span.de-button.medium2,
    input[type=submit].medium2 {
        padding: 10px 50px;
        border: 1px solid transparent;
        font-size: 16px;
        border-color: #111111;
        color: #111111;
        cursor: pointer;
    }

    a.de-button.medium3:hover,
    span.de-button.medium2:hover,
    input[type=submit].medium2:hover {
        background-color: #111111;
    }

    a.de-button.large,
    span.de-button.large,
    input[type=submit].large {
        padding: 14px 70px;
        font-size: 20px;
    }

    a.de-button:hover,
    input[type=submit]:hover {
        background-color: #111111;
        border-color: #111111;
        color: #FFF;
        text-decoration: none;
    }

    a.de-button.reverse:hover,
    input[type=submit].reverse:hover {
        background-color: #FFF;
        border-color: #FFF;
        color: #6a6a6a;
        text-decoration: none;
        border: solid 1px #6a6a6a
    }

    input[type=submit]:disabled,
    input[type=submit]:hover:disabled {
        background-color: #CCC !important;
        border: solid 1px #CCC !important;
        color: #FFF !important;
        ;
    }
    /* 07.2.11 Banner Text				 			 */
    /* ----------------------------------------------*/

    .banner-text {
        display: inline-block;
        font-family: 'Oswald', sans-serif;
        margin: auto;
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: center
    }

    .banner-text.small {
        padding: 2px 30px;
    }

    .banner-text.medium {
        padding: 2px 50px;
    }

    .banner-text.large {
        padding: 2px 70px;
    }

    .banner-text.full {
        width: 100%;
    }

    .banner-text.light {
        color: #FFF;
                        /*border-top:medium double #fff;
                        border-bottom:medium double #fff;*/
                    }

                    .banner-text.light * {
                        color: #FFF;
                    }

                    .banner-text.dark {
                        color: #6a6a6a;
                        border-top: medium double #6a6a6a;
                        border-bottom: medium double #6a6a6a;
                    }

                    .banner-text.dark * {
                        color: #333333;
                    }

                    .banner-text.withlove {
                        position: relative;
                        display: inline-block;
                        font-family: 'Oswald', sans-serif;
                        margin: auto;
                        margin-top: 30px;
                        margin-bottom: 30px;
                        text-align: center
                    }

                    .banner-text.withlove:before {
                        display: block;
                        font-family: "fontello";
                        position: absolute;
                        font-size: 22px;
                        color: #FFF;
                        content: "\e806";
                        top: -17px;
                        left: 0;
                        right: 0;
                        margin-left: 19px;
                    }

                    .banner-text.withlove.dark:before {
                        color: #e1dddd;
                    }

                    .banner-text.withlove:after {
                        display: block;
                        font-family: "fontello";
                        position: absolute;
                        font-size: 22px;
                        color: #f0394d;
                        content: "\e806";
                        top: -17px;
                        left: 0;
                        right: 0;
                        margin-right: 19px;
                    }
                    /* 07.2.12 White Box Content Wrapper 			 */
                    /* ----------------------------------------------*/

                    .white-box-content-wrapper {
                        background-color: #FFF;
                        padding: 40px 40px;
                        margin-bottom: 30px;
                    }
                    /*-----------------------------------------------*/
                    /* 07.2.13 Popup Template						 */
                    /*-----------------------------------------------*/

                    #popup-template {
                        width: 900px;
                        margin: 30px auto;
                        background-color: #FFF;
                    }

                    #popup-template #main-image {
                        height: 485px;
                        width: 100%;
                        position: relative;
                    }

                    #popup-template-title-wrapper {
                        position: absolute;
                        bottom: 0;
                        color: #FFF;
                        text-align: center;
                        padding: 0 50px;
                        margin: 0 auto;
                        width: 100%;
                    }

                    #popup-template #the-content {
                        padding: 35px 75px;
                    }

                    #popup-template #the-content #socialnetwork-icon {
                        text-align: center;
                        margin-bottom: 20px;
                    }

                    #popup-template #the-content img {
                        width: 100%;
                        margin: 10px 0
                    }
                    /*-----------------------------------------------*/
                    /* 07.2.14 Autocrop Image						 */
                    /*-----------------------------------------------*/

                    .autocrop-image {
                        display: block;
                        background-position: center center;
                        background-size: cover;
                        background-repeat: no-repeat;
                        overflow: hidden;
                    }
                    /*===============================================*/
                    /* 08. ICON										 */
                    /*===============================================*/

                    .de-icon {
                        width: 60px;
                        height: 60px;
                        line-height: 60px;
                        font-size: 30px;
                        text-align: center;
                        vertical-align: middle;
                        margin: 8px 0px;
                        -webkit-transition: 0.3s all ease;
                        -moz-transition: 0.3s all ease;
                        -o-transition: 0.3s all ease;
                        -ms-transition: 0.3s all ease;
                        transition: 0.3s all ease;
                        /*The transition will be disabled on script.js for tablet/mobile*/
                    }

                    .de-icon.aligncenter {
                        margin: 0 auto;
                    }

                    .de-icon.inline {
                        display: inline-block;
                        vertical-align: middle;
                        margin-right: 8px;
                    }

                    .de-icon.float {
                        float: left;
                        margin-right: 15px
                    }

                    .de-icon i {
                        -webkit-transition: 0.3s all ease;
                        -moz-transition: 0.3s all ease;
                        -o-transition: 0.3s all ease;
                        -ms-transition: 0.3s all ease;
                        transition: 0.3s all ease;
                        /*The transition will be disabled on script.js for tablet/mobile*/
                    }
                    /*------------------------------------------------*/
                    /* 08.1	 Size 							   	  	  */
                    /*------------------------------------------------*/

                    .de-icon.large-size {
                        width: 100px;
                        height: 100px;
                        line-height: 100px;
                        font-size: 40px;
                    }

                    .de-icon.medium-size {
                        width: 54px;
                        height: 54px;
                        line-height: 54px;
                        font-size: 21px;
                    }

                    .de-icon.small-size {
                        width: 40px;
                        height: 40px;
                        line-height: 40px;
                        font-size: 18px;
                    }

                    .de-icon.very-small-size {
                        width: 25px;
                        height: 25px;
                        line-height: 25px;
                        font-size: 11px;
                    }
                    /*------------------------------------------------*/
                    /* 08.2 Shape									  */
                    /*------------------------------------------------*/
                    /* 08.2.1 Default								  */
                    /*------------------------------------------------*/

                    .de-icon.default {
                        color: #6a6a6a;
                    }

                    .de-icon.default.light {
                        color: #FFF;
                    }

                    .de-icon.default.reverse {
                        color: #f0394d;
                    }

                    a:hover .de-icon.default,
                    a:hover .de-icon.default.light {
                        color: #f0394d;
                    }

                    a:hover .de-icon.default.reverse {
                        color: #6a6a6a;
                    }

                    a:hover .de-icon.default.light.reverse {
                        color: #FFF;
                    }
                    /* 08.2.2 Circle, Rounded, Square				  */
                    /*------------------------------------------------*/

                    .de-icon.circle {
                        border-radius: 50%;
                    }

                    .de-icon.rounded {
                        border-radius: 20%;
                    }

                    .de-icon.square,
                    .de-icon.circle,
                    .de-icon.rounded {
                        background-color: #6a6a6a;
                        color: #FFF;
                    }

                    .de-icon.square.reverse,
                    .de-icon.circle.reverse,
                    .de-icon.rounded.reverse {
                        background-color: #f0394d;
                        color: #FFF;
                    }

                    .de-icon.square.light,
                    .de-icon.circle.light,
                    .de-icon.rounded.light {
                        background-color: #FFF;
                        color: #6a6a6a;
                    }

                    .de-icon.square.light.reverse,
                    .de-icon.circle.light.reverse,
                    .de-icon.rounded.light.reverse {
                        background-color: #FFF;
                        color: #f0394d;
                    }

                    .de-icon.outline {
                        background-color: transparent;
                        color: #6a6a6a;
                        border: 1px solid #6a6a6a;
                    }

                    .de-icon.outline.reverse {
                        background-color: transparent;
                        color: #f0394d;
                        border: 1px solid #f0394d;
                    }

                    .de-icon.outline.light,
                    .de-icon.outline.light.reverse {
                        background-color: transparent;
                        color: #FFF;
                        border: 1px solid #FFF;
                    }

                    a:hover .de-icon.circle,
                    a:hover .de-icon.rounded,
                    a:hover .de-icon.square {
                        background-color: #f0394d;
                        color: #FFF;
                        border: none;
                    }

                    a:hover .de-icon.circle.reverse,
                    a:hover .de-icon.rounded.reverse,
                    a:hover .de-icon.square.reverse {
                        background-color: #6a6a6a;
                        color: #FFF;
                        border: none;
                    }
                    /*------------------------------------------------*/
                    /* 08.3 Effect Zoom 						 	  */
                    /*------------------------------------------------*/

                    .de-icon.effect1 {
                        -webkit-transform: scale(1);
                        -moz-transform: scale(1);
                        -o-transform: scale(1);
                        -ms-transform: scale(1);
                        transform: scale(1);
                    }

                    a:hover .de-icon.effect1 {
                        -webkit-transform: scale(1.2);
                        -moz-transform: scale(1.2);
                        -o-transform: scale(1.2);
                        -ms-transform: scale(1.2);
                        transform: scale(1.2);
                    }
                    /*------------------------------------------------*/
                    /* 08.4 Effect Rotate						  	  */
                    /*------------------------------------------------*/

                    .de-icon.effect2 i {
                        -webkit-transform: rotate(0deg);
                        -moz-transform: rotate(0deg);
                        -o-transform: rotate(0deg);
                        -ms-transform: rotate(0deg);
                        transform: rotate(0deg);
                    }

                    a:hover .de-icon.effect2 i {
                        -webkit-transform: rotate(360deg);
                        -moz-transform: rotate(360deg);
                        -o-transform: rotate(360deg);
                        -ms-transform: rotate(360deg);
                        transform: rotate(360deg);
                    }
                    /*------------------------------------------------*/
                    /* 08.5 Effect Square/Rounded To Circle 	  	  */
                    /*------------------------------------------------*/

                    a:hover .de-icon.effect3 {
                        background-color: #f0394d;
                        color: #fff;
                        border-radius: 50%;
                    }
                    /*===============================================*/
                    /* 09. PHOTO ITEM								 */
                    /*===============================================*/

                    .photo-item {
                        position: relative;
                        overflow: hidden;
                    }

                    .photo-item.frame-border {
                        background-color: #FFF;
                        border: 18px solid #FFF;
                    }
                    /* ----------------------------------------------*/
                    /* 09.1 Image 									 */
                    /* ----------------------------------------------*/

                    .photo-item img {
                        width: 100%;
                    }
                    /* ----------------------------------------------*/
                    /* 09.2 Layer 								 	 */
                    /* ----------------------------------------------*/

                    .photo-item .layer {
                        position: absolute;
                        margin: auto;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                    }

                    .photo-item .layer.wh100 {
                        width: 100%;
                        height: 100%;
                    }

                    .photo-item .layer.wh95 {
                        width: 95%;
                        height: 95%;
                    }
                    /* 09.2.1 Layer : Second Image   				 */
                    /* ----------------------------------------------*/

                    .photo-item .layer.second-image {
                        opacity: 0;
                    }
                    /* 09.2.2 Layer : Black Overlay  				 */
                    /* ----------------------------------------------*/

                    .photo-item .layer.opacity-black-overlay {
                        background-color: rgba(0, 0, 0, 0.4);
                        opacity: 0.3;
                    }

                    .photo-item .layer.hidden-black-overlay {
                        background-color: rgba(152, 46, 79, 0.7);
                        opacity: 0;
                    }
                    /* 09.2.3 Layer : Photo Caption  				 */
                    /* ----------------------------------------------*/

                    .photo-item .layer.photo-caption {
                        opacity: 1;
                    }

                    .photo-item .layer.hidden-photo-caption {
                        opacity: 0;
                    }

                    .photo-item .layer.border-photo-caption {
                        opacity: 1;
                        border: 1px solid #FFF;
                    }

                    .photo-item .layer.hidden-border-photo-caption {
                        opacity: 0;
                        border: 1px solid #FFF;
                    }
                    /* 09.2.4 Layer : Icon / Button Link		 	 */
                    /* ----------------------------------------------*/

                    .photo-item .layer.link {
                        opacity: 1;
                    }

                    .photo-item .layer.hidden-link {
                        opacity: 0;
                    }

                    .photo-item:hover .layer.hover-animation.fade-in {
                        opacity: 1;
                    }

                    .photo-item:hover .layer.hover-animation.half-fade-in {
                        opacity: 0.3;
                    }

                    .photo-item:hover .layer.hover-animation.fade-out {
                        opacity: 0;
                    }
                    /* ----------------------------------------------*/
                    /* 09.3 on Hover Animation					 	*/
                    /* ----------------------------------------------*/

                    .photo-item img.hover-animation,
                    .photo-item:hover img.hover-animation {
                        -webkit-transition: all 0.5s;
                        -ms-transition: all 0.5s;
                        -o-transition: all 0.5s;
                        transition: all 0.5s;
                        /*The transition will be disabled on script.js for tablet/mobile*/
                    }

                    .photo-item .layer.hover-animation,
                    .photo-item:hover .layer.hover-animation {
                        -webkit-transition: all 0.5s;
                        -ms-transition: all 0.5s;
                        -o-transition: all 0.5s;
                        transition: all 0.5s;
                        /*The transition will be disabled on script.js for tablet/mobile*/
                    }
                    /* 09.3.1 on Hover Animation Duration		 	 */
                    /* ----------------------------------------------*/

                    .photo-item:hover .layer.hover-animation.duration1,
                    .photo-item:hover img.hover-animation.duration1 {
                        transition-duration: 0.5s;
                    }

                    .photo-item:hover .layer.hover-animation.duration2,
                    .photo-item:hover img.hover-animation.duration12 {
                        transition-duration: 1s;
                    }

                    .photo-item:hover .layer.hover-animation.duration3,
                    .photo-item:hover img.hover-animation.duration3 {
                        transition-duration: 1.5s;
                    }

                    .photo-item:hover .layer.hover-animation.duration4,
                    .photo-item:hover img.hover-animation.duration4 {
                        transition-duration: 2s;
                    }

                    .photo-item:hover .layer.hover-animation.duration5,
                    .photo-item:hover img.hover-animation.duration5 {
                        transition-duration: 2.5s;
                    }
                    /* 09.3.2 on Hover Animation Delay		 	 	 */
                    /* ----------------------------------------------*/

                    .photo-item:hover .layer.hover-animation.delay1,
                    .photo-item:hover img.hover-animation.delay1 {
                        transition-delay: 0.5s;
                    }

                    .photo-item:hover .layer.hover-animation.delay2,
                    .photo-item:hover img.hover-animation.delay2 {
                        transition-delay: 1s;
                    }

                    .photo-item:hover .layer.hover-animation.delay3,
                    .photo-item:hover img.hover-animation.delay3 {
                        transition-delay: 1.5s;
                    }

                    .photo-item:hover .layer.hover-animation.delay4,
                    .photo-item:hover img.hover-animation.delay4 {
                        transition-delay: 2s;
                    }

                    .photo-item:hover .layer.hover-animation.delay5,
                    .photo-item:hover img.hover-animation.delay5 {
                        transition-delay: 2.5s;
                    }
                    /* 09.3.3 on Hover Zoom In					 	 */
                    /* ----------------------------------------------*/

                    .photo-item:hover img.hover-animation.image-zoom-in {
                        -webkit-transform: scale(1.1);
                        -ms-transform: scale(1.1);
                        -o-transform: scale(1.1);
                        transform: scale(1.1);
                    }
                    /* 09.3.4 on Hover Zoom In and Rotate	 	 	*/
                    /* ----------------------------------------------*/

                    .photo-item:hover img.hover-animation.image-zoom-rotate {
                        -webkit-transform: rotate(7deg) scale(1.1);
                        -ms-transform: rotate(7deg) scale(1.1);
                        -o-transform: rotate(7deg) scale(1.1);
                        transform: rotate(7deg) scale(1.1);
                    }
                    /* 09.3.5 on Hover Fade Out				 		 */
                    /* ----------------------------------------------*/

                    .photo-item:hover img.hover-animation.image-fade-out {
                        opacity: 0;
                    }
                    /*===============================================*/
                    /* 10. MASONRY GALLERY							 */
                    /*===============================================*/

                    .masonry-col.w100 {
                        width: 100%;
                    }
                    /* ----------------------------------------------*/
                    /* 10.1 Three Column No Gutter		 			 */
                    /* ----------------------------------------------*/

                    .three-col .grid-sizer {
                        width: 33.33%;
                    }

                    .three-col .gutter-sizer {
                        width: 0;
                    }

                    .three-col .masonry-col.w33 {
                        width: 33.33%;
                    }

                    .three-col .masonry-col.w66 {
                        width: 66.67%;
                    }
                    /* ----------------------------------------------*/
                    /* 10.2 Three Column With Gutter	 			 */
                    /* ----------------------------------------------*/

                    .three-col.with-gutter .grid-sizer {
                        width: 31%;
                    }

                    .three-col.with-gutter .gutter-sizer {
                        width: 3.5%;
                    }

                    .three-col.with-gutter .masonry-col {
                        margin-bottom: 30px;
                    }

                    .three-col.with-gutter .masonry-col.w33 {
                        width: 31%;
                    }

                    .three-col.with-gutter .masonry-col.w66 {
                        width: 62%;
                    }
                    /* ----------------------------------------------*/
                    /* 10.3 Four Column No Gutter		 			 */
                    /* ----------------------------------------------*/

                    .four-col .grid-sizer {
                        width: 25%;
                    }

                    .four-col .gutter-sizer {
                        width: 0;
                    }

                    .four-col .masonry-col.w25 {
                        width: 25%;
                    }

                    .four-col .masonry-col.w50 {
                        width: 50%;
                    }

                    .four-col .masonry-col.w75 {
                        width: 75%;
                    }
                    /* ----------------------------------------------*/
                    /* 10.4 Four Column With Gutter		 			 */
                    /* ----------------------------------------------*/

                    .four-col.with-gutter .grid-sizer {
                        width: 23%;
                    }

                    .four-col.with-gutter .gutter-sizer {
                        width: 2.666%;
                    }

                    .four-col.with-gutter .masonry-col {
                        margin-bottom: 25px;
                    }

                    .four-col.with-gutter .masonry-col.w25 {
                        width: 23%;
                    }

                    .four-col.with-gutter .masonry-col.w50 {
                        width: 46%;
                    }

                    .four-col.with-gutter .masonry-col.w75 {
                        width: 69%;
                    }
                    /* ----------------------------------------------*/
                    /* 10.5 Five Column No Gutter		 			 */
                    /* ----------------------------------------------*/

                    .five-col .grid-sizer {
                        width: 20%;
                    }

                    .five-col .gutter-sizer {
                        width: 0;
                    }

                    .five-col .masonry-col.w20 {
                        width: 20%;
                    }

                    .five-col .masonry-col.w40 {
                        width: 40%;
                    }

                    .five-col .masonry-col.w60 {
                        width: 60%;
                    }

                    .five-col .masonry-col.w80 {
                        width: 80%;
                    }
                    /* ----------------------------------------------*/
                    /* 10.6 Five Column With Gutter		 			 */
                    /* ----------------------------------------------*/

                    .five-col.with-gutter .grid-sizer {
                        width: 18%;
                    }

                    .five-col.with-gutter .gutter-sizer {
                        width: 2.5%;
                    }

                    .five-col.with-gutter .masonry-col {
                        margin-bottom: 25px;
                    }

                    .five-col.with-gutter .masonry-col.w20 {
                        width: 18%;
                    }

                    .five-col.with-gutter .masonry-col.w40 {
                        width: 36%;
                    }

                    .five-col.with-gutter .masonry-col.w60 {
                        width: 54%;
                    }

                    .five-col.with-gutter .masonry-col.w80 {
                        width: 72%;
                    }
                    /*===============================================*/
                    /* 11. FORM										 */
                    /*===============================================*/
                    /*-----------------------------------------------*/
                    /* 11.1 Form Group								 */
                    /*-----------------------------------------------*/

                    .form-group {
                        margin-bottom: 30px;
                    }

                    .form-group.submit-wrapper {
                        margin-top: 30px;
                    }
                    /*-----------------------------------------------*/
                    /* 11.2 Form Control							 */
                    /*-----------------------------------------------*/

                    .form-control {
                        height: 35px;
                        border-radius: 0;
                        font-size: 13px;
                    }

                    .form-control:focus {
                        border-color: #cccccc;
                        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #cccccc;
                        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #cccccc;
                    }
                    /*-----------------------------------------------*/
                    /* 11.3 Input Group								 */
                    /*-----------------------------------------------*/

                    .input-group-addon {
                        border-radius: 0;
                    }
                    /*-----------------------------------------------*/
                    /* 11.4 Label									 */
                    /*-----------------------------------------------*/

                    form label {
                        font-family: 'Oswald', sans-serif;
                        font-size: 14px;
                        font-weight: normal;
                    }

                    .option-label {
                        font-family: 'Arvo', serif;
                        color: #6a6a6a;
                        font-size: 13px;
                    }
                    /*-----------------------------------------------*/
                    /* 11.5 Button									 */
                    /*-----------------------------------------------*/

                    form .btn-primary {
                        padding: 12px 18px;
                        margin: 0 15px 5px 15px;
                        border-radius: 0;
                        font-family: 'Arvo', serif;
                        color: #6a6a6a;
                        font-size: 13px;
                        background-color: #FFF;
                        border-color: #cccccc;
                    }

                    form .btn-primary:hover,
                    form .btn-primary:focus,
                    form .btn-primary.focus,
                    form .btn-primary:active,
                    form .btn-primary.active,
                    .open > .dropdown-toggle.btn-primary {
                        background-color: #f0394d;
                        border-color: #f0394d;
                        color: #FFF;
                        border-color: #cccccc;
                    }
                    /*-----------------------------------------------*/
                    /* 11.6 Checkbox and Radio (Custom)				 */
                    /*-----------------------------------------------*/

                    .ajax-checkbox .btn input[type=checkbox],
                    .ajax-radio .btn input[type=radio] {
                        display: none;
                    }

                    .ajax-checkbox .btn.custom-option-icon,
                    .ajax-checkbox .btn.no-icon,
                    .ajax-radio .btn.custom-option-icon,
                    .ajax-radio .btn.no-icon {
                        margin-left: 0;
                        text-align: left;
                    }

                    .ajax-checkbox .btn.custom-option-icon:before {
                        font-family: "fontello";
                        content: "\ecd4";
                        margin-right: 7px;
                    }

                    .ajax-checkbox .btn.active-icon.custom-option-icon:before {
                        font-family: "fontello";
                        content: "\ecd3";
                        margin-right: 7px;
                    }

                    .ajax-radio .btn.custom-option-icon:before {
                        font-family: "fontello";
                        content: "\e914";
                        margin-right: 7px;
                        font-size: 16px;
                        font-weight: bold;
                    }

                    .ajax-radio .btn.active-icon.custom-option-icon:before {
                        font-family: "fontello";
                        content: "\e917";
                        margin-right: 7px;
                        font-size: 16px;
                        font-weight: bold;
                    }
                    /*-----------------------------------------------*/
                    /* 11.7 Select Option							 */
                    /*-----------------------------------------------*/

                    select option {
                        padding: 4px 0 !important;
                    }

                    option {
                        color: #747474;
                    }
                    /*-----------------------------------------------*/
                    /* 11.8 Message									 */
                    /*-----------------------------------------------*/

                    .message {
                        margin-bottom: 20px;
                        font-size: 13px
                    }

                    .message .bg-danger,
                    .message .bg-success {
                        padding: 8px 14px;
                        color: #ffffff;
                    }

                    .message .bg-danger {
                        background-color: #f0394d;
                    }

                    .message .bg-success {
                        background-color: #6a6a6a;
                    }
                    /*-----------------------------------------------*/
                    /* 11.9 Validation								 */
                    /*-----------------------------------------------*/

                    form .has-error .btn-primary {
                        border-color: #f397a1;
                    }

                    .has-error .form-control {
                        border-color: #f397a1;
                        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                    }

                    .has-error .form-control:focus {
                        border-color: #f397a1;
                        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f397a1;
                        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f397a1;
                    }
                    /*===============================================*/
                    /* 12. HOME PAGE								 */
                    /*===============================================*/
                    /* ----------------------------------------------*/
                    /* 12.1 Couple Section							 */
                    /* ----------------------------------------------*/

                    #couple {
                        padding: 140px 0 100px 0;
                        background: #FFF;
                    }

                    .couple-name {
                        font-family: 'Pacifico', cursive;
                        font-size: 41px;
                        padding-top: 100px;
                        color: #FFF;
                        line-height: 41px;
                        -ms-transform: rotate(-10deg);
                        -webkit-transform: rotate(-10deg);
                        transform: rotate(-10deg)
                    }

                    .couple-excerpt {
                        margin-top: 40px;
                        margin-bottom: 40px;
                    }
                    /* ----------------------------------------------*/
                    /* 12.2 Location & Countdown Section			 */
                    /* ----------------------------------------------*/

                    #counting-down {
                        text-align: center;
                        color: #FFF;
                        font-family: 'Pacifico';
                        -ms-transform: rotate(-10deg);
                        -webkit-transform: rotate(-10deg);
                        transform: rotate(-10deg);
                        padding-right: 30px;
                        margin-top: 0px;
                        margin-bottom: 25px;
                    }

                    #counting {
                        font-size: 65px;
                        line-height: 50px
                    }

                    #down {
                        font-size: 55px;
                        line-height: 65px;
                    }

                    .simple-countdown {
                        width: 250px;
                        margin: 0 auto;
                        margin-top: 25px
                    }

                    .simple-countdown.is-countdown {
                        border: none;
                        background-color: transparent;
                        color: #FFF;
                        font-family: 'Oswald', sans-serif;
                        font-size: 13px;
                    }

                    .simple-countdown .countdown-amount {
                        display: inline-block;
                        font-size: 18px;
                        letter-spacing: 2px;
                    }

                    .simple-countdown .countdown-period {
                        display: inline-block;
                        font-size: 18px;
                    }
                    /* ----------------------------------------------*/
                    /* 12.3 The Wedding Section			 			 */
                    /* ----------------------------------------------*/

                    #the-wedding {
                        padding: 80px 0 80px 0;
                    }

                    #the-wedding h4 {
                        font-size: 17px;
                    }

                    .wedding-item {
                        margin-bottom: 40px;
                    }
                    /* ----------------------------------------------*/
                    /* 12.4 RSVP Section				 			 */
                    /* ----------------------------------------------*/

                    #rsvp {
                        padding: 85px 0;
                        background-color: #FFF
                    }
                    /* ----------------------------------------------*/
                    /* 12.5 Footer Section				 			 */
                    /* ----------------------------------------------*/

                    footer .image-divider.fixed-height {
                        height: 550px;
                    }

                    footer a {
                        color: #fff !important;
                    }

                    #thank-you {
                        text-align: center;
                        color: #FFF;
                        font-family: 'Pacifico';
                        -ms-transform: rotate(-10deg);
                        -webkit-transform: rotate(-10deg);
                        transform: rotate(-10deg);
                        padding-right: 30px;
                        margin-top: 40px;
                        margin-bottom: 25px;
                    }

                    #thank {
                        font-size: 55px;
                        line-height: 45px
                    }

                    #you {
                        font-size: 55px;
                        line-height: 45px;
                    }

                    #footer-couple-name {
                        font-family: 'Oswald', sans-serif;
                        font-size: 14px;
                        color: #FFF;
                        letter-spacing: 3px;
                        margin-top: 10px;
                    }
                    /*===============================================*/
                    /* 13. OTHER PAGE								 */
                    /*===============================================*/
                    /* ----------------------------------------------*/
                    /* 13.1 Location Page				 			 */
                    /* ----------------------------------------------*/

                    .interest-icon {
                        display: inline-block;
                        width: 20%;
                        vertical-align: top;
                        text-align: center
                    }

                    .interest-blurb {
                        display: inline-block;
                        width: 75%;
                        vertical-align: top;
                    }
                    /* ----------------------------------------------*/
                    /* 13.2 RSVP-2 Page				 			 	 */
                    /* ----------------------------------------------*/

                    .rsvp-wrapper {
                        padding: 35px 20px 20px 25px;
                        border: 1px solid #cccccc;
                        border-radius: 10px;
                    }
                    /* ----------------------------------------------*/
                    /* 13.3 Bridesmaid Page				 			 */
                    /* ----------------------------------------------*/

                    .bridesmaid-wrapper {
                        margin-bottom: 40px;
                    }
                    /* ----------------------------------------------*/
                    /* 13.4 Groomsmen Page				 			 */
                    /* ----------------------------------------------*/

                    .groomsmen-wrapper {
                        margin-bottom: 40px;
                    }
                    /* ----------------------------------------------*/
                    /* 13.5 Blog Page				 			 	 */
                    /* ----------------------------------------------*/

                    .blog-wrapper {
                        margin-bottom: 40px;
                    }
                    /*===============================================*/
                    /* 14. ONEPAGE SECTION							 */
                    /*===============================================*/
                    /* ----------------------------------------------*/
                    /* 14.1 Slider Section							 */
                    /* ----------------------------------------------*/

                    #invited {
                        font-family: 'Pacifico', cursive;
                        font-size: 36px;
                        margin-top: 70px;
                    }

                    #banner-date {
                        font-family: 'Oswald', sans-serif;
                        letter-spacing: 3px;
                        font-size: 14px;
                    }
                    /* ----------------------------------------------*/
                    /* 14.2 Couple Section							 */
                    /* ----------------------------------------------*/

                    .his-her-name {
                        position: relative;
                    }

                    .his-her-name h2 {
                        font-size: 40px;
                        margin-top: 50px;
                        margin-bottom: 20px;
                    }

                    .his-her-name .last-name {
                        font-family: 'Pacifico', cursive;
                        font-size: 24px;
                        display: block;
                        margin-top: 0;
                    }

                    .his-her-name .heart-wrapper {
                        position: absolute;
                        right: -50px;
                        top: 0;
                    }

                    .his-her-name .custom-heart {
                        background-color: #f0394d;
                        width: 65px;
                        height: 65px;
                        line-height: 65px;
                        font-size: 26px;
                    }
                    /* ----------------------------------------------*/
                    /* 14.3 Our Story Section						 */
                    /* ----------------------------------------------*/

                    #our-story {
                        padding: 140px 0
                    }

                    .story-row.row {
                        display: table;
                        padding: 50px 0;
                        position: relative;
                    }

                    .story-row.row [class*="col-"] {
                        float: none;
                        display: table-cell;
                        vertical-align: middle;
                    }

                    .story-date-wrapper {
                        z-index: 1;
                    }

                    .story-date {
                        float: left;
                        margin-left: 16px;
                        height: 85px;
                        width: 85px;
                        background-color: #f0394d;
                        border-radius: 50%;
                    }

                    .story-date .date-only {
                        font-family: 'Oswald', sans-serif;
                        font-size: 30px;
                        color: #FFF;
                        line-height: 30px;
                        margin-top: 16px;
                    }

                    .story-date .month-year {
                        font-family: 'Oswald', sans-serif;
                        font-size: 16px;
                        color: #FFF;
                    }

                    .arrow-right {
                        width: 0;
                        height: 0;
                        border-top: 13px solid transparent;
                        border-bottom: 13px solid transparent;
                        border-left: 13px solid #e1dddd;
                        float: right;
                        margin-bottom: 22px;
                        margin-left: 10px;
                        margin-top: 30px;
                    }

                    .arrow-left {
                        width: 0;
                        height: 0;
                        border-top: 13px solid transparent;
                        border-bottom: 13px solid transparent;
                        border-right: 13px solid #e1dddd;
                        float: left;
                        margin-bottom: 22px;
                        margin-right: 10px;
                        margin-top: 30px;
                    }

                    .vertical-line {
                        position: absolute;
                        height: 100%;
                        width: 1px;
                        margin: auto;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        border-left: 1px solid #e1dddd;
                    }

                    #end-of-story {
                        margin-top: 130px;
                    }
                    /* ----------------------------------------------*/
                    /* 14.4 Where When Section						 */
                    /* ----------------------------------------------*/

                    #where-when {
                        padding: 120px 0
                    }

                    .and {
                        color: #f0394d
                    }

                    .border-column {
                        border-left: 1px solid #8b8b8b;
                        border-right: 1px solid #8b8b8b
                    }

                    #map-canvas {
                        height: 560px;
                        width: 100%;
                    }
                    /* ----------------------------------------------*/
                    /* 14.5 Gallery Section							 */
                    /* ----------------------------------------------*/

                    #gallery-section {
                        padding: 140px 0
                    }

                    #gallery-section .photo-item {
                        margin-bottom: 30px;
                    }
                    /* ----------------------------------------------*/
                    /* 14.6 Don't Miss It / Countdown Section		 */
                    /* ----------------------------------------------*/

                    h2#dont-miss-it-title {
                        font-size: 42px;
                        margin-bottom: 30px;
                        font-family: 'Pacifico', cursive;
                    }

                    .circle-countdown {
                        width: 100%;
                        margin: 0 auto;
                        margin-top: 25px
                    }

                    .circle-countdown.is-countdown {
                        background-color: transparent;
                        border: none;
                        font-family: 'Oswald', sans-serif;
                    }

                    .circle-countdown .countdown-amount {
                        background-color: #f0394d;
                        width: 85px;
                        height: 85px;
                        border-radius: 50%;
                        display: block;
                        padding-top: 22px;
                        font-size: 30px;
                        margin: 0 auto;
                    }

                    .circle-countdown .countdown-period {
                        padding: 10px;
                        display: block;
                        text-align: center;
                        font-size: 16px;
                        text-transform: uppercase;
                    }
                    /* ----------------------------------------------*/
                    /* 14.7 More Events Section						 */
                    /* ----------------------------------------------*/

                    #more-events {
                        padding: 140px 0
                    }

                    #events-carousel .item {
                        padding: 20px;
                        margin-bottom: 10px;
                    }
                    /* ----------------------------------------------*/
                    /* 14.8 Groomsmen Section						 */
                    /* ----------------------------------------------*/

                    #groomsmen-section {
                        padding: 140px 0
                    }

                    .groomsmen-item {
                        margin-bottom: 60px;
                    }
                    /* ----------------------------------------------*/
                    /* 14.9 Bridesmaid Section						 */
                    /* ----------------------------------------------*/

                    #bridesmaid-section {
                        padding: 140px 0
                    }

                    .bridesmaid-item {
                        margin-bottom: 60px;
                    }
                    /* ----------------------------------------------*/
                    /* 14.10 Gift Section							 */
                    /* ----------------------------------------------*/

                    #gift-section {
                        padding: 140px 0;
                        background-color: #FFF
                    }
                    /* ----------------------------------------------*/
                    /* 14.11 RSVP Section							 */
                    /* ----------------------------------------------*/

                    #rsvp-section {
                        padding: 140px 0
                    }
                    /*===============================================*/
                    /* 15. PLUGIN CUSTOM							 */
                    /*===============================================*/
                    /* -------------------------------------------*/
                    /* 15.1 Owl Carousel 						  */
                    /* -------------------------------------------*/

                    .owl-carousel .item {
                        padding: 0 15px
                    }

                    .owl-theme .owl-controls .owl-page span {
                        display: block;
                        width: 8px;
                        height: 8px;
                        margin: 5px 7px;
                        opacity: 1;
                        -webkit-border-radius: 10px;
                        -moz-border-radius: 10px;
                        border-radius: 10px;
                        background: #333333;
                    }

                    .owl-theme .owl-controls .owl-page.active span,
                    .owl-theme .owl-controls.clickable .owl-page:hover span {
                        background: #f0394d;
                    }
                    /* -------------------------------------------*/
                    /* 15.2 MAGNIFIC POPUP 						  */
                    /* -------------------------------------------*/

                    .mfp-bg {
                        z-index: 2000;
                        -webkit-transform: translateZ(0);
                    }

                    .mfp-wrap {
                        z-index: 2001;
                    }

                    .mfp-content {
                        z-index: 2003;
                    }

                    .mfp-preloader {
                        z-index: 2002;
                    }

                    button.mfp-close,
                    button.mfp-arrow {
                        z-index: 2003;
                    }
                    /*===============================================*/
                    /* 16. MEDIA SCREEN		 						 */
                    /*===============================================*/

                    @media screen and (max-width: 1200px) {
                        /* ----------------------------------------------*/
                        /* 02.1 Width & Color (Nav Bar)			 		 */
                        /* ----------------------------------------------*/
                        /* 02.1.1 Fixed-width 							 */
                        /* ----------------------------------------------*/
                        #nav-bar.fixed-width #nav-wrapper {
                            width: 100%;
                        }
                        /* ----------------------------------------------*/
                        /* 04.1 Menuicon Bar Width & Position	 		 */
                        /* ----------------------------------------------*/
                        /* 04.1.1 Fixed-width 							 */
                        /* ----------------------------------------------*/
                        #menuicon-bar.fixed-width {
                            width: 100%;
                        }
                        /* 06.5.2 Inner Wrapper 						 */
                        /* ----------------------------------------------*/
                        .slide-title-inner-wrapper {
                            width: 100%;
                        }
                    }

                    @media screen and (max-width: 991px) {
                        /*===============================================*/
                        /* 02. NAV BAR 	 							 	 */
                        /*===============================================*/
                        #nav-bar {
                            height: 100px;
                        }
                        #nav-bar-sticky-wrapper {
                            height: 100px !important;
                        }
                        #nav-bar.top-bar.stick-it {
                            height: 100px;
                        }
                        #nav-bar.bottom-bar.stick-it {
                            height: 100px;
                        }
                        #nav-bar.bottom-bar.outside {
                            bottom: -100px;
                        }
                        /* ----------------------------------------------*/
                        /* 02.1 Width & Color (Nav Bar)			 		 */
                        /* ----------------------------------------------*/
                        /* 02.1.1 Fixed-width */
                        /* 02.1.2 Fluid-width */
                        #nav-bar.fluid-width #nav-wrapper,
                        #nav-bar.fixed-width #nav-wrapper {
                            padding: 20px 30px
                        }
                        /* ----------------------------------------------*/
                        /* 02.2 Logo & Nav Position	 					 */
                        /* ----------------------------------------------*/
                        .logo-wrapper {
                            margin: 0;
                        }
                        #nav-menu {
                            display: none
                        }
                        #nav-menu.sidebar {
                            display: block
                        }
                        #nav-menu.open {
                            display: block;
                        }
                        #nav-menu,
                        .bottom-bar.transparent #nav-menu {
                            list-style-type: none;
                            margin: 0;
                            padding: 0 !important;
                            position: absolute;
                            left: 0;
                            top: 100%;
                            clear: both !important;
                            text-align: left !important;
                            width: 100% !important;
                            background-color: #FFF;
                            height: 344px;
                            overflow: auto;
                        }
                        .transparent #nav-menu {
                            width: 80% !important;
                            position: absolute;
                            margin: auto;
                            top: 100%;
                            left: 0;
                            right: 0;
                        }
                        .transparent.stick-it #nav-menu {
                            width: 100% !important;
                        }
                        /* 02.2.1 Nav Center */
                        /* 02.2.2 Nav Left 	 */
                        /* 02.2.3 Nav Right  */
                        #nav-bar.nav-center .logo-wrapper,
                        #nav-bar.nav-left .logo-wrapper,
                        #nav-bar.nav-right .logo-wrapper {
                            position: relative;
                            float: left;
                        }
                        /*===============================================*/
                        /* 03. NAV MENU	 	 							 */
                        /*===============================================*/
                        /* ----------------------------------------------*/
                        /* 03.1 Parent Menu 						     */
                        /* ----------------------------------------------*/
                        #nav-menu,
                        #nav-menu ul {
                            -webkit-overflow-scrolling: touch;
                        }
                        #nav-menu li {
                            position: relative;
                        }
                        #nav-menu li a {
                            display: block;
                            width: 100%;
                            color: #666;
                            border-bottom: solid thin #f4f2f2;
                        }
                        .transparent #nav-menu li a {
                            color: #666;
                        }
                        #nav-menu li a:hover {
                            background-color: #111111;
                            color: #FFF;
                        }
                        #nav-menu li:before {
                            content: '';
                        }
                        /* 03.1.2 Additional Class For Nav Center */
                        /* ----------------------------------------------*/
                        .first-child-margin,
                        .last-child-margin,
                        .split-margin {
                            margin: 0
                        }
                        /* ----------------------------------------------*/
                        /* 03.2 Child Menu 								 */
                        /* ----------------------------------------------*/
                        #nav-menu ul {
                            display: block;
                            width: 100%;
                            position: relative;
                            top: 0;
                            text-align: left;
                            border-top: none;
                        }
                        #nav-menu li > ul li a:before {
                            content: '-';
                            padding-right: 10px;
                        }
                        /* 03.2.2 Child-Parent Arrow */
                        /* ----------------------------------------------*/
                        #nav-menu li > ul li a:after {
                            content: '';
                        }
                        /* 03.2.3 More Child */
                        /* ----------------------------------------------*/
                        #nav-menu ul ul {
                            display: block;
                            width: 100%;
                            position: relative;
                            top: 0;
                            left: 0;
                            border: none;
                        }
                        #nav-menu ul ul li a:before {
                            content: '- -';
                            padding-right: 10px;
                        }
                        #nav-menu ul ul ul li a:before {
                            content: '- - -';
                            padding-right: 10px;
                        }
                        /* ----------------------------------------------*/
                        /* 03.3 Mobile Nav								 */
                        /* ----------------------------------------------*/
                        #mobile-nav {
                            display: block;
                            position: relative;
                            float: right;
                            font-size: 28px;
                            margin-top: 12px;
                            z-index: 1000;
                        }
                        .transparent #mobile-nav {
                            color: #FFF;
                        }
                        .transparent.stick-it #mobile-nav {
                            color: #FFF;
                        }
                        /* ----------------------------------------------*/
                        /* 04.1 Menuicon Bar Width & Position 			 */
                        /*-----------------------------------------------*/
                        #menuicon-bar {
                            top: 0;
                            padding: 0 30px
                        }
                        /* 04.1.3 Menuicon-Left */
                        /* ----------------------------------------------*/
                        #menuicon-bar.menuicon-left .logo-outter-wrapper {
                            margin-top: 40px;
                        }
                        /* 04.1.4 Menuicon-Right */
                        /* ----------------------------------------------*/
                        #menuicon-bar.menuicon-right .logo-outter-wrapper {
                            margin-top: 40px;
                        }
                        /* 04.2.2 Sticky Menu Icon */
                        /* ----------------------------------------------*/
                        #sticky-menuicon {
                            top: 10px;
                        }
                        #menuicon-bar.menuicon-right #sticky-menuicon {
                            right: 30px;
                        }
                        #menuicon-bar.menuicon-left #sticky-menuicon {
                            left: 30px;
                        }
                        /* 06.2.1 Main Slider Flexslider Control Nav & Paging */
                        /* ----------------------------------------------*/
                        #main-slider.flexslider:hover .flex-prev {
                            opacity: 0.4;
                            left: 20px;
                        }
                        #main-slider.flexslider:hover .flex-next {
                            opacity: 0.4;
                            right: 20px;
                        }
                        #main-slider.flexslider .flex-direction-nav .flex-prev {
                            opacity: 0.4;
                            left: 20px;
                        }
                        #main-slider.flexslider .flex-direction-nav .flex-next {
                            opacity: 0.4;
                            right: 20px;
                        }
                        /* ----------------------------------------------*/
                        /* 07.1 PAGE LAYOUT						 		 */
                        /* ----------------------------------------------*/
                        /* 07.1.1 Page Without Slider					 */
                        /* ----------------------------------------------*/
                        .no-slider-page #content {
                            padding: 140px 0 80px 0;
                        }
                        /* 07.1.2 Page With Slider					 	 */
                        /* ----------------------------------------------*/
                        .slider-title-page #content {
                            padding: 80px 0;
                        }
                        /* 07.1.3 Page With Banner						 */
                        /* ----------------------------------------------*/
                        .slider-banner-page #content {
                            padding: 60px 0 80px 0;
                        }
                        /* 07.1.4 Page With Full Gallery				 */
                        /* ----------------------------------------------*/
                        .full-gallery-page #content {
                            padding: 100px 0 80px 0;
                        }
                        /* 07.1.5 Page With Outside Bottom Bar 			 */
                        /* ----------------------------------------------*/
                        .outside-bottom-bar-page #content {
                            margin-top: 100px;
                        }
                        /* 07.2.7 Image & Video Divider					 */
                        /* ----------------------------------------------*/
                        .divider-wrapper {
                            padding: 70px 0;
                        }
                        .image-divider {
                            background-attachment: scroll;
                        }
                        /*-----------------------------------------------*/
                        /* 07.2.13 Popup Template						 */
                        /*-----------------------------------------------*/
                        #popup-template {
                            width: 90%;
                        }
                        /*===============================================*/
                        /* 13 LOCATION PAGE								 */
                        /*===============================================*/
                        .interest-icon {
                            width: 10%;
                        }
                        .interest-blurb {
                            width: 88%;
                        }
                        /* ----------------------------------------------*/
                        /* 14.2 Couple Section							 */
                        /* ----------------------------------------------*/
                        .his-her-name .heart-wrapper {
                            display: none;
                        }
                        /* ----------------------------------------------*/
                        /* 14.3 Our Story Section						 */
                        /* ----------------------------------------------*/
                        .story-row.row {
                            display: block;
                            padding: 20px 0
                        }
                        .story-row.row [class*="col-"] {
                            display: block;
                            text-align: center;
                        }
                        .story-date-wrapper {
                            margin-bottom: 30px;
                        }
                        .story-date {
                            float: none;
                            position: absolute;
                            top: -70px;
                            left: 0;
                            right: 0;
                            margin: auto;
                        }
                        .story-date .month-year {
                            font-family: 'Oswald', sans-serif;
                            font-size: 16px;
                            color: #FFF;
                        }
                        .arrow-right {
                            display: none;
                            float: none;
                        }
                        .arrow-left {
                            display: none;
                            float: none;
                        }
                        .vertical-line {
                            display: none;
                        }
                        /* ----------------------------------------------*/
                        /* 14.4 Where When Section						 */
                        /* ----------------------------------------------*/
                        .border-column {
                            border: none;
                        }
                        @media screen and (max-width: 991px) and (orientation: landscape) {
                            /* ----------------------------------------------*/
                            /* 02.2 Logo & Nav Position						 */
                            /* ----------------------------------------------*/
                            #nav-menu {
                                height: 230px !important;
                            }
                        }
                        @media screen and (max-width: 768px) and (orientation: landscape) {
                            /* 06.5.6 Save The Date Title */
                            /* ----------------------------------------------*/
                            #save-the-date {
                                padding-right: 40px;
                                padding-top: 0;
                                margin-bottom: 0px;
                            }
                            #save {
                                font-size: 50px;
                                line-height: 30px
                            }
                            #the-date {
                                font-size: 40px;
                            }
                            #date {
                                font-size: 30px;
                                line-height: 20px;
                            }
                        }
                        @media screen and (max-width: 768px) {
                            /*===============================================*/
                            /* 11. FORM										 */
                            /*===============================================*/
                            form .btn {
                                width: 100%;
                                white-space: normal;
                            }
                        }
                        @media screen and (max-width: 480px) {
                            /*===============================================*/
                            /* 01. GENERAL			 						 */
                            /*===============================================
p{
	font-size:14px;
	line-height:24px;
    }*/
    /* 06.5.6 Save The Date Title */
    /* ----------------------------------------------*/
    #save-the-date {
        padding-right: 40px;
        margin-bottom: 0px;
        padding-top: 0;
    }
    #save {
        font-size: 60px;
        line-height: 35px
    }
    #the-date {
        font-size: 50px;
    }
    #date {
        font-size: 40px;
        line-height: 25px;
    }
    /* 07.2.2 Section Title Wrapper					 */
    /* ----------------------------------------------*/
    .section-title {
        margin-bottom: 50px;
    }
    /* 07.2.4 Title-Excerpt White Box				 */
    /* ----------------------------------------------*/
    .title-excerpt {
        padding: 20px;
    }
    /* 07.2.11 Banner Text				 			 */
    /* ----------------------------------------------*/
    .banner-text.small,
    .banner-text.medium,
    .banner-text.large {
        padding: 0;
    }
    /*-----------------------------------------------*/
    /* 07.2.13 Popup Template						 */
    /*-----------------------------------------------*/
    #popup-template #the-content {
        padding-right: 30px;
        padding-left: 30px;
        text-align: center;
    }
    /*===============================================*/
    /* 10 MASONRY GALLERY							 */
    /*===============================================*/
    .masonry-col,
    .grid-sizer {
        width: 100% !important;
        margin-bottom: 5% !important;
    }
    /* ----------------------------------------------*/
    /* 12.1 Couple Section							 */
    /* ----------------------------------------------*/
    #couple {
        padding: 60px 0 40px 0;
    }
    .couple-name {
        font-size: 36px;
        padding-top: 80px !important;
        line-height: 38px;
    }
    .couple-excerpt {
        margin-top: 20px;
    }
    /* ----------------------------------------------*/
    /* 12.2 Location & Countdown Section			 */
    /* ----------------------------------------------*/
    #location-countdown .image-divider.auto-height {
        padding: 60px 0;
    }
    #counting {
        font-size: 55px;
        line-height: 45px
    }
    #down {
        font-size: 50px;
        line-height: 50px;
    }
    .simple-countdown .countdown-amount {
        font-size: 16px;
    }
    .simple-countdown .countdown-period {
        font-size: 16px;
    }
    /* ----------------------------------------------*/
    /* 12.3 The Wedding Section			 			 */
    /* ----------------------------------------------*/
    #the-wedding {
        padding: 60px 0 40px 0;
    }
    /* ----------------------------------------------*/
    /* 12.4 RSVP Section				 			 */
    /* ----------------------------------------------*/
    #rsvp {
        padding: 60px 0;
        background-color: #FFF
    }
    /*===============================================*/
    /* 13 LOCATION PAGE								 */
    /*===============================================*/
    .interest-icon {
        width: 20%;
    }
    .interest-blurb {
        width: 78%;
    }
    /*===============================================*/
    /* 14. ONEPAGE SECTION							 */
    /*===============================================*/
    /* ----------------------------------------------*/
    /* 14.3 Our Story Section						 */
    /* ----------------------------------------------*/
    #our-story {
        padding: 80px 0
    }
    #end-of-story {
        margin-top: 50px;
    }
    /* ----------------------------------------------*/
    /* 14.4 Where When Section						 */
    /* ----------------------------------------------*/
    #where-when {
        padding: 80px 0
    }


    /* ----------------------------------------------*/
    /* 14.5 Gallery Section							 */
    /* ----------------------------------------------*/
    #gallery-section {
        padding: 80px 0
    }
    /* ----------------------------------------------*/
    /* 14.6 Don't Miss It / Countdown Section		 */
    /* ----------------------------------------------*/
    .circle-countdown .countdown-amount {
        width: 45px;
        height: 45px;
        padding-top: 9px;
        font-size: 20px;
    }
    .circle-countdown .countdown-period {
        padding: 10px;
        display: block;
        text-align: center;
        font-size: 12px;
        text-transform: uppercase;
    }
    /* ----------------------------------------------*/
    /* 14.7 More Events Section						 */
    /* ----------------------------------------------*/
    #more-events {
        padding: 80px 0
    }
    /* ----------------------------------------------*/
    /* 14.8 Groomsmen Section						 */
    /* ----------------------------------------------*/
    #groomsmen-section {
        padding: 80px 0
    }
    /* ----------------------------------------------*/
    /* 14.9 Bridesmaid Section						 */
    /* ----------------------------------------------*/
    #bridesmaid-section {
        padding: 80px 0
    }
    /* ----------------------------------------------*/
    /* 14.10 Gift Section							 */
    /* ----------------------------------------------*/
    #gift-section {
        padding: 80px 0;
    }
    /* ----------------------------------------------*/
    /* 14.11 RSVP Section							 */
    /* ----------------------------------------------*/
    #rsvp-section {
        padding: 80px 0
    }
    #banner-mobile {
        background-image: url(images/banner_site_mobile.jpg) !important;
    }
}
@media screen and (max-width: 320px) {
    /* 06.5.6 Save The Date Title */
    /* ----------------------------------------------*/
    #save-the-date {
                                /*padding-right:40px;
                                padding-top:0;*/
                                margin-bottom: 0px;
                                padding: 0 20px;
                            }
                            #save {
                                font-size: 50px;
                                line-height: 60px
                            }
                            #the-date {
                                font-size: 40px;
                            }
                            #date {
                                font-size: 30px;
                                line-height: 20px;
                            }
                            /* ----------------------------------------------*/
                            /* 12.1 Couple Section							 */
                            /* ----------------------------------------------*/
                            .couple-name {
                                font-size: 30px;
                                padding-top: 70px !important;
                                line-height: 30px;
                            }
                            .couple-excerpt {
                                margin-top: 20px;
                            }
                            /* ----------------------------------------------*/
                            /* 12.5 Footer Section				 			 */
                            /* ----------------------------------------------*/
                            footer .image-divider.fixed-height {
                                height: 400px;
                            }
                            #thank-you {
                                text-align: center;
                                color: #FFF;
                                font-family: 'Pacifico';
                                -ms-transform: rotate(-10deg);
                                -webkit-transform: rotate(-10deg);
                                transform: rotate(-10deg);
                                padding-right: 30px;
                                margin-top: 40px;
                                margin-bottom: 25px;
                            }
                            #thank {
                                font-size: 45px;
                                line-height: 35px
                            }
                            #you {
                                font-size: 45px;
                                line-height: 35px;
                            }
                            #footer-couple-name {
                                font-family: 'Oswald', sans-serif;
                                font-size: 15px;
                                color: #FFF;
                                letter-spacing: 3px;
                                margin-top: 10px;
                            }
                        }
                        @media(max-width: 667px) {
                            .transparent.stick-it #nav-menu > li a {
                                color: #666;
                            }
                            .diaNoiva .slide-image{
                               background-image:url(../images/diaNoiva-mb.jpg)!important;
                            }
                            .namorados .slide-image{
                                background-image:url(../images/namorados-m.jpg)!important;
                             }
                        }
/* footer - whatsapp botão */                    footer .whatsapp-btn {                        display: block;                        position: fixed;                        right: 5%;                        bottom: 108px;                    }                    footer .whatsapp-btn img {                        width: 64px;                        height: 64px;                    }