/*
	Theme Name: Lantern - Responsive Wedding Template
	Theme URI: http://themeforest.net/user/lanternthemes
	Description: This css file is for core template layout alignments
	Version: 1.0
	Author: Lantern Themes
	Author URI: http://themeforest.net/user/lanternthemes
	Tags:
	
	---------------------------
	CORE TEMPLATE STYLES
	---------------------------
	
	TABLE OF CONTENTS
	---------------------------
	 01. Global Styles
	 02. Preloader Content Styles
     03. Scroll to top Content Styles
	 04. Navigation Content Styles
	 05. Header Area Styles
	 06. About Us Styles
	 07. Wedding Invitation Styles
	 08. Our Family Styles
	 09. Our Love Story Styles
	 10. Photo Gallery Styles
	 11. RSVP Styles
	 12. Contact Us Styles
	 13. Footer Styles
	 14. Media Query Syles 
*/

/* ====================================================== */
/* 01. Global Styles                                      */
/* ====================================================== */

html, body {
    font-family: 'Lora', serif;
    height: 100%;
    width: 100%;
    font-weight: 400;
    /*font-style:italic;*/
}

a, a:hover, a:active, a:visited, a:link {
    outline: medium none;
    transition: all 0.5s ease 0s;
}

h1 {
    font-family: 'Cuprum', cursive;
    font-size: 92px;
    margin: 0;
    padding: 0;
    font-style: none;
}

h2 {
    font-family: 'Cuprum', cursive;
    font-size: 5em;
    margin: 0;
    padding: 0;
    font-style: normal;
}

    h2 span {
        font-weight: 300;
        text-transform: none;
    }

h3 {
    font-family: 'Cuprum', cursive;
    font-size: 3.5em;
    padding: 20px 0 20px 0;
    font-style: normal;
}

    h3 span {
        font-weight: 300;
    }

h4 {
    font-family: 'Cuprum', cursive;
    font-size: 2.5em;
    margin: 0 0 20px;
    padding: 0;
    font-style: normal;
}

h5 {
    font-family: 'Cuprum', cursive;
    font-size: 1.5em;
    margin: 10px 0;
    font-style: normal;
}

h6 {
    font-family: 'Lora', serif;
    font-size: 1.3em;
    line-height: 26px;
    margin: 20px 0;
}

p {
    font-family: 'Lora', serif;
    font-size: 18px;
    margin: 0;
    padding: 0 0 20px;
    line-height: 26px;
}

    p.big-text {
        font-family: 'Lora', serif;
        font-size: 20px;
        margin: 0;
        padding: 20px 0;
        line-height: 36px;
    }

.devider_main {
    padding: 10px 0;
    padding-bottom: 30px;
    text-align: center;
}

.small_btn, .small_btn:focus {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: inline-table;
    font-size: 1em;
    margin-right: 5px;
    padding: 10px 20px;
    text-decoration: none;
}

    .small_btn:hover, .small_btn:focus {
        text-decoration: none;
    }

.caps {
    text-transform: uppercase;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.image_resized {
    width: 80%;
}

/* ====================================================== */
/* 02. Preloader Content Styles                           */
/* ====================================================== */

#mask {
    background-color: #FFFFFF;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}

#loader {
    background-image: url("/Images/shopimg/lantern/loader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}

/* ====================================================== */
/* 03. Scroll to top Content Styles                       */
/* ====================================================== */

.top-scroll a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    bottom: 10px;
    font-size: 18px;
    height: 40px;
    margin: 0 10px 10px 0;
    padding-top: 6px;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 40px;
    z-index: 1000;
    background-color: rgba(251, 251, 251, 0.5);
}

    .top-scroll a:hover {
        transition: all 0.5s ease-in-out 0s;
        background-color: rgba(251, 251, 251, 0.9);
    }

/* ====================================================== */
/* 04. Navigation Content Styles                          */
/* ====================================================== */

#sidebar-wrapper {
    margin-right: -250px;
    right: 0;
    width: 250px;
    position: fixed;
    height: 100%;
    overflow-y: none;
    z-index: 1000;
    transition: all 300ms linear 0s;
    -webkit-transform: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0 20px;
}

    .sidebar-nav li {
        line-height: 40px;
        font-size: 18px;
        text-align: center;
        font-family: 'Lora', serif;
        padding: 0 0;
        border-bottom: 1px solid;
    }

        .sidebar-nav li span {
            padding: 0 10px 0 0;
            margin: 0 0 0 0;
            font-size: 1.4em;
        }

        .sidebar-nav li a {
            display: block;
            text-decoration: none;
            padding: 5px 0;
        }

            .sidebar-nav li a:hover {
                text-decoration: none;
            }

            .sidebar-nav li a:active,
            .sidebar-nav li a:focus {
                text-decoration: none;
            }

    .sidebar-nav > .sidebar-brand {
        text-align: center;
    }

        .sidebar-nav > .sidebar-brand img {
            width: 60%;
        }

#menu-close {
    margin: 20px 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 42px !important;
    height: 30px !important;
    font-size: 24px;
    display: inline-table;
    text-indent: 0;
    padding: 0 0 0 0;
}

    #menu-close i {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }

    #menu-close:hover i {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }

