@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700;Kahlo Rounded&subset=latin,latin-ext,greek-ext,greek,cyrillic-ext,vietnamese,cyrillic');
.specialheader,
body,
h3,
h4,
h5,
h6 {
	font-weight: 400
}

#nav a,
#nonmobilefooterlogin,
#nonmobilelogin,
a#logo {
	display: block
}

#mobile-menu,
#mobilefooterlogin,
#mobilelogin {
	display: none
}

#mobile-menu,
.anchor,
.computer,
.ipad,
.iphone {
	position: absolute
}

.btn,
.overlay>a {
	white-space: nowrap
}

body {
	padding: 0;
	margin: 0;
	font-size: 100%;
	line-height: 100%;
	font-family: Lato, sans-serif;
	overflow-x: hidden;
	color: #6c6c6c
}

a {
	text-decoration: none
}

.specialheader {
	text-transform: none;
	font-size: 31px;
	line-height: 1.3;
	padding-bottom: 10px
}

.smallerspecial,
.smallestspecial {
	text-transform: none;
	line-height: 1
}

.smallerspecial {
	font-size: 23px;
	padding-bottom: 10px
}

.smallestspecial {
	font-size: 16px
}

#learnmorebutton a {
	color: #FFF;
	text-decoration: underline;
	font-size: 20px
}

.IIV::-webkit-media-controls-play-button,
.IIV::-webkit-media-controls-start-playback-button {
	opacity: 0;
	pointer-events: none;
	width: 5px
}

.content {
	max-width: 980px;
	margin: 0 auto
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0
}

h3,
h4,
h5,
h6 {
	letter-spacing: 0
}

h1,
h2 {
	font-weight: 300
}

.free,
.freemobile,
.large-btn,
.large-btnmobile,
.small-btn,
input {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: 300!important;
	-webkit-font-smoothing: subpixel-antialiased!important;
	text-transform: lowercase!important;
	font-family: Lato, sans-serif!important
}

.large-icon img {
	border: none;
	height: 38px
}

.homepagevideo {
	max-width: 100%;
	height: auto;
	margin-top: -20px
}

.computer {
	background: url(//trial1.weddingwindow.com/images/desktop.png) no-repeat;
	width: 515px;
	height: 464px;
	margin-left: 263px;
	margin-top: 25px
}

.computer img {
	margin-left: 24px;
	margin-top: 22px
}

.ipad {
	background: url(//trial1.weddingwindow.com/images/ipad.png) no-repeat;
	width: 266px;
	height: 320px;
	margin-left: 74px;
	margin-top: 170px
}

.ipad img {
	margin-left: 39px;
	margin-top: 35px
}

.iphone {
	background: url(//trial1.weddingwindow.com/images/phone.png) no-repeat;
	width: 166px;
	height: 236px;
	margin-left: 261px;
	margin-top: 292px;
	z-index: 100
}

.iphone img {
	margin-left: 33px;
	margin-top: 24px
}

#mobilefootersignup,
#mobilesignup {
	display: none!important
}

#nonmobilefootersignup,
#nonmobilesignup {
	display: block!important
}

#header {
	width: 100%;
	background: url(//trial1.weddingwindow.com/images/newbackgroundtop-larger.jpg);
	background-size: cover
}

.features-page #header,
.planning-tools-page #header,
.support-page #header,
.theme-page #header,
.upgrade-options-page #header {
	height: 123px
}

#logobar {
	min-height: 103px;
	width: 100%;
	background: url(//trial1.weddingwindow.com/images/topbarnew4.png) top center
}

a#logo {
	width: 360px;
	height: 64px;
	margin: 0 auto;
	background: url(//trial1.weddingwindow.com/images/logo.png) 4px 14px no-repeat;
	padding-top: 30px
}

.passwordbackground {
	background: url(//trial1.weddingwindow.com/images/WEBSITE-BACKGROUND.jpg) left top repeat-x;
	font-family: Lato
}

.passwordbackground h1 {
	line-height: 110%;
	margin-left: 2%;
	margin-right: 2%
}

.passwordbackground input {
	border: 1px solid #999;
	border-radius: 0;
	color: #666;
	float: none;
	font-size: 16px;
	font-weight: 300;
	height: 30px;
	line-height: 30px;
	margin-left: -2px;
	padding-left: 10px;
	padding-right: 10px;
	width: 98%
}

#nav a,
h1 b {
	font-weight: 400
}

.passwordbackground td {
	font-size: 15px;
	color: #666;
	padding-bottom: 6px
}

.passwordbackground td.warning {
	color: #990000
}

.passwordbackground .large-btn {
	background: #333;
	color: #FFF;
	padding: 10px 20px
}

.passwordbackground .large-btn:hover {
	background: #666;
	color: #FFF
}

#nav {
	min-height: 20px;
	width: 100%
}

#nav .left,
#nav .right {
	margin-top: -24px;
	width: 46%
}

#nav a.current {
	background: #9a355f;
	color: #fff
}

#nav a:hover {
	background: #7e556d;
	color: #fff
}

#nav .left {
	float: left
}

#nav .right {
	float: right
}

#nav .right a {
	float: left;
	padding: 2px 12px
}

#nav .left a {
	float: right;
	padding: 2px 12px
}

.paper-section,
.white-section {
	padding: 60px 0;
	border-bottom: 1px solid #ddd
}

#nav a {
	font-size: 75%;
	text-transform: uppercase;
	font-family: Lato, sans-serif;
	line-height: 145%;
	color: #3b1f2f
}

.small-btn,
h1 {
	font-weight: 300
}

#mobile-menu {
	margin-left: 250px;
	margin-top: 79px;
	z-index: 99999
}

#mobile-menu a {
	color: #222
}

.grey-txt {
	color: #797878
}

.purple-txt {
	color: #7e556d
}

.home-page .thirtythree-percent-column .grey-txt {
	font-size: 15px
}

.home-page .thirtythree-percent-column .purple-txt {
	font-size: 21px
}

.pink-txt {
	color: #9a355f
}

h1 {
	font-size: 200%;
	line-height: 160%;
	color: #1f2326
}

h2 {
	font-size: 150%;
	line-height: 140%;
	margin-bottom: 10px;
	color: #797878
}

h3 {
	font-size: 105%;
	line-height: 150%;
	color: #7e556d
}

.paper-section {
	background-color: #fff7f2
}

.white-section {
	background: #fff
}

.white-section.termsprivacy a {
	color: #3b1f2f
}

.anchor {
	width: 10px;
	height: 10px;
	display: block;
	margin-top: -80px
}

