/*
''template details start''
'name:Page
'primary:true
'serial:4560
'cssFile:template_page.css
'aspFile:template_page.asp
''template details end''
*/


/*========================= 01 ==========================*/	
/*=======================================================*/
/*================== RESPONSIVE STARTS ==================*/
/*=======================================================*/
/*=======================================================*/	


		/*------ Global Reset & Standards ------*/
			html, body, div, span, applet, object, iframe,
			h1, h2, h3, h4, h5, h6, p, blockquote, pre,
			a, abbr, acronym, address, big, cite, code,
			del, dfn, em, img, ins, kbd, q, s, samp,
			small, strike, strong, sub, sup, tt, var,
			b, u, i, center,
			dl, dt, dd, ol, ul, li,
			fieldset, form, label, legend,
			table, caption, tbody, tfoot, thead, tr, th, td,
			article, aside, canvas, details, embed, 
			figure, figcaption, footer, header, hgroup, 
			menu, nav, output, ruby, section, summary,
			time, mark, audio, video { margin:0; padding:0; border:0; font:inherit; vertical-align:baseline; }
			table { border-collapse:collapse; border-spacing:0; }
			.left, .columns.left { float:left; }
			.right, .columns.right { float:right; }
			.hide { display:none; }
		
		/*------ Responsive Grid ------*/
			.row { width:100%; max-width:960px; min-width:960px; margin:0 auto; }	/* To fix the grid into a different size, set max-width to your desired width */
			.row .row { min-width:0px; }
			.column, .columns { margin-left:2.127663%; float:left; min-height:1px; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
			.column:first-child, .columns:first-child, .alpha { margin-left:0px; }
			.column.omega, .columns.omega { float: right; }
			.row .one.columns 		{ width: 6.382989%; }
			.row .two.columns 		{ width: 14.893641%; }
			.row .three.columns 	{ width: 23.404293%; }
			.row .four.columns 		{ width: 31.914945%; }
			.row .five.columns 		{ width: 40.425597%; }
			.row .six.columns 		{ width: 48.936249%; }
			.row .seven.columns 	{ width: 57.446901%; }
			.row .eight.columns 	{ width: 65.957553%; }
			.row .nine.columns 		{ width: 74.468205%; }
			.row .ten.columns 		{ width: 82.978857%; }
			.row .eleven.columns	{ width: 91.489509%; }
			.row .twelve.columns	{ width: 100%; }
			img, object, embed 		{ max-width: 100%; height: auto; }
			img { -ms-interpolation-mode: bicubic; }
			#map_canvas img, .map_canvas img { max-width: none!important; }
			.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
			.row:after, .clearfix:after { clear: both; }
			.row, .clearfix { zoom: 1; }
			
			
/*=======================================================*/	
/*========================= 01 ==========================*/	
/*=======================================================*/







/*========================= 02 ==========================*/	
/*=======================================================*/	
/*=================== WEBSITE STYLING ===================*/
/*=======================================================*/
/*=======================================================*/	


html, body {
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#555;
	background:#fff;
	font-weight:300;
}

a { color:#31adbc; transition-duration:0.5s; text-decoration:none; }
a:hover { color:#0bd4ef; }
.mobile { display:none; }
.clear { clear:both; }
.fLeft { float:left; }
.fRight { float:right; }
b { font-weight:600; }

/*** nav ***/
.navBar { text-align:center; }
.nav-collapse, .nav1L { width:auto; text-align:center; padding:0; margin:0; }
.nav-collapse ul, .nav1L ul { padding:0; margin:0; }
.nav-collapse ul li, .nav1L ul li { padding:0; margin:0; display:inline-block; padding:30px 0; }
.nav-collapse ul li a, .nav1L ul li a { text-decoration:none; display:block; font-size:16px; color:#111; border-right:1px solid #d5d5d5; padding:0 15px; line-height:20px; }
.nav-collapse ul li a:hover, .nav1L ul li a:hover { color:#31adbc; }
.nav-collapse ul li.last a, .nav1L ul li.last a { border-right:none; }

/* HEADER */
#headerBlock { background:#908e8b; height:300px; overflow:hidden; }
.judePhoto { border-right:10px solid #fff; }
.judeContact { text-align:center; padding:65px 0; }
.judeContact h2 { font-size:18px; color:#ccc; line-height:22px; text-transform:uppercase; margin:5px 0; font-weight:400; }
.judeContact h4 { font-size:18px; color:#fff; }
.judeContact h4 a { color:#fff; text-decoration:none; }
.judeContact h4 a:hover { color:#ddd; }

/* PAGE */
#pageContainer { margin:30px 0; }
ul, ol { margin:0; padding-left:20px; }
li { margin:0 0 10px 0; }
p { margin:0 0 20px 0; }
h1 { font-size:24px; color:#111; text-align:center; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #d5d5d5; }
h2 { font-size:18px; color:#908e8b; font-weight:600; margin-bottom:20px; }
h3 { font-size:16px; color:#111; }
h3.pageTitle,
p.pageTitle { font-weight:600; color:#888; text-align:center; font-style:italic; font-family:'Book Antiqua', 'Palatino Linotype', Palatino, serif; font-size:24px; }
hr { height:0; border:0; border-bottom:1px solid #eee; margin:25px 0; }
.pad { padding:20px 50px; }
#SkypeButton_Call_judebestcelebrant_1_paraElement { padding:0; margin:0; }
#SkypeButton_Call_judebestcelebrant_1_paraElement img { margin:20px 0 !important; }
ul.terms { color:#aaa; font-size:12px; list-style:circle; }
ul.terms li { margin:0; }
.ulCot h3 { margin-bottom:10px; }

/* CONTACT */
.conLeft { width:35%; display:inline-block; vertical-align:top; font-size:15px; line-height:24px; }
.cfRight { width:60%; display:inline-block; float:right; }
.email-outer { padding:30px; background:#f9f9f9; margin-bottom:50px; box-shadow:0 1px 3px rgba(0,0,0,0.1); }
.email-outer hr { margin:15px 0; border-bottom:1px dashed #ddd; }
.email-row { width:100%; font-size:13px; }
.email-label { display:inline-block; line-height:30px; vertical-align:top; width:40%; }
.email-field { display:inline-block; width:55%; }
.email-field input, .email-field textarea { border:1px solid #ddd; padding:4px; width:100%; }
.formNote { font-style:italic; color:#bbb; }
.captcha-label { color:#999; display:block; font-size:11px; font-style:italic; line-height:14px; margin:5px 0; }
.buttonSend { background:#908e8b; font-size:18px; color:#fff; font-weight:600; border:none; padding:5px 20px; font-family:'Open Sans', sans-serif; }
.buttonSend:hover { background:#666; }

/* ARTICLES */
.newsJump,	.newsArchive { display:none; }
#pageContainer .newsBlock { padding:10px 10px 40px 10px; border:none; border-bottom:1px solid #eee; box-shadow:none; background:none; margin:0 0 25px 0; }
#pageContainer h2.newsTitle { border:none; color:inherit; position:static; width:auto; font-size:inherit; }
#pageContainer .newsBlock h4.newsDate { display:none; } 
#pageContainer .newsBlock h4.newsVenue { color:#bbb; font-style:normal; padding:0; margin:0; font-weight:normal; font-size:inherit; display:block; border:none; }
#pageContainer .newsBlock .newsText { font-size:inherit; }
#pageContainer .newsBlock .newsImage { border:none; }	
#pageContainer .articles-references .newsBlock .newsImage, 
#pageContainer .articles-references .newsBlock .newsImageFrame, 
#pageContainer .articles-references .newsBlock .newsImageBG { width:90px; height:90px; border-radius:45px }
#pageContainer .articles-references .newsBlock .newsImageBG { background-size:cover !important; }
#pageContainer .articles-references .newsBlock .newsImage { margin:0 0 10px 0; border:none; float:left; box-shadow:none; }
#pageContainer .articles-references .newsBlock h2.newsTitle,
#pageContainer .articles-references .newsBlock h4.newsVenue,
#pageContainer .articles-references .newsBlock .newsText { margin-left:120px; }		

/* GALLERY */
#pageContainer .cmsGallery ul { text-align:left; }
#pageContainer .cmsGallery li { border:none; box-shadow:0 1px 3px rgba(0,0,0,0.1); width:215px; margin:0; height:150px; }
#pageContainer .cmsGallery li a img { width:auto; height:auto; min-width:215px; min-height:150px; }

/* FOOTER */
#footerBlock { background:#908e8b; margin:0; padding:50px 0; }
.footerRow { padding:0 10px; }
.footerContact { margin-top:5px; }
.footerContact h3 { font-size:16px; color:#efefef; line-height:22px; }
.footerContact h4 { font-size:18px; color:#fff; font-weight:600; padding-top:10px; }
.footerContact h4 a { color:#fff; text-decoration:none; }
.footerContact h4 a:hover { color:#ddd; }
.footerCopy { font-size:14px; color:#bbb; text-align:center; margin-bottom:30px; }
.footerCopy a { color:#aaa; text-decoration:none; }
.footerCopy a:hover { color:#555; }

/* book online */
.webrooms-datepicker { background:#908e8b; padding:20px; text-align:center; height:40px; margin-bottom:20px; }
.datepicker-label, .datepicker-input, .datepicker-button { display:inline-block; vertical-align:top; }
.datepicker-label { background:url("/~images/template/icon_calendar.png") no-repeat left center; color:#fff; font-size:16px;
	 line-height:40px; padding-left:27px; font-weight:400; }
.webrooms-datepicker input { background:#bbb; border:none; color:#333; font-family:"Source Sans Pro",sans-serif; font-size:16px; 
	height:40px; line-height:40px; margin:0 10px; padding:0 10px; }
.webrooms-datepicker input:hover { background:#ccc; cursor:pointer; }
.datepicker-button { background-color:#fff; border-radius:8px; color:#000; font-family:"Source Sans Pro",sans-serif; font-size:16px; 
height:40px; line-height:40px; padding:0 30px; border:none; box-shadow:0 1px 3px rgba(0,0,0,0.2); }
.datepicker-button:hover { box-shadow:0 1px 5px rgba(0,0,0,0.5); cursor:pointer; }
.bdc { background:#003580; color:#fff; padding:10px 25px; margin:10px auto; border-radius:5px; text-align:center; }


/*=======================================================*/	
/*========================= 02 ==========================*/	
/*=======================================================*/







/*========================= 03 ==========================*/	
/*=======================================================*/
/*==================== MOBILE STARTS ====================*/
/*=======================================================*/
/*=======================================================*/	


			/* MOBILE STYLES */
			@media only screen and (max-width:960px) 
				{
					body { text-align:center; font-size:100%; }
					.mobile { display:block; margin:auto; }
					.remove { display:none !important; }			
					.fLeft,
					.fRight { float:none; padding:0; margin:0; }
					/* HEADER */
					#headerBlock { height:auto; overflow:static; padding:3em 2em; }
					.judePhoto { border:none; margin-bottom:0.5em; }
					.judePhoto img { border:10px solid #fff; box-shadow:0 1px 5px rgba(0,0,0,0.2); max-width:80%; }
					.judeContact { text-align:center; padding:0; }
					.judeContact h3 { font-size:100%; line-height:150%; margin:0; }
					.judeContact h4 { font-size:100%; line-height:150%; }
					/* HEADER PAGE */
					.judePhoto, .judeContact h3, .judeContact h4 { display:none; }
					#headerBlock { padding:2em; }
/* PAGE */
#pageContainer { margin:0; padding:2em; text-align:left; }
#pageContainer img { margin:auto; margin-bottom:1em; display:block; max-width:100%; }
ul, ol { margin:1em 0; padding-left:20px; }
li { margin:1em 0; }
p { margin:1.5em 0; }
h1 { font-size:130%; padding-bottom:0.5em; margin-bottom:1.5em; }
h2 { font-size:120%; margin-bottom:1em; }
hr { margin:2em 0; }
.pad { padding:0; }
.conLeft { width:auto; display:block; font-size:100%; }
.cfRight { width:auto; display:block; float:none; }
.email-outer { float:none; height:auto; margin:1em 0; padding:2em; width:auto; }
.email-label, .email-field { width:95%; }
.captcha-label { margin: 0.5em 0; }
#pageContainer .form-captchaimage { margin:0 0 0.5em 0; }
#pageContainer .cmsGallery ul { text-align:center; }
.webrooms-datepicker { height:auto; }
.ulCot h3 { padding-top:1em; }
.datepicker-label, .datepicker-input, .datepicker-button { margin:0.2em; }
.datepicker-button { padding:0 1em; }

/* GALLERY */
#pageContainer .cmsGallery li { width:150px; height:100px; }
#pageContainer .cmsGallery li a img { width:auto; height:auto; min-width:150px; min-height:100px; }

					/* ARTICLES */
#pageContainer .newsBlock { padding:1em 0 2em 0; margin:0 0 1em 0; }
#pageContainer h2.newsTitle { border:none; color:inherit; position:static; width:auto; font-size:inherit; }
#pageContainer .newsBlock .newsText { font-size:100%; }
					#pageContainer .articles-references .newsBlock .newsImage, 
					#pageContainer .articles-references .newsBlock .newsImageFrame, 
					#pageContainer .articles-references .newsBlock .newsImageBG { width:50px; height:50px; border-radius:25px }
					#pageContainer .articles-references .newsBlock .newsImageBG { background-size:cover !important; }
					#pageContainer .articles-references .newsBlock .newsImage { margin:0 0 10px 0; border:none; float:left; box-shadow:none; }
					#pageContainer .articles-references .newsBlock h2.newsTitle,
					#pageContainer .articles-references .newsBlock h4.newsVenue,
					#pageContainer .articles-references .newsBlock .newsText { margin-left:70px; }
					/* FOOTER */
					#footerBlock { margin:2em 0 0 0; padding:3em 2em; }
					.footerRow { padding:0; }
					.footerContact { margin-top:1em; }
					.footerContact h3 { font-size:100%; line-height:150%; }
					.footerContact h4 { font-size:100%; line-height:150%; padding-top:0; }
					.footerContact br { display:none; }
					.footerCopy { font-size:85%; padding:1.5em; margin:0; }
					
					
				}

			/* MOBILE GRID */
			@media only screen and (max-width:960px) 
			{
				body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
				.row,
				.rowPad { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; max-width:none; min-width:none; }
				.row .row .column, .row .row .columns { padding: 0; }
				.column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
				.column:last-child, .columns:last-child { margin-right: 0; float: none; }
				.row .row .column, .row .row .columns { padding: 0; }
				.column, .columns { width: auto !important; float: none; margin-left: 0px; margin-right: 0px; }
				.column:last-child, .columns:last-child { margin-right: 0; float: none; }
				[class*="column"] + [class*="column"]:last-child { float: none; }
				[class*="column"]:before, [class*="column"]:after { display: table; }
				[class*="column"]:after { clear: both; }
			}
		
			/* MOBILE NAV */
			.nav-toggle { text-decoration:none; background:#111; font-size:125%; padding:0.5em 0; display:block; color:#fff; font-weight:600; text-align:center; }
			.nav-toggle:before { color:#fff; content:"\2261"; position:absolute; right:5px; top:5px; background:rgba(0,0,0,0.3); padding:5px 8px; }
			.nav-toggle.active::before { content:"x"; }
			.js .nav-collapse { clip:rect(0 0 0 0); max-height:0; display:block; overflow:hidden; zoom:1; }
			.nav-collapse.opened { max-height:9999px; }
			@media screen and (min-width:960px) {
			  .js .nav-collapse.closed { max-height:none; }
			  .nav-toggle { display:none; }
			}
			@media screen and (max-width:960px) {
				.bodyStyle { padding-top:43px; }
				.navBar { position:fixed; top:0; left:0; width:100%; z-index:1000; }
				.navBar { padding:0; background:#000; height:auto; }
				.navBar ul li { border:none; border-bottom:1px solid #222; display:block; width:100%;  padding:0;}
				.navBar ul li a { display:block; width:100%; color:#fff; font-size:100%; padding:0.75em 0; }
				.nav-collapse { height:auto; padding:0; }
			}


/*=======================================================*/	
/*========================= 03 ==========================*/	
/*=======================================================*/