#menu-toggle {
    top: 10px;
    right: 10px;
    position: fixed;
    z-index: 1;
    width: 40px;
    height: 40px;
    font-size: 22px;
    line-height: 0px;
    margin: 10px 10px 0 0;
    padding-top: 9px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    transition: all 300ms linear 0s;
    -webkit-transform: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
}

.toggle {
    margin: 12px 15px 0 0;
}

/* ====================================================== */
/* 05. Header Area Styles                                 */
/* ====================================================== */

.header {
    position: relative;
    display: table;
    height: 100%;
    width: 100%;
    background: url('/Images/shopimg/tarot/header-bg2.jpg') no-repeat top;
    background-size: cover;
}
.tarotpraktik_header {
    background: url('/Images/shopimg/tarotpraktik/header-bg5.jpg') no-repeat top;
    background-size: cover;
}
.marriage_banner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

    .marriage_banner h1 {
        display: inline-table;
        font-size: 3em;
        line-height: 60px;
        margin: 10px;
    }

    .marriage_banner h3 {
        display: inline-table;
        font-size: 2.5em;
        font-weight: 400;
        margin: 0;
        padding: 0;
    }

.banner-line h2 {
    font-size: 48px;
}

.marriage_banner p {
    display: inline-table;
    font-size: 1.5em;
    padding: 10px;
    width: 90%;
}

.marriage_banner img {
    display: inline-block !important;
}

.logo_top {
    display: inline-table;
    font-family: 'Cuprum', cursive;
    line-height: 30px;
    margin: 10px 0 50px 0;
    padding: 65px 0 0;
    font-style: inherit;
}

    .logo_top a {
        font-size: 92px;
        text-decoration: none;
    }

        .logo_top a:hover, .logo_top a:hover {
            text-decoration: none;
        }

        .logo_top a span {
            font-size: 36px;
        }

    .logo_top img {
        width: 80%;
    }

.banner_timer {
    display: inline-table;
    margin: 30px 0 50px;
    padding: 0;
}

    .banner_timer ul {
        list-style: none outside none;
        margin: 0;
        padding: 0;
        text-align: center;
    }

        .banner_timer ul li {
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            display: inline-table;
            font-size: 22px;
            font-weight: 300;
            height: 180px;
            width: 180px;
            line-height: 20px;
            margin: 0 10px;
            padding-top: 35px;
            text-align: center;
        }

            .banner_timer ul li span {
                font-size: 82px;
                font-weight: 900;
                display: block;
                margin: 0;
                padding: 0;
                text-align: center;
                line-height: 90px;
            }

.top_arrow {
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
}

    .top_arrow a {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        display: inline-block;
        font-size: 18px;
        height: 40px;
        padding-top: 7px;
        text-align: center;
        width: 40px;
    }


/* ====================================================== */
/* 06. About Us Styles                                    */
/* ====================================================== */

.master_olga_davydova {
    padding: 120px 0 130px 0;
}

.latest_sermons {
    padding-top: 30px;
    text-align: center;
    /*background-color: rgba(251, 251, 251, 0.5);*/
}

    .latest_sermons .col-md-4 {
        padding: 30px;
    }

.center-image img {
    width: 100%;
}

.latest_sermons .groom .img img, .latest_sermons .bride .img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    /*width: 60%;*/
    opacity: 0.5;
}

.recent_sermons {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    margin: 0 0 20px;
    padding: 10px;
}

.recent_sermons_head {
    padding-right: 50px;
}

.recent_sermons p {
    margin: 0;
    padding: 0;
}

.latest_sermons p {
    padding: 0 10%;
    padding-bottom: 20px;
}

.recent_sermons .image {
    float: right;
    margin-left: 5%;
    width: 20%;
}

    .recent_sermons .image img {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        width: 100%;
    }

.recent_sermons .content {
    float: left;
    padding: 10px;
    width: 75%;
}

/* ====================================================== */
/* 07. Wedding Invitation Styles                          */
/* ====================================================== */

.astrology_course_purpose {
    display: table;
    text-align: center;
    width: 100%;
}

.astrology_course_purpose_parallax {
    display: inline-table;
    height: 100%;
    padding: 80px 0 0 0;
    vertical-align: middle;
    width: 100%;
}

.about_bottom_bg {
    padding-bottom: 100px;
}

.astrology_course_purpose .thanks_cont p {
    font-family: 'Cuprum', cursive;
    font-size: 36px;
}

    .astrology_course_purpose .thanks_cont p span {
        font-family: 'Cuprum', cursive;
        font-size: 24px;
    }

/* ====================================================== */
/* 08. Our Family Styles                                  */
/* ====================================================== */

.our_family_main {
    padding: 120px 0 100px 0;
}

.our_family1 {
    display: table;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}

.our_family2 {
    display: table;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}

.our_family_cont {
    background: none repeat scroll 0 0;
    display: table-cell;
    height: 100%;
    padding: 0 20px 30px 20px;
    width: 100%;
}

    .our_family_cont h2 {
        margin-bottom: 20px;
    }