.small-btn {
	font-size: 100%;
	color: #fff;
	border: none;
	background: url(//trial1.weddingwindow.com/images/arrow-small.png) 85% 55% no-repeat #9a355f;
	padding: 7px 25px 7px 15px;
	line-height: 100%;
	cursor: pointer
}

.medium-btn {
	font-size: 100%;
	color: #fff;
	background: url(//trial1.weddingwindow.com/images/arrow.png) 94% 55% no-repeat #9a355f;
	padding: 10px 35px 10px 20px;
	font-weight: 300;
	line-height: 100%
}

.large-btn,
.large-btnmobile {
	font-size: 120%;
	color: #fff;
	background: url(//trial1.weddingwindow.com/images/arrow.png) 94% 55% no-repeat #9a355f;
	padding: 10px 35px 10px 20px;
	font-weight: 300;
	line-height: 100%;
	cursor: pointer
}

.large-btn.freemobile,
.large-btnmobile,
.medium-btn.freemobile {
	display: none!important
}

.large-btn.free,
.medium-btn.free {
	display: block!important
}

.no-arrow {
	background-image: none;
	padding: 10px 20px
}

.home-page .free,
.home-page .freemobile {
	z-index: 1000;
	top: -127px;
	margin: 0 auto;
	width: 240px;
	line-height: 100%;
	font-size: 170%;
	padding: 11px 35px 13px 22px;
	float: right;
	position: relative;
	font-family: Lato, sans-serif;
	font-weight: 300
}

.purple {
	background-color: #7e556d
}

.grey {
	background-color: #777
}

.small-btn:hover {
	background-color: #c589aa!important
}

.large-btn:hover,
.large-btnmobile:hover,
.medium-btn:hover {
	background-color: #7e556d
}

.purple:hover {
	background-color: #9a355f
}

.home-page .free {
	display: block
}

.home-page .freemobile {
	display: none
}

.free,
.freemobile {
	margin-top: -45px;
	font-size: 130%;
	float: right;
	padding: 11px 40px 11px 25px
}

.large-icon {
	width: 105px;
	height: 105px;
	background: url(//trial1.weddingwindow.com/images/circle-large.png);
	text-align: center;
	margin-bottom: 20px
}

.large-icon img {
	margin-top: 35px;
	margin-left: 2px
}

.raised h1 {
	padding-left: 130px;
	margin-top: -40px;
	font-size: 180%
}

.one-third-column {
	width: 30%;
	padding: 0 1.5%;
	float: left
}

a.one-third-column h2:hover {
	color: #7e556d!important
}

#privacycontent #innercontent h2,
#privacycontent a {
	color: #fff;
	font-weight: 400
}

.twenty-percent-column {
	width: 20%;
	float: left
}

.thirty-percent-column {
	width: 27%;
	padding: 0 1.5%;
	float: left
}

.thirtythree-percent-column {
	float: left;
	padding-left: 1.5%;
	padding-right: 1.5%;
	padding-top: 2%;
	width: 30%
}

.thirty-percent-column .centered {
	text-align: left
}

.centered,
.hmm {
	text-align: center
}

.fourty-percent-column {
	width: 40%;
	float: left
}

.fifty-percent-column {
	width: 50%;
	float: left
}

.sixty-percent-column {
	width: 60%;
	float: left
}

.seventy-percent-column {
	width: 70%;
	float: left
}

.eighty-percent-column {
	width: 80%;
	float: left
}

.full,
.hundred-percent-column {
	width: 100%
}

.raised {
	margin-top: -80px
}

.large-icon.centered {
	margin: 20px auto
}

.mobilecentered {
	display: none
}

.mobileiconcentered {
	float: left
}

.nonmobilecentered {
	display: block
}

.footerhundred {
	width: 55%;
	padding-left: 19%!important
}

.home-page #banner {
	width: 100%;
	position: relative
}

.home-page #whitebar {
	min-height: 140px;
	width: 100%;
	background: url(//trial1.weddingwindow.com/images/white45.png);
	margin-top: -140px;
	position: relative
}

.home-page #whitebar .large-btn {
	position: relative;
	float: right;
	margin-top: -20px;
	z-index: 999
}

.callbacks_nav,
.rslides img,
.rslides li:first-child {
	float: left;
	position: relative
}

.screenshot-medium {
	max-width: 283px;
	background: url(//trial1.weddingwindow.com/images/scr9enshot-shadow.png) bottom no-repeat;
	background-size: 100% auto;
	padding-bottom: 6px
}

.screenshot-large img,
.screenshot-medium img,
.theme img.scheme {
	width: 100%;
	border: none
}

.screenshot-large {
	background: url(//trial1.weddingwindow.com/images/screenshot-shadow.png) bottom no-repeat;
	position: relative;
	display: block
}

.screenshot-shadow {
	height: 10px;
	margin-top: -2px;
	width: 100%;
	background: url(//trial1.weddingwindow.com/images/screenshot-shadow.png) top no-repeat;
	margin-bottom: 10px;
	background-size: 100% auto
}

.screenshot-large .view-details {
	background: url(//trial1.weddingwindow.com/images/view-details.png) center center no-repeat;
	background-size: 100% auto;
	width: 100%;
	height: 88%;
	position: absolute;
	margin-top: 19px;
	display: none;
	top: 21px
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0
}

#homequicklinks,
#nonmobiletakeatour,
.nonmobilethirtythree,
.rslides img,
.rslides li:first-child,
.secondrealsite,
.thirdrealsite {
	display: block
}

.rslides img {
	height: auto;
	width: 100%;
	border: 0;
	max-width: 720px;
	z-index: 999
}

.rslides {
	margin: 20px auto;
	max-width: 730px
}

.callbacks_nav {
	-webkit-tap-highlight-color: transparent;
	opacity: 1;
	z-index: 1;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 225px;
	width: 67px;
	background: url(//trial1.weddingwindow.com/images/slideshow-arrow.png) left top no-repeat;
	margin-top: -425px
}

.callbacks_nav:active {
	opacity: 1
}

.callbacks_nav.next {
	position: relative;
	float: right;
	background-position: right top
}

#privacycontent {
	height: 100%;
	background: #fff;
	overflow-y: auto
}

#privacycontent #innercontent {
	padding: 5%;
	background: #a16881;
	color: #fff;
	font-weight: 300;
	font-size: 90%;
	line-height: 130%
}

#privacycontent #innercontent b {
	font-weight: 400
}

#privacycontent a {
	text-decoration: underline
}

.globalpasswordprotection {
	width: 96%;
	background: #FFF;
	-moz-box-shadow: 2px 2px 4px #666;
	-webkit-box-shadow: 2px 2px 4px #666;
	box-shadow: 2px 2px 4px #666;
	max-width: 650px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	z-index: 10100;
	border-radius: 8px;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.passwordprotectiontitle {
	color: #333;
	font-size: 30px
}

.home-page h3 {
	color: #9A9898
}

.home-page h2.sectionheader {
	color: #797878;
	font-size: 150%;
	left: 20px;
	line-height: 140%;
	margin-bottom: 10px;
	margin-top: -40px;
	position: relative;
	float: left!important;
	width: 80%
}

.home-page h2.sectionheader.long {
	width: 80%
}

.hmm,
.invalidurlleft,
.invalidurlright {
	width: 100%
}

#mobiletakeatour,
.mobilethirtythree {
	display: none
}

.firstpapersection,
.secondpapersection {
	padding-bottom: 70px
}

.savethedatedescription {
	padding-left: 10%;
	line-height: 1.4
}

.invalidurlleft,
.invalidurlright {
	font-family: Lato, sans-serif;
	line-height: 100%
}

.invalidurlleft {
	margin-top: -50px
}

.invalidurlleft img {
	width: 100%;
	max-width: 560px
}

.hmm {
	color: #333;
	font-size: 50px;
	float: left;
	font-weight: 300;
	line-height: 150%
}

.redtext,
.redtext a {
	color: #7e556d
}

.redtext,
.regulartext {
	font-size: 24px;
	float: left;
	text-align: left;
	font-weight: 300;
	line-height: 120%;
	max-width: 560px;
	width: 100%
}

.regulartext,
.regulartext a {
	color: #333
}

.invalidtext {
	float: none;
	margin-left: auto;
	margin-right: auto;
	max-width: 560px;
	width: 100%
}

#referralgifts {
	margin-left: 40px
}

#referralgifts li {
	border-bottom: 0 solid #ddd;
	clear: both;
	color: #6c6c6c;
	font-size: 100%;
	height: inherit;
	list-style: disc;
	margin: 0
}

.hundred-percent-column p {
	line-height: 1.3
}

.referralprogram h1 {
	width: 215px
}

.home-page a.link {
	color: #7e556d
}

.home-page .content h3 {
	font-size: 100%;
	line-height: 1.4
}

.upgrade-options-page span {
	display: inline-block!important
}

.clear {
	clear: both
}

.left {
	float: left
}

.right {
	float: right
}

.FeaturedStyle {
	width: 40%;
	margin: 80px 5%;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative
}

.Price,
.SpecialPrice {
	font-size: 50px;
	height: 140px;
	width: 140px;
	position: relative;
	text-align: center;
	font-weight: 700
}

.Price {
	color: #fff;
	border: 10px solid #fffaf1;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	margin: -70px auto 0
}

.Price p {
	margin: 48px 0 0 2px;
	padding: 0
}

.SpecialPrice {
	color: #e07475;
	border: 10px solid #fffaf1;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	margin: -70px auto 0
}

.SpecialPrice p {
	margin: 70px 0 0 10px;
	padding: 0
}

.PrcDlr {
	font-size: 30px
}

.PrcPerYear {
	font-size: 20px;
	font-style: italic;
	color: #949598;
	line-height: 24px
}

.FeaturedStyle h2 {
	padding: 10px 20px;
	font-size: 30px;
	color: #000;
	text-align: center;
	background: #fffaf1;
	border: none;
	margin: 15px 0 20px
}

.FeaturedStyle h2 b {
	font-weight: 700
}

.FeaturedStyle ul {
	margin: 0 40px 20px!important;
	padding: 0!important
}

.FeaturedStyle ul li {
	margin: 0!important;
	padding: 15px 10px 15px 20px!important;
	list-style: none!important;
	color: #fff!important;
	height: auto!important;
	font-size: 17px!important;
	line-height: 20px!important;
	background: url(//trial1.weddingwindow.com/images/li_bullet_white.png) 0 20px no-repeat!important;
	border-top: 1px solid #17191d!important;
	border-bottom: 1px solid #36393f!important
}

.FeaturedStyle ul li span {
	font-weight: 700;
	font-size: 24px
}

.FeaturedStyle ul li:first-child {
	border-top: none!important
}

.FeaturedStyle ul li:last-child {
	border-bottom: none!important
}

.FeaturedStyle ul li.MobileNone {
	margin: 0!important;
	padding: 16px 10px 16px 20px!important;
	background: 0 0!important;
	border: none!important
}

#PremiumFeatured,
#PremiumFeatured .Price,
#PremiumFeatured .SpecialPrice {
	background: #282b30
}

#FreeFeatured,
#FreeFeatured .Price {
	background: #6b4b5f
}

