@@ -161,7 +161,7 @@ header {
box-shadow: 0 -2px 0 0 #2e8ece inset; }
/* line 168, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
header .parallax {

}
/* line 178, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
header .site-logo {
@@ -541,9 +541,9 @@ footer {
<style type="text/css">
.form-style-5{
max-width: 500px;
padding: auto;
padding: 10px 20px;
background: #f4f7f8;
margin: auto;
margin: 10px auto;
padding: 20px 0 0 0;
background: #f4f7f8;
border-radius: 8px;
@@ -552,42 +552,19 @@ footer {
}
.form-style-5 fieldset{
border: none;
margin: auto;
margin: 0 0 0 260px;
}
.form-style-5 legend {
font-size: 1.4em;
margin-bottom: 10px;
margin: auto;
margin: 30px 0 0 260px;
}
.form-style-5 label {
display: block;
margin-bottom: 8px;
margin: 10px 0 0 260px;
}

.form-style-5 input[type="text"]{

font-family: Georgia, "Times New Roman", Times, serif;
display: block;
background: rgba(255,255,255,.1);
border: none;
border-radius: 4px;
font-size: 16px;
margin: auto;
outline: 0;
padding: 7px;
width: 50%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background-color: #e8eeef;
color:#8a97a0;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
margin-bottom: 30px;

}

.form-style-5 input[type="date"],
.form-style-5 input[type="datetime"],
.form-style-5 input[type="email"],
@@ -597,25 +574,24 @@ footer {
.form-style-5 input[type="url"],
.form-style-5 textarea,
.form-style-5 select {
display: block;
font-family: Georgia, "Times New Roman", Times, serif;
background: rgba(255,255,255,.1);
border: none;
border-radius: 4px;
font-size: 16px;
margin: auto;
margin: 0 0 0 150px;
outline: 0;
padding: 7px;
width: 50%;
box-sizing: border-box;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-sizing: border-box;
background-color: #e8eeef;
color:#8a97a0;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
margin-bottom: 30px;

}
.form-style-5 input[type="text"]:focus,
.form-style-5 input[type="date"]:focus,
@@ -764,15 +740,31 @@ button:hover {
border: 0;
float: left;
padding: 10px 0;

text-align: center;
color: #fff;
}

.containerform{
background-color: #f3f3f3;
margin: auto;
margin-top: 2em;
margin-bottom: 2em;
width: 70%;
}


.form-style-5 input[type="text"]{

font-family: Georgia, "Times New Roman", Times, serif;
background: rgba(255,255,255,.1);
border: none;
border-radius: 4px;
font-size: 16px;
margin: 0 0 0 410px;
outline: 0;
padding: 7px;
width: 37.5%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background-color: #e8eeef;
color:#8a97a0;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
margin-bottom: 30px;

}
@@ -19,7 +19,12 @@ body {

/* line 19, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
.container {
background: white; }
width: 100%;
height: 100%;
background: url("../images/wedding.jpg") fixed 50% 50%;
background-size: cover;

}
/* line 22, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
.container .site-what-i-do {
width: 100%;
@@ -333,7 +338,7 @@ header {
footer {
position: relative;
margin: 0;
padding: 2em 0;
padding: 1em 0;
height: 300px;
background: #214a6d; }
/* line 349, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
@@ -719,15 +724,15 @@ footer {

.container1 {
max-width: 400px;
width: 100%;
margin: 200px auto auto 100px ;
width: 0%;
margin: 300px 5px 20px 150px ;
position: relative;
}

.container2 {
max-width: 600px;
width: 100%;
margin: 150px 300px 50px auto ;
margin: 200px 420px 79px;
position: relative;
}

@@ -743,17 +748,19 @@ footer {

#contact {
background: #F9F9F9;
padding: 25px;
margin: 10px 0 auto auto;

padding: 30px;
margin: 90px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

#contact h3 {
display: block;
font-size: 30px;
font-weight: 300;
margin-bottom: 50px;
display: block;
text-align: center;
font-size: 25px;
font-weight: 400;
margin-top: 5px;
margin-bottom: 20px;
color: #1abc9c;
}

#contact h4 {
@@ -780,8 +787,9 @@ fieldset {
width: 100%;
border: 1px solid #ccc;
background: #FFF;
margin: 0 0 5px;
padding: 10px;
margin: -5px -1px 10px -0px;
padding: 13px;
text-align: center;
}

#contact input[type="text"]:hover,
@@ -803,14 +811,14 @@ fieldset {
}

#contact button[type="submit"] {
cursor: pointer;
width: 100%;
border: none;
background: #1abc9c;
color: #FFF;
margin: 0 0 5px;
padding: 10px;
font-size: 15px;
cursor: pointer;
width: 50%;
border: none;
background: #1abc9c;
color: #FFF;
margin: 0px 100px 0px 89.999px;
padding: 15;
font-size: 20px
}

#contact button[type="submit"]:hover {
@@ -1532,7 +1540,9 @@ textarea {
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto; }
margin-right: auto;
;
}
/* line 38, f:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.container:after {
content: "";
@@ -3297,7 +3307,7 @@ kbd {

/* line 30, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/screen.css.sass */
footer {
margin-top: 3em;

text-align: right; }

/* line 36, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/screen.css.sass */
@@ -161,7 +161,7 @@ header {
box-shadow: 0 -2px 0 0 #2e8ece inset; }
/* line 168, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
header .parallax {

}
/* line 178, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
header .site-logo {
@@ -583,15 +583,15 @@ footer {
outline: 0;
padding: 7px;
width: 50%;
box-sizing: border-box;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-sizing: border-box;
background-color: #e8eeef;
color:#8a97a0;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
margin-bottom: 30px;

}
.form-style-5 input[type="text"]:focus,
.form-style-5 input[type="date"]:focus,
@@ -991,22 +991,22 @@ th{
background: #eee;
color: #777;
padding: 15px;


}

tr:nth-child(even){

background: #eee;




}
td{
width: 10px;
text-align: center;
word-wrap: break-word;
word-wrap: break-word;
padding-bottom: 15px;
}

@@ -1063,7 +1063,7 @@ cursor: pointer;
}
#content-payment form {


margin: 10px 0 0 0;
float: right;

@@ -1074,3 +1074,219 @@ form div{
margin-top: 5px;
}

/*SY START ------------------------------------------*/

.yourreservation{
margin: 0;
padding: 0;
}

.yourreservation > h1{
text-align: center;
color: #257;
margin-top: 3em;
margin-bottom: ;
}

.yourreservation2{
margin: 0;
padding: 0;
}

.yourreservation2 > h1{
text-align: center;
color: #257;
margin-top: 0em;
margin-bottom: ;
}

.gridcon{

margin-left: auto;
margin-right: auto;
width: 95%;
}

.grid {
margin-bottom: 2.5em;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr;
grid-template-areas:
"name date start end theme reservedate reservetime "
}

.grid > div >p{
margin: 0;
padding: 0;
font: normal arial, helvetica, sans-serif;
text-align: center;
}

.grid > div >p:nth-child(odd){
display: block;
background-color: #257;
padding-top: 7px;
padding-bottom: 7px;
color: #fff;
font-weight: bold;
}

.grid > div >p:nth-child(even){
display: block;
padding-top: 14px;
padding-bottom: 22px;
}
.name{
grid-area: name;
border: solid 1px;
}

.date{
grid-area: date;
border-style: solid;
border-width: thin;
border-left: 0;
border-right: ;
border-top: ;
border-bottom: ;
}

.start{
grid-area: start;
border-style: solid;
border-width: thin;
border-left: 0;
border-right: ;
border-top: ;
border-bottom: ;
}

.end{
grid-area: end;
border-style: solid;
border-width: thin;
border-left: 0;
border-right: ;
border-top: ;
border-bottom: ;
}

.theme{
grid-area: theme;
border-style: solid;
border-width: thin;
border-left: 0;
border-right: ;
border-top: ;
border-bottom: ;
}

.reservedate{
grid-area: reservedate;
border-style: solid;
border-width: thin;
border-left: 0;
border-right: ;
border-top: ;
border-bottom: ;
}

.reservetime{
grid-area: reservetime;
border-style: solid;
border-width: thin;
border-left: 0;
border-right: ;
border-top: ;
border-bottom: ;
}




.gridcon2{
margin-top: 1.5em;
margin-left: auto;
margin-right: auto;
width: 95%;
}

.grid2 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr;
grid-template-areas:
"i1 i2 i4"
"i3 i3 i3";
}

.grid2 > div >p{
margin: 0;
padding: 0;
font: normal arial, helvetica, sans-serif;
}

.grid2 > div >p{
margin: 0;
padding: 0;
text-align: center;
}

.grid2 > div >p:nth-child(odd){
display: block;
background-color: #257;
padding-top: 7px;
padding-bottom: 7px;
color: #fff;
font-weight: bold;
}

.grid2 > div >p:nth-child(even){
display: block;
padding-top: 14px;
padding-bottom: 22px;
padding-left: 3em;
padding-right: 3em;

}

.i1{
grid-area: i1;
border: solid 1px;
}

.i2{
grid-area: i2;
border-style: solid;
border-width: thin;
border-left: 0;
border-right: ;
border-top: ;
border-bottom: ;
}


.i4{
grid-area: i4;
border-style: solid;
border-width: thin;
border-left: 0;
border-right: ;
border-top: ;
border-bottom: ;
}

.i3{
grid-area: i3;
border-style: solid;
border-width: thin;
border-left: ;
border-right: ;
border-top: 0;
border-bottom: ;
margin-bottom: 2em;
}


/*SY END ------------------------------------------*/
@@ -995,81 +995,99 @@ button:hover {
font-size: 3em;
}
/**/
.grid {
width: 80%;
.packagehead{
padding: 2em;
display: block;
margin: auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%;
width: 100%;
}

.packagehead h1{
text-align: center;
color: #257;
font-weight: bold;
font-size: 3em;
}

.grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr;
box-sizing: border-box;
}


.grid > div{
min-width: 25%;
background-color: #f3f3f3;
margin: 1em;
border: 2px #39d solid;
margin: 1em 1em 2em 1em;
border: 1px #257 solid;
padding: 1em;
box-sizing: border-box;
}

.grid h1{
box-sizing: border-box;
font-weight: bold;
padding: 1em 0 1em 0;
color: #000;
color: #fff;
text-align: center;
background-color: #257;
padding: 2em 1em 1em 1em;
min-height: 5em;
max-height: 5em;
text-transform: uppercase;
margin: -1em -1em -1em -1em;
}

.grid img{
display: block;
margin: auto;
min-width: 90%;
border: 2px #39d solid;
box-sizing: border-box;
}

.grid ul{
margin: 3em auto 1em auto;
min-width: 90%;
border: 1px #257 solid;
box-sizing: border-box;
margin: 0;
padding: 0;
margin-top: 2em;
text-align: left;
}

.grid li{
box-sizing: border-box;
.grid p{
display: block;
text-align: left;
font: normal 18px Arial, Helvetica, sans-serif;
margin: 0 auto;
margin-left: 18px;
padding: 0 auto;
padding-bottom: 18px;
color: #777;
margin: 0 1em 1em 1em;
padding: 0 auto;
color: #222;
text-transform: full-width;
}

.grid a{
margin-left: 1em;
.grid button{
display: block;
padding: 5px 1px;
color: #fff;
background: #257;
font: normal 18px Arial, Helvetica, sans-serif;
text-align: center;
width: 35%;
border: none;
box-sizing: border-box;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.grid a:hover
{
background: #2ca;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
margin: auto;
vertical-align: bottom;
margin-bottom: 1em;
}


.gridcontainer {
}

input[type="submit"]{
cursor: pointer;
width: 100%;
border: none;
background: #1abc9c;
color: #FFF;
margin: 0 0 1em 0;
padding: 10px;
font-size: 15px;
}

.sbutton {

width: 115px;
height: 25px;
background: #4E9CAF;
padding: 10px;
text-align: center;
border-radius: 5px;
color: white;
font-weight: bold;
}
/**/

.buttonwrap{
@@ -1,3 +1,4 @@
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic);
/* line 3, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
*, *:before, *:after {
@@ -332,7 +333,7 @@ header {
/* line 342, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
footer {
position: relative;
margin: 0;
margin: 0 0 0 0;
padding: 2em 0;
height: 300px;
background: #214a6d; }
@@ -975,9 +976,10 @@ button:hover {
margin: 0px 0 5px 50px;
text-align: center;
color: #fff;

}

/*SY START*/

.packagehead{
padding: 2em;
display: block;
@@ -993,78 +995,54 @@ button:hover {
}

.grid {
width: 80%;
margin: auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr;
box-sizing: border-box;
}


.grid > div{
min-width: 25%;
background-color: #f3f3f3;
margin: 1em;
border: 2px #39d solid;
margin: 1em 1em 2em 1em;
border: 1px #257 solid;
padding: 1em;
box-sizing: border-box;
}

.grid h1{
box-sizing: border-box;
font-weight: bold;
padding: 1em 0 1em 0;
color: #000;
color: #fff;
text-align: center;
background-color: #257;
padding: 2em 1em 1em 1em;
min-height: 5em;
max-height: 5em;
text-transform: uppercase;
margin: -1em -1em -1em -1em;
}

.grid img{
display: block;
margin: auto;
min-width: 90%;
border: 2px #39d solid;
box-sizing: border-box;
}

.grid ul{
box-sizing: border-box;
margin: 0;
padding: 0;
margin-top: 2em;
text-align: left;
}

.grid li{
margin: 3em auto 1em auto;
min-width: 90%;
border: 1px #257 solid;
box-sizing: border-box;
font: normal 18px Arial, Helvetica, sans-serif;
margin: 0 auto;
margin-left: 18px;
padding: 0 auto;
padding-bottom: 18px;
color: #777;
}

.grid a{
margin-left: 1em;
.grid> div> p{
display: block;
padding: 5px 1px;
color: #fff;
background: #257;
text-align: left;
font: normal 18px Arial, Helvetica, sans-serif;
text-align: center;
width: 35%;
border: none;
box-sizing: border-box;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.grid a:hover
{
background: #2ca;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
margin: 0 1em 1em 1em;
padding: 0 auto;
color: #222;
text-transform: full-width;

}



.gridcontainer {
}

@@ -1106,6 +1084,8 @@ cursor: pointer;
border-bottom: none;;
}

/*SY END*/

.formstyle1{
max-width: 80%;
background: #f3f3f3;
@@ -1171,12 +1151,6 @@ cursor: pointer;
color: #000;
}

<<<<<<< HEAD




=======
.formstyle1 select{
-webkit-appearance: menulist-button;
height:35px;
@@ -1240,3 +1214,34 @@ cursor: pointer;
/*
}*/

.formstyle1 .note p {
position: absolute;
color: #e74c3c;
margin-right: 10px;
font-size: 10px;

}


.grid button{
display: block;
margin: auto;
vertical-align: bottom;
margin-bottom: 1em;
}

footer span.fudge {
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
font-family: "Open Sans";
font-size: 65px;
font-weight: normal;
position: absolute;
left: 0;
text-align: center;
width: 100%;
letter-spacing: -5px;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@@ -1,6 +1,3 @@
/*
Mobile Menu Core Style
*/


.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
@@ -21,13 +18,9 @@
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */

.slicknav_menu { *zoom: 1 }

/*
User Default Style
Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
font-size:16px;
@@ -50,7 +43,7 @@
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-radius: 4px;
background-color: #222222;
}
/* Button Text */
@@ -102,5 +95,5 @@
background-color: #3DB4FF;
}
.slicknav_nav .slicknav_txtnode {
margin-left:15px;
margin-left:15px;
}
@@ -1,3 +1,5 @@
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

@import url(http://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic);
/* line 3, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
*, *:before, *:after {
@@ -161,7 +163,7 @@ header {
box-shadow: 0 -2px 0 0 #2e8ece inset; }
/* line 168, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
header .parallax {

}
/* line 178, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
header .site-logo {
@@ -583,15 +585,15 @@ footer {
outline: 0;
padding: 7px;
width: 50%;
box-sizing: border-box;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-sizing: border-box;
background-color: #e8eeef;
color:#8a97a0;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
margin-bottom: 30px;

}
.form-style-5 input[type="text"]:focus,
.form-style-5 input[type="date"]:focus,
@@ -947,16 +949,21 @@ button {
transition-duration: 0.4s;

}

/*SY START*/

button:hover {
background-color: #1abc9c;
width: 550px;
border: 0;
padding: 10px 0;
margin: 5px 0;
/*padding: 10px 0;
margin: 5px 0;*/
text-align: center;
color: #fff;

}

/*SY END*/

.number1 {
background: #1abc9c;
color: #fff;
@@ -3392,7 +3399,7 @@ footer {
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/*
/*
User Default Style
Change the following styles to modify the appearance of the menu.
*/
@@ -3418,7 +3425,7 @@ footer {
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-radius: 4px;
background-color: #222222;
}
/* Button Text */
@@ -3470,5 +3477,225 @@ footer {
background-color: #3DB4FF;
}
.slicknav_nav .slicknav_txtnode {
margin-left:15px;
margin-left:15px;
}

/*======================================================================
SY START
======================================================================*/

.gridcon{
margin-top: 4em;
margin-left: auto;
margin-right: auto;
width: 95%;
}

.yourreservation{
margin-top: 3.5em;
margin-bottom: -3em;
}

.yourreservation > h1{
text-align: center;
color: #257;

}

.grid{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr;
grid-template-areas:
"i12 i12 i12 i12 i12"
"i1 i2 i4 i5 i6"
"i7 i8 i9 i10 i11"
"i3 i3 i3 i3 i3"
;
}

.grid > div{
display: grid;
text-align: center;
align-self: flex-start;
border-color: #000;
}

.grid > div >p{
margin: 0;
padding: 0;
font: normal arial, helvetica, sans-serif;
}

.grid > div >p:nth-child(odd){
display: block;
background-color: #257;
padding-top: 7px;
padding-bottom: 7px;
color: #fff;
font-weight: bold;
}

.grid > div >p:nth-child(even){
display: block;
padding-top: 14px;
padding-bottom: 22px;
padding-left: 3em;
padding-right: 3em;

}

.i1{
grid-area: i1;
border: solid 1px;
}

.i2{
grid-area: i2;
border-style: solid;
border-width: thin;
border-left: 0;
border-right: ;
border-top: ;
border-bottom: ;
}


.i4{
grid-area: i4;
border-style: solid;
border-width: thin;
border-left: 0;
border-right: ;
border-top: ;
border-bottom: ;
}

.i5{
grid-area: i5;
border-style: solid;
border-width: thin;
border-left: 0;
border-right: ;
border-top: ;
border-bottom: ;
}

.i6{
grid-area: i6;
border-style: solid;
border-width: thin;
border-left: 0;
border-right: ;
border-top: ;
border-bottom: ;
}

.i7{
grid-area: i7;
border-style: solid;
border-width: thin;
border-left: ;
border-right: ;
border-top: 0;
border-bottom: ;
}

.i8{
grid-area: i8;
border-style: solid;
border-width: thin;
border-left: 0;
border-right: ;
border-top: 0;
border-bottom: ;
}

.i9{
grid-area: i9;
border-style: solid;
border-width: thin;
border-left: 0;
border-right: ;
border-top: 0;
border-bottom: ;
}

.i10{
grid-area: i10;
border-style: solid;
border-width: thin;
border-left: 0;
border-right: ;
border-top: 0;
border-bottom: ;
}

.i11{
grid-area: i11;
border-style: solid;
border-width: thin;
border-left: 0;
border-right: ;
border-top: 0;
border-bottom: ;
}

.i3{
grid-area: i3;
border-style: solid;
border-width: thin;
border-left: ;
border-right: ;
border-top: 0;
border-bottom: ;
margin-bottom: 2em;
}

.i12{
grid-area: i12;
border-style: solid;
border-width: thin;
border-left: ;
border-right: ;
border-top: ;
border-bottom: 0;
text-transform: uppercase;
}

.cancelres{
display: inline-block;
width: 100%;
text-align: center;
font: normal arial, helvetica, sans-serif;
font-weight: bold;
}

.cancelres> button{
margin-bottom: 2.5em;
}

.cancelres > button:nth-child(odd){
margin-right: 1em;
}
.cancelres > button:nth-child(even){
margin-left: 1em;
}

footer span.fudge {
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
font-family: "Open Sans";
font-size: 65px;
font-weight: normal;
position: absolute;
left: 0;
text-align: center;
width: 100%;
letter-spacing: -5px;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*======================================================================
SY END
======================================================================*/
@@ -2179,3 +2179,10 @@ footer {
h2,
h3 {
page-break-after: avoid; } }

.name h1 {
float: right;
color: white;
font-size: 15px;
margin-bottom: -20px;
}
@@ -1,5 +1,4 @@
@import url(http://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
/* line 3, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
*, *:before, *:after {
-moz-box-sizing: border-box;
@@ -20,7 +19,12 @@ body {

/* line 19, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
.container {
background: white; }
background: url("../images/kasal32.jpg") fixed 50% 50%;
width: 100%;
height: 100%;
background-size: cover;

}
/* line 22, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
.container .site-what-i-do {
width: 100%;
@@ -162,7 +166,7 @@ header {
box-shadow: 0 -2px 0 0 #2e8ece inset; }
/* line 168, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
header .parallax {

}
/* line 178, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
header .site-logo {
@@ -210,6 +214,8 @@ header {
list-style: none; }
/* line 222, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
header .site-main-menu ul li a {
padding-top: 10px;
padding-bottom: 5px;
color: #fdfdfd;
margin: 0;
display: block;
@@ -332,11 +338,11 @@ header {

/* line 342, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
footer {
position: relative;
margin: 0;
padding: 2em 0;
height: 300px;
background: #214a6d; }
position: relative;
margin: 0;
padding: 2em 0;
height: 300px;
background: #214a6d }
/* line 349, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
footer .site-wrapper {
text-align: center; }
@@ -584,15 +590,15 @@ footer {
outline: 0;
padding: 7px;
width: 50%;
box-sizing: border-box;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-sizing: border-box;
background-color: #e8eeef;
color:#8a97a0;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
margin-bottom: 30px;

}
.form-style-5 input[type="text"]:focus,
.form-style-5 input[type="date"]:focus,
@@ -702,7 +708,6 @@ footer {


</style>

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);
* {
margin: 0;
@@ -722,44 +727,45 @@ footer {
.container1 {
max-width: 400px;
width: 100%;
margin: 200px auto auto 100px ;
margin: 100px auto auto 100px ;
position: relative;
}

.container2 {
display: block;
max-width: 600px;
max-width: 560px;
width: 100%;
margin: auto ;
margin-top: 5em;
margin: 110px 300px 50px auto ;
position: relative;

}


#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact input[type="password"],
#contact input[type="password"]
#contact textarea,
#contact button[type="submit"] {
font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
}

#contact {
background: #F9F9F9;
padding: 25px;
margin: 10px 0 auto auto;
padding: 30px;
margin: 10px 450px 95px -400px;

box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

#contact h3 {
display: block;
text-align: center;
font-size: 30px;
font-weight: 300;
margin-bottom: 50px;
font-weight: bold;
color: #555;
font-weight: 400;
margin-top: 5px;
margin-bottom: 20px;
color: #1abc9c;
}

#contact h4 {
@@ -783,11 +789,15 @@ fieldset {
#contact input[type="url"],
#contact input[type="password"],
#contact textarea {
width: 100%;
text-align: center;
width: 450px;
height: 30px;
border: 1px solid #ccc;
background: #FFF;
margin: 0 0 1em 0;
margin: 0 0 5px;
padding: 10px;
font-size: 14px;

}

#contact input[type="text"]:hover,
@@ -812,16 +822,15 @@ fieldset {
cursor: pointer;
width: 100%;
border: none;
background: #257;
background: #1abc9c;
color: #FFF;
margin: 3em 0 5px 0;
margin: 0 0 5px;
padding: 10px;
font-size: 15px;
}

#contact button[type="submit"]:hover {
background: #1abc9c;
color: #000;
-webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
@@ -1170,27 +1179,9 @@ h2[jan],.monthLink[jan] {
}

footer {
text-align: center;
font-family: 'PT Mono', sans-serif;
}

footer span.fudge {
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
font-family: "Open Sans";
font-size: 65px;
font-weight: normal;
position: absolute;
left: 0;
text-align: center;
width: 100%;
letter-spacing: -5px;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}



.month:not(#jan):target h2[jan],.month:not(#jan):target .monthLink[jan]{
display:none;
}
@@ -3322,7 +3313,7 @@ kbd {

/* line 30, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/screen.css.sass */
footer {
margin-top: 3em;
margin-top: 0em;
text-align: right; }

/* line 36, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/screen.css.sass */
@@ -3417,7 +3408,7 @@ footer {
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/*
/*
User Default Style
Change the following styles to modify the appearance of the menu.
*/
@@ -3443,7 +3434,7 @@ footer {
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-radius: 4px;
background-color: #222222;
}
/* Button Text */
@@ -3495,20 +3486,5 @@ footer {
background-color: #3DB4FF;
}
.slicknav_nav .slicknav_txtnode {
margin-left:15px;
}

footer span.fudge {
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
font-family: "Open Sans";
font-size: 65px;
font-weight: normal;
position: absolute;
left: 0;
text-align: center;
width: 100%;
letter-spacing: -5px;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left:15px;
}
@@ -1,4 +1,5 @@
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

@import url(http://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic);
/* line 3, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
*, *:before, *:after {
@@ -168,7 +169,7 @@ header {
box-shadow: 0 -2px 0 0 #2e8ece inset; }
/* line 168, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
header .parallax {
background: url("../images/Untitled-1.jpg") no-repeat fixed 0 0/100% rgba(0, 0, 0, 0);
background: url("../images/1.jpg") no-repeat fixed 0 0/100% rgba(0, 0, 0, 0);
height: 1200px;
left: 0;
margin: 0;
@@ -213,6 +214,7 @@ header {
/* line 212, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
header .site-main-menu ul {
padding: 0;
padding-bottom: 10px;
margin: 0 10px;
display: block; }
/* line 217, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
@@ -222,6 +224,7 @@ header {
list-style: none; }
/* line 222, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
header .site-main-menu ul li a {
padding-top: 10px;
color: #fdfdfd;
margin: 0;
display: block;
@@ -343,34 +346,10 @@ header {
width: 70%; }

/* line 342, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
.buttonshit button[type="submit"]{
background-color: #214a6d;
width: 140px;
border: 0;
float: left;
padding: 5px 0;
margin: 0px 0 5px 50px;
text-align: center;
color: #fff;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}

.buttonshit button[type="submit"]:hover{
background-color: #1abc9c;
width: 140px;
border: 0;
padding: 5px 0;
margin: 0px 0 5px 50px;
text-align: center;
color: #fff;
}


footer {
position: relative;
margin: 0;
padding: 2px 0 50px 0;
padding: 2em 0;
height: 300px;
background: #214a6d; }
/* line 349, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
@@ -411,7 +390,7 @@ footer {
font-weight: 600;
color: white;
margin: 0 auto;
background: none repeat scroll 0 0 #3db4ff;
background: none repeat scroll 0 0 #1abc9c;
position: relative;
opacity: 0.8; }
/* line 389, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
@@ -492,7 +471,7 @@ footer {
display: none; } }
@media only screen and (max-width: 980px) {
/* line 451, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
.site-main-menu {
.site-aamain-menu {
display: none; }

/* line 454, f:/SHIRO/Cloud/Work/shiro/source/stylesheets/style.css.sass */
@@ -582,3 +561,20 @@ footer {


}
#header button[type=submit] {
float: right;
margin: 10px;
border: none;
background-color: #1abc9c;
border-radius: 4px;
width: 100px;
height: 30px;
color: white;

}

.name h1 {

color: white;

}