.family_member {
    text-align: center;
}

    .family_member .fam-img {
        margin: 20px 0;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        width: 100%;
        position: relative;
    }

        .family_member .fam-img img {
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            width: 100%;
            transform: scale(1);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: all 300ms linear 0s;
            -webkit-transform: all 300ms linear 0s;
            -ms-transform: all 300ms linear 0s;
        }

    .family_member .hover-ef {
        padding: 39% 0 0 0;
        margin: 0 0 0 0;
        position: absolute;
        z-index: 100;
        top: 0;
        left: 0;
        text-align: center;
        background: rgba(244,68,130,0.9);
        display: table-cell;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: all 300ms linear 0s;
        -webkit-transform: all 300ms linear 0s;
        -moz-transform: all 300ms linear 0s;
        -ms-transform: all 300ms linear 0s;
        display: none;
    }

    .family_member:hover .hover-ef {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: all 300ms linear 0s;
        -webkit-transform: all 300ms linear 0s;
        -moz-transform: all 300ms linear 0s;
        -ms-transform: all 300ms linear 0s;
        display: block;
    }

.our_family_cont h4 {
    margin: 0;
    padding: 10px 0 5px 0;
}

.family_member p {
    padding: 0 0 30px 0;
}

.family_member .social {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    .family_member .social li {
        display: inline-table;
        padding: 0 5px;
    }

        .family_member .social li a {
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            display: block;
            font-size: 28px;
            height: 50px;
            padding-top: 4px;
            text-align: center;
            width: 50px;
            transform-style: preserve-3d;
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            transition: .4s ease-in-out;
            -moz-transition: .4s ease-in-out;
            -webkit-transition: .4s ease-in-out;
        }

            .family_member .social li a:hover {
                transition: .4s ease-in-out;
                -moz-transition: .4s ease-in-out;
                -webkit-transition: .4s ease-in-out;
                -webkit-transform: rotateY(360deg);
                -moz-transform: rotateY(360deg);
                transform: rotateY(360deg);
            }

.social {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    .social li {
        display: inline-table;
        padding: 0 3px;
    }

        .social li a {
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            display: block;
            font-size: 16px;
            height: 30px;
            padding-top: 3px;
            text-align: center;
            width: 30px;
            transform-style: preserve-3d;
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            transition: .4s ease-in-out;
            -moz-transition: .4s ease-in-out;
            -webkit-transition: .4s ease-in-out;
        }

            .social li a:hover {
                transition: .4s ease-in-out;
                -moz-transition: .4s ease-in-out;
                -webkit-transition: .4s ease-in-out;
                -webkit-transform: rotateY(360deg);
                -moz-transform: rotateY(360deg);
                transform: rotateY(360deg);
            }

/* Family Tab Area */
.tab-info-cont {
    padding: 50px 0 0 0;
    text-align: center;
}

.family-tab-cont {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
    background: url(/Images/shopimg/lantern/line.png) repeat-x center bottom;
}

    .family-tab-cont .tab-btns {
        padding: 30px 0 30px 0;
        margin: 0 0 0 0;
        background: url(/Images/shopimg/lantern/line.png) repeat-x center center;
        list-style: none;
        width: 100%;
        text-align: center;
    }

        .family-tab-cont .tab-btns li {
            padding: 0 10px;
            margin: 0 0 0 0;
            display: inline-table;
            position: relative;
        }

            .family-tab-cont .tab-btns li a {
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                width: 180px;
                height: 180px;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                display: block;
                border: 8px solid rgba(251,251,251,0.3);
                text-align: center;
            }

                .family-tab-cont .tab-btns li a:hover, .family-tab-cont .tab-btns li a.active {
                    border: 8px solid rgba(251,251,251,0.9);
                }

                .family-tab-cont .tab-btns li a .plus {
                    padding: 6px 0 0 0;
                    margin: 0 0 0 0;
                    width: 40px;
                    height: 40px;
                    border-radius: 50%;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -ms-border-radius: 50%;
                    text-align: center;
                    color: #f44482;
                    font-size: 36px;
                    background: #ffffff;
                    display: block;
                    position: absolute;
                    line-height: 24px;
                    bottom: -25px;
                    left: 39%;
                    transition: .4s ease-in-out;
                    -moz-transition: .4s ease-in-out;
                    -webkit-transition: .4s ease-in-out;
                    -webkit-transform: rotateX(360deg);
                    -moz-transform: rotateX(360deg);
                    transform: rotateX(360deg);
                }

                .family-tab-cont .tab-btns li a:hover .plus, .family-tab-cont .tab-btns li a.active .plus {
                    transition: .4s ease-in-out;
                    -moz-transition: .4s ease-in-out;
                    -webkit-transition: .4s ease-in-out;
                    -webkit-transform: rotateX(180deg);
                    -moz-transform: rotateX(180deg);
                    transform: rotateX(180deg);
                    background: #f44482;
                    color: #ffffff;
                }

                .family-tab-cont .tab-btns li a img {
                    width: 100%;
                    border-radius: 50%;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -ms-border-radius: 50%;
                }

                .family-tab-cont .tab-btns li a:hover img {
                    width: 100%;
                    border-radius: 50%;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -ms-border-radius: 50%;
                }

/* Testimonial Area Styles */

.quote {
    padding: 12px 0 0 0;
    display: inline-table;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #333333;
    text-align: center;
}

.carousel {
    padding-top: 0;
    padding-bottom: 70px;
}

/* Carousel Area */

.carousel-indicators {
    bottom: 20px;
}

    .carousel-indicators li {
        margin: 0 2px;
        border: 0;
        background-color: rgba(0,0,0,0.2);
        width: 18px;
        height: 18px;
        transition: all 300ms linear 0s;
    }

        .carousel-indicators li:hover, .carousel-indicators li.active {
            margin: 0 2px;
            border: 0;
            background-color: rgba(0,0,0,0.7);
            width: 18px;
            height: 18px;
            transition: all 300ms linear 0s;
        }

.testimonial-solid.dark .carousel-indicators li {
    margin: 0 2px;
    border: 0;
    background-color: rgba(251,251,251,0.2);
    width: 18px;
    height: 18px;
    transition: all 300ms linear 0s;
}

    .testimonial-solid.dark .carousel-indicators li:hover, .testimonial-solid.dark .carousel-indicators li.active {
        margin: 0 2px;
        border: 0;
        background-color: rgba(251,251,251,0.7);
        width: 18px;
        height: 18px;
        transition: all 300ms linear 0s;
    }

/* ====================================================== */
/* 09. Our Love Story Styles                              */
/* ====================================================== */

.lovestory_parallax {
    display: table;
    text-align: center;
    width: 100%;
}

.lovestory_bottom_parallax {
    display: inline-table;
    height: 100%;
    vertical-align: middle;
    width: 100%;
    padding-top: 80px;
}

.lovestory_bottom_bg {
    padding-bottom: 100px;
}

.lovestory_bottom_parallax .col-md-4 {
    padding-bottom: 30px;
}

.col-md-4 .image_resized {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
}

.lovestory_bottom_parallax h2 {
    padding: 30px 0 10px;
}

.lovestory_bottom_parallax h4 {
    line-height: 40px;
}

    .lovestory_bottom_parallax h4 i {
        font-size: 4em;
    }

.lovestory_bottom_parallax .content_white {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    margin: 0 0 30px;
    padding: 20px 0 30px;
}

    .lovestory_bottom_parallax .content_white p {
        font-size: 3em;
        padding: 0;
    }

.lovestory_bottom_parallax h4:hover i {
    transform: rotateZ(360deg);
    transition: all 0.8s ease 0s;
}

/* ====================================================== */
/* 10. Photo Gallery Styles                               */
/* ====================================================== */

.gallery_outer {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 120px 0 90px 0;
}

.isotom_lant {
    margin: 0;
    padding: 50px 0 0 0;
}

    .isotom_lant ul {
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }

    .isotom_lant li {
        display: inline-table;
        float: left;
        overflow: hidden;
        position: relative;
        transition: all 800ms linear 0s;
        width: 25%;
    }

        .isotom_lant li img {
            display: block;
            height: auto;
            transition: all 800ms linear 0s;
            width: 100%;
            cursor: url(/Images/shopimg/lantern/cursor.png), auto;
        }

            .isotom_lant li img:hover {
                transform: scale(1.2);
                -webkit-transform: scale(1.2);
                -ms-transform: scale(1.2);
                transform: all 300ms linear 0s;
                -webkit-transform: all 300ms linear 0s;
                -ms-transform: all 300ms linear 0s;
            }

        .isotom_lant li .mask {
            background: none repeat scroll center center rgba(0, 0, 0, 0.7);
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            transform: scale(0);
            transition: all 300ms linear 0s;
            width: 100%;
        }

        .isotom_lant li:hover .mask {
            transform: scale(1);
        }

.option-set {
    list-style: none outside none;
    margin: 30px 0 50px;
    padding: 0;
    text-align: center;
}

    .option-set li {
        display: inline-table;
        font-size: 16px;
        margin: 0 0 10px;
        padding: 5px 0 0 5px;
    }

        .option-set li a {
            background-color: #EFEFEF;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            font-weight: normal;
            padding: 10px 20px;
            text-decoration: none;
        }

            .option-set li a:hover, .option-set li a.selected {
                color: #FFFFFF;
                font-weight: normal;
                text-decoration: none;
            }

.isotope, .isotope .isotope-item {
    transition-duration: 0.8s;
}

.isotope {
    transition-property: height, width;
}

    .isotope .isotope-item {
        transition-property: transform, opacity;
    }

.gallery_bottom_cont {
    text-align: center;
    padding-top: 90px;
}


/* ====================================================== */
/* 11. Blog Content Styles                                */
/* ====================================================== */

.blog_outer {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 30px 0 130px 0;
}

.blog-container {
    padding-top: 20px;
}

    .blog-container p {
        padding-bottom: 30px;
    }

    .blog-container .blog-img {
        padding-top: 30px;
    }

        .blog-container .blog-img img {
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            width: 80%;
            border: 8px solid rgba(0, 0, 0, 0.1);
            margin-bottom: 30px;
        }

/* ====================================================== */
/* 11. RSVP Styles                                        */
/* ====================================================== */

.rsvp_main {
    display: table;
    text-align: center;
    width: 100%;
}

.rsvp_main_parallax {
    padding: 120px 0 0 0;
}

.rsvp_bottom_bg {
    padding-bottom: 90px;
}

.rsvp_outer {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    display: inline-table;
    width: 100%;
}

.rsvp_main_parallax h2 {
    padding: 0 0 0 0;
}

.rsvp_main_parallax h3 {
    padding: 30px 0;
}

#rsvp-form {
    display: inline-table;
    width: 90%;
    margin-bottom: 50px;
    padding: 0 0 0 0;
}

.rsvp-p {
    font-size: 24px;
}

.gift-logos {
    padding: 30px 0 50px 0;
    margin: 0 0 0 0;
    list-style: none;
}

    .gift-logos li {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        display: inline-table;
        width: 19%;
    }

        .gift-logos li img {
            width: 100%;
        }

/* ====================================================== */
/* 12. Contact Us Styles                                  */
/* ====================================================== */

.contact_address_cont {
    padding: 80px 0 10px 0;
    text-align: center;
}

.contact_address {
    padding: 20px 0;
}

    .contact_address i {
        font-size: 42px;
        line-height: 40px;
        padding: 0 0 10px 0;
    }

    .contact_address p {
        font-size: 20px;
        padding: 10px 0;
    }

    .contact_address .address i {
        transition: all 0.5s ease 0s;
    }

    .contact_address .address:hover i {
        transition: all 0.5s ease 0s;
    }

    .contact_address a {
        text-decoration: underline;
    }

.contact_content {
    display: table;
    text-align: center;
    width: 100%;
}

.contact_content_parallax {
    padding-bottom: 60px;
    padding-top: 40px;
}

    .contact_content_parallax h3 {
        color: #FFFFFF;
    }

#contact-form {
    display: inline-table;
    padding: 30px;
    padding-top: 0;
    padding-bottom: 60px;
    width: 100%;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}

