@font-face {
    font-family: "cOMxCkJY";
    font-style: normal;
    font-weight: normal;
    src: url("cOMxCkJY.eot?#iefix") format("embedded-opentype"), url("cOMxCkJY.woff") format("woff"), url("cOMxCkJY.ttf") format("truetype"), url("cOMxCkJY.svg#cOMxCkJY") format("svg");
}
body {
    font: 16px/28px "Palatino Linotype",Helvetica,Arial,sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Palatino Linotype",serif;
    font-weight: 700;
    margin-bottom: 25px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1 {font-size: 41px;}
h2 {font-size: 32px; line-height: 40px;}
h3 {font-size: 22px; line-height: 29px;}
h4 {font-size: 18px; line-height: 21px;}
h5 {font-size: 14px; line-height: 18px;}
h6 {font-size: 12px; line-height: 16px;}
p {margin: 0 0 25px;}
p img {margin: 0;}
a {
    outline: medium none;
    text-decoration: none;
    transition: all 0.3s linear 0s;
}
a:hover, a:active {outline: 0 none;}
a.button {
    background-color: #faf8f0;
    border-radius: 50px;
    box-shadow: 0 3px 0 #d9c6b1;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin: 5px;
    padding: 2px 20px;
    position: relative;
    transition: all 0.1s ease 0s;
}
a.button:hover {box-shadow: 0 -2px 0 #d9c6b1; margin: 7px 5px 3px 5px;}
em, i {font-style: italic;}
strong, b {font-weight: bold;}
small {font-size: 80%;}
address {font-style: normal;}
ul, ol {margin-bottom: 20px;}
ul {list-style: outside none none;}
ol {list-style: outside none decimal;}
ul.square {list-style: outside none square;}
ul.disc {list-style: outside none disc;}
img {height: auto;  max-width: 100%;}
.container {
    margin: 0 auto;
    max-width: 1600px;
    width: 90%;
}
section {padding: 150px 0 80px;}
#logo {
    background-color: #fff;
    color: #ff8c89;
    display: block;
    font: 28px/80px "Playfair Display",serif;
    height: 80px;
    letter-spacing: 3px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
#logo span {font-size: 38px; vertical-align: bottom;}
#wedding, .images {text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.info h1, .info h3 {font-family: "cOMxCkJY"; color: #fff; text-align: center;}
.info h1 {
    font-size: 128px;
    line-height: 128px;
    margin-top: 50px;
}
.info h3 {font-size: 52px;}
.count * {
    box-sizing: border-box;
    font: inherit;
    margin: 0;
    padding: 0;
}
.count {
    font-weight: normal !important;
    margin: 0 auto 20px;
    width: 235px;
}
.count_state_after .count__title-before {display: none;}
.count_state_after .count__title-after {display: inline; font-size: 19px; color: #fff;text-transform: uppercase;}
.count_state_after .count__title-heart {
    background-color: #f5ebef;
    top: 3px;
}
.count_state_after .count__title-num, .count_state_after .count__title-year {display: inline-block;}
.count__title {
    -moz-user-select: text;
    color: #4f4e4c;
    font-family: OpenSans-CondLight,sans-serif;
    font-size: 18px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 220px;
    z-index: 1;
}

.count__title-before {display: inline;}
.count__title-after {display: none;}
.count-container {
    bottom: -17px;
    font-size: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.count__title-heart {
    background: rgba(0, 0, 0, 0) url("../images/heart.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 20px;
    position: relative;
    top: -8px;
    width: 24px;
}
.count__title-num, .count__title-year {
    background-color: #f5ebef;
    color: #4f4e4c;
    display: none;
    font-family: OpenSans-CondLight,sans-serif;
    font-size: 30px;
}
.count__title-num {
    padding-left: 12px;
    padding-right: 8px;
}
.count__title-year {
    padding-left: 5px;
    padding-right: 12px;
}
.count-wrapper {font-size: 0; }
.count__item {
    display: inline-block;
    padding: 2px;
    position: relative;
	width: auto;
}
.count__item + .count__item {margin-left: 17px;}
.count__item:before {
    -moz-user-select: text;
    bottom: -25px;
    color: #fff;
    content: attr(data-text);
    font-family: OpenSans-CondLight,sans-serif;
    font-size: 26px;
    left: 0;
    position: absolute;
    text-align: center;
	text-transform: lowercase;
    width: 100%;
}
.count__item-num {
    color: #fff;
    display: inline-block;
    font-family: OpenSans-CondBold,sans-serif;
    font-size: 121px;
    font-weight: bold;
    height: 100%;
    line-height: 122px;
    text-align: center;
    width: 100%;
}
.count__text {
    color: #fff;
    font-family: OpenSans-CondBold,sans-serif;
    font-size: 25px;
    line-height: 32px;
    margin-top: 47px;
    text-align: center;
    text-transform: uppercase;
}
.count__text-sub {color: #e1a0b6;}






.hero {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.hero.not-mobile, #background-image.not-mobile, .parallax.not-mobile {background-attachment: fixed;}
.hero #main-menu {border-top: 1px solid #f3f3f3;}
.hero .container {display: table;  height: 100%;}
.hero-inner {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    z-index: 9;
}
.hero-inner .mouse {
    border: 1px solid #fff;
    border-radius: 25px;
    bottom: 30px;
    cursor: pointer;
    display: block;
    height: 36px;
    left: 0;
    margin: 0 auto;
    opacity: 0.7;
    position: absolute;
    right: 0;
    transition: all 0.9s linear 0s;
    width: 24px;
}
.hero-inner .mouse i {
    animation: 1.4s ease 0s normal none infinite running mouse-down;
    color: #fff;
    display: block;
    font-size: 12px;
}
#main-menu {
    background: rgba(255, 255, 255, 0.97) none repeat scroll 0 0;
    border-bottom: 1px solid #efe7df;
    height: 56px;
    left: 0;
    line-height: 56px;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 999;
}
#main-menu.dole {position: fixed;}
#main-menu nav#navigation {width: 100%;}
#main-menu ul {margin-bottom: 0; list-style: outside none none;}
#main-menu li {display: inline-block; padding: 0 10px;}
#main-menu ul li a {
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 56px;
    padding: 0 5px;
    text-transform: uppercase;
}
#navigation .nav-child {
	position: absolute;
	top: 95%;
	left: -80px;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 260px;
	padding: 0;
	margin: 2px 0 0;
	list-style: none;
	background-color: #fff;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
#navigation .nav-child li {display: block; padding: 0;}
#navigation .nav-child a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	color: #333;
	white-space: nowrap;
}
#navigation .nav li {position: relative;}
#navigation .nav > li:hover > .nav-child,#navigation .nav > li > a:focus + .nav-child,#navigation .nav li li:hover > .nav-child,#navigation .nav li li > a:focus + .nav-child {display: block;}
#navigation .nav li li .nav-child {top: -8px;left: 100%;}
#navigation .nav-child li > a:hover,
#navigation .nav-child li > a:focus,
#navigation .nav-child:hover > a {
	text-decoration: none;
	color: #fff!Important;
	background-color: #ff8800;
	background-color: #0081c2;
	background-image: -moz-linear-gradient(top,#ff8800,#FFD4A2);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#ff8800),to(#FFD4A2));
	background-image: -webkit-linear-gradient(top,#ff8800,#FFD4A2);
	background-image: -o-linear-gradient(top,#ff8800,#FFD4A2);
	background-image: linear-gradient(to bottom,#ff8800,#FFD4A2);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8800', endColorstr='#FFD4A2', GradientType=0);
}
#menu-logo {display: none;}
.overlay-dark {
    background: rgba(25, 25, 25, 0.16) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#home-content {
    background-color: #fff;
    padding: 0;
    position: relative;
}
p {margin: 0 0 25px;}
.right {text-align: right;}
.left {text-align: left;}
section section {background-color: #fff;}
.timeline {
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.timeline .column {position: relative;}
.timeline:before {
    background: url('../images/venzel2.png') no-repeat top center;
    content: "";
    height: 100%;
    left: 50%;
	margin-left: -6px;
    position: absolute;
    top: 0;
    width: 12px;
}
#loveline .timeline:before, #wedding-events .timeline:before {
    background: #d9c6b1;
    content: "";
    height: 60px;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px;
	margin-left: 0;
}
#wedding-events .timeline:before {height: 100%;}
#loveline .linne:before {
    background: #d9c6b1;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px;
	margin-left: 0;
	display: block;
}
.timeline .column.right:after {right: -11px;}
.timeline .column.left:after {left: -9px;}
.timeline .movetop {margin-top: 100px;}
.timeline .column.heart:after {
    background-color: #fff;
    content: "";
    font-family: "FontAwesome";
    font-size: 20px;
    position: absolute;
    top: 36px;
}
.timeline-year {
    margin: 0 0 30px;
    position: relative;
    text-align: center;
}
.timeline-year.start {margin-top: 60px;}
.timeline-year span {
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 20px;
}
.timeline .column.right .box:after {background-image: url("../images/arrow-right.png"); right: -52px;}
.timeline .column.left .box:after {background-image: url("../images/arrow-left.png"); left: -52px;}
.timeline .column .box:after {
    background-repeat: no-repeat;
    content: "";
    height: 19px;
    position: absolute;
    top: 30px;
    width: 30px;
}
.box {font-family: "Palatino Linotype",serif;}
.box .date {
    font-style: italic;
    position: absolute;
    right: 0;
    top: -5px;
    width: 100%;
}
.box .date:before {
    content: "";
    font-family: "FontAwesome";
    font-size: 14px;
    font-style: normal;
    margin-right: 10px;
}
.box h2 {font-weight: 300; font-size: 29px;}
.box .box-content {position: relative; z-index: 9; font-size: 17px; font-style: italic;}
.box .box-content img {margin-bottom: 20px;}
.box .box-content .gallery img {margin: 0 3px 20px; max-height: 48px;}
.box p {margin-bottom: 20px;}
.column.left {
    clear: right;
    float: right;
    padding-left: 80px;
}
.column.right {padding-right: 80px;}
.details {margin: 50px 0 25px; position: relative;}
.details:before {
    background: url(../images/venzel3.png) no-repeat top center;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: -25px;
    width: 100%;
}
.details span, .quote span {
    color: #8f8f8f;
    display: block;
    font-family: "Palatino Linotype",serif;
	font-size: 17px;
}
.details span.waddress, .quote span.waddress {font-weight: bold;}

.box {
    border-radius: 6px;
    font-size: 14px;
    line-height: 24px;
    margin: 10px 45px 60px 10px;
    padding: 18px 0px;
    position: relative;
}
.box.center {padding: 15px 0; text-align: center;}
.box.quote {
    color: #ad906e;
    font: 17px/26px "Palatino Linotype",serif;
    margin-bottom: 60px;
    margin-top: -180px;
    padding: 45px 160px;
    text-align: center;
}
.twelve {position: relative;}
.twelve:before, .twelve:after {
	background-color: rgba(173, 144, 110, 0.5);
	box-sizing: content-box;
	content: "";
	width: 1px;
    top: 29px;
    position: absolute;
    bottom: 29px;
}
.twelve:before {border-left: 1px solid #ad906e; right: 0;}
.twelve:after {border-right: 1px solid #ad906e; left: 0;}
.box.corner:before, .box.corner:after {
	background-color: rgba(173, 144, 110, 0.5);
	box-sizing: content-box;
	content: "";
	height: 1px;
    left: 29px;
    position: absolute;
    right: 29px;
}
.box.corner:before {border-bottom: 1px solid #ad906e; top: 0;}
.box.corner:after {border-top: 1px solid #ad906e; bottom: 0;}
.corners-topleft, .corners-bottomleft, .corners-topright, .corners-bottomright {height: 29px;position: absolute;width: 29px;}
.corners-topleft {
    background: rgba(0, 0, 0, 0) url("../images/corner-default.png") repeat 0 0;
    content: "";
    left: 0;
    top: 0;
    transform: rotate(270deg);
}
.corners-bottomleft {
    background: rgba(0, 0, 0, 0) url("../images/corner-default2.png") repeat 0 0;
    bottom: 0;
    content: "";
    left: 0;
    transform: rotate(90deg);
}
.corners-topright {
    background: rgba(0, 0, 0, 0) url("../images/corner-default.png") repeat 0 0;
    height: 29px;
    right: 0;
    top: 0;
}
.corners-bottomright {
    background: rgba(0, 0, 0, 0) url("../images/corner-default2.png") repeat 0 0;
    bottom: 0;
    right: 0;
}
h3.section-title {position: relative; text-transform: uppercase; font-family: "Quicksand",sans-serif;}
.section-title, #portfolio-title {text-align: center;}
.section-tagline {
    color: #666666;
    font-size: 16px;
    line-height: 28px;
    margin: auto auto 80px;
    max-width: 700px;
    text-align: center;
}
/**********bloki************/
#invitation {padding: 60px 0; text-align: center;}
#invitation span {
    display: block;
    font-size: 22px;
    font-weight: 700;
}
#invitation a {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin-top: 25px;
    padding: 10px 45px;
}
#couple {
    overflow: hidden;
    padding: 0;
    position: relative;
}
#couple .overlay-dark {z-index: 2;}
#couple .hero-heart {
    background-image: url("../images/hero-heart.png");
    height: 180px;
    left: 50%;
    margin-left: -128px;
    position: absolute;
    top: 110px;
    width: 256px;
    z-index: 9;
}
#couple .images > div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 380px;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
}
#couple .girl {background-image: url("../images/couple_her.jpg");}
#couple .boy {background-image: url("../images/couple_him.jpg");}
#couple .images .column > span {
    position: absolute;
    right: 52px;
    top: 160px;
    z-index: 9;
}
#couple .fname {
    color: #fff;
    font-family: "Palatino Linotype",serif;
    font-size: 63px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
#couple .images .column .lname {
    color: #fff;
    font-family: Palatino Linotype;
    font-size: 34px;
    letter-spacing: 2px;
    right: 52px;
    text-transform: uppercase;
}
#couple .images .column > span.lname {top: 220px;}
#couple .images .column.boy > span {left: 46px; right: auto;}
#story, #loveline {font-family: "Palatino Linotype",serif;}
#story {padding-top: 80px; padding-bottom: 0; }
#story .quote {
    font: 20px/36px "Palatino Linotype",​serif;
    margin: 40px auto;
    padding: 60px 50px;
}
.arrow-up {
    background-image: url("../images/arrow-up.png");
    height: 22px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: 4px;
    width: 17px;
}
.arrow-down {
    background-image: url("../images/arrow-down.png");
    bottom: -1px;
    height: 11px;
    left: 50%;
    margin-left: -9px;
    position: absolute;
    width: 19px;
}
#loveline h3.section-title:before, #wedding-events h3.section-title:before, #wedding-gallery h3.section-title:before, #gift-registry h3.section-title:before {
    background: url("../../../images/templ/venzel.png") no-repeat center 7px;
    content: "";
    font-family: FontAwesome;
    height: 53px;
    left: 0;
    position: absolute;
    top: -80px;
    width: 100%;
}
#gift-registry h3.section-title:before {content: ""; background: url("../images/venzel_gift.png") no-repeat center top;}
.section-tagline {
    color: #ad906e;
    font-size: 16px;
	font-style: italic;
    line-height: 28px;
    margin: auto auto 80px;
    max-width: 700px;
    text-align: center;
}
#loveline .timeline {padding-bottom: 0px;}
.parallax {
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 480px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.parallax .container {display: table; height: 100%;}
.parallax h2.quote {
    color: #fff;
    display: table-cell;
    font: 32px/56px "Palatino Linotype",​serif;
    height: 100%;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
#wedding-gallery {padding-bottom: 0;}

#contact h3.section-title:before {display: none;}
#contact h3.section-title {color: #ffffff;}
#contact .section-tagline {color: #ffffff; margin: auto auto 40px;}
.container.smaller {max-width: 730px;}
.form label {
    color: #d9c6b1;
    font-weight: 700;
    text-transform: uppercase;
}
.form input[type="text"], .form select, .form input[type="number"], .form input[type="file"] {
    background-color: #ffffff;
    border: 1px solid #fff;
    font-size: 18px;
    font-weight: 500;
    height: 48px;
    margin-bottom: 30px;
    width: 100%;
}
.form input[type="file"] {height: auto;}
.form textarea {
    background-color: #ffffff;
    border: medium none;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
    min-height: 180px;
    padding: 10px 15px;
    width: 100%;
}
.form input[type="submit"], .btn-primary {
    background-color: #fff;
    border: medium none;
    border-radius: 45px;
    box-shadow: 0 3px 0 #d9c6b1;
    color: #ff8c89;
    font-size: 15px;
    font-weight: 700;
    margin: 30px auto 0;
    padding: 15px 40px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.1s ease 0s;
}
.form input[type="submit"]:hover {margin: 32px auto -2px; box-shadow: 0 -2px 0 #d9c6b1;}
.bgcolor h3.section-title, .bgcolor .section-tagline, .bgcolor label {color: #fff;}
.control-group {margin-bottom: 5px;}
#login-form .btn-primary {
    background: #faf8f0!important;
    color: #ff8800;
    display: block;
    margin-top: 10px;
    padding: 5px 40px;
}
#login-form .btn-primary:hover {margin: 12px auto -2px; box-shadow: 0 -2px 0 #d9c6b1;}

.input-prepend i {
    color: #ff8800;
    font-size: 16px;
    font-weight: bold;
    margin-left: 44px;
    vertical-align: middle;
}
.input-prepend label {padding: 0 5px; margin: 0; vertical-align: middle; width: 65px;}
.input-prepend input {vertical-align: middle;}
footer {
    font-size: 12px;
    min-height: 86px;
    text-transform: uppercase;
}
footer .row {padding: 29px 0;}
footer .logo {
    font-size: 31px;
	line-height: 31px;
    text-align: center;
}
footer .logo span {font-size: 40px; margin: 0px;}
footer .info {text-align: right;}
#toTop {
    background: rgba(0, 0, 0, 0) url("../images/ui.totop.png") no-repeat left top;
    border: medium none;
    bottom: 30px;
    display: none;
    height: 40px;
    overflow: hidden;
    position: fixed;
    right: 30px;
    text-decoration: none;
    text-indent: 100%;
    width: 40px;
}
#toTopHover {
    background: rgba(0, 0, 0, 0) url("../images/ui.totop.png") no-repeat left -40px;
    display: block;
    float: left;
    height: 40px;
    opacity: 0;
    overflow: hidden;
    width: 40px;
}
#toTop:active, #toTop:focus {
    outline: medium none;
}

@media screen and (min-width: 1025px) {
#main-menu nav#navigation {
    display: block !important;
    height: auto !important;
    margin-top: -2px;
}
.dotted-menu #main-menu {
    display: none;
}
}
@media (max-width: 1024px) {
#home-content {padding: 0;}
#menu-logo {display: block;}
#main-menu nav#navigation {display: none;}
#menu-logo {
    height: 56px;
    left: 25px;
    line-height: 56px;
    position: absolute;
    top: 0;
}
#main-menu .container {width: 100%;}
#main-menu #navigation {overflow-y: scroll;}
#main-menu {
    height: auto;
    line-height: inherit;
    overflow: hidden;
    padding-top: 56px;
    position: relative;
    transition: all 0.3s linear 0s;
}
#main-menu ul li a {font-size: 14px;}
#main-menu nav#navigation li {display: block; padding: 0 10px;}
#main-menu li.submenu:after {display: none;}
#menu-toggle-wrapper {
    display: block;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
    z-index: 111;
}
#menu-toggle {
    background: #ff8c89;
    display: block;
    font-size: 25px;
    height: 2px;
    position: absolute;
    right: 25px;
    top: 30px;
    width: 25px;
}
#menu-toggle:before {
    background: #ff8c89 none repeat scroll 0 0;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    transform-origin: center center 0;
    width: 100%;
}
#menu-toggle:before {top: -6px;}
#menu-toggle-wrapper.open #menu-toggle {transform: rotate(45deg) translate(0px, 0px);}
#menu-toggle-wrapper.open #menu-toggle:before {transform: rotate(90deg) translate(6px, 0px);}
#menu-toggle, #menu-toggle:before { transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65) 0s;}
}
#wedding-gallery .uk-subnav {
    line-height: 90px;
    margin-bottom: 0;
    text-align: center;
}
#wedding-gallery .uk-subnav li {
    display: inline-block;
    line-height: 14px;
    margin: 0 5px;
}
#wedding-gallery .uk-subnav li a {
    color: #666666;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 8px 15px;
}
#wedding-gallery .uk-subnav li a:hover, #wedding-gallery .uk-subnav li.uk-active a {
    background-color: #fff;
    border-radius: 6px;
    padding: 8px 15px;
}
.uk-panel.images2 {display: none;}
@media (max-width: 668px) {
	.uk-panel.images {display: none;}
	.uk-panel.images2 {display: block;}
h1 {font-size: 28px;}
h2 {font-size: 26px; line-height: 34px;}
#navigation-dotted {display: none;}
.section-tagline {max-width: 88%;}
.hero h1 {font-size: 46px;  line-height: 52px;}
.hero .info .date {bottom: 120px; font-size: 16px;}
.hero-inner .mouse {bottom: 70px;}
#invitation a {padding: 10px 35px;}
#couple .hero-heart {display: none;}
#story .column {
    margin-bottom: 60px;
    text-align: center;
}
#story .timeline:before, #story .arrow-up, #story .arrow-down, #important-people .timeline:before, #important-people .arrow-up, #important-people .arrow-down {   display: none;}
#twitter .follow {margin-bottom: 55px;  margin-top: 10px;}
#story .quote {
    font: 18px/32px "Playfair Display",serif;
    margin: 0 auto;
    padding: 40px 20px;
}
.timeline {padding-bottom: 40px;}
#important-people, #twitter {padding-bottom: 0;}
#wedding-events .timeline {padding-top: 40px;}
.box {
    background-color: #fff;
    margin: 0;
    padding: 15px;
}
.timeline .left, .timeline .right {text-align: center;}
.date {text-align: right;}
.left .box.corner .date {right: 35px;}
.timeline .column .box:after, .timeline .column.heart:after {display: none;}
.column.right {padding-right: 0;}
.column.left {padding-left: 0;}
.column.right, .column.left {clear: both;  float: none;}
.timeline .movetop {margin-top: 0;}
.timeline-year {margin-bottom: 50px;}
.parallax h2.quote {font: 24px/40px "Playfair Display",serif;}
#wedding-gallery .container {width: 100%;}
#wedding-gallery .uk-subnav {
    display: block;
    flex-wrap: nowrap;
    list-style: outside none none;
    margin-left: 0;
    margin-top: 0;
    padding: 0;
}
#wedding-gallery .uk-subnav > li {
    border: medium none;
    display: block;
    line-height: 25px;
    margin: 0;
	float: none;
    padding: 0;
}
#wedding-gallery .uk-subnav > li a {
    border-radius: 0 !important;
    border-top: 1px solid #efe7df;
    display: block;
    line-height: 26px;
    padding: 8px 15px;
}
#wedding-gallery .uk-subnav > li:first-child a {
    border-top: medium none;
    display: block;
}

