@import url(//fonts.googleapis.com/css?family=Open+Sans:700,400,300|Raleway:700,600,500,400,300&display=swap);

body { margin:0px; margin-top:10px; padding:0px; background-color: #ffffff; font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 16px; color: #444; -webkit-text-size-adjust: none; text-size-adjust: none; }

a, a:link, a:visited, a:hover { color:#0c63ab; text-decoration:underline; }
/* OLD 184a73 */

h1 { font-family: 'Raleway',verdana,arial,helvetica,sans-serif; font-size: 2.6em; font-weight: 400; margin-top:0px; color:#0c63ab; }
h2 { font-family:'Raleway',verdana,arial,helvetica,sans-serif; font-size: 2.4em; font-weight: 400; color:#0c63ab; }
h3 { font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 1.8em; font-weight: 400; color: #0c63ab; margin-top: 40px; }
h4 { font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 1.3em; font-weight: 400; color: #c3423d; margin-bottom:0px; margin-top: 40px; }
h5 { font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 0.85em; font-weight: 700; margin-bottom: 0px; }


.brideGroomBanner { display: table; background-image: url(/bride-groom-banner_old.jpg); height: 280px; margin-bottom: 20px; background-repeat: no-repeat; display: flex; }
.brideGroomBanner h1 { padding: 35px 350px 0px 35px; color: #fff; font-size: 2.8em; font-weight: 600; line-height: 135%; text-align: center; }
.brideGroomBanner h2 { padding: 20px 375px 0px 15px; color: #fff; font-size: 2.3em; font-weight: 400; text-align: center; }
.brideGroomBannerShadow { width: 100%; height: 100%; background: none; }


p { line-height: 180%; text-align: justify; margin-bottom: 20px; }
li { line-height: 180%;	}
select { color: #5c5f60; }


.main { width: 960px; font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 15px; padding-top: 10px; background-color: #fff; margin-left: auto; margin-right: auto; }
.main td { font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 14px; text-align: left;	}
.main input, .main select { font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 14px; }
.main th { text-align: left; }

.full_content { padding-top:5px; padding-bottom:20px; margin-bottom:20px; width: 100%; text-align: left; background-color:#ffffff; }


#nav ul{ width:730px; height:24px; padding:0px; margin:0px; text-align:right; list-style:none outside; }
#nav ul li { display:inline; padding:0px 10px 0px 10px; line-height:24px; border-right:1px dotted #aaa; }
#nav ul li.last { border:none; padding-right:0; }
#nav ul li a { font-size:14px; color:#555; text-decoration:none; font-family: 'Open Sans', verdana, arial, sans-serif; }
#nav ul li a:hover, #nav ul li#active a { text-decoration:underline; }
.social-icon { padding: 0px 0px 5px 5px; vertical-align: middle; display:inline; border:0px; width: 20px; height: 20px; }



/****** NEW HEADER & MENU ******/
.header { position: relative; width: 960px; margin: 0 auto; }
.logo { float: left; display: block; border: none; width: 141px; height: 30px; padding-top: 3px; }
/* Nicolas Gallagher micro clearfix */
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
#toggle, .toggle { display: none; }
.nav { display: block; float: right; }
.nav, .menu, .menu li, .menu li a { height: 100%; }
.menu { margin-top: 5px; float: right; }
.menu li { list-style: none; float:left; display: inline; padding: 0 0 0 20px; margin-top: 4px; line-height: 100%; font-size: 0.9em; }
.menu li a { text-decoration: none; color: #343f4d; }
.menu li a:hover, .menu li a:focus { color: #494949; }
.menu .socialicons { margin-top: 0px; }
.menu .socialicons img { padding: 0px 2px; width: 20px; height: 20px; border: none; }
/****** END OF NEW HEADER & MENU ******/



/****** IMAGE & VIDEO STYLES ******/
.imgRight.home { padding: 4px; border: 1px solid #dcdbd9; width: 330px; margin: 5px 0 30px 85px; float: right; }
.imgRight { padding: 4px; border: 1px solid #dcdbd9; width: 475px; margin: 4px 0px 20px 50px; float: right; }
.imgCenter { padding: 4px; border: 1px solid #dcdbd9; width: 100%; margin: 4px 0px 40px 0px; float: none; }

.imgCaptionRight { margin: 4px 0px 20px 50px; float: right; width: 475px; }
.imgCaptionRight img { width: 465px; padding: 4px; border: 1px solid #dcdbd9; }
.imgCaptionRight p { font-size: 0.8em; font-style: italic; padding-top: 10px; margin-top: 0px; }

.imgCaptionCenter { margin: 30px 0px 40px 0px; float: none; width: 100%; }
.imgCaptionCenter img { padding: 4px; border: 1px solid #dcdbd9; width: 950px; }
.imgCaptionCenter p { font-size: 0.8em; font-style: italic; text-align: center; padding: 10px 3% 0px 3%;  margin-top: 0px; }

.youtube-wrapper-right { width: 525px; max-width: 100%; float: right; margin: 20px 0 20px 50px; }
.youtube-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.youtube-container iframe, .youtube-container object, .youtube-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 !important; }
.youtube-wrapper-right p { margin-top: 5px; font-size: 0.85em; }

.ContactPageLogo { float: left; margin: 0 50px 40px 0; width: 175px; }
/****** END IMAGE & VIDEO STYLES ******/



/****** STYLE FOR COMPARISON TABLE ******/
table { border-collapse:collapse; border-spacing:0; }
.tablesorter { border: none; width: 100% !important; border-bottom: dotted 1px #979797; }
.tablesorter tr { border-left:1px solid #e6ebec; border-right:1px solid #e6ebec; }
.tablesorter thead tr { border-left:1px solid #343f4d; border-right:1px solid #343f4d; }
.tablesorter .clogo { border: none; margin-bottom:5px; }
.tablesorter td { font-size: 12px; color: #6f7475; text-align:center; padding:22px 0; border-bottom: dotted 1px #e6ebec; line-height: 100%; }
.tablesorter td p { margin:10px 0 0 0; }
.tablesorter tr:hover td { background-color:#f8fdff; }
.tablesorter th { font-size: 17px; font-weight: 400; text-align:center; padding: 20px 0px; vertical-align: middle; background-color:#343f4d; color:#ffffff; cursor: pointer; border-bottom: 4px solid #343f4d; position: -webkit-sticky; position: sticky; top: 0px; }
.tablesorter th img { margin-left: 10px; }

.col1 { width: 20% !important; }
.col2 { width: 18% !important; }
.col3 { width: 18% !important; }
.col4 { width: 18% !important; }
.col5 { width: 26% !important; }

.tablesorter img { border: 0px; max-width: 150px; }
.tablesorter .provider { font-size: 11px; }
.tablesorter .ctext { font-family:'Open Sans',verdana,arial,helvetica,sans-serif; font-size: 1.4em; color:#343f4d; font-weight: 300; padding-bottom: 32px;}
.tablesorter .ptext { font-family:'Open Sans',verdana,arial,helvetica,sans-serif; font-size: 1.65em; color: #343f4d; font-weight: 500; padding-bottom: 32px;}
.tablesorter .highlight { border-left:2px solid #EFEFEF; border-right:2px solid #EFEFEF; background-color:#fffafc; }
.tablesorter .info { font-size: 11px; font-weight: 400; padding: 27px 0px 0px 0px !important; vertical-align: top; }
.tablesorter a, .tablesorter a:link, .tablesorter a:visited { color:#fcfcfc; text-decoration:none; }
.tablesorter a:hover { color:#fcfcfc; text-decoration:underline; }
.tablesorter th.primary { border-bottom: 4px solid #c3423d; }
.tablesorter td.primary { border-left:1px solid #e6ebec; border-right:1px solid #e6ebec; background-color:#f8fdff; }
.tablesorter td.secondary { background-color:#FFFFFF; }
/* .tablesorter td.tertiary { border-left:2px solid #EFEFEF; border-right:2px solid #EFEFEF; background-color:#FFFFFF; } */

.tablesorter-childRow { display: none; }


/****** END COMPARISON TABLE ******/



/****** CALL TO ACTION BANNER ******/
.ctaBanner { border: 1px solid #dcdbd9; padding: 20px 25px 25px 20px; margin: 50px 0; text-align: center; }
.ctaBanner p { font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 1.4em; font-weight: 400; color: #0c63ab; line-height: 130%; text-align: center; padding: 0px; margin: 0px; }
.ctaBanner a { width: auto; margin-top: 20px; padding: 12px 15px; font-size: 1.15em !important; color: #fff !important; border-radius: 10px; }
/****** END CALL TO ACTION BANNER ******/

.homeTableNotes { padding: 10px 25px; margin-top: 25px; border: 1px solid #e6ebec; border-radius: 5px; background-color: #f3f3f3; font-size: 0.85em; line-height: 150%; }


.content_box { padding: 5px; padding-left:30px; border: 1px solid #e6ebec; text-align:left; background-color:#f0f7f9; }
.content_box ul { margin: 0px; padding: 0px; list-style: none; }
.content_box li { margin: 0px; padding: 7px 0px 7px 50px; background-image: url('/list_li.png'); background-repeat: no-repeat; background-position: left center; font-size: 1em; font-weight: 700; color: #333; } 

.review { font-style: italic; color: #007F46; }

.bdate { color: #28a26d; font-size: 10px; }
.bexcerpt p { margin-top:0px; font-weight: 400; }

.blogDate { overflow:auto; margin: 10px 0 20px 0; padding: 10px; font-size:0.9em; background-color:#fafafa; border-top: 1px solid #dcdbd9; }

/* 2014 BUTTONS */
.comparisonButton { font-family: 'Raleway',verdana,arial,helvetica,sans-serif; display: inline-block; color: #fff !important; font-size: 1.4em !important; font-weight: 500; background:#77a809; width: 210px; text-shadow: none; padding: 16px 6px; text-decoration: none !important; border-radius: 5px; }
.comparisonButton:hover { background: #89c403; }

.comparisonButton.partnerUnavailable { background:#787878; }

.comparisonButton.flexWidth { width: auto; padding: 10px 15px; font-size: 1.2em !important; }

	


@media only screen and (max-width: 960px) { 
	.main { width: 100%; }
	.header { width: 100%; }
	
	.brideGroomBanner { width: 100% !important; background-position: right 0px top;}
	.brideGroomBanner h1 { padding: 20px 300px 0px 10px; font-size: 2.7em; background-position: right 0px top; font-weight: 500; }
	.brideGroomBanner h2 { padding: 10px 325px 0px 20px !important; font-size: 2.2em; }

	p { padding: 0 10px; }
    h1, h2, h3, h4, h5 { padding-left: 10px; }
    
    .logo { margin-left: 10px; }
    .menu { margin-right: 10px; }
	.imgRight.home, .imgRight, .imgLeft, .youtube-wrapper-right { margin-right: 10px; width: 50%; }
	.imgCenter { border: none; padding: 0px; float: none; width: 100%; margin: 0px; }

	.imgCaptionRight { margin-right: 10px !important; width: 50%; }
	.imgCaptionRight img { width: 100%; }
	.imgCaptionCenter img { padding: 0px; border: none; width: 100%; }

	.comparisonButton { width: 80%; }
	.tablesorter .provider img { width: 90%; min-width: 40px; padding-left: 10px; }

	.ctaBanner { border-left: none; border-right: none; }

	.homeTableNotes { padding: 10px 0; }
}


@media only screen and (min-width: 501px) and (max-width: 780px) {
	h1 { text-align: center; padding: 30px 3% 15px 3%; }
	h2 { text-align: center; padding: 4% 3% 0 3%; }
	
	.tablesorter th { font-size: 0.95em; padding: 10px 0px; }	
	.tablesorter .ptext { font-size: 1.3em; }
    .tablesorter .ctext { font-size: 1.3em; }
	.tablesorter .etext { font-size: 0.8em; }
	.comparisonButton { font-size: 1.2em; }

	.imgRight { border: none; padding: 0px; float: none; width: 100%; margin: 0px; }
	.imgCaptionRight { margin: 0px; padding: 0px; float: none; width: 100%; }
	.imgCaptionRight img { padding: 0px; margin: 0px; border: none; width: 100%; }
	.youtube-wrapper-right { width: 100% !important; margin: 10px 0 0 0; }

    .brideGroomBanner h1 { padding: 25px 325px 0px 20px; font-size: 2.6em; }
	.brideGroomBanner h2 { display: none; }

}


@media only screen and (max-width: 500px) and (orientation : portrait) {
    .main { width: 100%; padding-top: 10px !important; font-size: 15px; }
    .header { width: 100%; }
    .imgRight.home { border: none; padding: 0px; float: none; width: 100%; margin: 0px; }
    .imgLeft { border: none; padding: 0px; float: none; width: 100%; margin: 0px; }
	.imgRight { border: none; padding: 0px; float: none; width: 100%; margin: 0px; }
	.imgCenter { border: none; padding: 0px; float: none; width: 100%; margin: 0px; }
	.youtube-wrapper-right { width: 100% !important; float: none; margin: 20px 0px; }

	.imgCaptionRight { margin: 0px; padding: 0px; float: none; width: 100%; }
	.imgCaptionRight img { padding: 0px; margin: 0px; border: none; width: 100%; }
	.imgCaptionRight p { margin-bottom: 0px !important; }

	.ContactPageLogo { width: 100px; margin-right: 25px; }
    .col1 { width: 25% !important; }
    .col2 { width: 25% !important; }
    .col3 { width: 25% !important; }
    .col4 { width: 25% !important; }
    .col5 { display: none; }
    .tablesorter { border-left: none; border-right: none; border-collapse: separate; border-bottom: none; }
	.tablesorter tr { border-left: none; border-right: none; }
	.tablesorter tr:hover td { background-color:#fff; }
	.tablesorter thead tr { border-left: none; border-right: none; }
	.tablesorter td { padding: 20px 0 0 0; }
	.tablesorter .provider img { width: 90%; min-width: 40px; }
	.tablesorter .clogo { margin-bottom: 0px;}
    .tablesorter .info { display: none; }
    .tablesorter th { font-size: 1em; font-weight: 400; padding: 10px 0px; position: -webkit-sticky; position: sticky; top: 0px; }
    .tablesorter .ptext { font-size: 1.6em; font-weight: 500; padding-top: 18px !important;}
    .tablesorter .ctext { font-size: 1.35em; font-weight: 300; padding-top: 16px !important; }
    .tablesorter .etext { font-size: 0.85em; }
    .tablesorter .provider { font-size: 0.75em; }
	.tablesorter .product_name { display: none; }

	.tablesorter-hasChildRow td.primary { border-left: none; border-right: none; background-color: #fff;  }
	.tablesorter-childRow td.primary { background-color: #fff; }
	
	.tablesorter-childRow { display: table-row; }
	.tablesorter-childRow td { padding-top: 0px !important; border-bottom: 3px solid #eceff0; text-align: center; }
	.tablesorter-hasChildRow td { padding-bottom: 3px !important; border-bottom: none; }
	.comparisonButton.mobileComparisonButton {
		width: 225px;
		font-size: 1.4em !important;
		font-weight: 500 !important;
		padding: 15px 0px;
		margin-top: 12px;
		margin-bottom: 27px;
		text-align: center;
	}
    
    h1 { text-align: center; padding: 30px 3% 15px 3%; font-size: 2.1em; }
	h2 { text-align: center; padding: 4% 3% 0 3%; font-size:1.8em; }
	h3 { padding-left: 3%; font-size:1.6em; }
    h4 { padding-left: 3%; }
    
    /*.brideGroomBanner { background-position: right -10px top; height: 175px; width: 100%; }
    .brideGroomBanner h1 { font-size: 2.1em; line-height: 130%; padding: 25px 10px 0px 10px !important; }
	.brideGroomBanner h2 { font-size: 1.6em; padding: 0px 10px 0px 10px !important; }*/
    
    .brideGroomBanner { background-position: right -10px top; height: 175px; width: 100%; }
    .brideGroomBanner h1 { font-size: 1.9em; line-height: 130%; padding: 25px 10px 0px 10px !important; color: #fff; }
	.brideGroomBanner h2 { font-size: 1.6em; padding: 0px 10px 0px 10px !important; color: #fff; }
	.brideGroomBannerShadow { background-color: rgba(0,0,0,0.2); }
	
	.ctaBanner { border-left: none; border-right: none; }
    
	p { padding: 0 3%; text-align: justify; margin-bottom: 30px; }
	.bexcerpt p { padding: 0 !important; }
	
    .nav, .logo { float: none; }
    .logo { float: left; padding: 0px; margin: 3px 0 0 10px; }
    .nav { margin: 10px 0 0 0; width: 100%; }
    .toggle { float:right; display: block; position: relative; padding: 0px 10px; margin: 0 10px 0 0; font-size: 1.6em; line-height: 120%; color: #494949; background: #ffffff; text-align: center; cursor: pointer; border: 1px solid #ffffff; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
    #toggle:checked ~ .menu { display: block; opacity: 1; }
    #toggle:checked ~ .toggle { border: 1px solid #bcbcbc; background: #d9d8d8; }
    .menu { display: none; opacity: 0; position: relative; clear:both; z-index: 1000; background: #FFFFFF; text-align: center; padding: 0px; margin: 15px 0 0 0; border-top: 1px solid #dcdbd9; border-bottom: 1px solid #dcdbd9; width: 100%; }
    .menu, .menu li, .menu li a { height: auto; }
    .menu li { width: 100%; padding: 0px; margin: 0px; line-height: 150%; background: #f9f9f9; font-size: 1em; }
    .menu li a { display: block; text-decoration: none; padding: 10px 0px; color: #8c8c8c; text-align: center; }
    .menu li:hover, .menu li:focus { background: #ecebeb; }
    .menu .socialicons a { display: inline-block; }
    .menu .socialicons img { padding: 0px 10px; }
	.content_box { border-left: none; border-right: none; padding: 10px 5px 10px 20px; width: auto;  }
	.blogDate { width: 94%; padding: 10px 3% 10px 3% !important; margin: 0 0 25px 0 !important; }
}

@media only screen and (max-width: 390px) and (orientation : portrait) {
	.brideGroomBanner h1 { font-size: 1.8em; line-height: 130%; padding: 30px 10px 0px 10px !important; }
	.brideGroomBanner h2 { font-size: 1.4em; padding: 0px 10px 0px 10px !important; }
}

@media only screen and (max-width: 360px) and (orientation : portrait) {
	.brideGroomBanner h1 { font-size: 1.6em; text-align: center; }
}