.input_text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0px solid;
    font-family: 'Lora', serif;
    font-size: 18px;
    /*font-style:italic;*/
    margin: 20px 0 0;
    padding: 12px 15px;
    width: 100%;
    height: 50px;
}

.input_text_w {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0;
    border-bottom: 2px solid;
    border-left: 1px solid;
    font-family: 'Lora', serif;
    font-size: 18px;
    /*font-style:italic;*/
    margin: 20px 0 0;
    padding: 12px 15px;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
}

.textarea_text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0;
    font-family: 'Lora', serif;
    font-size: 18px;
    /*font-style:italic;*/
    height: 108px;
    margin: 20px 0 0;
    padding: 15px 10px;
    width: 100%;
}

.textarea_text_w {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0;
    border-bottom: 2px solid;
    border-left: 1px solid;
    font-family: 'Lora', serif;
    font-size: 18px;
    /*font-style:italic;*/
    height: 108px;
    margin: 20px 0 0;
    padding: 15px 10px;
    width: 100%;
}

.input_button {
    border: 0 none;
    font-family: 'Lora', serif;
    font-size: 18px;
    /*font-style:italic;*/
    margin: 20px 0 0;
    padding: 15px 10px;
    transition: all 0.5s ease 0s;
    width: 180px;
}

    .input_button:hover {
        border: 0 none;
        font-family: 'Lora', serif;
        font-size: 18px;
        /*font-style:italic;*/
        margin-top: 20px;
        padding: 15px 10px;
        transition: all 0.5s ease 0s;
    }