#FreeFeatured .Price {
	font-size: 40px
}

#FreeFeatured p {
	margin-top: 62px;
	margin-left: 0;
	color: #fff
}

#FreeFeatured.FeaturedStyle ul li {
	border-top-color: #593a4d!important;
	border-bottom-color: #846578!important
}

#addsOn {
	margin: 0;
	padding: 20px 0 0
}

#addsOn h2 {
	color: #000;
	margin: 0;
	padding: 10px 0;
	font-weight: 700;
	font-size: 25px;
	line-height: 28px;
	border: none
}

#addsOn p {
	color: #555;
	margin: 0;
	padding: 0;
	font-size: 17px
}

.img_left {
	float: left;
	margin: 0 20px 0 0
}

#addsOn hr {
	border-top: 1px solid #ccc;
	margin: 20px 0
}

.PriceMonthly {
	text-align: right;
	margin: -10px 15px 0 0
}


#logoWrapper,
.portfolio,
.section-title {
	text-align: center
}

.PriceMonthly span {
	color: #fff
}

.PromoCodeText {
	float: left;
	margin: -25px 0 0 10px;
	text-transform: capitalize;
	color: #e07475
}

#footer ul h3,
.section-title {
	text-transform: uppercase
}

#OldPrice {
	color: #fff;
	font-size: 30px;
	line-height: 26px;
	position: absolute;
	top: 25px;
	left: 27px;
	text-decoration: line-through
}

.PromoCodeImg {
	position: absolute;
	top: -25px;
	left: -43px
}

#logoWrapper {
	margin: 0;
	padding: 15px 0;
	background: #e3e3e3
}

#logoWrapper h2 {
	float: left;
	width: 15%;
	padding: 10px 0 0
}

.smalldiv {
	float: left;
	width: 15%
}

#SummerSpecial {
    text-transform: uppercase;
	color: #FFFFFF;
	margin: 0;
	padding: 30px 0;
	background: #ff2c4f;
	font-size: 24px;
	line-height: 32px;
	font-weight: 100;
    text-align: center
}

#SummerSpecial span {
	color: #FFFFF;
	font-size: 40px;
	font-weight: 600
}
#SummerSpecial p {
	margin: 5px 0 0
}
#SummerSpecial .price {
	color: #FFFFFF!important
}
#FallSpecial {
    text-transform: uppercase;
	color: #FFFFFF;
	margin: 0;
	padding: 30px 0;
	background: #a96c0a;
	font-size: 24px;
	line-height: 32px;
	font-weight: 100;
    text-align: center
}

#FallSpecial span {
	color: #FFFFF;
	font-size: 40px;
	font-weight: 600
}
#FallSpecial p {
	margin: 5px 0 0
}
#FallSpecial .price {
	color: #FFFFFF!important
}



#BlackFridaySpecial {
    text-transform: uppercase;
	color: #FFFFFF;
	margin: 0;
	padding: 30px 0;
	background: #000000;
	font-size: 24px;
	line-height: 32px;
	font-weight: 100;
    text-align: center
}

#BlackFridaySpecial span {
	color: #FFFFF;
	font-size: 40px;
	font-weight: 600
}
#BlackFridaySpecial p {
	margin: 5px 0 0
}
#BlackFridaySpecial .price {
	color: #FFFFFF!important
}

#WinterSpecial {
    text-transform: uppercase;
	color: #6b6b6b;
	margin: 0;
	padding: 30px 0;
	background: #71dcdf;
	font-size: 24px;
	line-height: 32px;
	font-weight: 100;
    text-align: center
}

#WinterSpecial span {
	color: #6b6b6b;
	font-size: 40px;
	font-weight: 600
}
#WinterSpecial p {
	margin: 5px 0 0
}
#WinterSpecial .price {
	color: #6b6b6b!important
}

#SpringSpecial {
    text-transform: uppercase;
	color: #FFFFFF;
	margin: 0;
	padding: 30px 0;
	background: #69bd7a;
	font-size: 24px;
	line-height: 32px;
	font-weight: 100;
    text-align: center
}

