@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700);
@media screen {
/* ========== START MAIN ========== */

* {
 border:0;
 margin:0;
 padding:0;
 outline:0;
}

body {
 font-size:1em;
 text-align:center;
 background:#f4f3f3;
 font-family:'Open Sans',Arial,Helvetica,sans-serif;
}

.wrap {
 margin:0 auto;
 max-width:1020px;
 position:relative;
}

input:invalid {
 box-shadow:none;
}

/* ========== END MAIN ========== */
/* ========== START HEAD ========== */

#head {
 height:100px;
 background:#1e7599;
}

#logo {
 margin-top:15px;
 max-height:70px;
}

/* ========== END HEAD ========== */
/* ========== START SALE ========== */

#sale {
 height:100px;
 background:#469046;
 border-bottom:2px solid #fff;
 border-top:2px solid #fff;
}

/* ========== END SALE ========== */
/* ========== START LOOK ========== */

#look {
 background:#5bb4ea;
 padding-bottom:2em;
}

#look h1 {
 color:#fff;
 cursor:default;
 font-size:1.8em;
 font-weight:400;
 padding:1.2em 0 0.5em 0;
}

#look p {
 color:#e6f4fc;
 cursor:default;
}

#look a, #mind a, #meet a {
 width:36%;
 color:#fff;
 height:48px;
 display:block;
 font-size:1.3em;
 background:#ff5400;
 text-decoration:none;
 margin:1.35em auto 0 auto;
 line-height:48px;
}

#look a:hover, #mind a:hover, #meet a:hover {
 background:#e84c00;
}

#look img {
 width:100%;
 display:block;
 margin-top:2em;
}

/* ========== END LOOK ========== */
/* ========== START RTFM ========== */

.rtfm {
 padding-bottom:2em;
}

.rtfm h2 {
 color:#6d6c6b;
 cursor:default;
 margin-top:1em;
 font-size:1.4em;
 font-weight:400;
}

.rtfm ul {
 width:100%;
 margin:0 auto;
 list-style:none;
 text-align:left;
}

.rtfm li {
 margin-top:1em;
 min-height:100px;
 border-radius:10px;
 box-sizing:border-box;
 -moz-border-radius:10px;
 -o-box-sizing:border-box;
 -khtml-border-radius:10px;
 -ms-box-sizing:border-box;
 -webkit-border-radius:10px;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 border:1px solid #d5d4d3;
}

.rtfm #rtfm1 {
 background:#fff url(rtfm1.png) no-repeat 20px;
}

.rtfm #rtfm2 {
 background:#fff url(rtfm2.png) no-repeat 20px;
}

.rtfm #rtfm3 {
 background:#fff url(rtfm3.png) no-repeat 20px;
}

.rtfm h3 {
 color:#a6a5a4;
 cursor:default;
 font-size:1.2em;
 font-weight:400;
 padding:12px 0 6px 98px;
}

.rtfm li:hover h3 {
 color:#6d6c6b;
}

.rtfm p {
 color:#a6a5a4;
 cursor:default;
 font-size:0.9em;
 padding:0 13px 13px 99px;
}

.rtfm a {
 width:164px;
 height:32px;
 color:#6d6c6b;
 display:block;
 background:#e6e5e4;
 text-decoration:none;
 border:1px solid #858483;
 margin:1.8em auto 0 auto;
 line-height:32px;
}

.rtfm a:hover {
 color:#fff;
 background:#ff5400;
 border:1px solid #ff5400;
}

/* ========== END RTFM ========== */
/* ========== START MIND ========== */

#mind {
 background:#5bb4ea;
 padding-bottom:2.8em;
}

#mind h2 {
 color:#fff;
 cursor:default;
 font-size:1.6em;
 font-weight:400;
 padding:1.2em 0 0.8em 0;
}

#mind p {
 color:#e6f4fc;
 cursor:default;
 font-size:0.9em;
 font-style:italic;
}