.input_button_w {
    border: 0 none;
    font-family: 'Lora', serif;
    font-size: 18px;
    /*font-style:italic;*/
    margin: 20px 0 0;
    padding: 15px 10px;
    transition: all 0.5s ease 0s;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
}

    .input_button_w:hover {
        border: 0 none;
        font-family: 'Lora', serif;
        font-size: 18px;
        /*font-style:italic;*/
        margin-top: 20px;
        padding: 15px 10px;
        transition: all 0.5s ease 0s;
        width: 100%;
    }

.contact_message {
    font-size: 1.3em;
    margin: 0;
    padding: 0;
    text-align: center;
}

#contact-error, #rsvp-error {
    display: none;
    margin: 20px 0 0;
    padding: 0;
    color: #FF0000;
}

#contact-loading, #contact-success, #contact-failed {
    display: none;
    font-size: 1.4em;
    margin: 20px 0 0;
    padding: 4px;
    text-align: center;
    font-family: Lora;
}

#contact-loading, #contact-failed {
    color: #FF0000;
}

#contact-success {
    color: #026a26;
}
/* ====================================================== */
/* 13. Footer Styles                                      */
/* ====================================================== */

footer {
    padding: 40px 0;
}

.footer_icons a {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    display: block;
    height: 30px;
    margin-top: 10px;
    padding-top: 6px;
    transition: all 0.25s ease-in-out 0s;
    width: 30px;
}

    .footer_icons a i {
        font-size: 18px;
    }