#SpringSpecial span {
	color: #FFFFFF;
	font-size: 40px;
	font-weight: 600
}
#SpringSpecial p {
	margin: 5px 0 0
}
#SpringSpecial .price {
	color: #FFFFFF!important
}


#WeddingSpecial {
    text-transform: uppercase;
	color: #FFFFFF;
	margin: 0;
	padding: 30px 0;
	background: #ea8c7c;
	font-size: 24px;
	line-height: 32px;
	font-weight: 100;
    text-align: center
}

#WeddingSpecial span {
	color: #FFFFFF;
	font-size: 40px;
	font-weight: 600
}
#WeddingSpecial p {
	margin: 5px 0 0
}
#WeddingSpecial .price {
	color: #FFFFFF!important
}


.commissiontext {
	color: #FFF
}

.commissiontable td {
	border: 1px solid #CCC;
	padding: 6px
}

@media (max-width:800px) and (min-width:500px) {
	.upgrade-options-page .mobilecircles {
		margin-left: 0!important
	}
	#learnmorebutton {
		margin-top: 22px;
		padding-left: 25px
	}
}

@media All and (max-width:768px) {
	.FeaturedStyle {
		width: 100%;
		margin: 40px 0
	}
	.MobileNone {
		display: none
	}
	#addsOn {
		padding: 0 20px
	}
	#logoWrapper h2 {
		float: none;
		width: 100%;
		padding: 0
	}
	.smalldiv {
		width: 50%;
		float: left
	}
	#SummerSpecial {
		font-size: 19px;
		line-height: 25px
	}
	#SummerSpecial span {
		font-size: 26px
	}
}

@media All and (max-width:600px) {
	.smalldiv {
		width: 100%
	}
	#SummerSpecial span {
		font-size: 23px
	}
}

@media All and (max-width:550px) {
	#addsOn,
	.img_left {
		text-align: center
	}
	.img_left {
		float: none;
		margin: 0 auto;
		width: 100%
	}
}

.features-page #header {
	padding-bottom: 30px
}

.features-page .free,
.features-page .freemobile {
	margin-top: -97px!important
}

.features-page h2 {
	font-size: 170%;
	color: #81566d;
	padding-bottom: 6px;
	border-bottom: 1px solid #ddd;
	margin-top: 20px;
	margin-bottom: 20px
}

.features-page ul {
	padding: 0;
	margin: 0
}

.features-page .content ul li {
	padding: 8px 0 0;
	margin: 0;
	list-style: none;
	color: #6c6c6c;
	clear: both;
	height: 40px;
	font-size: 90%;
	border-bottom: 1px solid #ddd
}

.features-page .content ul li.two-line div {
	padding-top: 0
}

.features-page ul li:last-child {
	border: none
}

.features-page ul li img {
	float: left;
	margin-right: 10px
}

.features-page ul li div {
	float: left;
	padding-top: 10px;
	width: 270px
}

.features-page .seventy-percent-column {
	float: right
}

.features-page .seventy-percent-column img {
	float: right;
	width: 100%
}

.features-page ul li span {
	display: block;
	font-size: 80%
}