#mind h3 {
 color:#fff;
 font-size:1em;
 cursor:default;
 font-weight:400;
 padding:0.6em 0 1.8em 0;
}

#mind li {
 width:76px;
 height:76px;
 margin:0 4px;
 cursor:pointer;
 list-style:none;
 display:inline-block;
 background:#5bb4ea url(mind.png) no-repeat 0 76px;
}

#mind li.active {
 background:#5bb4ea url(mind.png) no-repeat;
}

#mind img {
 width:100%;
}

/* ========== START MIND ========== */
/* ========== START BOND ========== */

#bond ul {
 width:100%;
 overflow:auto;
 list-style:none;
 margin-top:2.5em;
}

#bond li {
 width:32%;
 float:left;
 background:#fff;
 margin-right:2%;
 margin-bottom:2.5em;
 border-radius:10px;
 box-sizing:border-box;
 -moz-border-radius:10px;
 -o-box-sizing:border-box;
 -khtml-border-radius:10px;
 -ms-box-sizing:border-box;
 -webkit-border-radius:10px;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 border:1px solid #d5d4d3;
}

#bond li:nth-child(3) {
 margin-right:0;
}

#bond p {
 color:#a6a5a4;
 cursor:default;
 font-size:0.9em;
 padding:25px 20px;
}

/* ========== END BOND ========== */
/* ========== START BOOK ========== */

#bookem {
 overflow:auto;
 background:#5bb4ea url(back.jpg) no-repeat 50% 72%;
}

#bookem h2 {
 color:#fff;
 cursor:default;
 font-size:1.8em;
 font-weight:400;
 padding:1.5em 0 0 0;
}

#bookem p {
 color:#e6f4fc;
 cursor:default;
}

#bookit {
 background:#fff;
 text-align:left;
 max-width:380px;
 position:relative;
 border-radius:10px;
 -moz-border-radius:10px;
 -khtml-border-radius:10px;
 -webkit-border-radius:10px;
 margin:2.5em auto 3.5em auto;
 padding:3.5em 60px 4.5em 60px;
}

#bookit label {
 float:left;
 width:100%;
 color:#323131;
 margin:6px 0 3px 0;
}

#bookit label span {
 color:#f00;
 font-weight:bold;
}

#bookit p {
 color:#f00;
 float:right;
 display:inline;
}

#bookit input {
 float:left;
 width:100%;
 height:48px;
 font:inherit;
 color:#959493;
 border-radius:0;
 text-indent:10px;
 margin-bottom:0.8em;
 box-sizing:border-box;
 -webkit-appearance:none;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 border:1px solid #323131;
 line-height:48px;
}

#bookit input.inside {
 color:#f00;
 text-indent:9px;
 background:#fff6f6;
 border:2px solid #f00;
}

#goonnow {
 width:100%;
 float:left;
 color:#fff;
 height:58px;
 cursor:pointer;
 font-size:1.4em;
 margin-top:0.8em;
 text-align:center;
 background:#ff5400;
 text-decoration:none;
 line-height:58px;
}

#goonnow:hover {
 background:#e84c00;
}

input#doitnow {
 color:#fff;
 height:58px;
 cursor:pointer;
 font-size:1.4em;
 text-align:center;
 margin:0.8em 0 0 0;
 background:#ff5400;
 border:1px solid #ff5400;
 line-height:58px;
}

input#doitnow:hover {
 background:#e84c00;
}

#myage {
 display:none;
}

/* ========== END BOOK ========== */
/* ========== START MEET ========== */

#meet {
 padding:2em 0 2.6em 0;
}

#meet p {
 color:#6d6c6b;
 cursor:default;
 font-size:0.9em;
 padding-bottom:1em;
}

#meet h2 {
 color:#6d6c6b;
 cursor:default;
 font-size:1.4em;
 font-weight:400;
}