footer p {
    font-size: 14px;
}
/* animation styles */
.animated {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

/* ====================================================== */
/* 14. Media Query Syles                                  */
/* ====================================================== */

@media (max-width: 991px) {

    .family_member img {
        width: 40%;
    }

    .family_member {
        margin-bottom: 20px;
        width: 45%;
        display: inline-table;
    }

    .text-left, .text-right {
        text-align: center;
    }

    .latest_sermons .groom {
        margin-bottom: 50px;
    }

    .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .banner_timer ul li {
        margin: 0 5px;
        width: 160px;
        height: 160px;
    }

        .banner_timer ul li span {
            line-height: 70px;
        }

    .col-md-4 .image_resized {
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }
}

@media (max-width: 768px) {

    h1 {
        font-size: 4em;
    }

    h2 {
        font-size: 3em;
    }

    h3 {
        font-size: 2em;
    }

    h4 {
        font-size: 1.5em;
    }

    h5 {
        font-size: 1.3em;
    }

    .logo_top {
        margin-bottom: 10px;
    }

        .logo_top a {
            font-size: 60px;
        }

            .logo_top a span {
                font-size: 36px;
            }

    .banner_timer {
        /*margin-bottom: 40px;*/
        display:none;
    }

        .banner_timer ul li {
            font-size: 12px;
            font-weight: 300;
            height: 90px;
            width: 90px;
            margin: 0 5px;
            padding-top: 15px;
            text-align: center;
        }

            .banner_timer ul li span {
                font-size: 48px;
                display: block;
                margin: 0;
                padding: 0;
                text-align: center;
                line-height: 45px;
            }

    .marriage_banner h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .isotom_lant li {
        width: 50%;
    }

    #sidebar-wrapper {
        visibility: hidden;
        display: none;
    }

    #nav-wrap1 {
        position: relative;
        height: 30px;
        text-align: center;
        margin: 0 0 32px 0;
    }

    #nav {
        clear: both;
        margin: 0 auto;
        background: #fff;
        left: 1px;
        position: absolute;
        width: 278px;
        z-index: 10000;
        padding: 2px 12px 44px 6px;
        border: 1px solid #d2d2d2;
        border-top: 0 none;
        display: none;
    }

    #menu-icon {
        width: 186px;
        color: rgba(255,255,255,0.7);
        margin: 0 auto;
        font-size: 16px;
        font-weight: 400;
        height: 30px;
        border-radius: 2px;
        background: #363f46;
        padding: 8px 10px 0 42px;
        cursor: pointer;
        clear: both;
        box-shadow: 0 2px 2px -2px rgba(0,0,0,0.3);
        text-align: left;
        display: block;
    }

    #nav {
        clear: both;
        margin: 0 auto;
        background: #fff;
        left: 1px;
        position: absolute;
        width: 278px;
        z-index: 10000;
        padding: 2px 12px 44px 6px;
        border: 1px solid #d2d2d2;
        border-top: 0 none;
        display: none;
    }
}

@media (max-width: 480px) {

    #nav {
        width: 218px;
        left: 31px;
    }

    #img-logo {
        width:120px;
    }

    .logo_top {
        padding-top: 30px;
    }

    .logo_top a {
        font-size: 42px;
    }

    .logo_top a span {
        font-size: 24px;
        display: block;
    }

    .marriage_banner h1 {
        font-size: 24px;
    }

    .latest_sermons .col-md-6 {
        padding: 30px 0;
    }

    .family_member {
        width: 100%;
    }

    .family_member .social li a {
        font-size: 20px;
        height: 40px;
        padding-top: 6px;
        text-align: center;
        width: 40px;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transition: .4s ease-in-out;
        -moz-transition: .4s ease-in-out;
        -webkit-transition: .4s ease-in-out;
    }

    .isotom_lant li {
        width: 100%;
    }

    #contact-form, #rsvp-form {
        width: 90%;
        margin-left: 0;
        padding-left: 0;
        margin-right: 0;
        padding-right: 0;
    }

    .banner_timer ul li {
        font-size: 10px;
        font-weight: 300;
        height: 58px;
        width: 58px;
        margin: 0 2px;
        padding-top: 10px;
        text-align: center;
    }

        .banner_timer ul li span {
            font-size: 30px;
            display: block;
            margin: 0;
            padding: 0;
            text-align: center;
            line-height: 24px;
        }

    .banner-line h2 {
        font-size: 30px;
        line-height: 36px;
    }

        .banner-line h2 span {
            display: block;
        }

    .top_arrow {
        margin-bottom: 30px;
    }

    .gift-logos li {
        padding: 0 0 20px 0;
        margin: 0 0 0 0;
        display: inline-table;
        width: 45%;
    }

    .family-tab-cont .tab-btns li a {
        width: 100px;
        height: 100px;
    }

    .family-tab-cont .tab-btns li a .plus {
        padding: 3px 0 0 0;
        width: 30px;
        height: 30px;
        font-size: 30px;
        bottom: -17px;
        left: 34%;
        transition: .4s ease-in-out;
        -moz-transition: .4s ease-in-out;
        -webkit-transition: .4s ease-in-out;
        -webkit-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        transform: rotateX(360deg);
    }

    .masters_quote {
        font-size: 1.6em;padding:12px;text-align:justify;
    }

}

/* Top Menu styles */
#nav_container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
}

.nav-wrap1, .nav-wrap2 {
    height: 83px;
    margin-top: -8px;
}

.nav-wrap2 {
    margin-top: 12px;
    border-top: 1px solid #f0f0f0;
    margin-bottom: -3px;
    border-bottom: 3px solid #f3f3f3;
}

    .nav-wrap2.mn4 {
        height: 43px;
    }

/* menu icon */
#menu-icon {
    display: none; /* hide menu icon initially */
}