.features-page a.question {
	display: block;
	background: url(//trial1.weddingwindow.com/images/question-icon-small.png);
	width: 14px;
	height: 14px;
	cursor: pointer;
	float: left;
	margin-left: 3px;
	margin-top: 3px
}

.features-page .answers {
	position: absolute;
	display: none;
	margin-left: 15px;
	margin-top: 7px;
	background: url(//trial1.weddingwindow.com/images/pointer.png) top left no-repeat
}

.features-page .answers p,
.features-page .answers ul {
	padding: 15px;
	margin: 10px 0 0 15px;
	background: #946979;
	box-shadow: 3px 3px 3px #aaa
}

.features-page .answers p {
	width: 150px;
	color: #fff;
	font-size: 60%;
	line-height: 150%
}

.features-page .answers ul li {
	border: none;
	color: #fff;
	font-size: 90%;
	padding: 0;
	line-height: 20px;
	height: auto
}

.screenshot {
	max-width: 460px;
	float: right
}

.screenshot img {
	width: 100%
}

.features-page .pages ul li {
	cursor: pointer
}

.features-page .pages ul li a {
	font-size: 90%;
	text-transform: uppercase;
	line-height: 90%;
	padding-top: 10px;
	float: left
}

.features-page .page-icon {
	float: left;
	width: 29px;
	height: 29px;
	padding: 0;
	margin-right: 10px;
	background: url(//trial1.weddingwindow.com/images/page-icons.png)
}

.intro-page .page-icon {
	background-position: 0 0
}

.welcome .page-icon {
	background-position: 0 -29px
}

.the-couple .page-icon {
	background-position: 0 -58px
}

.ceremony .page-icon {
	background-position: 0 -87px
}

.wedding-events .page-icon {
	background-position: 0 -116px
}

.travel-information .page-icon {
	background-position: 0 -145px
}

.accomodation-ideas .page-icon {
	background-position: 0 -174px
}

.honeymoon .page-icon {
	background-position: 0 -203px
}

.gift-registry .page-icon {
	background-position: 0 -232px
}

.rsvp .page-icon {
	background-position: 0 -261px
}

.guestbook .page-icon {
	background-position: 0 -290px
}

.photo-album .page-icon {
	background-position: 0 -319px
}

.our-blog .page-icon {
	background-position: 0 -348px
}

.poll-quiz .page-icon {
	background-position: 0 -377px
}

.our-story .page-icon {
	background-position: -29px 0
}

.proposal .page-icon {
	background-position: -29px -29px
}

.from-our-hearts .page-icon {
	background-position: -29px -58px
}

.bridal-party .page-icon {
	background-position: -29px -87px
}

.for-bridesmaids .page-icon {
	background-position: -29px -116px
}

.for-groomsmen .page-icon {
	background-position: -29px -145px
}

.family-and-friends .page-icon {
	background-position: -29px -174px
}

.then-and-now .page-icon {
	background-position: -29px -203px
}

.reception .page-icon {
	background-position: -29px -232px
}

.music-request-form .page-icon {
	background-position: -29px -261px
}

.dedications.page-icon {
	background-position: -29px -290px
}

.calendar-of-events .page-icon {
	background-position: -29px -319px
}

.directions .page-icon {
	background-position: -29px -348px
}

.local-activities .page-icon {
	background-position: -29px -377px
}

.contacts .page-icon {
	background-position: -58px 0
}

.address-book .page-icon {
	background-position: -58px -29px
}

.video-audio-album .page-icon {
	background-position: -58px -58px
}

.seating-chart .page-icon {
	background-position: -58px -87px
}

.fun-and-games .page-icon {
	background-position: -58px -116px
}

.faq .page-icon {
	background-position: -58px -145px
}

.other-info .page-icon {
	background-position: -58px -174px
}

.news-and-updates .page-icon {
	background-position: -58px -203px
}

.thank-yous .page-icon {
	background-position: -58px -232px
}

.the-newlyweds .page-icon {
	background-position: -58px -261px
}

.vendors .page-icon {
	background-position: -58px -290px
}

.downloads .page-icon {
	background-position: -58px -319px
}

.custom-pages .page-icon {
	background-position: -58px -348px
}

.pages .answers {
	margin-top: 25px;
	margin-left: 80px
}

.pages .answers p {
	font-size: 100%;
	width: 200px
}

.features-page .content .extras ul li {
	border: none;
	height: auto
}

.features-page .content .extras .centered {
	margin: 50px 0
}

img {
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

figure {
	margin: 0
}

.slider {
	margin-left: 0;
	padding: 0;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab
}

.section-header {
	margin: 4em 0
}

.section-title {
	font-weight: 700;
	letter-spacing: 3px;
	margin: 2em
}

.section-title::before {
	content: attr(data-text);
	position: relative;
	display: table;
	margin: 1.5em auto;
	font-size: .625em;
	line-height: 1;
	font-weight: 400;
	letter-spacing: 2px
}

.section-title::after {
	content: "";
	display: table;
	margin: 1.5em auto;
	width: 2em;
	height: 1px;
	background-color: #101820
}

.isotope,
.item,
.portfolio {
	position: relative;
	height: auto
}

.portfolio {
	width: 100%;
	padding: 2em 0 4em
}

.isotope {
	width: 100%;
	margin: 0 auto
}

.isotope::after {
	content: '';
	display: block;
	clear: both
}

.item {
	float: left;
	overflow: hidden;
	background-color: rgba(244, 243, 243, .2);
	margin-bottom: .875em
}

.item-figure p,
.overlay,
.overlay::before,
.overlay>a {
	position: absolute
}

.grid-sizer,
.gutter-sizer {
	position: absolute;
	opacity: 0;
	visibility: hidden
}

.item-figure,
.item-figure img {
	position: relative;
	display: block
}

.grid-sizer,
.item {
	width: 32.3%
}

.gutter-sizer {
	width: 1%
}

.videotext {
	margin-left: 10%;
	margin-right: 10%
}

.videotext a:link {
	color: #7e556d
}

@media (max-width:768px) {
	.grid-sizer,
	.item {
		width: 99%
	}
	.gutter-sizer {
		width: 1%
	}
}

@media (min-width:768px) and (max-width:970px) {
	.grid-sizer,
	.item {
		width: 31%
	}
	.gutter-sizer {
		width: 2%
	}
}

.item-figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #B2B2B2;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.item-figure img {
	opacity: .95;
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	-moz-transition: opacity .35s, -moz-transform .35s;
	transition: opacity .35s, transform .35s;
	-webkit-transform: scale3d(1.05, 1.05, 1);
	-moz-transform: scale3d(1.05, 1.05, 1);
	transform: scale3d(1.05, 1.05, 1)
}

.item-figure p {
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	color: #fff;
	-webkit-transition: opacity .35s;
	-moz-transition: opacity .35s;
	transition: opacity .35s
}

label,
video {
	max-width: 100%
}

.item-figure:hover img {
	opacity: .6;
	-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

.item-figure:hover .overlay:before {
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
	-moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}

.item-figure:hover p {
	opacity: 1;
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	transition-delay: .1s
}

.overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.overlay::before {
	content: "";
	top: 0;
	left: 0;
	width: 110%;
	height: 110%;
	background: rgba(255, 255, 255, .5);
	-webkit-transition: -webkit-transform .6s;
	-moz-transition: -moz-transform .6s;
	transition: transform .6s;
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
	-moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0)
}

.overlay>a {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	text-indent: 200%;
	font-size: 0;
	opacity: 0
}

.filter {
	display: table;
	margin: 0 auto 3em;
	padding: 0;
	list-style: none
}

.btn,
.btn.load-more,
.filter li,
label {
	display: inline-block
}

.filter li {
	margin-right: .5em
}

.filter li:last-child {
	margin-right: 0
}

.btn.load-more {
	margin-top: 3em
}

#filter {
	left: 0;
	margin: 0 auto 20px;
	padding: 0;
	right: 0
}

.btn-default {
	background-color: #fff;
	border-color: #ccc;
	color: #333
}

.btn {
	-moz-user-select: none;
	background-image: none;
	border: 1px solid #6b4b5f;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 6px 12px;
	text-align: center;
	vertical-align: middle
}

label {
	font-weight: 700;
	margin-bottom: 5px
}

.thevideo,
input[type=radio].category {
	display: none
}

.checked {
	color: #FFF;
	background-color: #6b4b5f;
	border-color: #6b4b5f
}

#filter .features-page ul {
	margin: 0 0 20px;
	width: 100%;
	text-align: center
}

#filter .features-page .content ul li {
	border-bottom: none;
	margin: 4px
}

#filter li {
	border-bottom: 0 solid transparent
}

.grid-sizer,
.item {
	padding: 0 5px!important
}

#footer {
	background: url(//trial1.weddingwindow.com/images/newbackgroundtop-larger.jpg);
	width: 100%;
	min-height: 200px;
	font-size: 80%;
	background-size: cover
}

.socialmediaicons {
	margin: 0 auto;
	height: 41px;
	display: block;
	width: 270px
}

.socialicon {
	width: 41px;
	height: 41px;
	background: url(//trial1.weddingwindow.com/images/socialmediabg.png);
	display: block;
	float: left;
	margin: 0 13px;
	cursor: pointer
}

.socialicon:hover {
	opacity: .6
}

#facebook {
	background-position: -54px 0
}

#twitter {
	background-position: 0 0
}

#google {
	background-position: -54px -87px
}

#pinterest {
	background-position: -164px -44px
}

#footer .wrapper {
	background: url(//trial1.weddingwindow.com/images/pixel10.png);
	width: 100%;
	height: 100%
}

#footer .content {
	padding: 50px 0
}

#footer ul {
	width: 22%;
	float: left;
	padding: 0 1.5%;
	margin: 0 0 20px;
	min-height: 300px
}

#footer ul li {
	list-style: none;
	padding: 4px 0;
	height: auto;
	border: none
}

#footer ul li a {
	color: #fff;
	font-size: 12px;
	text-transform: capitalize
}

#footer ul h3 {
	color: #A38497;
	margin-bottom: 10px;
	width: 100%!important;
	padding-left: 0!important
}

#footer #footer-bottom,
#footer #footer-top {
	background: #6B4B5F;
	padding: 10px 0
}

#footer #footer-bottom small {
	color: #fff;
	width: 100%;
	display: block;
	text-align: center
}

#footer form {
	color: #fff
}

#popup ul.callbacks_tabs li a,
.pagericons div a {
	list-style: none;
	text-indent: -9999px;
	display: block
}

.theme-page #header {
	padding-bottom: 30px
}

.theme-page .theme {
	padding: 30px 0 90px;
	max-width: 460px;
	width: 100%
}

.theme-page .theme.pair {
	padding: 0 0 40px;
	max-width: 447px;
	width: 100%
}

.theme-page .theme h2 {
	font-size: 140%;
	color: #4a4a4a;
	float: left
}

.theme-page .small-btn {
	background-image: none;
	padding: 6px 12px
}

