/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
 html{
    font-family:sans-serif;
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,footer,header,nav,section{
    display:block
}
figcaption,figure,main{
    display:block
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent;
    -webkit-text-decoration-skip:skip
}
a:active,a:hover{
    outline-width:0
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:inherit
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
dfn{
    font-style:italic
}
mark{
    background-color:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
audio,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
img{
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
button,input,optgroup,select,textarea{
    font-family:sans-serif;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html [type="button"],[type="reset"],[type="submit"]{
    -webkit-appearance:button
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
    border-style:none;
    padding:0
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    display:inline-block;
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type="checkbox"],[type="radio"]{
    box-sizing:border-box;
    padding:0
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{
    height:auto
}
[type="search"]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details,menu{
    display:block
}
summary{
    display:list-item
}
canvas{
    display:inline-block
}
template{
    display:none
}
[hidden]{
    display:none
}
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-size:100%;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
@font-face{
    font-family:'devanagari_sangam_mnbold';
    src:url(/user/themes/brownsofbrockley/fonts/devanagarisangammn-bold-webfont.woff) format("woff");
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:'devanagari_sangam_mnregular';
    src:url(/user/themes/brownsofbrockley/fonts/devanagarisangammn-webfont.woff) format("woff");
    font-weight:400;
    font-style:normal
}
body,html{
    font-family:'devanagari_sangam_mnregular';
    width:100%;
    height:100%;
    font-size:16px;
    margin:0;
    padding:0
}
@media (min-width:1024px){
    body,html{
        font-size:14px
    }
}
@media (min-width:1280px){
    body,html{
        font-size:16px
    }
}
@media (min-width:1920px){
    body,html{
        font-size:24px
    }
}
a:link,a:visited{
    color:#000;
    text-decoration:none
}
a:hover{
    opacity:.75
}
a:active{
    opacity:.5
}
header{
    text-transform:uppercase;
    -webkit-order:0;
    -ms-flex-order:0;
    order:0;
    -webkit-flex:0 1 auto;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    -webkit-align-self:auto;
    -ms-flex-item-align:auto;
    align-self:auto;
    margin:1.5rem
}
.site{
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    position:fixed
}
.imagewrapper{
    position:relative;
    height:50%
}
@media (min-width:1024px){
    .imagewrapper{
        height:calc(100vh - 8.5rem)
    }
}
.imagewrapper img{
    max-width:100%;
    max-height:100%;
    position:absolute;
    top:48%;
    left:50%;
    transform:translate(-50%,-50%)
}
@media (min-width:1024px){
    footer{
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-flex-wrap:wrap-reverse;
        -ms-flex-wrap:wrap-reverse;
        flex-wrap:wrap-reverse;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-align-content:center;
        -ms-flex-line-pack:center;
        align-content:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center
    }
}
footer .item{
    margin:.75rem 1.5rem;
    text-align:left;
    font-size:1rem;
    line-height:1.2rem
}
@media (min-width:1024px){
    footer .item{
        margin:1.5rem;
        text-align:center
    }
}
footer .address{
    text-transform:uppercase;
    -webkit-order:0;
    -ms-flex-order:0;
    order:0;
    -webkit-flex:0 1 auto;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    -webkit-align-self:auto;
    -ms-flex-item-align:auto;
    align-self:auto
}
footer .hours{
    text-transform:uppercase;
    -webkit-order:0;
    -ms-flex-order:0;
    order:0;
    -webkit-flex:0 1 auto;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    -webkit-align-self:auto;
    -ms-flex-item-align:auto;
    align-self:auto
}
footer .hours span{
    display:inline-block
}
footer .contact{
    padding-top:.5rem;
    -webkit-order:0;
    -ms-flex-order:0;
    order:0;
    -webkit-flex:0 1 auto;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    -webkit-align-self:auto;
    -ms-flex-item-align:auto;
    align-self:auto;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-align-content:center;
    -ms-flex-line-pack:center;
    align-content:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
@media (min-width:1024px){
    footer .contact{
        padding:0
    }
}
@media (max-width:1024px){
    footer .contact{
        max-width:8rem
    }
}
footer .contact span{
    position:relative;
    top:.33rem
}
footer .contact .mail .mailimg{
    height:1rem;
    width:2rem;
    display:inline-block;
    background-image:url(/user/themes/brownsofbrockley/images/mail.svg);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:0% 50%
}
footer .contact .twitter .twitterimg{
    height:1rem;
    width:2rem;
    display:inline-block;
    background-image:url(/user/themes/brownsofbrockley/images/twitter.svg);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:80% 50%
}
footer .contact .insta .instaimg{
    height:1rem;
    width:2rem;
    display:inline-block;
    background-image:url(/user/themes/brownsofbrockley/images/instagram.svg);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:100% 50%
}
.notices{
    padding:1px 1px 1px 30px;
    margin:15px 0
}
.notices.yellow{
    border-left:10px solid #f0ad4e;
    background:#fcf8f2;
    color:#df8a13
}
.notices.red{
    border-left:10px solid #d9534f;
    background:#fdf7f7;
    color:#b52b27
}
.notices.blue{
    border-left:10px solid #5bc0de;
    background:#f4f8fa;
    color:#28a1c5
}
.notices.green{
    border-left:10px solid #5cb85c;
    background:#f1f9f1;
    color:#3d8b3d
}
.form-group.has-errors{
    background:rgba(255,0,0,.05);
    border:1px solid rgba(255,0,0,.2);
    border-radius:3px;
    margin:0 -5px;
    padding:0 5px
}
.form-errors{
    color:#b52b27
}
.form-honeybear{
    visibility:hidden;
    position:absolute!important;
    height:1px;
    width:1px;
    overflow:hidden;
    clip:rect(1px,1px,1px,1px)
}
.form-errors p{
    margin:0
}
.form-input-file input{
    display:none
}
.form-input-file .dz-default.dz-message{
    position:absolute;
    text-align:center;
    left:0;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    margin:0
}
.form-input-file.dropzone{
    position:relative;
    min-height:70px;
    border-radius:3px;
    margin-bottom:.85rem;
    border:2px dashed #ccc;
    color:#aaa;
    padding:.5rem
}
.form-input-file.dropzone .dz-preview{
    margin:.5rem
}
.form-input-file.dropzone .dz-preview:hover{
    z-index:2
}
.form-input-file.dropzone .dz-preview .dz-error-message{
    min-width:140px;
    width:auto
}
.form-input-file.dropzone .dz-preview .dz-image,.form-input-file.dropzone .dz-preview.dz-file-preview .dz-image{
    border-radius:3px;
    z-index:1
}
.form-tabs .tabs-nav{
    display:flex;
    padding-top:1px;
    margin-bottom:-1px
}
.form-tabs .tabs-nav a{
    flex:1;
    transition:color 0.5s ease,background 0.5s ease;
    cursor:pointer;
    text-align:center;
    padding:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:1px solid #eee;
    border-radius:5px 5px 0 0
}
.form-tabs .tabs-nav a.active{
    border:1px solid #eee;
    border-bottom:1px solid transparent;
    margin:0 -1px
}
.form-tabs .tabs-nav a.active span{
    color:#000
}
.form-tabs .tabs-nav span{
    display:inline-block;
    line-height:1.1
}
.form-tabs.subtle .tabs-nav{
    margin-right:0!important
}
.form-tabs .tabs-content .tab__content{
    display:none;
    padding-top:2rem
}
.form-tabs .tabs-content .tab__content.active{
    display:block
}
.checkboxes{
    display:inline-block
}
.checkboxes label{
    display:inline;
    cursor:pointer;
    position:relative;
    padding:0 0 0 20px;
    margin-right:15px
}
.checkboxes label:before{
    content:"";
    display:inline-block;
    width:20px;
    height:20px;
    left:0;
    margin-top:0;
    margin-right:10px;
    position:absolute;
    border-radius:3px;
    border:1px solid #e6e6e6
}
.checkboxes input[type=checkbox]{
    display:none
}
.checkboxes input[type=checkbox]:checked+label:before{
    content:"\2713";
    font-size:20px;
    line-height:1;
    text-align:center
}
.checkboxes.toggleable label{
    margin-right:0
}
.form-field-toggleable .checkboxes.toggleable{
    margin-right:5px;
    vertical-align:middle
}
.form-field-toggleable .checkboxes+label{
    display:inline-block
}
.switch-toggle{
    display:inline-flex;
    overflow:hidden;
    border-radius:3px;
    line-height:35px;
    border:1px solid #eee
}
.switch-toggle input[type=radio]{
    position:absolute;
    visibility:hidden;
    display:none
}
.switch-toggle label{
    display:inline-block;
    cursor:pointer;
    padding:0 15px;
    margin:0;
    white-space:nowrap;
    color:inherit;
    transition:background-color 0.5s ease
}
.switch-toggle input.highlight:checked+label{
    background:#333;
    color:#fff
}
.switch-toggle input:checked+label{
    color:#fff;
    background:#999
}
.signature-pad{
    position:relative;
    display:flex;
    flex-direction:column;
    font-size:10px;
    width:100%;
    height:100%;
    max-width:700px;
    max-height:460px;
    border:1px solid #f0f0f0;
    background-color:#fff;
    padding:16px
}
.signature-pad--body{
    position:relative;
    flex:1;
    border:1px solid #f6f6f6;
    min-height:100px
}
.signature-pad--body canvas{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:4px;
    box-shadow:0 0 5px rgba(0,0,0,.02) inset
}
.signature-pad--footer{
    color:#C3C3C3;
    text-align:center;
    font-size:1.2em
}
.signature-pad--actions{
    display:flex;
    justify-content:space-between;
    margin-top:8px
}
[data-grav-field="array"] .form-row{
    display:flex;
    align-items:center;
    margin-bottom:.5rem
}
[data-grav-field="array"] .form-row>input,[data-grav-field="array"] .form-row>textarea{
    margin:0 .5rem;
    display:inline-block
}
#grav-login{
    max-width:30rem;
    margin:5rem auto;
    background:#fcfcfc;
    border:4px solid #eee;
    border-radius:4px;
    padding:1rem 3rem 3rem 3rem;
    text-align:center
}
#grav-login .form-actions{
    text-align:right
}
#grav-logout{
    position:absolute;
    bottom:5px;
    right:5px
}
.alert.info{
    color:#27ae60
}
.alert.error{
    color:#e74c3c
}
#grav-login p{
    font-size:small;
    margin:1rem 0;
    padding:0;
    text-align:center
}
#grav-login .form-actions p{
    margin-bottom:0
}
#grav-login .button{
    vertical-align:middle
}
#grav-login .delimiter{
    display:block;
    font-size:1.6rem;
    letter-spacing:1px;
    line-height:1.6rem;
    position:relative;
    text-transform:uppercase;
    margin:1rem 0
}
#grav-login .delimiter:after,#grav-login .delimiter:before{
    background-color:#777;
    content:"";
    height:1px;
    position:absolute;
    top:.8rem;
    width:40%
}
#grav-login .delimiter:before{
    background-image:-moz-linear-gradient(right center,#777777,#ffffff);
    left:0
}
#grav-login .delimiter:after{
    background-image:-moz-linear-gradient(left center,#777777,#ffffff);
    right:0
}
#grav-login .rememberme{
    display:inline-block;
    float:left;
    padding:7px 0;
    vertical-align:middle
}
#grav-login .rememberme label{
    font-weight:inherit;
    display:inline
}
.login-status{
    white-space:nowrap;
    vertical-align:middle
}