#nav {
    float: right;
}

    #nav li {
        list-style: none;
        float: left;
        padding: 0 8px;
        margin: 0 8px;
        display: block;
        height: 100%;
        vertical-align: middle;
        position: relative;
    }

span.row-mn {
    background: url(../images/row-m1.png) no-repeat right center;
    width: 10px;
    height: 10px;
    position: absolute;
    margin-left: 12px;
    right: 6px;
    top: 47%;
}

/* nav link */
#nav a {
    height: 80px;
    line-height: 80px;
    padding: 0 3px;
    display: block;
    text-transform: uppercase;
    position: relative;
    border-top: 3px solid rgba(255, 255, 255, 0.0);
    text-decoration: none;
    color: #444;
    opcity: 1;
    text-align: center;
    -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
    -moz-transition: border .15s ease-in-out, color .15s ease-in-out;
    -ms-transition: border .15s ease-in-out, color .15s ease-in-out;
    -o-transition: border .15s ease-in-out, color .15s ease-in-out;
    transition: border .15s ease-in-out, color .15s ease-in-out;
}

    #nav a:hover, #nav li:hover > a {
        color: #f44482;
        border-top-color: #f44482;
    }

#nav li.current a, #nav li a {
    color: #FFF;
    font-family: 'Ubuntu'; /*border-top-color:#0093d0;*/
}

#nav a.drp-aro {
    padding-right: 16px;
}

/* nav link Header2 */
.nav-wrap2 #nav {
    float: left;
    margin-bottom: 0;
    margin-top: -2px;
}

    .nav-wrap2 #nav li {
        margin: 0;
        padding: 0 30px 0 0;
    }

    .nav-wrap2 #nav a {
        line-height: 21px;
        text-align: left;
        padding-top: 20px;
        height: 62px;
    }

#nav a span, #nav a:after {
    margin-top: 2px;
    display: block;
    font-size: 12px;
    color: #919191;
    text-transform: lowercase;
    font-weight: 400;
}

#nav a:after {
    content: attr(data-description);
}

.nav-wrap2.mn4 #nav a:after {
    content: "";
    display: none;
}

.nav-wrap2.mn4 #nav li {
    border-left: 1px solid #f2f2f2;
    padding: 0;
    margin-top: 1px;
    margin-bottom: -1px;
}

    .nav-wrap2.mn4 #nav li:last-child {
        border-right: 1px solid #f2f2f2;
    }

.nav-wrap2.mn4 #nav a {
    height: 32px;
    padding: 10px 20px 0 20px;
    margin: 0 -1px;
    text-transform: capitalize;
}

.nav-wrap2.darknavi {
    background: #424242;
    border-top: 1px solid #202020;
    border-bottom: 3px solid #222;
}

    .nav-wrap2.darknavi #nav li a {
        color: #fff;
    }

    .nav-wrap2.darknavi #nav ul li a {
        color: #595959;
    }

.nav-wrap2 span.row-mn {
    top: 23px;
}

.nav-wrap2.darknavi span.row-mn {
    background: url(../images/row-m2.png) no-repeat right center;
}

.nav-wrap2.mn4.darknavi #nav li {
    border-left: 1px solid #555;
}

    .nav-wrap2.mn4.darknavi #nav li:last-child {
        border-right: 1px solid #555;
    }

.nav-wrap2.mn4 span.row-mn {
    display: none;
}



/* nav dropdown */
#nav ul {
    background: #fff;
    padding: 7px 1px;
    margin: 0;
    position: absolute;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    border: 1px solid #d4d4d4\9;
    border-top: 3px solid #0093d0;
    display: none; /* hide dropdown */
    width: 200px;
    z-index: 91000;
    border-radius: 0 0 4px 4px;
}

    #nav ul li {
        float: none;
        border-bottom: 1px solid #f6f6f6;
        display: block;
        margin: 0;
        padding: 0;
        font-family: "Open Sans",Helvetica,Arial,sans-serif;
    }

        #nav ul li:last-child {
            border: none;
        }

        #nav ul li a, #nav li.current ul li a, #nav ul li:hover > a {
            background: #fff;
            color: #595959;
            width: auto;
            display: block;
            text-align: left;
            padding: 5px 11px;
            border-radius: 0;
            font-size: 13px;
            border: 0 none;
            text-transform: capitalize;
            line-height: 24px;
            height: 24px;
            font-weight: normal;
        }

            #nav ul li a:hover, #nav li.current ul li a:hover, .nav-wrap2 #nav ul li a:hover, .nav-wrap2.darknavi #nav ul li a:hover, #nav ul li.current a, #nav li.current ul li.current a {
                background: #f8f8f8;
            }

#nav li:hover > ul {
    display: block;
    visibility: visible; /* show dropdown on hover */
}

#nav ul li ul {
    margin: -37px 0 0 170px;
    width: 240px;
}
/*top menu second level*/
.nav-wrap2 #nav ul li a, .nav-wrap2.darknavi #nav ul li a, .nav-wrap2.mn4 #nav ul li a {
    padding: 5px 11px;
    line-height: 24px;
    height: 24px;
}

.nav-wrap2 #nav ul li {
    margin: 0;
    padding: 0;
}