.theme-page .theme .free-icon,
.theme-page .theme .premium-icon,
.theme-page .theme .responsive-icon {
	font-size: 80%;
	padding-left: 25px;
	height: 30px;
	background: url(//trial1.weddingwindow.com/images/responsive-icon-small.png) top left no-repeat;
	float: left;
	line-height: 19px;
	margin-top: 2px;
	margin-right: 20px
}

.theme-page .theme .premium-icon {
	background: url(//trial1.weddingwindow.com/images/premium-icon-small.png) 2px top no-repeat;
	float: right;
	margin-right: 0;
	margin-top: 9px
}

.theme-page .theme .free-icon {
	background: url(//trial1.weddingwindow.com/images/free-icon-small.png) top left no-repeat;
	float: right;
	margin-right: 0;
	margin-top: 9px
}

.theme-page .theme.left {
	float: left
}

.theme-page .theme.right {
	float: right
}

.theme-page .theme .small-btn {
	float: right;
	margin-left: 3px
}

#popup {
	position: relative
}

#popup #fullbar {
	width: 100%;
	padding: 50px 0;
	background: #624455;
	margin-top: 100px
}

#popup .free-icon,
#popup .premium-icon {
	font-size: 12px;
	padding-left: 26px;
	line-height: 19px;
	color: #fff
}

#popup #content {
	width: 100%;
	max-width: 980px;
	margin: 0 auto
}

#popup #content .col-left,
.fancybox-inner #content .col-right {
	float: left;
	width: 48%
}

.fancybox-inner #content .col-right {
	padding-top: 20px
}

#popup #content .col-left {
	margin-right: 4%
}

#popup .premium-icon {
	background: url(//trial1.weddingwindow.com/images/premium-icon-white.png) center left no-repeat
}

#popup .free-icon {
	background: url(//trial1.weddingwindow.com/images/free-icon-white.png) center left no-repeat
}

#popup .rslides {
	margin: 6px auto;
	text-align: center
}

#popup ul.callbacks_tabs {
	margin: 10px auto 0;
	padding: 0
}

#popup ul.callbacks_tabs li {
	list-style: none
}

#popup ul.callbacks_tabs li.callbacks_here a {
	background-position: 0 0
}

#popup ul.callbacks_tabs li a {
	font-size: 1px;
	width: 12px;
	height: 10px;
	float: left;
	margin-right: 2px;
	background: url(//trial1.weddingwindow.com/images/circles.png) -15px 0 no-repeat
}

#popup h1 {
	color: #fff;
	float: left
}

#popup hr {
	width: 100%;
	background: #a16881;
	height: 1px;
	margin-bottom: 20px;
	border: none
}

#popup #demo-btn {
	float: right;
	margin-top: 16px;
	font-size: 12px;
	color: #e78970
}

#popup .free-btn {
	font-size: 13px;
	color: #e78970;
	display: block;
	margin-top: 10px
}

.theme-page #popup .small-btn {
	float: left;
	background: #a16881;
	margin-right: 3px;
	margin-top: 20px
}

#popup h4 {
	color: #fff;
	font-size: 12px;
	font-weight: 400
}

#popup .large-btn {
	float: left;
	margin-top: 30px;
	margin-right: 5px
}

#popup .small-btn {
	padding: 7px 18px 7px 15px
}

.mobilescrollable,
.phonescrollable,
.scrollable {
	position: relative;
	overflow: hidden;
	width: 84%;
	height: 100px;
	float: left
}

.mobilescrollable .items,
.phonescrollable .items,
.scrollable .items {
	width: 20000em;
	position: absolute;
	clear: both
}

.items div {
	float: left;
	width: 680px
}

.mobilescrollable img,
.phonescrollable img,
.scrollable img {
	float: left;
	cursor: pointer;
	margin: 10px 10px 10px 0
}

.mobilescrollable img:hover,
.phonescrollable img:hover,
.scrollable img:hover {
	opacity: 1
}

.mobilescrollable .active,
.phonescrollable .active,
.scrollable .active {
	border: 2px solid #000;
	position: relative;
	cursor: default
}

#popup a.browse {
	background: url(//trial1.weddingwindow.com/images/hori_large.png) no-repeat;
	display: block;
	width: 15px;
	height: 30px;
	float: left;
	margin: 37px 10px;
	cursor: pointer;
	font-size: 1px
}

#popup a.right {
	background-position: 0 -30px;
	clear: right;
	margin-right: 0
}

#popup a.left {
	margin-left: 0
}

#popup a.up,
a.down {
	background: url(//trial1.weddingwindow.com/images/vert_large.png) no-repeat;
	float: none;
	margin: 10px 50px
}

#popup a.down {
	background-position: 0 -30px
}

.cycle-pager span,
.pagericons div a {
	background: url(//trial1.weddingwindow.com/images/circles.png) -15px 0 no-repeat
}

#popup a.disabled {
	visibility: hidden!important
}

#popup #examples {
	margin-left: -25px
}

.theme .leftside {
	float: left;
	width: 30%
}

.theme .rightside {
	float: right;
	width: 70%
}

.theme-page .theme .small-btn {
	margin-bottom: 5px
}

.cycle-pager {
	text-align: center;
	width: 100%;
	z-index: 500;
	position: absolute;
	top: 10px;
	overflow: hidden
}

.cycle-pager span.cycle-pager-active {
	color: #D69746
}

.cycle-pager>* {
	cursor: pointer
}

.pagericons div a {
	font-size: 1px;
	width: 12px;
	height: 10px;
	float: left;
	margin-right: 2px;
	margin-top: 10px
}

.pagericons div.cycle-pager-active a {
	background-position: 0 0
}

.theme-page .instructions {
	font-size: 15px;
	color: #FFF;
	font-family: Lato
}

.theme-page .nothanks {
	background: url(../editorbeta/images/arrow-left.png) 8% center no-repeat #777!important;
	padding: 10px 23px 10px 36px!important
}

.theme-page .nothanks:hover {
	background: url(../editorbeta/images/arrow-left.png) 8% center no-repeat #aaa9a9!important
}

.theme-page h2 {
	color: #a16881
}

.theme-page h2.schemetitle {
	color: #797878;
	margin-bottom: -10px;
	width: 100%;
	float: left
}

.theme-page h1.grouptitle {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	color: #81566d;
	margin-top: 20px;
}

.detailspopup {
	display: block
}

.realsiteimage {
	max-width: 800px
}

.mobilescrollable {
	display: none;
	width: 80%!important
}

.phonescrollable {
	display: none;
	width: 52%!important
}

.themetext {
	margin-left: 10%;
	margin-right: 10;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 5px
}

.themetext a:link {
	color: #7e556d
}

.seetheminaction {
	float: left;
	margin-left: 233px;
	margin-top: -52px
}

@media (max-width:400px) {
	.theme-title-div {
		padding: 0 5% 20px!important
	}
	.seetheminaction {
		margin-left: 200px!important
	}
	.seetheminaction a {
		padding: 6px!important
	}
}

#chart,
.container1 {
	background: #fff
}

.container1,
.container2,
.container3,
.container4,
.container5 {
	position: relative;
	right: 16%
}

.container1,
.container2,
.container3,
.container4,
.container5,
.container6 {
	width: 100%;
	float: left
}

.upgrade-options-page #header {
	padding-bottom: 30px
}

.upgrade-options-page .free {
	top: -40px
}

.PriceMonthly {
	text-align: right;
	margin: -10px 15px 0 0
}

.PriceMonthly span {
	color: #fff
}

