/* BASIC PAGE SETUP ============================================================================= */
body {margin : 0 auto;padding : 0;font : 100%/1.4 tahoma, verdana, arial, helvetica, helve, sans-serif, 'Trebuchet MS';color : #000; text-align: center;}
button, input, select, textarea { font-family : tahoma, verdana, arial, helvetica, helve, sans-serif, 'Trebuchet MS';color : #333; }
/*  HEADINGS  ============================================================================= */
h1, h2, h3, h4, h5, h6 {font-family: tahoma, verdana, arial, helvetica, helve, sans-serif, 'Trebuchet MS';font-weight : normal;margin-top: 10px;}
h1 {font-family:  tahoma, verdana, arial, helvetica, helve, sans-serif, 'Trebuchet MS';color: #999;margin-bottom : 0.2em;font-size : 2.0em;line-height : 1.4;text-align:center;}
@media only screen and (max-width: 1080px){ h1 {font-size:1.4em;} }  
h2 {font-family:  tahoma, verdana, arial, helvetica, helve, sans-serif, 'Trebuchet MS';color: #999;margin-bottom : 0.2em;font-size : 1.8em;line-height : 1.4;text-align:center;}
@media only screen and (max-width: 1080px){ h2 {font-size:1.3em;} } 
h3 {color: #FFF;margin-bottom : 0.3em;font-size : 1.6em;line-height : 1.3;text-align:center; }
@media only screen and (max-width: 1080px){ h3 {font-size:1.2em;} } 
h4 {color: #444;margin-bottom : 0.5em;font-size : 1.4em;line-height : 1.25; }
@media only screen and (max-width: 1080px){ h4 {font-size:1.2em;} } 
footer h4 {color: #666;}
h5 {color: #555;margin-bottom :5px ;font-size : 1.2em;}
h6 {color: #666;font-size : 1.0em;}
/*  TYPOGRAPHY  ============================================================================= */
p, ol, ul, dl, address {margin-bottom : 1.5em; font-size : 1em; }
/*p {hyphens : auto;  } */
p.introtext {font-family:  tahoma, verdana, arial, helvetica, helve, sans-serif, 'Trebuchet MS';font-size : 2.0vw;color: #999;line-height: 1.4;text-align:center;margin-top:10%}
@media only screen and (max-width: 760px) {
p.introtext {font-family:  tahoma, verdana, arial, helvetica, helve, sans-serif, 'Trebuchet MS';font-size : 1.3em;color: #999;margin-bottom: 0.5em;text-align:center;margin-top:7%}
} 
/*@media only screen and (max-width: 800px) {
p.introtext {font-family:  tahoma, verdana, arial, helvetica, helve, sans-serif, 'Trebuchet MS';font-size : 1.3;font-weight:bold;font-style:italic;color: #FFF;margin-bottom: 0.5em;text-shadow: 1px 1px #000;}
} */
ul, ol {margin : 0 0 1.5em 0;padding : 0 0 0 24px; }
dl, dd {margin-bottom : 1.5em; }
dt {font-weight : normal; }
b, strong {font-weight : bold; }
hr {display : block;margin : 1em 0;padding : 0;height : 1px;border : 0;border-top : 1px solid #ccc;}
small {font-size : 1em; }
sub, sup {font-size : 75%;line-height : 0;position : relative;vertical-align : baseline; }
sup {top : -.5em; }
sub {bottom : -.25em; }
/* LINKS =============================================================================  */
a {color : #4B76AB;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
a:visited {color : #888A8B; }
a:focus {outline : thin dotted;color : rgb(0,0,0); }
a:hover, a:active {outline : 0;color : #1D4678;}
a img {	border : 0;max-width: 98%;height: auto;}
/* IMAGES ============================================================================= */
img {border : 0;max-width: 98%;height: auto;width: auto\9; }
/* TABLES ============================================================================= */
table { border-collapse : collapse;border-spacing : 0;margin-bottom : 1.4em;width : 100%; }
th, td, caption { padding : .25em 10px .25em 5px; }
tfoot { font-style : italic; }
caption {background-color : transparent; }
/* FORMS ============================================================================= */
form { margin : 0; }
fieldset { margin-bottom : 1.5em;padding : 0;border-width : 0; }
legend {*margin-left : -7px; padding : 0; border-width : 0; }
label{font-weight : normal;cursor : pointer;display:block;margin:0;position:relative;top:0;left:0;}
button, search, input, select, textarea { font-size : 100%; margin : 0; vertical-align : baseline; *vertical-align : middle; }
button, input { line-height : normal;*overflow : visible; }
button, input[type=submit] {padding: 0.5em 1em;margin: 0;cursor : pointer;text-shadow:0 1px 0 #fff;}
button::-moz-focus-inner, input::-moz-focus-inner {padding : 0;border : 0;  }
input, select{margin:0;border:1px solid #CCC;font-size:1em;padding:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#fff;-moz-box-shadow:inset 0px 0px 6px #CCC;-webkit-box-shadow:inset 0px 1px 6px #CCC;box-shadow:inset 0px 1px 6px #CCC;}
input::-webkit-input-placeholder, input:-moz-placeholder, .placeholder{	color:#bbb;	}
input::-moz-focus-inner {border:0;}
input.image {max-width:100%;}
/* Colors for form validity */
input:invalid, textarea:invalid {-webkit-box-shadow : 0 0 2px #CCC; -moz-box-shadow : 0 0 2px #CCC;box-shadow : 0 0 2px #CCC; }
/*  MAIN LAYOUT	============================================================================= */
#wrapper {	width: 100%;position: relative;text-align: left;margin: 0px auto;}
#headcontainer {background:white;height:100%;display:flex}
header{display:block;clear:both;width:100%;padding:15px 0px 6% 0px;background:url('images/wedding-top1.jpg') no-repeat white scroll center top;background-size:100%;color:white;text-align:center;	}
header h2{font-family:  tahoma, verdana, arial, helvetica, helve, sans-serif, 'Trebuchet MS';font-size : 2.0vw;color: #999;line-height: 1.4;text-align:center;margin-top:7%}
.katie {width:49%;float:right;padding-right:10%;display:block;min-height:6.0vw}
.lead{font-size:1.25rem;font-weight:300;text-align:center}
.lead2{font-size:1.25rem;font-weight:300;text-align:left}
@media only screen and (max-width: 1200px){
header{display:block;clear:both;width:100%;padding:15px 0px 6% 0px;background:url('images/wedding-top1200.jpg') no-repeat white scroll center top;background-size:100%;	}
header h2{line-height: 1.5;display: inline-block;vertical-align: middle;font-family:  tahoma, verdana, arial, helvetica, helve, sans-serif, 'Trebuchet MS';color: #999;}
}
@media only screen and (max-width: 760px){
header{display:none}
}
#maincontentcontainer {width: 100%;background-color:white;}
#maincontent{clear: both;width: 90%; margin: 0 auto;color: #333;line-height: 1.5em;position: relative;}
@media only screen and (max-width: 760px){
#maincontent{width:100%;}
}
#footercontainer {width: 100%;border-top: 1px solid #000;background: #E4E4E4;}
footer {clear: both;width: 100%;font-size: 1em;margin: 0 auto;padding: 10px 0px 5px 0px;color: #FFF;}
footer a:link, footer a:visited { color: #999; text-decoration: none; }
footer a:hover { color: #046243; text-decoration: underline; }
#smallprint {margin-top: 5px;line-height: 1.4em;text-align: center;color: #999;font-size: 0.923em;}
#smallprint a:link, #smallprint a:visited { color: #999; text-decoration: none; }
#smallprint a:hover { color: #999; text-decoration: underline; }
/*  SECTIONS  ============================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}
/*  GLOBAL OBJECTS ============================================================================= */
.floatright {float: right;}
.group:before, .group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
/* VENDOR-SPECIFIC ============================================================================= */
html { -webkit-overflow-scrolling : touch; -webkit-tap-highlight-color : rgb(52,158,219); -webkit-text-size-adjust : 100%; -ms-text-size-adjust : 100%;text-size-adjust:100% }
::-webkit-selection { background : rgb(23,119,175);color : rgb(250,250,250);text-shadow : none; }
::-moz-selection { background : rgb(23,119,175); color : rgb(250,250,250);text-shadow : none; }
::selection { background : rgb(23,119,175); color : rgb(250,250,250); text-shadow : none; }
button, input[type=submit] {-webkit-appearance : button; }
::-webkit-input-placeholder {font-size : .875em; line-height : 1.4; }
input:-moz-placeholder { font-size : .875em;line-height : 1.4; }
button::-moz-focus-inner, input::-moz-focus-inner { padding : 0;border : 0; }
/*p {-webkit-hyphens : auto;-webkit-hyphenate-character : "\2010";-webkit-hyphenate-limit-after : 1;-webkit-hyphenate-limit-before : 3;-moz-hyphens : auto; } */
.centered{margin:0 auto;text-align:center}
.topright {float: right;width:336px;height:110px;padding: 10px 10px 10px 0;margin-top: 65px;margin-right:3%;}
.topright h1 {font-size:1.8em;font-style:italic;font-family:Verdana, Geneva, Tahoma, sans-serif;color: #CC9933;line-height:30px;}
.enquiry {background-color:silver;color:white;padding:6px;height:18px;}
.enq_sub {border:thin #99BDDE solid;border-radius:6px;box-shadow: 4px 4px 2px #888888;}
.left-county{ padding:0px 10px 5px 10px;border:thin gray solid;border-radius:10px;background-color:white;}
.left-county h3 {font-family:Tahoma, Verdana, Arial,  sans-serif;color:#666;}
.textleft {text-align:left;}
.textcenter {text-align:center;}
.textcenter a {text-decoration:none;		}
.box-right {background-color:white;padding:10px 10px 10px 10px;border:thin gray solid;border-radius:10px;margin-bottom:8px;}
.box-right-top {background-color:white;padding:10px 10px 10px 10px;border:thin gray solid;border-radius:10px;font-size:1.2em;	  }
.box-left {background-color:white;padding:10px 10px 10px 10px;border:thin gray solid;border-radius:10px;text-align:left;margin-bottom:8px;}
.check_box {border:2px solid #FFF;-moz-box-shadow:inset 0px 0px 6px #FFF;-webkit-box-shadow:inset 0px 1px 6px #FFF;box-shadow:inset 0px 1px 6px #FFF;}
.zoom {transition: transform .2s; }
.zoom:hover {transform: scale(1.1); }
/*  GRID COLUMN SETUP   ==================================================================== */
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.row {display:flex;flex-wrap:wrap;}
.top_links {border:thin grey solid;border-radius:8px;padding:0.4%;box-shadow: 3px 3px 2px #888888;margin:8px auto;max-width:8.1%}
.top_links:first-child {margin-left:0;}
.bottom_links {border:thin grey solid;border-radius:8px;padding:0.4%;box-shadow: 3px 3px 2px #888888;margin:8px auto;max-width:8.1%}
.bottom_links:first-child {margin-left:0;}
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 1080 PIXELS */
@media only screen and (max-width: 1080px) {
.col {margin: 1% 0 1% 0%;}
.row {display:block;}
.top_links {margin:5px;max-width:90px}
.bottom_links {margin:5px;max-width:90px}
}
@media only screen and (max-width: 840px) {
.top_links:first-child {margin-left:5px;}
}
/*  GRID OF TWO   ============================================================================= */
.span_2_of_2 {width: 98%;}
.span_1_of_2 {width: 49.2%;}
.span_1_of_2a {width: 49.2%;}
/*  GO FULL WIDTH AT LESS THAN 1080 PIXELS */
@media only screen and (max-width: 640px) {
.span_2_of_2 {width: 99%; }
.span_1_of_2 {width: 99%; }
.span_1_of_2a {width: 99%; }
}
/*  GRID OF THREE   ============================================================================= */
.span_1_of_3 {flex:0 0 28.3333333333%;max-width:28.3333333333%;margin:8px auto;position:relative;width:100%;border:thin grey solid;border-radius:8px;padding: 1.5%;box-shadow: 8px 8px 2px #888888;background-color:white;text-align:center;}
.span_1_of_3a {width: 31.33%; }
/*  GO FULL WIDTH AT LESS THAN 1080 PIXELS */
@media only screen and (max-width: 1080px) {
.span_1_of_3,.span_1_of_4 {flex:0 0 96%;max-width:96%;border:thin grey solid;border-radius:8px;padding: 0.5%;box-shadow: 3px 3px 2px #888888;background-color:white;text-align:center;	}
.span_1_of_3 input {max-width:40%;}
}
/*  GRID OF FOUR   ============================================================================= */
.span_1_of_4 {flex:0 0 21%;max-width:21%;margin:8px auto;position:relative;width:100%;border:thin grey solid;border-radius:8px;padding: 1.5%;box-shadow: 8px 8px 2px #888888;background-color:white;text-align:center;}
.span_1_of_4a {width: 20.0%;padding:0 18px 0 18px}
/*  GO FULL WIDTH AT LESS THAN 1080 PIXELS */
@media only screen and (max-width: 1080px) {
.span_1_of_4 {max-width: 97%; }
.span_1_of_4a {width: 95%; }
}
/*  GRID OF FIVE   ============================================================================= */
.span_3_of_5 {width: 59.36%; }
.span_4_of_5 {width: 79.00%; }
.span_1_of_5 {width: 18.00%;}
/*  GO FULL WIDTH AT LESS THAN 1080 PIXELS */
@media only screen and (max-width: 1080px) {
.span_3_of_5 {width: 98%; }
.span_1_of_5 {width: 98%; }
.span_4_of_5 {width: 98%; }
}
.span_3_of_6 {width: 49.2%;}
.span_2_of_6 {width: 32.26%;}
@media only screen and (max-width: 1080px) {
.span_3_of_6 {width: 98%; }
.span_2_of_6 {width: 98%; }
}
.span_3_of_7 {width: 41.94%;}
.span_5_of_7 {width: 70.97%;}
@media only screen and (max-width: 1080px) {
.span_5_of_7 {width: 98%; }
.span_3_of_7 {width: 98%;}
	}

.col_enq {display:block;float:left;margin: 1% 0 1% 1.6%;}
/*.col_enq:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.span_enq_2 {width: 98%;}
.span_enq_3 {width: 31.33%; }
.span_enq_4 {width: 23.0%; }
@media only screen and (max-width: 640px) {
.col_enq {margin: 1% 0 1% 0%;}
.span_enq_2 {width: 98%;}
.span_enq_3 {width: 99%; }
.span_enq_4 {width: 99%; }
}
.cont_enq {display: inline-block;position: relative;padding-left: 25px;margin-bottom: 12px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.cont_enq input {position: absolute;opacity: 0;cursor: pointer;}
.checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #eee;border-radius: 50%;}
.cont_enq:hover input ~ .checkmark {background-color: #ccc;}
.cont_enq input:checked ~ .checkmark {background-color: #2196F3;}
.checkmark:after {content: "";position: absolute;display: none;}
.cont_enq input:checked ~ .checkmark:after {display: block;}
.cont_enq .checkmark:after {top: 6px;left: 6px;width: 8px;height: 8px;border-radius: 50%;background: white;}
* {box-sizing: border-box;}
#regForm {background-color: #ffffff;margin: 40px auto;padding: 20px 40px 40px 40px;min-width: 300px;}
h1 {text-align: center;}
input {padding: 10px;font-size: 17px;width:99%;border: 1px solid #aaaaaa;}
select {padding: 10px;margin:auto;width: 23%;font-size: 17px;border: 1px solid #aaaaaa;}
input.invalid, select.invalid {background-color: #ffdddd;}
/*input:valid, select:valid {background-color: #DBFED9;} */
.tab {display: none;}
button {background-color: #04AA6D;color: #ffffff;border: none;padding: 10px 20px;font-size: 17px;cursor: pointer;}
button:hover {opacity: 0.8;}
#prevBtn {background-color: #bbbbbb;}
.step {height: 15px;width: 15px;margin: 0 2px;background-color: #bbbbbb;border: none;border-radius: 50%;display: inline-block;opacity: 0.5;}
.step.active {opacity: 1;}
.step.finish {background-color: #04AA6D;}
.loader {display: none;border: 8px solid #f3f3f3;border-radius: 50%;border-top: 8px solid #3498db;width: 60px;height: 60px;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }
}