#meet ul {
 width:100%;
 overflow:auto;
 list-style:none;
 margin:1.4em 0 0.8em 0;
}

#meet li {
 float:left;
 width:24.25%;
 margin-right:1%;
 background:#fff;
 margin-bottom:0.8em;
 box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 border:1px solid #d5d4d3;
}

#meet li:nth-child(4),#meet li:nth-child(8) {
 margin-right:0;
}

#meet img {
 width:100%;
 padding:5px 5px 0 5px;
 box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
}

#meet a {
 margin:1em auto 0 auto;
}

/* ========== START MEET ========== */
/* ========== START FOOT ========== */

#foot {
 height:90px;
 color:#80b5cd;
 cursor:default;
 font-size:0.8em;
 background:#1e7599;
}

#foot ul {
 overflow:hidden;
 list-style:none;
}

#foot img {
 margin-top:10px;
 max-height:50px;
}

/* ========== END FOOT ========== */
}

@media (max-width:1280px){

.wrap {
 padding:0 10px;
 max-width:1020px;
}

}

@media (max-width:960px){

#look a, #mind a, #meet a {
 width:42%;
}

}

@media (max-width:800px){

#look a, #mind a, #meet a {
 width:48%;
}

#bookem {
 background-image:none;
}

#meet li {
 width:32%;
}

#meet li:nth-child(3), #meet li:nth-child(6) {
 margin-right:0;
}

#meet li:nth-child(4) {
 margin-right:1%;
}

#meet li:nth-child(7), #meet li:nth-child(8) {
 display:none;
}

}

@media (max-width:768px){

#bond li {
 width:100%;
 margin-bottom:1em;
}

#bond li:nth-child(3) {
 margin-bottom:2.5em;
}

}

@media (max-width:640px){

#look a, #mind a, #meet a {
 width:54%;
}

}

@media (max-width:600px){

#look {
 padding-bottom:1.5em;
}

#look h1 {
 font-size:1.6em;
 padding:1.1em 0 0.5em 0;
}

#look p {
 font-size:0.9em;
}

#look a, #mind a, #meet a {
 width:66%;
 font-size:1.2em;
}

look img {
 margin-top:1.5em;
}

#bookem h2 {
 font-size:1.6em;
 padding:1.1em 0 0 0;
}

#bookit {
 margin:2em auto 3em auto;
 padding:2.5em 50px 3.6em 50px;
}

#meet li {
 width:49%;
}

#meet li:nth-child(2), #meet li:nth-child(4) {
 margin-right:0;
}

#meet li:nth-child(3) {
 margin-right:1%;
}

#meet li:nth-child(7), #meet li:nth-child(8) {
 display:block;
}

}

@media (max-width:480px){

#look a, #mind a, #meet a {
 width:94%;
}

#mind li {
 width:62px;
 height:62px;
 margin:0 2px;
 background:#5bb4ea url(mind.png) no-repeat -62px -76px;
}

#mind li.active {
 background:#5bb4ea url(mind.png) no-repeat 0 -76px;
}

#bookit {
 border-radius:8px;
 -moz-border-radius:8px;
 -khtml-border-radius:8px;
 -webkit-border-radius:8px;
 padding:2em 40px 3em 40px;
 margin:2em auto 2.5em auto;
}

#meet li {
 margin-bottom:1em;
}

}

@media (max-width:360px){

#look h1, .rtfm h2, #mind h2, #bookem h2 {
 font-size:1.5em;
}

#bookit {
 border-radius:6px;
 -moz-border-radius:6px;
 -khtml-border-radius:6px;
 -webkit-border-radius:6px;
 padding:1.5em 15px 2.4em 15px;
}

}

@media (max-width:320px){

#look h1, .rtfm h2, #mind h2, #bookem h2 {
 font-size:1.4em;
}

#meet li p {
 font-size:0.8em;
}

}

@media print {

body {
 display:none;
}

}