#chart {
	margin-bottom: 100px;
	border: 1px solid #eee;
	padding: 3px;
	margin-top: 50px
}

.col1,
.col2,
.col3,
.col4,
.col5,
.col6 {
	padding: 10px 0;
	text-transform: capitalize
}

.container2 {
	clear: left;
	background: #fcf0f0
}

.container3 {
	clear: left;
	background: #f8e1df
}

.container4 {
	clear: left;
	background: #eedce4
}

.container5 {
	clear: left;
	background: #e8d1db
}

.container6 {
	clear: left;
	overflow: hidden;
	background: #e3c6d2
}

.dark .container1 {
	background: #f0f0f0
}

.dark .container2 {
	background: #fbebeb
}

.dark .container3 {
	background: #f6d8d6
}

.dark .container4 {
	background: #e9d2dc
}

.dark .container5 {
	background: #e1c3d0
}

.dark .container6 {
	background: #dab5c4
}

.col1 {
	font-size: 85%;
	color: #7e556d;
	float: left;
	width: 16%;
	position: relative;
	left: 82%;
	overflow: hidden
}

.col2,
.col3,
.col4,
.col5,
.col6 {
	float: left;
	width: 12%;
	position: relative;
	overflow: hidden;
	text-align: center;
	font-size: 75%
}

.col2 {
	left: 86%
}

.col3 {
	left: 90%
}

.col4 {
	left: 94%
}

.col5 {
	left: 98%
}

.col6 {
	left: 102%
}

.col2.tick,
.col3.tick,
.col4.tick,
.col5.tick,
.col6.tick {
	padding: 9px 0 0
}

.col2.tick img,
.col3.tick img,
.col4.tick img,
.col5.tick img,
.col6.tick img {
	width: 18px
}

.first .col1 {
	padding-top: 100px
}

.first .col2,
.first .col3,
.first .col4,
.first .col5,
.first .col6 {
	font-weight: 400;
	color: #7e556d;
	padding-top: 70px;
	font-size: 120%
}

#chart #button1,
#chart #button2,
#chart #button3,
#chart #button4,
#chart #button5 {
	width: 112px;
	height: 112px;
	display: block;
	position: absolute;
	margin-left: 218px;
	margin-top: -50px;
	z-index: 999999;
	background: url(//trial1.weddingwindow.com/images/simple-plan-btn.png)
}

#chart #button2 {
	margin-left: 371px;
	background: url(//trial1.weddingwindow.com/images/sassy-plan-btn.png)
}

#chart #button3 {
	margin-left: 526px;
	background: url(//trial1.weddingwindow.com/images/smitten-plan-btn.png)
}

#chart #button4 {
	margin-left: 683px;
	background: url(//trial1.weddingwindow.com/images/smart-plan-btn.png)
}

#chart #button5 {
	margin-left: 835px;
	background: url(//trial1.weddingwindow.com/images/savvy-plan-btn.png)
}

.first .container2 img,
.first .container3 img,
.first .container4 img,
.first .container5 img,
.first .container6 img {
	display: none
}

.upgrade-options-page .button {
	float: none;
	margin: 0 auto;
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	padding: 7px 20px;
	cursor: pointer;
	box-shadow: 4px 4px 9px 0 rgba(119, 119, 119, .75);
	-moz-box-shadow: 4px 4px 9px 0 rgba(119, 119, 119, .75);
	-webkit-box-shadow: 4px 4px 9px 0 rgba(119, 119, 119, .75);
	background: #98375f;
	text-align: center
}

.upgrade-options-page span {
	display: block
}

.upgrade-options-page #monthly {
	display: block;
	height: 25px;
	line-height: 25px;
	padding: 0;
	width: 65%;
	background: #7e556d
}

.upgrade-options-page h2 {
	border-bottom: 1px solid #ddd;
	color: #81566d;
	font-size: 170%;
	margin-bottom: 20px;
	margin-top: 40px;
	padding-bottom: 6px
}

.upgrade-options-page ul {
	padding: 0;
	margin: 0
}

.upgrade-options-page .content ul li {
	padding: 8px 0 0;
	margin: 0;
	list-style: none;
	color: #6c6c6c;
	clear: both;
	height: 40px;
	font-size: 90%;
	border-bottom: 1px solid #ddd
}

.upgrade-options-page .content .extras ul li {
	border: none;
	height: auto
}

.upgrade-options-page .pricingcircle {
	float: left;
	margin: 10px
}

.upgrade-options-page .pricingcircle img {
	width: 100%
}

.upgrade-options-page .content .extras .centered {
	margin: 50px 0
}

.extras {
	margin-bottom: 100px
}

@media all and (max-width:980px) {
	#chart #button1,
	#chart #button2,
	#chart #button3,
	#chart #button4,
	#chart #button5 {
		display: none
	}
	#chart {
		margin-top: 0
	}
	.first .container2 img,
	.first .container3 img,
	.first .container4 img,
	.first .container5 img,
	.first .container6 img {
		display: block;
		width: 100%;
		margin-bottom: 10px
	}
	.first .col2,
	.first .col3,
	.first .col4,
	.first .col5,
	.first .col6 {
		padding: 20px 0
	}
}

@media all and (max-width:670px) {
	.upgrade-options-page .button {
		font-size: 10px;
		padding: 7px 10px
	}
	@media all and (max-width:320px) {
		.upgrade-options-page #monthly,
		.upgrade-options-page .button {
			font-size: 10px;
			padding: 2px 5px;
			height: 10px;
			line-height: 10px
		}
		.first .col1 {
			padding-top: 0
		}
		#chart {
			margin-top: 40px
		}
	}
}

#mobile {
	position: relative;
	height: 0;
	overflow: hidden;
	width: 100%;
	display: block
}

#menu .left,
#menu .right {
	float: left;
	width: 50%;
	background: url(//trial1.weddingwindow.com/images/mobilebg.jpg);
	height: 108px;
	text-align: center;
	padding: 10px 0
}

#menu .left a,
#menu .right a {
	display: block;
	color: #f8d0c7;
	font-weight: 300;
	font-size: 75%;
	line-height: 100%;
	padding: 7px 0;
	text-transform: uppercase;
	cursor: pointer
}

#menu .left a:hover,
#menu .right a:hover {
	color: #fff
}

#mobile-menu-btn {
	display: none
}

@media all and (max-width:980px) {
	#mobile {
		display: block
	}
	a#mobile-menu-btn {
		position: absolute;
		padding: 1px 12px 2px;
		font-size: 75%;
		cursor: pointer;
		text-transform: uppercase;
		display: block;
		font-family: Lato, sans-serif;
		font-weight: 400;
		margin-top: 80px;
		right: 10px;
		line-height: 145%;
		color: #f8d0c7;
		background: #7e556d
	}
	a#mobile-menu-btn:hover {
		color: #fff
	}
}

.startvideo,
.startvideo:visited {
	color: rgb(0, 0, 238);
	cursor: pointer;
}

.stunning-paper {
	padding: 20px;
}