.nav-wrap2.mn4 #nav ul li {
    border-left: 0 none;
}



/* nav dropdown for(ie7) */

* + html #nav li {
    position: relative;
    display: block;
}

    * + html #nav li ul, * + html #nav li.current ul {
        left: 0;
        clear: both;
        position: absolute;
        border: 1px solid #d4d4d4;
    }

* + html .container {
    z-index: 2;
}

* + html #header {
    z-index: 3;
    position: relative;
}

* + html #nav ul li ul {
    position: absolute;
    left: 0;
    margin-top: -31px;
    display: none;
    visibility: hidden;
}

* + html #nav ul li:hover > ul {
    display: block;
    visibility: visible;
}

/* -------   CUSTOM STYLES   -------------- */

    .masters_quote {
        font-size: 1.6em;padding:20px;text-align:justify;
    }
    .pin-box, .tline-box { width:212px; width:210px\9; padding:12px; display:block; background:#fff; margin:10px; float:left; border:1px solid #efefef\9; box-shadow:0 1px 3px rgba(0,0,0,0.33); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.33);}
.pin-box { border-radius:3px; overflow:hidden;}
.pin-box  .img-item, .pin-box  iframe { max-width:236px; margin:-12px; margin-bottom:0; }
.img-item img { margin-bottom:-6px;}

.pin-box .zoomex { border-radius: 3px 3px 0 0; }
.tline-box  iframe, .tline-box  img { width:100%; max-width:100%; border-bottom:2px solid #e5e5e5;}
.pin-box h4, .tline-box h4 { font-size:18px; font-weight:400; margin-top:8px; margin-bottom:10px;}
.pin-box h4 { font-size:15px; margin-bottom:4px;}
.pin-box h4 a, .tline-box h4 a { color:#434343;}
.pin-box h4 a:hover, .tline-box h4 a:hover { color:#d11e25;}
.pin-ecxt h6.blog-author, .tline-ecxt h6.blog-author, .tline-box h6  { font-size:12px; font-weight:600;  }
.pin-ecxt, .tline-ecxt { border-bottom:1px solid #efefef; padding:0 12px 8px; margin:0 -12px 8px -12px; }
.container .pin-ecxt2 p, .pin-ecxt2 p small { font-size:12px; font-weight:bold; margin:0;}
.pin-ecxt2 p { line-height:20px;}
.pin-ecxt2 p small { color:#a2a2a2; display:block; }
.pin-ecxt2 img { width:40px; height:40px; float:left; margin:0; margin-top:4px; margin-right:10px; border-radius:3px;}

.tline-box  { width:380px;  padding:10px; padding-bottom:20px; margin-top:21px; min-height:160px; border-radius:3px; position:relative; border:1px solid #d7dce7; box-shadow:0 1px 3px -2px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 6px -3px rgba(0,0,0,0.3); }
.tline-row-l, .tline-row-r { background:url(../images/tmln-ro-r1.png) no-repeat right 12%; width:46px; height:17px; margin-right:-44px; display:block; position:absolute; right:0; top:16px;}
.tline-row-r { background:url(../images/tmln-ro-l1.png) no-repeat left 12%; left:0; margin:0; margin-left:-43px; }
.tline-box.rgtline { float:right;  margin-top:53px; right:0; clear: right; }

.tline-box:hover  { box-shadow:0 1px 6px -2px rgba(141,161,199,0.9); -webkit-box-shadow:0 1px 11px -3px rgba(141,161,199,0.9); }
.pin-box .blog-date-sp, .pin-box .blog-com-sp, .tline-box .blog-date-sp, .tline-box .blog-com-sp { position:relative; bottom:0; margin:-12px; margin-top:7px; width:50%; border:0; border-radius:0; background:#ebebeb; padding:0;}
.pin-box .blog-com-sp, .tline-box .blog-com-sp  { float:left;  height:28px; padding:12px 23px 0 0; }
.pin-box .blog-date-sp h3, .tline-box .blog-date-sp h3 { margin-left:12px; text-shadow:0 0 1px rgba(0,0,0,0.1);}
.tline-box .blog-date-sp, .tline-box .blog-com-sp { background:#e9e9e9; width:49%; margin:-10px; margin-bottom:0;  }

h6.blog-date, h6.blog-cat  { color:#69ba45;} 
h6.blog-author { color:#a0a0a0; font-weight:400; }
h6.blog-date a, h6.blog-cat a, h6.blog-author a { color:inherit;} 
h6.blog-date a:hover, h6.blog-cat a:hover, h6.blog-author a:hover { text-decoration:underline;}
.blog-single-post h6.blog-author { letter-spacing:0.2em; }

.tline-box h6.blog-cat  { font-size:13px; color:#888; padding-bottom:7px; border-bottom:2px solid #e5e5e5; font-weight:500; margin-bottom:8px;}
.tline-box h6.blog-cat  strong { font-weight:700;}
.tline-box h4 { font-size:21px;}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) { 
	.tline-box { width:335px;} 	
		 }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
	.tline-box { width:165px;}
	.tline-box p { font-size:12px;}
	.tline-box h4 { font-size:16px;}
}
@media only screen and (max-width: 479px) { 
.tline-box { width:250px;}
}