*,*:before,*:after{box-sizing:border-box}
body{margin:0;padding:0}
body,input,select,textarea{color:#585858;font-size:1.2em;font-family:Georgia,times,serif;font-weight:300;line-height:1.7}
@media all and (max-width:1280px){body,input,select,textarea{font-size:1.1em}}
h1,h2,h3,h4{font-family:ArialRoundedMTBold,'Segoe UI',sans-serif-light,fantasy;font-weight:400;line-height: 1.2}
h1{font-size:2em}
h2,h3,h4{font-size:1.5em}
.mobile-only{display:none}
@media only screen and (max-width : 700px) { h1{font-size:1.5em} h2,h3,h4{font-size:1.4em;color:#333} .desktop-only{display:none} .mobile-only{display:inline} }
a{transition:border-bottom-color 0.2s ease, color 0.2s ease;text-decoration:none;border-bottom:dotted 1px rgba(88,88,88,0.5)}
a:hover{color:#f2849e!important}
p{-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;}

.row-wr{display:inline-block;vertical-align:top;width:100%;text-align:center}
.row-wr>div{width:auto;display:inline-block;vertical-align:top;margin-left:1%;margin-right:1%;margin-bottom:2%}
@media all and (max-width:400px){.row-wr>div{margin-left:.2em;margin-right:.2em;margin-bottom:.4em}}
@media all and (min-width:401px) and (max-width:930px){.row-wr>div{margin-left:.5%;margin-right:.5%;margin-bottom:1%}}
@media all and (min-width:931px) and (max-width:2550px){.row-wr>div{margin-left:5px;margin-right:5px;margin-bottom:10px}}

blockquote{margin:0}
footer form{margin:0}
.form-group{width:100%;margin-bottom:2em}
label{display:block;font-size:0.9em;font-weight:900;margin:0 0 1em 0}
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],select,textarea{background-color:transparent;border:none;border-radius:0;border-bottom:solid 1px #c9c9c9;color:inherit;display:block;outline:0;padding:0;text-decoration:none;width:100%}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,select:focus,textarea:focus{border-bottom-color:#f2849e;box-shadow:inset 0 -1px 0 0 #f2849e}
input[type="text"],input[type="password"],input[type="email"],select{height:3em}
textarea{padding:0;min-height:3.75em}

.image-wr>div{border-radius:4px;border:0;display:inline-block;position:relative;width:auto}
.image-wr>div>img{border-radius:4px;display:block;width:100%}

input[type="submit"],input[type="reset"],input[type="button"],button{transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;background-color:transparent;border-radius:4px;border:0;box-shadow:inset 0 0 0 2px #585858;color:#585858!important;cursor:pointer;display:inline-block;font-size:0.8em;font-weight:900;height:3.5em;letter-spacing:0.35em;line-height:3.45em;overflow:hidden;padding:0 1.25em 0 1.6em;text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:hover{color:#f2849e!important;box-shadow:inset 0 0 0 2px #f2849e}
input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active,button:active{background-color:rgba(242, 132, 158, 0.1)}
input[type="submit"].special,input[type="reset"].special,input[type="button"].special,button.special{box-shadow:none;background-color:#585858;color:#ffffff!important}
input[type="submit"].special:hover,input[type="reset"].special:hover,input[type="button"].special:hover,button.special:hover{background-color:#f2849e}
input[type="submit"].special:active,input[type="reset"].special:active,input[type="button"].special:active,button.special:active{background-color:#ee5f81}

.image-wr.animated>div{transition: transform 0.5s ease, opacity 0.5s ease;position:relative;width:400px;height:571px}
@media all and (min-width:621px) and (max-width:930px){.image-wr.animated>div{width:31%;height:31%;overflow:hidden} main{padding:0!important}blockquote{padding:0 4%}}
@media all and (min-width:401px) and (max-width:620px){.image-wr.animated>div{width:48%;height:48%;overflow:hidden}}
@media all and (max-width:400px){.image-wr.animated>div{width:150px;height:150px;overflow:hidden}}
.image-wr.animated>div>picture img{display:block;width:100%;height:auto}
@media all and (min-width:401px){.image-wr.animated>div>picture img{display:block}}
.image-wr.animated>div:before{transition:background-color 0.5s ease,opacity 0.5s ease;content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:1.0;z-index:1;opacity:0.8}
.image-wr.animated>div:nth-child(n):before{width:100%;box-sizing:border-box}
.image-wr.animated>div{position:relative}
.image-wr.animated>div>a{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color 0.5s ease,transform 0.5s ease;position:absolute;top:0;left:0;width:100%;height:100%;padding:1em;border-radius:4px;border-bottom:0;color:#ffffff;text-align:center;text-decoration:none;z-index:3}
@media all and (min-width:401px){.image-wr.animated>div>a{overflow:hidden}}
.image-wr.animated>div>a>:last-child{margin:0}
.image-wr.animated>div>a:hover{color:#ffffff!important}
.image-wr.animated>div>a h2{margin:0;opacity:0.2;position:absolute;bottom:0}
@media all and (max-width:767px){.image-wr.animated>div>a{padding:0.7em 0 0 0} .image-wr.animated>div>a h2, .image-wr.animated>div>a p{font-size:.85em;line-height:1.2}}
.image-wr.animated>div>a>div{transition:max-height 0.5s ease,opacity 0.5s ease;width:100%;max-height:0;margin-top:0.35em;opacity:0}
.image-wr.animated>div>a>div>:last-child{margin-bottom:0}
body:not(.is-touch) .image-wr.animated>div:hover,.image-wr.animated>div:active{transform: scale(1.03)}
.image-wr.animated>div:nth-child(6n+1):hover:before{background-color:#800;opacity:.8}
.image-wr.animated>div:nth-child(6n+2):hover:before{background-color:#282;opacity:.8} 
.image-wr.animated>div:nth-child(6n+3):hover:before{background-color:#058;opacity:.8}
.image-wr.animated>div:nth-child(6n+4):hover:before{background-color:#831;opacity:.8}
.image-wr.animated>div:nth-child(6n+5):hover:before{background-color:#528;opacity:.8}
.image-wr.animated>div:nth-child(6n+6):hover:before{background-color:#088;opacity:.8}
.image-wr.animated>div:hover a>div{max-height:15em;opacity:1}
.image-wr.animated>div:hover h2{color:#ffffff;opacity:1;position:static;font-family:Georgia,times,serif;text-shadow:1px 1px 1px rgba(0,0,0,0.3),1px -1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.3),-1px -1px 1px rgba(0,0,0,0.3)}

header{width:100%;height:45px;border-bottom:solid 1px #e7e7e7}
header>div>a{border-bottom:0;color:#f2849e;font-size:20px;font-weight:900;letter-spacing:0.35em;text-transform:uppercase;display:inline-block}
header>div>a>*{line-height: 48px;display:inline-block;vertical-align:middle}

footer{padding-bottom:.5em;margin-top:2em;background-color:#f6f6f6}
footer>div>*>:last-child{margin-bottom:0}
footer>div>div{display:inline-block;vertical-align:top}
footer>div>ul{width:100%;padding:0;margin-top:2em;list-style:none;font-size:0.8em;color:rgba(88,88,88,0.5)}
footer a{color:inherit}
footer>div>ul li{display:inline-block;border-left:solid 1px rgba(88,88,88,0.15);line-height:1;padding:0 0 0 1em;margin:0 0 0 1em}
footer>div>ul li:first-child{border-left:0;padding-left:0;margin-left:0}

main{display:block}
header>div,main>div,footer>div{width:100%;margin:0 auto;box-sizing:border-box}
header>div,footer>div,main{padding:0 4%}
@media all and (max-width:480px){header>div>a{letter-spacing:0.15em}}

.bright-mask{display:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:100;background-color: #fff;opacity:.45}