.free-container {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.theme-page .toggle {
	width: 100%;
	border-bottom: 1px solid #DDD
}

.theme-page .toggle a {
	background: #fff;
	border: 1px solid #aaa;
	color: #999;
	cursor: pointer;
	float: left;
	font-size: 25px;
	font-weight: 300;
	margin-bottom: 0;
	margin-top: 41px;
	padding: 9px 13px;
	text-align: center;
	text-decoration: none;
	width: 224px
}

.theme-page .toggle a.current {
	background: #6b4b5f;
	color: #fff
}

@media (max-width:930px) {
	.theme-page .toggle a {
		font-size: 20px;
		width: 150px
	}
}

.videopagetransition {
	max-width: 460px;
	text-align: center
}

.mr4 {
	margin-right: 4%
}

#homepagevideotransition {
	display: none
}

.planning-tools-page #header {
	padding-bottom: 30px
}

.planning-tools-page .free {
	top: -40px
}

.planning-tools-page .plan-icon {
	float: left;
	width: 29px;
	height: 29px;
	padding: 0;
	margin-right: 10px;
	background: url(//trial1.weddingwindow.com/images/plan-icons.png)
}

.planning-tools-page ul li {
	list-style: none
}

.planning-tools-page .content ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	color: #6c6c6c;
	clear: both;
	height: 40px;
	font-size: 80%;
	border-bottom: 1px solid #ddd;
	padding-top: 8px
}

.planning-tools-page ul li a {
	font-size: 100%;
	text-transform: uppercase;
	line-height: 90%;
	padding-top: 8px;
	float: left
}

.planning-tools-page ul li:last-child {
	border: 0
}

.checklist .plan-icon {
	background-position: 0 -29px
}

.guests .plan-icon {
	background-position: 0 -58px
}

.events .plan-icon {
	background-position: 0 -87px
}

.invitations-gifts .plan-icon {
	background-position: -29px 0
}

.reminders .plan-icon {
	background-position: -29px -29px
}

.free-rsvp .plan-icon {
	background-position: -29px -58px
}

.vendors .plan-icon {
	background-position: -29px -87px
}

.personal-journal .plan-icon {
	background-position: -58px 0
}

.calendar .plan-icon {
	background-position: -58px -29px
}

.workshops .plan-icon {
	background-position: -58px -58px
}

.seatingchart .plan-icon {
	background-position: -58px -87px
}

.planning-tools-page .premium-planning-tools h3 {
	color: #797979;
	font-size: 120%;
	font-weight: 300;
	padding-top: 10px
}

.planning-tools-page .premium-planning-tools p {
	width: 85%;
	color: #7e556d;
	line-height: 140%;
	font-size: 100%;
	margin-top: 10px
}

.planning-tools-page .content .centered {
	margin: 50px 0
}

.planning-tools-page h2 {
	font-size: 170%;
	color: #81566d;
	padding-bottom: 6px;
	border-bottom: 1px solid #ddd;
	margin-top: 20px;
	margin-bottom: 20px
}

#mobile {
	position: relative;
	height: 0;
	overflow: hidden;
	width: 100%;
	display: block
}

#menu .left,
#menu .right {
	float: left;
	width: 50%;
	background: url(//trial1.weddingwindow.com/images/mobilebg.jpg);
	height: 108px;
	text-align: center;
	padding: 10px 0
}

#menu .left a,
#menu .right a {
	display: block;
	color: #f8d0c7;
	font-weight: 300;
	font-size: 75%;
	line-height: 100%;
	padding: 7px 0;
	text-transform: uppercase;
	cursor: pointer
}

#menu .left a:hover,
#menu .right a:hover {
	color: #fff
}

#mobile-menu-btn {
	display: none
}

@media all and (max-width:980px) {
	#mobile {
		display: block
	}
	a#mobile-menu-btn {
		position: absolute;
		padding: 1px 12px 2px;
		font-size: 75%;
		cursor: pointer;
		text-transform: uppercase;
		display: block;
		font-family: Lato, sans-serif;
		font-weight: 400;
		margin-top: 80px;
		right: 10px;
		line-height: 145%;
		color: #f8d0c7;
		background: #7e556d
	}
	a#mobile-menu-btn:hover {
		color: #fff
	}
}

.transitionlink {
	text-align: center
}

.vpttop {
	position: absolute;
	background: white;
	left: -4px;
	right: -4px;
	top: -20px;
	height: 8px;
	z-index: 5
}

.vptbottom {
	position: absolute;
	background: white;
	left: -4px;
	right: -4px;
	bottom: 0px;
	height: 8px;
	z-index: 5
}

@media only screen and (min-device width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
	.vpttop {
		top: 14px
	}
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-inner,
.theme-page .fancybox-wrap {
	width: 100%!important
}

.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	vertical-align: top
}

.fancybox-wrap {
	left: 0;
	z-index: 8020;
	position: absolute
}

.fancybox-inner,
.fancybox-outer,
.fancybox-skin {
	position: relative
}

.fancybox-iframe body {
	padding: 0;
	margin: 0
}

.fancybox-skin {
	color: #aaa;
	text-shadow: none
}

.fancybox-opened {
	z-index: 8030
}

.fancybox-inner {
	overflow: hidden!important
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap
}

.fancybox-iframe,
.fancybox-image {
	display: block;
	width: 100%;
	height: 100%
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: .8;
	cursor: pointer;
	z-index: 8060
}

.fancybox-close,
.fancybox-nav,
.fancybox-nav span {
	z-index: 8040;
	position: absolute;
	cursor: pointer
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
	width: 30px;
	height: 30px;
	display: block;
	right: 10px;
	top: 110px
}

.fancybox-nav {
	top: 0;
	width: 40%;
	height: 100%;
	text-decoration: none;
	background: url(blank.gif);
	-webkit-tap-highlight-color: transparent
}

.fancybox-prev {
	left: 0
}

.fancybox-next {
	right: 0
}

.fancybox-nav span {
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	visibility: hidden
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px
}

.fancybox-nav:hover span {
	visibility: visible
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible!important
}

.fancybox-lock,
.fancybox-lock body {
	overflow: hidden!important
}

.fancybox-lock {
	width: auto
}

.fancybox-lock-test {
	overflow-y: hidden!important
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 5;
	background: url(//trial1.weddingwindow.com/images/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0
}

.fancybox-title {
	visibility: hidden;
	font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050
}

.fancybox-opened .fancybox-title {
	visibility: visible
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: 0 0;
	background: rgba(0, 0, 0, .8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: 700;
	line-height: 24px;
	white-space: nowrap
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff
}

.fancybox-title-inside-wrap {
	padding-top: 10px
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8)
}

.fancybox-close {
	background: url(//trial1.weddingwindow.com/images/popup-close-btn.png)
}

.enlargefancybox .fancybox-image {
	width: auto!important;
	height: auto!important
}

.enlargefancybox.fancybox-type-image {
	width: auto!important;
	max-width: 60%
}

.enlargefancybox.fancybox-type-iframe {
	width: 707px!important;
	height: 398px!important
}

.enlargefancybox .fancybox-iframe {
	width: 700px!important;
	height: 394px!important
}

.enlargefancybox .fancybox-inner {
	height: auto!important
}

.enlargefancybox .fancybox-skin {
	background: #DDD!important
}

.enlargefancybox .fancybox-close {
	cursor: pointer;
	display: block;
	height: 30px;
	position: absolute;
	right: -12px;
	top: -17px;
	width: 30px;
	z-index: 8040
}