#gallery-wrapper .portfolio-title {font-size: 12px; line-height: 18px;}
footer, footer .info {text-align: center;}
#page-content blockquote {font-size: 16px; line-height: 24px;}
#background-image {height: 420px;}
#title {height: auto;}
#title .row {display: table; width: 100%;}
#title .row .column.twelve {margin: 15px 0;}
#title .six {
    display: table-cell;
    float: none;
    height: 100%;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
#title .three {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 10%;
}
#title h1 {
    display: block;
    font: 28px/47px "Playfair Display",serif;
    margin-bottom: 0;
}
.prev, .next {font-size: 0;}
.box.quote {padding: 40px;}
blockquote, q {font-size: 16px; line-height: 26px;}
}

@keyframes mouse-down {
0% {
    margin-top: 4px;
    opacity: 0;
}
30% {
    opacity: 1;
}
100% {
    margin-top: 11px;
    opacity: 0;
}
}
@keyframes mouse-down {
0% {
    margin-top: 4px;
    opacity: 0;
}
30% {
    opacity: 1;
}
100% {
    margin-top: 11px;
    opacity: 0;
}
}





#wedding-gallery .uk-overlay-background {
    background: rgba(46, 42, 42, 0.8) none repeat scroll 0 0;
}

#wedding-gallery .uk-overlay > .uk-overlay-panel {
    padding: 30px;
}
@media (min-width: 1220px) {
#wedding-gallery .uk-overlay > .uk-overlay-panel {
    padding: 50px;
}
}
#wedding-gallery .uk-overlay > .uk-overlay-panel:before, #wedding-gallery .uk-overlay > .uk-overlay-panel:after {
    content: "";
    opacity: 0;
    position: absolute;
    transition: opacity 0.4s ease 0s, transform 0.4s ease 0s;
}
#wedding-gallery .uk-overlay > .uk-overlay-panel:before {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    bottom: 20px;
    left: 10px;
    right: 10px;
    top: 20px;
    transform: scale(0, 1);
    transform-origin: 0 0 0;
}
@media (min-width: 1220px) {
#wedding-gallery .uk-overlay > .uk-overlay-panel:before {
    bottom: 40px;
    left: 20px;
    right: 20px;
    top: 40px;
}
}
#wedding-gallery .uk-overlay > .uk-overlay-panel:after {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    bottom: 10px;
    left: 20px;
    right: 20px;
    top: 10px;
    transform: scale(1, 0);
    transform-origin: 100% 0 0;
}
@media (min-width: 1220px) {
#wedding-gallery .uk-overlay > .uk-overlay-panel:after {
    bottom: 20px;
    left: 40px;
    right: 40px;
    top: 20px;
}
}
#wedding-gallery .uk-overlay:hover > .uk-overlay-panel:before, #wedding-gallery .uk-overlay:hover > .uk-overlay-panel:after {
    opacity: 1;
    transform: scale(1);
}
#wedding-gallery .uk-overlay:hover > .uk-overlay-panel:after {
    transition-delay: 0.1s;
}
img.jg_photo {
    margin: 0;
    padding: 0;
}
#wedding-gallery .uk-panel {text-align: center;}

.pagination {margin: 0 0 20px !important;}
.pagination-list {width: 100%;}
.pagination-list a {
    display: block;
    margin: 0 2%;
    padding: 7px 0 !important;
    text-align: center;
    width: 96%;
}
.pagination-list a:hover {background-color: #ddd;}
.icon-next:before {
    color: #ffd4a2;
    content: "";
    font-size: 32px;
    line-height: 32px;
}
.objpos {float: left; margin-bottom: 15px;}

body.com_joomgallery #logo, .jg_mygal, .login {display: none;}
.login {
    background-color: #fff;
	border-radius: 0 0 15px 15px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    padding: 20px;
    position: fixed;
    right: 20%;
    top: 52px;
    width: 300px;
    z-index: 100;
}
form {margin: 0;}