@charset "utf-8";

.cusel {

    height: 64px;

    background: url(./wp-content/themes/amity/images/bg-select.png) no-repeat 100% 0;

    border: 1px solid #e6e6e6;

    width: 304px !important;

    display: inline-block;

    position: relative;

    cursor: pointer;

    font-size: 14px;

    z-index: 1

}



.cuselFrameRight {

    position: absolute;

    z-index: 2;

    top: 0;

    right: 0;

    height: 100%;

    width: 42px;

    background-position: right top

}



.cuselText {

    height: 64px;

    cursor: pointer;

    overflow: hidden;

    position: relative;

    z-index: 1;

    text-align: left;

    padding: 0 20px;

    width: 264px;

    font: 14px/64px Arial, Helvetica, sans-serif;

    position: absolute;

    top: 0;

    left: 0

}



.cusel

span {

    display: block;

    cursor: pointer;

    white-space: nowrap;

    padding: 0px 15px 0 10px;

    zoom: 1;

    font-size: 12px;

    line-height: 21px

}



.cusel span:hover,

.cusel

.cuselOptHover {

    color: #ff7b3a

}



.cusel .cuselActive,

.filters .cusel

.cuselActive {

    color: #ff7b3a;

    cursor: default

}



.cuselOpen {

    z-index: 999

}



.cusel .cusel-scroll-wrap {

    display: block;

    visibility: hidden;

    position: absolute;

    left: -1px;

    top: 100%;

    background: #fff;

    min-width: 100%;

    width: auto

}



.cusel

.jScrollPaneContainer {

    position: relative;

    overflow: hidden;

    z-index: 5;

    width: 304px !important;

    border: 1px solid #e6e6e6;

    border-top: 1px solid #fff

}



.cusel-scroll-pane {

    width: 284px !important;

    margin: 0 10px;

    padding: 15px 0 !important;

    border-top: 1px solid #e6e6e6

}



.cusel

.jScrollPaneTrack {

    height: 100%;

    display: none;

    width: 7px !important;

    background: #ccc;

    position: absolute;

    top: 0;

    right: 4px

}



.cusel

.jScrollPaneDrag {

    position: absolute;

    background-position: -40px -26px;

    cursor: pointer;

    width: 15px !important;

    height: 27px !important;

    right: -4px

}



.cusel

.jScrollPaneDragTop {

    position: absolute;

    top: 0;

    left: 0;

    overflow: hidden

}



.cusel

.jScrollPaneDragBottom {

    position: absolute;

    bottom: 0;

    left: 0;

    overflow: hidden

}



.cusel

.jScrollArrowUp {

    position: absolute;

    top: 0;

    right: 2px;

    width: 26px;

    height: 12px;

    cursor: pointer;

    background-position: -2px -26px;

    overflow: hidden

}



.cusel

.jScrollArrowDown {

    width: 25px;

    height: 12px;

    position: absolute;

    top: auto;

    bottom: 0;

    right: 3px;

    cursor: pointer;

    background-position: -21px -26px;

    overflow: hidden

}



.cusel.month,

.cusel.month

.jScrollPaneContainer {

    width: 213px !important

}



.cusel.month

.cuselText {

    width: 173px

}



.cusel.month .cusel-scroll-pane {

    width: 193px !important

}



.cusel.visa,

.cusel.visa .jScrollPaneContainer,

.cusel.month2,

.cusel.month2

.jScrollPaneContainer {

    width: 130px !important

}



.cusel.visa .cuselText,

.cusel.month2

.cuselText {

    width: 90px

}



.cusel.visa .cusel-scroll-pane,

.cusel.month2 .cusel-scroll-pane {

    width: 110px !important

}



.cusel.visa {

    float: left;

    margin: 0 30px 0 0

}



.cusel.ofices,

.cusel.ofices

.jScrollPaneContainer {

    width: 463px !important

}



.cusel.ofices

.cuselText {

    width: 423px

}



.cusel.ofices .cusel-scroll-pane {

    width: 443px !important

}



.mCSB_container {

    width: auto;

    margin-right: 30px;

    overflow: hidden

}



.mCSB_container.mCS_no_scrollbar {

    margin-right: 0

}



.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {

    margin-right: 30px

}



.mCustomScrollBox > .mCSB_scrollTools {

    width: 16px;

    height: 100%;

    top: 0;

    right: 0

}



.mCSB_scrollTools

.mCSB_draggerContainer {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    height: auto

}



.mCSB_scrollTools a + .mCSB_draggerContainer {

    margin: 20px 0

}



.mCSB_scrollTools

.mCSB_draggerRail {

    width: 2px;

    height: 100%;

    margin: 0 auto;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px

}



.mCSB_scrollTools

.mCSB_dragger {

    cursor: pointer;

    width: 100%;

    height: 30px

}



.mCSB_scrollTools .mCSB_dragger

.mCSB_dragger_bar {

    width: 4px;

    height: 100%;

    margin: 0 auto;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    text-align: center

}



.mCSB_scrollTools .mCSB_buttonUp,

.mCSB_scrollTools

.mCSB_buttonDown {

    display: block;

    position: relative;

    height: 20px;

    overflow: hidden;

    margin: 0 auto;

    cursor: pointer

}



.mCSB_scrollTools

.mCSB_buttonDown {

    top: 100%;

    margin-top: -40px

}



.mCSB_horizontal > .mCSB_container {

    height: auto;

    margin-right: 0;

    margin-bottom: 30px;

    overflow: hidden

}



.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {

    margin-bottom: 0

}



.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {

    margin-right: 0;

    margin-bottom: 30px

}



.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {

    width: 100%;

    height: 30px;

    top: auto;

    right: auto;

    bottom: 0;

    left: 0;

    overflow: hidden

}



.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {

    margin: 0;

    background: #19d5d7;

    border-radius: 100px

}



.mCSB_horizontal > .mCSB_scrollTools

.mCSB_draggerRail {

    width: 100%;

    height: 30px

}



.mCSB_horizontal > .mCSB_scrollTools

.mCSB_dragger {

    width: 74px !important;

    height: 100%

}



.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger

.mCSB_dragger_bar {

    width: 100%;

    height: 30px;

    background: url(./wp-content/themes/amity/images/drag.png) no-repeat 0 0;

    position: relative;

    z-index: 99

}



.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {

    background: url(./wp-content/themes/amity/images/drag.png) no-repeat 0 -30px

}



.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft,

.mCSB_horizontal > .mCSB_scrollTools

.mCSB_buttonRight {

    display: none !important;

    position: relative;

    width: 20px;

    height: 100%;

    overflow: hidden;

    margin: 0 auto;

    cursor: pointer;

    float: left

}



.mCSB_horizontal > .mCSB_scrollTools

.mCSB_buttonRight {

    margin-left: -40px;

    float: right

}



.mCustomScrollBox {

    -ms-touch-action: none

}



.mCustomScrollBox > .mCSB_scrollTools {

    opacity: 1

}



.mCustomScrollBox:hover > .mCSB_scrollTools {

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)"

}



.mCSB_scrollTools

.mCSB_draggerRail {

}



.mCSB_scrollTools .mCSB_dragger

.mCSB_dragger_bar {

    background: #fff;

    background: rgba(255, 255, 255, 0.75);

    filter: "alpha(opacity=75)";

    -ms-filter: "alpha(opacity=75)"

}



.mCSB_scrollTools .mCSB_dragger:hover

.mCSB_dragger_bar {

}



.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag

.mCSB_dragger_bar {

}



.mCSB_scrollTools .mCSB_buttonUp,

.mCSB_scrollTools .mCSB_buttonDown,

.mCSB_scrollTools .mCSB_buttonLeft,

.mCSB_scrollTools

.mCSB_buttonRight {

    opacity: 0.4;

    filter: "alpha(opacity=40)";

    -ms-filter: "alpha(opacity=40)"

}



.mCSB_scrollTools

.mCSB_buttonUp {

    background-position: 0 0

}



.mCSB_scrollTools

.mCSB_buttonDown {

    background-position: 0 -20px

}



.mCSB_scrollTools

.mCSB_buttonLeft {

    background-position: 0 -40px

}



.mCSB_scrollTools

.mCSB_buttonRight {

    background-position: 0 -56px

}



.mCSB_scrollTools .mCSB_buttonUp:hover,

.mCSB_scrollTools .mCSB_buttonDown:hover,

.mCSB_scrollTools .mCSB_buttonLeft:hover,

.mCSB_scrollTools .mCSB_buttonRight:hover {

    opacity: 0.75;

    filter: "alpha(opacity=75)";

    -ms-filter: "alpha(opacity=75)"

}



.mCSB_scrollTools .mCSB_buttonUp:active,

.mCSB_scrollTools .mCSB_buttonDown:active,

.mCSB_scrollTools .mCSB_buttonLeft:active,

.mCSB_scrollTools .mCSB_buttonRight:active {

    opacity: 0.9;

    filter: "alpha(opacity=90)";

    -ms-filter: "alpha(opacity=90)"

}



.mCS-dark > .mCSB_scrollTools

.mCSB_draggerRail {

    background: #000;

    background: rgba(0, 0, 0, 0.15)

}



.mCS-dark > .mCSB_scrollTools .mCSB_dragger

.mCSB_dragger_bar {

    background: #000;

    background: rgba(0, 0, 0, 0.75)

}



.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover

.mCSB_dragger_bar {

    background: rgba(0, 0, 0, 0.85)

}



.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag

.mCSB_dragger_bar {

    background: rgba(0, 0, 0, 0.9)

}



.mCS-dark > .mCSB_scrollTools

.mCSB_buttonUp {

    background-position: -80px 0

}



.mCS-dark > .mCSB_scrollTools

.mCSB_buttonDown {

    background-position: -80px -20px

}



.mCS-dark > .mCSB_scrollTools

.mCSB_buttonLeft {

    background-position: -80px -40px

}



.mCS-dark > .mCSB_scrollTools

.mCSB_buttonRight {

    background-position: -80px -56px

}



.mCS-light-2 > .mCSB_scrollTools

.mCSB_draggerRail {

    width: 4px;

    background: #fff;

    background: rgba(255, 255, 255, 0.1);

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px

}



.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger

.mCSB_dragger_bar {

    width: 4px;

    background: #fff;

    background: rgba(255, 255, 255, 0.75);

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px

}



.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools

.mCSB_draggerRail {

    width: 100%;

    height: 4px;

    margin: 6px 0

}



.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger

.mCSB_dragger_bar {

    width: 100%;

    height: 4px;

    margin: 6px auto

}



.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover

.mCSB_dragger_bar {

    background: rgba(255, 255, 255, 0.85)

}



.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag

.mCSB_dragger_bar {

    background: rgba(255, 255, 255, 0.9)

}



.mCS-light-2 > .mCSB_scrollTools

.mCSB_buttonUp {

    background-position: -32px 0

}



.mCS-light-2 > .mCSB_scrollTools

.mCSB_buttonDown {

    background-position: -32px -20px

}



.mCS-light-2 > .mCSB_scrollTools

.mCSB_buttonLeft {

    background-position: -40px -40px

}



.mCS-light-2 > .mCSB_scrollTools

.mCSB_buttonRight {

    background-position: -40px -56px

}



.mCS-dark-2 > .mCSB_scrollTools

.mCSB_draggerRail {

    width: 4px;

    background: #000;

    background: rgba(0, 0, 0, 0.1);

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px

}



.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger

.mCSB_dragger_bar {

    width: 4px;

    background: #000;

    background: rgba(0, 0, 0, 0.75);

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px

}



.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools

.mCSB_draggerRail {

    width: 100%;

    height: 4px;

    margin: 6px 0

}



.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger

.mCSB_dragger_bar {

    width: 100%;

    height: 4px;

    margin: 6px auto

}



.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover

.mCSB_dragger_bar {

    background: rgba(0, 0, 0, 0.85)

}



.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag

.mCSB_dragger_bar {

    background: rgba(0, 0, 0, 0.9)

}



.mCS-dark-2 > .mCSB_scrollTools

.mCSB_buttonUp {

    background-position: -112px 0

}



.mCS-dark-2 > .mCSB_scrollTools

.mCSB_buttonDown {

    background-position: -112px -20px

}



.mCS-dark-2 > .mCSB_scrollTools

.mCSB_buttonLeft {

    background-position: -120px -40px

}



.mCS-dark-2 > .mCSB_scrollTools

.mCSB_buttonRight {

    background-position: -120px -56px

}



.mCS-light-thick > .mCSB_scrollTools

.mCSB_draggerRail {

    width: 4px;

    background: #fff;

    background: rgba(255, 255, 255, 0.1);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px

}



.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger

.mCSB_dragger_bar {

    width: 6px;

    background: #fff;

    background: rgba(255, 255, 255, 0.75);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px

}



.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools

.mCSB_draggerRail {

    width: 100%;

    height: 4px;

    margin: 6px 0

}



.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger

.mCSB_dragger_bar {

    width: 100%;

    height: 6px;

    margin: 5px auto

}



.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover

.mCSB_dragger_bar {

    background: rgba(255, 255, 255, 0.85)

}



.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag

.mCSB_dragger_bar {

    background: rgba(255, 255, 255, 0.9)

}



.mCS-light-thick > .mCSB_scrollTools

.mCSB_buttonUp {

    background-position: -16px 0

}



.mCS-light-thick > .mCSB_scrollTools

.mCSB_buttonDown {

    background-position: -16px -20px

}



.mCS-light-thick > .mCSB_scrollTools

.mCSB_buttonLeft {

    background-position: -20px -40px

}



.mCS-light-thick > .mCSB_scrollTools

.mCSB_buttonRight {

    background-position: -20px -56px

}



.mCS-dark-thick > .mCSB_scrollTools

.mCSB_draggerRail {

    width: 4px;

    background: #000;

    background: rgba(0, 0, 0, 0.1);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px

}



.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger

.mCSB_dragger_bar {

    width: 6px;

    background: #000;

    background: rgba(0, 0, 0, 0.75);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px

}



.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools

.mCSB_draggerRail {

    width: 100%;

    height: 4px;

    margin: 6px 0

}



.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger

.mCSB_dragger_bar {

    width: 100%;

    height: 6px;

    margin: 5px auto

}



.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover

.mCSB_dragger_bar {

    background: rgba(0, 0, 0, 0.85)

}



.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag

.mCSB_dragger_bar {

    background: rgba(0, 0, 0, 0.9)

}



.mCS-dark-thick > .mCSB_scrollTools

.mCSB_buttonUp {

    background-position: -96px 0

}



.mCS-dark-thick > .mCSB_scrollTools

.mCSB_buttonDown {

    background-position: -96px -20px

}



.mCS-dark-thick > .mCSB_scrollTools

.mCSB_buttonLeft {

    background-position: -100px -40px

}



.mCS-dark-thick > .mCSB_scrollTools

.mCSB_buttonRight {

    background-position: -100px -56px

}



.mCS-light-thin > .mCSB_scrollTools

.mCSB_draggerRail {

    background: #fff;

    background: rgba(255, 255, 255, 0.1)

}



.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger

.mCSB_dragger_bar {

    width: 2px

}



.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools

.mCSB_draggerRail {

    width: 100%

}



.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger

.mCSB_dragger_bar {

    width: 100%;

    height: 2px;

    margin: 7px auto

}



.mCS-dark-thin > .mCSB_scrollTools

.mCSB_draggerRail {

    background: #000;

    background: rgba(0, 0, 0, 0.15)

}



.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger

.mCSB_dragger_bar {

    width: 2px;

    background: #000;

    background: rgba(0, 0, 0, 0.75)

}



.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools

.mCSB_draggerRail {

    width: 100%

}



.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger

.mCSB_dragger_bar {

    width: 100%;

    height: 2px;

    margin: 7px auto

}



.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover

.mCSB_dragger_bar {

    background: rgba(0, 0, 0, 0.85)

}



.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag

.mCSB_dragger_bar {

    background: rgba(0, 0, 0, 0.9)

}



.mCS-dark-thin > .mCSB_scrollTools

.mCSB_buttonUp {

    background-position: -80px 0

}



.mCS-dark-thin > .mCSB_scrollTools

.mCSB_buttonDown {

    background-position: -80px -20px

}



.mCS-dark-thin > .mCSB_scrollTools

.mCSB_buttonLeft {

    background-position: -80px -40px

}



.mCS-dark-thin > .mCSB_scrollTools

.mCSB_buttonRight {

    background-position: -80px -56px

}



.wpcf7-back {

    float: left;

    margin-top: 5px;

    position: relative;

    width: 70px

}



div.wpcf7 {

    margin: 0;

    padding: 0

}



div.wpcf7-response-output {

    margin: 2em 0.5em 1em;

    padding: 0.2em 1em

}



div.wpcf7 .screen-reader-response {

    position: absolute;

    overflow: hidden;

    clip: rect(1px, 1px, 1px, 1px);

    height: 1px;

    width: 1px;

    margin: 0;

    padding: 0;

    border: 0

}



div.wpcf7-mail-sent-ok {

    border: 2px solid #398f14

}



div.wpcf7-mail-sent-ng {

    border: 2px solid #f00

}



div.wpcf7-spam-blocked {

    border: 2px solid #ffa500

}



div.wpcf7-validation-errors {

    border: 2px solid #f7e700

}



span.wpcf7-form-control-wrap {

    position: relative

}



span.wpcf7-not-valid-tip {

    color: #f00;

    font-size: 1em;

    display: block

}



.use-floating-validation-tip span.wpcf7-not-valid-tip {

    position: absolute;

    top: 20%;

    left: 20%;

    z-index: 100;

    border: 1px solid #f00;

    background: #fff;

    padding: .2em .8em

}



span.wpcf7-list-item {

    margin-left: 0.5em

}



.wpcf7-display-none {

    display: none

}



div.wpcf7 img.ajax-loader {

    border: none;

    vertical-align: middle;

    margin-left: 4px

}



div.wpcf7 div.ajax-error {

    display: none

}



div.wpcf7

.placeheld {

    color: #888

}



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent

}



body {

    line-height: 1;

    -webkit-text-size-adjust: none

}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    display: block

}



nav

ul {

    list-style: none

}



blockquote, q {

    quotes: none

}



blockquote: before, blockquote: after,

q: before, q: after {

    content: '';

    content: none

}



a {

    margin: 0;

    padding: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold

}



del {

    text-decoration: line-through

}



abbr[title], dfn[title] {

    border-bottom: 1px dotted;

    cursor: help

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0

}



input, select {

    vertical-align: middle

}



.left {

    float: left !important

}



.right {

    float: right !important

}



.alignleft {

    text-align: left !important

}



.alignright {

    text-align: right !important

}



.aligncenter {

    text-align: center !important

}



@font-face {

    font-family: "GeosansLight";

    src: url('./wp-content/themes/amity/inc/177307129-GeosansLight.eot');

    src: url('./wp-content/themes/amity/inc/177307129-GeosansLight.eot?#iefix') format('embedded-opentype'),

    url('./wp-content/themes/amity/inc/177307129-GeosansLight.svg#GeosansLight') format('svg'),

    url('./wp-content/themes/amity/inc/177307129-GeosansLight.woff') format('woff'),

    url('./wp-content/themes/amity/inc/177307129-GeosansLight.ttf') format('truetype');

    font-weight: normal;

    font-style: normal

}



@font-face {

    font-family: "GeosansLightBold";

    src: url('./wp-content/themes/amity/inc/400726319-GeosansLight-Oblique.eot');

    src: url('./wp-content/themes/amity/inc/400726319-GeosansLight-Oblique.eot?#iefix') format('embedded-opentype'),

    url('./wp-content/themes/amity/inc/400726319-GeosansLight-Oblique.svg#GeosansLight') format('svg'),

    url('./wp-content/themes/amity/inc/400726319-GeosansLight-Oblique.woff') format('woff'),

    url('./wp-content/themes/amity/inc/400726319-GeosansLight-Oblique.ttf') format('truetype');

    font-weight: normal;

    font-style: normal

}



@font-face {

    font-family: "GothamRoundedBook";

    src: url('./wp-content/themes/amity/inc/255004883-fontscorecom_g_gothamroundedbook.eot');

    src: url('./wp-content/themes/amity/inc/255004883-fontscorecom_g_gothamroundedbook.eot?#iefix') format('embedded-opentype'),

    url('inc/255004883-fontscorecom_g_gothamroundedbook.svg#Gotham Rounded Book') format('svg'),

    url('./wp-content/themes/amity/inc/255004883-fontscorecom_g_gothamroundedbook.woff') format('woff'),

    url('./wp-content/themes/amity/inc/255004883-fontscorecom_g_gothamroundedbook.ttf') format('truetype');

    font-weight: normal;

    font-style: normal

}



@font-face {

    font-family: "GothamRoundedBold";

    src: url('./wp-content/themes/amity/inc/215606690-fontscorecom_g_gothamroundedbold.eot');

    src: url('./wp-content/themes/amity/inc/215606690-fontscorecom_g_gothamroundedbold.eot?#iefix') format('embedded-opentype'),

    url('inc/215606690-fontscorecom_g_gothamroundedbold.svg#Gotham Rounded Bold') format('svg'),

    url('./wp-content/themes/amity/inc/215606690-fontscorecom_g_gothamroundedbold.woff') format('woff'),

    url('./wp-content/themes/amity/inc/215606690-fontscorecom_g_gothamroundedbold.ttf') format('truetype');

    font-weight: normal;

    font-style: normal

}



.orange, .orange

a {

    color: #ff7b3a !important

}



.green, .green

a {

    color: #18d5d6 !important

}



.blue, .blue

a {

    color: #6272b8 !important

}



.lgreen, .lgreen

a {

    color: #18d660 !important

}



.lgrey-bg {

    background: #f5f5f5

}



.lgreen-bg {

    background: #18d660

}



.green-bg {

    background: #13c255

}



.orange-bg {

    background: #ff7b3a !important

}



.btn {

    color: #fff !important;

    display: inline-block;

    background: #c9c9c9;

    text-align: center;

    text-transform: uppercase;

    padding: 0 41px;

    border-radius: 3px;

    -o-border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    text-decoration: none;

    transition: background .25s ease-in-out;

    -o-transition: background .25s ease-in-out;

    -moz-transition: background .25s ease-in-out;

    -webkit-transition: background .25s ease-in-out;

    font: normal 18px/59px 'GothamRoundedBold', Arial, sans-serif

}



.btn.big {

    width: 300px;

    height: 85px;

    margin: 50px auto 70px;

    display: block;

    padding: 0 10px;

    line-height: 85px;

    border-radius: 0

}



.btn.wide {

    width: 100%;

    height: 85px;

    margin: 50px auto 70px;

    display: block;

    line-height: 85px;

    border-radius: 0

}



.btn.orange {

    background: #ff7b3a

}



.btn.blue {

    background: #6272b8

}



.btn.green {

    background: #18d5d6

}

.btn.green2 {

    background: #18d5d6

}



.hover .btn.orange:hover {

    background: #18d5d6

}



.hover .btn.blue:hover {

    background: #ff7b3a

}



.hover .btn.green:hover {

    background: #6272b8

}

.hover .btn.green2:hover {

    background: #ff7b3a

}



.circled {

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    margin: 25px 4%

}



body {

    color: #7a7979;

    font: normal 14px Arial, sans-serif

}



body.home {

    background: url(./wp-content/themes/amity/images/green-bg.png) repeat-x

}



.inner {

    width: 970px;

    margin: 0 auto

}



.content

.inner {

    overflow: hidden

}



.home

#header {

    height: 203px

}



#header {

    height: 190px;

    overflow: hidden;

    background: url(./wp-content/themes/amity/images/green-bg.png) repeat-x

}



.menu-top-navi-container {

    text-align: center

}



#header .menu-top-navi-container {

    height: 30px;

    background: #6272b8

}



.mobile-close {

    position: fixed;

    width: 30px;

    height: 30px;

    font: normal 30px/30px "GothamRoundedBold", sans-serif;

    color: #fff;

    top: 10px;

    right: 10px;

    transition: opacity 0.2s 0.2s;

    opacity: 0

}



.menu-top-navi-container

li {

    display: inline;

    padding: 0 18px 0 13px;

    border-right: 1px solid #5765a6

}



.menu-top-navi-container li:last-child {

    border: none

}



.menu-top-navi-container li

a {

    color: #27eeef;

    text-decoration: none;

    font: normal 13px/30px Arial, sans-serif

}



.menu-top-navi-container li.current_page_item a,

.hover .menu-top-navi-container li a:hover {

    color: #fff

}



#header

#logo {

    float: left;

    width: 190px;

    margin: 23px 0 0 0;

    position: relative

}



#header #logo

a {

    width: 190px;

    height: 123px;

    display: block;

    position: relative;

    z-index: 1;

    text-indent: -10000px;

    background: url(./wp-content/themes/amity/images/logo.png) no-repeat 0 0

}



#header #logo

.link {

    background: url(./wp-content/themes/amity/images/japan-logo.png) no-repeat 0 0;

    height: 37px;

    position: absolute;

    z-index: 2;

    bottom: 0

}



.hover #header #logo .link:hover {

    background: url(./wp-content/themes/amity/images/japan-logo.png) no-repeat 0 100%

}



.apply {

    float: right;

    width: 106px;

    height: 75px;

    color: #fff;

    text-decoration: none;

    font: normal 20px/72px 'GothamRoundedBold', Arial, sans-serif;

    margin: 42px -7px 0 0;

    padding-left: 34px;

    text-transform: uppercase;

    background: url(./wp-content/themes/amity/images/apply-btn.png) no-repeat 0 0;

    transition: background .25s ease-in-out;

    -o-transition: background .25s ease-in-out;

    -moz-transition: background .25s ease-in-out;

    -webkit-transition: background .25s ease-in-out

}



.hover .apply:hover {

    background: url(./wp-content/themes/amity/images/apply-btn-hover.png) no-repeat 0 0

}



#small-header {

    width: 100%;

    height: 95px;

    position: fixed;

    top: 0;

    padding: 5px 0 0;

    display: none;

    z-index: 7000;

    background: #18d5d6;

    border-bottom: 1px solid #fff

}



#small-header .menu-top-navi-container {

    float: left;

    margin: 11px 0 0 0;

    width: 100%;

    height: 30px;

    background: #6272b8

}



#small-header .small-logo {

    float: left;

    margin: 12px 0 0 0

}



#small-header .small-logo

a {

    display: block;

    width: 119px;

    height: 43px;

    text-indent: -10000px;

    background: url(./wp-content/themes/amity/images/small-logo.png) no-repeat 0 0

}



#small-header .menu-main-navi-container {

    margin: 10px 0 0 46px

}



#small-header

.apply {

    width: 138px;

    height: 55px;

    margin: 18px -7px 0 0;

    padding: 0;

    text-align: center;

    line-height: 46px;

    background: url(./wp-content/themes/amity/images/small-apply.png) no-repeat 0 0

}



.hover #small-header .apply:hover {

    background: url(./wp-content/themes/amity/images/apply-small-hover.png) no-repeat 0 0

}



#small-header

a.link {

    background: url(./wp-content/themes/amity/images/japan-logo-small.png) no-repeat 0 0;

    width: 119px;

    height: 24px;

    margin: 4px 0 0 0

}



.hover #small-header a.link:hover {

    background: url(./wp-content/themes/amity/images/japan-logo-small.png) no-repeat 0 100%

}



.menu-main-navi-container {

    float: left;

    width: 642px;

    margin: 43px 0 0 0

}



.menu-main-navi-container

li {

    float: left;

    list-style: none

}



.menu-main-navi-container li

a {

    display: block;

    color: #6272b8;

    text-align: center;

    padding: 0 17px;

    height: 48px;

    border-right: 1px solid #13c5c7;

    text-transform: uppercase;

    text-decoration: none;

    background: #18d5d7;

    padding: 18px 15px 0 16px;

    transition: background .25s ease-in-out;

    -o-transition: background .25s ease-in-out;

    -moz-transition: background .25s ease-in-out;

    -webkit-transition: background .25s ease-in-out;

    font: normal 20px 'GothamRoundedBold', Arial, sans-serif

}



.menu-main-navi-container li a

span {

    color: #fff;

    display: block;

    text-transform: none;

    font: normal 11px Arial, sans-serif

}



.menu-main-navi-container li#menu-item-18 a,

.menu-main-navi-container li:last-child

a {

    border: none

}



.menu-main-navi-container li.current_page_item a,

.hover .menu-main-navi-container li a:hover {

    color: #fff;

    background: #13c6c8;

    border-right: 1px solid #1ad7d9

}



.hover .menu-main-navi-container li a:hover

span {

    color: #fff

}



img.hide {

    position: absolute;

    top: 0;

    left: -10000px

}



.hide {

    display: none

}



#showcase {

    width: 1106px !important;

    height: 474px;

    overflow: hidden;

    padding-bottom: 44px;

    margin: 0 auto 24px;

    position: relative;

    background: url(./wp-content/themes/amity/images/slider-shadow.jpg) no-repeat center bottom

}



.showcase-content-container {

    width: 945px;

    margin: 0 auto;

    border: 12px solid #fff;

    background: #fff

}



#showcase .showcase-content {

    position: relative;

    z-index: 1

}



#showcase .showcase-caption {

    position: absolute;

    display: none;

    bottom: 0;

    left: 0;

    z-index: 2;

    width: 875px;

    height: 55px;

    padding: 32px 35px 35px;

    color: #fff;

    background: url(./wp-content/themes/amity/images/caption-bg.png) repeat

}



#showcase .showcase-caption

a {

    color: #fff;

    text-decoration: none

}



#showcase .showcase-caption h2,

#showcase .showcase-caption

h3 {

    text-transform: uppercase;

    font: normal 30px 'GothamRoundedBold', Arial, sans-serif

}



#showcase .showcase-arrow-next,

#showcase .showcase-arrow-previous {

    position: absolute;

    top: 201px;

    width: 33px;

    height: 51px;

    z-index: 3;

    cursor: pointer;

    background: url(./wp-content/themes/amity/images/slider-arrows.png) no-repeat 0 0;

    transition: background .25s ease-in-out;

    -o-transition: background .25s ease-in-out;

    -moz-transition: background .25s ease-in-out;

    -webkit-transition: background .25s ease-in-out

}



#showcase .showcase-arrow-previous {

    left: 0

}



#showcase .showcase-arrow-next {

    right: 0;

    background: url(./wp-content/themes/amity/images/slider-arrows.png) no-repeat -33px 0

}



.hover #showcase .showcase-arrow-next:hover {

    background: url(./wp-content/themes/amity/images/slider-arrows-hover.png) no-repeat -33px 0

}



.hover #showcase .showcase-arrow-previous:hover {

    background: url(./wp-content/themes/amity/images/slider-arrows-hover.png) no-repeat 0 0

}



#showcase .showcase-button-wrapper {

    padding: 29px 0;

    text-align: center

}



.showcase-button-wrapper

span {

    display: inline-block;

    margin: 0 10px;

    text-indent: -10000px;

    width: 15px;

    height: 15px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    -o-border-radius: 50px;

    border-radius: 50px;

    cursor: pointer;

    background: #6272b8;

    transition: background .25s ease-in-out;

    -o-transition: background .25s ease-in-out;

    -moz-transition: background .25s ease-in-out;

    -webkit-transition: background .25s ease-in-out

}



.showcase-button-wrapper span.active,

.hover .showcase-button-wrapper span:hover {

    background: #18d4d6

}



#showcase .showcase-arrow-next.hidden {

    display: none

}



#video {

    position: absolute;

    left: 50%;

    margin-left: -114px;

    bottom: -7px;

    z-index: 4;

    width: 227px;

    height: 135px;

    background: url(./wp-content/themes/amity/images/video-shadow.png) no-repeat 0 bottom

}



.home

#video {

    left: 708px;

    margin: 0;

    bottom: 6px

}



#video

a {

    width: 165px;

    height: 100px;

    overflow: hidden;

    display: block;

    margin: 0 0 0 19px;

    border: 12px solid #fff

}



#video a

img {

    position: relative;

    width: 165px;

    max-height: 147px;

    z-index: 1

}



#video a

span {

    position: absolute;

    display: block;

    width: 37px;

    height: 41px;

    margin: 31px 0 0 69px;

    z-index: 2;

    background: url(./wp-content/themes/amity/images/video-arrow.png) no-repeat 0 0;

    transition: background .25s ease-in-out;

    -o-transition: background .25s ease-in-out;

    -moz-transition: background .25s ease-in-out;

    -webkit-transition: background .25s ease-in-out

}



.hover #video a:hover

span {

    background: url(./wp-content/themes/amity/images/video-arrow-hover.png) no-repeat 0 0

}



h1, h1

a {

    text-transform: uppercase;

    padding-bottom: 10px;

    font: normal 27px 'GothamRoundedBold', Arial, sans-serif

}



h2, h3, h4, h5,

h2 a, h3 a, h4 a, h5

a {

    text-transform: uppercase;

    text-decoration: none;

    position: relative;

    z-index: 10;

    font: normal 30px 'GothamRoundedBold', Arial, sans-serif

}



.home.hover h4 a:hover {

    text-decoration: underline

}



.page-title {

    padding: 5px 0 20px

}



.page-title.orange

a {

    color: #ff7b3a;

    text-decoration: none

}



.error404 .entry-header {

    padding: 40px 0 20px

}



.error404 .entry-content {

    padding: 0 0 350px

}



.top-content {

    padding-bottom: 69px

}



.top-content

.entry {

    line-height: 19px

}

.recruiting-locations {

    margin: -39px auto 45px;

    position: relative;

    overflow: hidden;

    height: 180px;

    /*background: url(./wp-content/themes/amity/images/clouds.gif) no-repeat center 20px*/

}

.recruiting-locations2 {

    margin: 40px auto 45px;

    overflow: hidden;

    /*background: url(./wp-content/themes/amity/images/clouds.gif) no-repeat center 20px*/

}

.recruiting-locations3 {

    width: 710px;

    margin: 20px auto 70px;

    overflow: hidden;

    /*background: url(./wp-content/themes/amity/images/clouds.gif) no-repeat center 20px*/

}



@media screen and (max-width: 1000px) {

    .recruiting-locations2 {

        margin: 30px auto 45px;

        overflow: hidden;

        /*background: url(./wp-content/themes/amity/images/clouds.gif) no-repeat center 20px*/

    }

    .recruiting-locations3 {

        margin: 20px auto 60px;

        overflow: hidden;

        /*background: url(./wp-content/themes/amity/images/clouds.gif) no-repeat center 20px*/

    }

}

@media screen and (max-width: 660px) {

    .recruiting-locations2 {

        margin: 20px auto 45px;

        overflow: hidden;

        /*background: url(./wp-content/themes/amity/images/clouds.gif) no-repeat center 20px*/

    }

    .recruiting-locations3 {

        margin: 20px auto 60px;

        overflow: hidden;

        /*background: url(./wp-content/themes/amity/images/clouds.gif) no-repeat center 20px*/

    }

}



.recruiting-locations .showcase-content-container {

    width: 1267px;

    border: none

}



.recruiting-locations .slide-img {

    position: absolute;

    width: 100%;

    height: 261px;

    display: none

}



.recruiting-locations .location

a {

    color: #8d8d8d;

    text-decoration: none

}



.recruiting-locations

.location {

    float: left;

    width: 209px;

    margin: 0 23px 0 10px;

    color: #707070;

    text-align: center

}



.recruiting-locations2 .showcase-content-container {

    width: 1267px;

    border: none

}



.recruiting-locations2 .slide-img {

    position: absolute;

    width: 100%;

    height: 261px;

    display: none

}



.recruiting-locations2 .location

a {

    color: #8d8d8d;

    text-decoration: none

}



.recruiting-locations2

.location {

    float: left;

    width: 209px;

    margin: 0 23px 0 10px;

    color: #707070;

    text-align: center

}









.recruiting-locations3 .showcase-content-container {

    width: 1267px;

    border: none

}



.recruiting-locations3 .slide-img {

    position: absolute;

    width: 100%;

    height: 261px;

    display: none

}



.recruiting-locations3 .location

a {

    color: #8d8d8d;

    text-decoration: none

}



.recruiting-locations3

.location {

    float: left;

    width: 209px;

    margin: 0 23px 0 10px;

    color: #707070;

    text-align: center

}

.recruiting-locations3

.location:last-child {

    margin-right: 0;

}

.cities-img {

    display: block;

    margin: -39px auto 64px;

    height: 286px

}

.cities-img2 {

    text-align: center;

}

.cities-img2 img {

    width:100%;

    max-width: 1267px;

}





.recruiting-locations .location

.title {

    text-transform: uppercase;

    padding-bottom: 13px;

    font: normal 22px 'GothamRoundedBold', Arial, sans-serif

}



.recruiting-locations .location

strong {

    font: normal 16px 'GothamRoundedBold', Arial, sans-serif

}



.recruiting-locations .location .entry

p {

    padding-bottom: 15px;

    font-size: 12px;

    line-height: 12px

}



.recruiting-locations .showcase-button-wrapper {

    margin: 0 auto;

    position: relative;

    text-align: center

}



.recruiting-locations .showcase-arrow-next2,

.recruiting-locations .showcase-arrow-previous2 {

    position: absolute;

    top: -2px;

    left: 0;

    width: 12px;

    height: 19px;

    z-index: 3;

    cursor: pointer;

    transition: background .25s ease-in-out;

    -o-transition: background .25s ease-in-out;

    -moz-transition: background .25s ease-in-out;

    -webkit-transition: background .25s ease-in-out;

    background: url(./wp-content/themes/amity/images/small-arrows-hover.png) no-repeat 0 0

}



.recruiting-locations .showcase-arrow-next2 {

    left: auto;

    right: 0;

    background: url(./wp-content/themes/amity/images/small-arrows-hover.png) no-repeat -12px 0

}



.hover .recruiting-locations .showcase-arrow-next2:hover {

    background: url(./wp-content/themes/amity/images/small-arrows.png) no-repeat -12px 0

}



.hover .recruiting-locations .showcase-arrow-previous2:hover {

    background: url(./wp-content/themes/amity/images/small-arrows.png) no-repeat 0 0

}





.recruiting-locations2 .location

.title {

    text-transform: uppercase;

    padding-bottom: 13px;

    font: normal 22px 'GothamRoundedBold', Arial, sans-serif

}



.recruiting-locations2 .location

strong {

    font: normal 16px 'GothamRoundedBold', Arial, sans-serif

}



.recruiting-locations2 .location .entry

p {

    padding-bottom: 15px;

    font-size: 12px;

    line-height: 12px

}



.recruiting-locations2 .showcase-button-wrapper {

    margin: 0 auto;

    position: relative;

    text-align: center

}



.recruiting-locations2 .showcase-arrow-next2,

.recruiting-locations2 .showcase-arrow-previous2 {

    position: absolute;

    top: -2px;

    left: 0;

    width: 12px;

    height: 19px;

    z-index: 3;

    cursor: pointer;

    transition: background .25s ease-in-out;

    -o-transition: background .25s ease-in-out;

    -moz-transition: background .25s ease-in-out;

    -webkit-transition: background .25s ease-in-out;

    background: url(./wp-content/themes/amity/images/small-arrows-hover.png) no-repeat 0 0

}



.recruiting-locations2 .showcase-arrow-next2 {

    left: auto;

    right: 0;

    background: url(./wp-content/themes/amity/images/small-arrows-hover.png) no-repeat -12px 0

}



.hover .recruiting-locations2 .showcase-arrow-next2:hover {

    background: url(./wp-content/themes/amity/images/small-arrows.png) no-repeat -12px 0

}



.hover .recruiting-locations2 .showcase-arrow-previous2:hover {

    background: url(./wp-content/themes/amity/images/small-arrows.png) no-repeat 0 0

}











.recruiting-locations3 .location

.title {

    text-transform: uppercase;

    padding-bottom: 13px;

    font: normal 22px 'GothamRoundedBold', Arial, sans-serif

}



.recruiting-locations3 .location

strong {

    font: normal 16px 'GothamRoundedBold', Arial, sans-serif

}



.recruiting-locations3 .location .entry

p {

    padding-bottom: 15px;

    font-size: 12px;

    line-height: 12px

}



.recruiting-locations3 .showcase-button-wrapper {

    margin: 0 auto;

    position: relative;

    text-align: center

}



.recruiting-locations3 .showcase-arrow-next2,

.recruiting-locations3 .showcase-arrow-previous2 {

    position: absolute;

    top: -2px;

    left: 0;

    width: 12px;

    height: 19px;

    z-index: 3;

    cursor: pointer;

    transition: background .25s ease-in-out;

    -o-transition: background .25s ease-in-out;

    -moz-transition: background .25s ease-in-out;

    -webkit-transition: background .25s ease-in-out;

    background: url(./wp-content/themes/amity/images/small-arrows-hover.png) no-repeat 0 0

}



.recruiting-locations3 .showcase-arrow-next2 {

    left: auto;

    right: 0;

    background: url(./wp-content/themes/amity/images/small-arrows-hover.png) no-repeat -12px 0

}



.hover .recruiting-locations3 .showcase-arrow-next2:hover {

    background: url(./wp-content/themes/amity/images/small-arrows.png) no-repeat -12px 0

}



.hover .recruiting-locations3 .showcase-arrow-previous2:hover {

    background: url(./wp-content/themes/amity/images/small-arrows.png) no-repeat 0 0

}

.amity-information {

    color: #7a7979;

    font: normal 14px Arial, sans-serif;

    padding: 27px 0 96px 0;

    overflow: hidden;

    background: url(./wp-content/themes/amity/images/homepage-bottom-bg.png) no-repeat center 0

}



.amity-information

h4 {

    padding-bottom: 17px

}



.amity-information

h5 {

    font-size: 17px

}



.amity-information

.entry {

    line-height: 20px

}



.amity-information

ul {

    padding: 13px 0 21px

}



.amity-information

li {

    list-style: none;

    padding-bottom: 5px

}



.amity-information

.education {

    float: left;

    width: 650px;

    height: 624px;

    position: relative

}



.amity-information .education

.left {

    width: 426px

}



.amity-information .education .wp-post-image {

    position: absolute;

    right: 35px;

    bottom: -6px

}



.amity-information .education

.entry {

    padding-bottom: 15px

}



.amity-information .education

li {

    color: #ff7b3a;

    padding: 0 0 13px 29px;

    list-style: none;

    text-transform: uppercase;

    background: url(./wp-content/themes/amity/images/li-arrow.png) no-repeat 0 7px;

    font: normal 17px 'GothamRoundedBold', Arial, sans-serif

}



.amity-information .requirements div.wp-post-image {

    width: 235px;

    height: 235px;

    margin: 0 auto 19px;

    overflow: hidden;

    border-radius: 235px

}



.amity-information

.requirements {

    float: right;

    width: 320px;

    height: 620px

}



.amity-information .requirements

.entry {

    padding-bottom: 3px

}



.amity-information .requirements .entry li:before {

    border-top: 1px solid #d2d2d2

}



.amity-information .requirements .entry li:after {

    border-top: 1px solid #d2d2d2

}



.amity-information

.locations {

    float: left;

    width: 278px;

    height: 605px;

    margin-left: 8px;

    clear: both

}



.amity-information .locations

h4 {

    margin-top: -2px;

    line-height: 28px !important

}



.amity-information .locations h4

a {

    line-height: 28px

}



.amity-information .locations

.entry {

    padding: 4px 0 25px

}



.amity-information .locations .wp-post-image {

    margin-left: -29px

}



.amity-information

.culture {

    float: right;

    width: 635px;

    height: 605px;

    background: #fff

}



.amity-information .culture

h4 {

    padding-top: 15px;

    padding-bottom: 12px

}



.amity-information .culture

.entry {

    padding: 0 30px 25px

}



.page

.content {

    padding: 35px 0 0

}



#anchors {

    height: 50px;

    padding: 13px 0 0 0;

    text-align: center;

    background: #6272b8

}



#anchors

li {

    display: inline-block

}



#anchors

li.bg {

    background: url(./wp-content/themes/amity/images/anchor-border.png) no-repeat right 4px

}



#anchors li.active,

.hover #anchors li:hover,

#anchors li:last-child {

    background: none

}



#anchors li

a {

    color: #fff;

    height: 40px;

    padding: 0 30px;

    display: block;

    text-decoration: none;

    background: #6272b8;

    border-radius: 20px;

    -o-border-radius: 20px;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    transition: background .25s ease-in-out;

    -o-transition: background .25s ease-in-out;

    -moz-transition: background .25s ease-in-out;

    -webkit-transition: background .25s ease-in-out;

    font: normal 14px/40px 'GothamRoundedBold', Arial, sans-serif

}



#anchors li.active a,

.hover #anchors li a:hover {

    background: #18d660

}



#featured-image {

    width: 1044px;

    margin: 0 auto -5px;

    text-align: center;

    padding-bottom: 41px;

    position: relative;

    background: url(./wp-content/themes/amity/images/slider-shadow.jpg) no-repeat center bottom

}



.content-entry

p {

    padding-bottom: 40px;

    line-height: 19px

}



.content-entry

ul {

    padding-bottom: 10px

}



.faq-questions

a {

    color: #7a7979;

    display: block;

    text-decoration: none;

    padding-bottom: 7px;

    font: normal 16px 'GothamRoundedBold', Arial, sans-serif

}



.hover .faq-questions a:hover {

    text-decoration: underline

}



.faq-answers {

    overflow: hidden;

    padding: 30px 0

}



.faq-answers .answer-col {

    float: left;

    width: 475px;

    margin-right: 20px

}



.faq-answers .answer-col.last {

    margin: 0

}



.faq-answers

.answer {

    padding-bottom: 15px

}



.faq-answers .answer

h4 {

    color: #ff7b3a;

    padding-bottom: 5px;

    text-transform: none;

    font: normal 16px 'GothamRoundedBold', Arial, sans-serif

}



.faq-answers .answer

p {

    padding-bottom: 0

}



.col-half {

    float: left;

    width: 474px;

    margin-right: 22px

}



.col-half h1,

.col-half h2,

.col-half

h3 {

    color: #ff7b3a;

    font-size: 27px;

    padding: 15px 0 8px 0

}



.col-half.last {

    margin-right: 0

}



.content-block {

    padding: 40px 0 5px

}



.content-block

h4 {

    font-size: 28px;

    padding-bottom: 5px

}



.content-block

.description {

    padding-bottom: 10px

}



.content

.lesson {

    float: left;

    width: 223px;

    margin-right: 26px

}



.content

.lesson.last {

    margin-right: 0

}



.content .lesson

img {

    width: 215px;

    height: 220px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    margin-bottom: 20px

}



.content .lesson

.title {

    margin-bottom: 10px

}



.content .lesson .title a,

.content .lesson

.title {

    color: #6272b8;

    text-transform: uppercase;

    text-decoration: none;

    font: normal 18px 'GothamRoundedBold', Arial, sans-serif

}



.content .lesson

.entry {

    padding: 0 12px

}



#classes {

    color: #fff !important;

    padding: 30px 0;

    font-size: 15px

}



#classes

h4 {

    padding-bottom: 25px

}



#classes

li {

    float: left;

    width: 290px;

    margin-right: 30px;

    padding-bottom: 17px

}



#classes

.teaching-list {

    float: left;

    width: 290px;

    margin-right: 28px;

}



#classes .teaching-list li {

    float: none;

    margin-right: 0;

}



#classes

strong {

    display: block;

    font: normal 18px 'GothamRoundedBold', Arial, sans-serif

}



#beyond-teaching {

    padding-bottom: 100px

}



#beyond-teaching

.lesson {

    width: 303px;

    height: 435px;

    margin: 0 10px

}



#beyond-teaching .lesson .title a,

#beyond-teaching .lesson

.title {

    margin-bottom: 10px;

    text-transform: none

}



#beyond-teaching .lesson

.entry {

    min-height: 150px;

    padding: 0

}



#beyond-teaching .lesson .entry

p {

    font-size: 13px;

    line-height: 16px

}



.contacts {

    padding-bottom: 70px;

    overflow: hidden

}



.contacts

h2 {

    padding-bottom: 15px;

    font-size: 18px

}



.contacts

.map {

    width: 970px;

    height: 450px;

    margin-bottom: 30px

}



.contacts

.office {

    float: left;

    width: 475px;

    margin-right: 10px

}



.contacts .office

.title {

    color: #6272b8;

    text-decoration: none;

    font: normal 18px 'GothamRoundedBold', Arial, sans-serif

}



.schools-locations {

    padding-bottom: 50px

}



#search-school {

    padding: 20px 0 40px;

    width: 638px;

    margin: 0 auto

}



#search-school input[type=text] {

    width: 586px;

    height: 54px;

    color: #7a7979;

    font-size: 14px;

    border: 1px solid #e6e6e6;

    padding: 6px 32px 0;

    background: #fff url(./wp-content/themes/amity/images/search.png) no-repeat 97% 46%

}



#search-school input[type=submit] {

    float: right;

    border-width: 0px;

    width: 60px;

    height: 60px;

    padding: 0;

    margin: -61px -13px 0;

    position: relative;

    text-indent: -9999px;

    line-height: 0px;

    background: url(./wp-content/themes/amity/images/transparent.png);

    cursor: pointer

}



.map-schools {

    height: 558px;

    padding: 44px 32px 0 32px;

    margin-bottom: 50px;

    position: relative;

    background: url(./wp-content/themes/amity/images/map-bg.png) no-repeat center 0

}



#map-schools {

    height: 458px

}



.school-region {

    display: inline-block;

    width: 280px;

    margin: 0 0 20px 38px;

    vertical-align: top

}



.school-region

h3 {

    color: #ff7b3a;

    text-transform: none;

    font: normal 22px 'hyenaregular', Arial, sans-serif

}



.school {

    padding-bottom: 20px

}



.school .title,

.map-schools

h4 {

    color: #52609a;

    padding-bottom: 5px;

    font: normal 20px 'GothamRoundedBold', Arial, sans-serif

}



.school .title a,

.map-schools h4

a {

    color: #52609a;

    font-size: 20px

}



.school .title a:hover,

.map-schools h4 a:hover {

    opacity: 0.8

}



.school .url,

.map-schools

a {

    color: #7a7979;

    font-size: 14px;

    text-decoration: none

}



.hover .school .url:hover,

.hover .map-schools a:hover {

    color: #ff7b3a

}



.ui-autocomplete {

    background: #fff;

    padding: 10px 32px;

    margin-top: -1px;

    border: 1px solid #e6e6e6;

    width: 586px !important;

    border-top: 0

}



.ui-autocomplete

li {

    font-size: 16px;

    padding-bottom: 10px

}



.hover .ui-autocomplete li:hover {

    color: #ff7b3a

}



.ui-helper-hidden-accessible {

    display: none

}



.white {

    color: #fff

}



.dblue {

    background: #6272b8

}



#culture-teaching

h4 {

    margin-bottom: 28px

}



#culture-teaching

h5 {

    font-size: 18px;

    color: #6272b8;

    text-transform: lowercase

}



#culture-teaching

.lesson {

    margin: 0 0 0 30px;

    width: 303px

}



#culture-teaching .inner

.lesson.first {

    margin: 0

}



#culture-teaching .lesson

a {

    text-transform: none

}



#classes .content-block

h4 {

    font-size: 27px

}



#classes .inner

p {

    color: #7a7979

}



#classes

.left {

    width: 470px;

    margin-right: 26px;

    text-align: left

}



#classes

.right {

    width: 472px;

    text-align: left

}



#classes .left h4, #classes .right

h4 {

    font-size: 18px;

    text-transform: capitalize;

    color: #ff7b3a;

    font-weight: normal;

    padding-bottom: 9px

}



#testimonials .showcase-content-container {

    height: 274px !important

}



#testimonials .showcase-content {

    height: 267px !important

}



.showcase-inner .showcase-content-container {

    border: none;

    width: 470px;

    margin: 5px 0 0

}



#classes .showcase-inner .showcase-content-container

img {

    width: 100%;

    height: auto

}



.showcase-inner .showcase-button-wrapper {

    margin-top: 27px;

    text-align: center

}



.showcase-inner .showcase-button-wrapper

span {

    background: #cfdbe0

}



.showcase-inner .showcase-button-wrapper span.active, .hover .showcase-inner .showcase-button-wrapper span:hover {

    background: #f57638

}



#beyond-teaching.content-block

.description {

    padding-bottom: 30px

}



.page-id-16 #beyond-teaching .description

p {

    color: #fff;

    padding-bottom: 20px

}



#beyond-teaching .description

p {

    padding-bottom: 0

}



#beyond-teaching .tips-container {

    background: url(./wp-content/themes/amity/images/container-tips-bg.jpg) 0 0 repeat-y;

    float: left;

    width: 100%;

    margin-bottom: 40px

}



#beyond-teaching .col-tips {

    float: left;

    width: 554px;

    text-align: left

}



#beyond-teaching .col-tips.last {

    float: left;

    width: 375px;

    padding: 9px 19px 80px 22px

}



#beyond-teaching .col-tips.last

.tips {

    background: none

}



#beyond-teaching .col-tips

.tips {

    clear: left;

    background: #6272b8

}



#beyond-teaching .col-tips

.tips.first {

    float: left;

    padding: 39px 85px 0 35px;

    background: #18d4d6

}



#beyond-teaching .tips

h4 {

    font-weight: normal;

    font-size: 18px;

    color: #18d660

}



#beyond-teaching .tips

h4 {

    color: #6272b8

}



#beyond-teaching .col-tips.last

h4 {

    padding: 30px 5px 10px 22px

}



#beyond-teaching .col-tips.last

p {

    padding: 0 5px 0 22px;

    color: #fff

}



#beyond-teaching .col-tips.last

p.last {

    padding: 60px 0 0

}



#beyond-teaching .tips.first

h4 {

    margin: 0 0 6px 135px

}



#beyond-teaching .tips.first

p {

    float: left;

    width: 302px;

    color: #fff

}



#beyond-teaching .tips.first p:first-child {

    margin: -97px 23px 0 0;

    width: 109px;

    padding-bottom: 0

}



#beyond-teaching

.tips.second {

    padding: 50px 45px 0 37px

}



#beyond-teaching .tips.second

h4 {

    color: #18d660

}



#beyond-teaching .tips.second

p {

    color: #fff;

    text-align: center

}



#beyond-teaching .tips.second p:first-child {

    text-align: left;

    padding-bottom: 30px

}



#native-english {

    margin-top: 40px

}



#native-english

h5 {

    font-size: 27px;

    margin: 5px 0 15px

}



#native-english .inner p:first-child {

    padding-bottom: 26px

}



#native-english .inner p

span {

    background: #ff7b3a;

    font-family: "GothamRoundedBold";

    text-transform: uppercase;

    font-size: 16px;

    color: #fff;

    padding: 10px 20px

}



#stipulations-benefits {

    background: url(./wp-content/themes/amity/images/requirements-bg.jpg) center 100% no-repeat;

    padding-bottom: 235px

}



#stipulations-benefits

h4 {

    padding-bottom: 23px

}



.contract-line {

    margin-bottom: 20px

}



.contract-line .contract-box {

    display: inline-block;

    width: 230px;

    vertical-align: top;

    margin: 0 0 0 12px

}



.contract-line .contract-box.first {

    margin: 0

}



.contract-box

.title {

    margin-top: 20px

}



#stipulations-benefits .contract-box

h4 {

    font-size: 17px;

    text-transform: capitalize;

    font-weight: normal;

    padding-bottom: 0

}



.contract-box .entry

p {

    font-size: 12px;

    color: #7a7979

}



#requirements-location.content-block {

    padding: 67px 0 135px

}



#requirements-location .inner

h4 {

    font-size: 22px;

    color: #18d4d6;

}



#requirements-location

.left {

    width: 432px;

    margin-right: 70px

}



#requirements-location

.left.second {

    margin: 0

}



.location-info {

    margin: 22px 0 9px

}



.location-info

p {

    color: #fff;

    padding-bottom: 4px

}



.location-info p:first-child {

    font-size: 20px;

    font-family: "GothamRoundedBold";

    color: #fff;

    padding-bottom: 7px

}



.location-info .email, .location-info .email

a {

    color: #18d4d6;

    font-weight: bold;

    text-decoration: none

}



.hover .location-info .email a:hover {

    color: #fff

}



#requirements-location .left.second .location-info.first {

    margin: 22px 0 46px

}



#footer {

    color: #a6a5a5;

    font: normal 12px Arial, sans-serif;

    height: 100px;

    background: #403e3d

}



#footer

a {

    color: #a6a5a5;

    text-decoration: none;

    font: normal 12px Arial, sans-serif

}



.hover #footer a:hover {

    text-decoration: underline

}



#footer #sidebar-footer {

    width: 100%;

    height: 120px;

    margin-bottom: 20px;

    background: #4d4c4b

}



#footer

.left {

    width: 490px

}



#footer .nsu_widget,

#footer .constant-contact-signup {

    padding: 39px 45px 0

}



#footer .constant-contact-signup .widget-title {

    display: none

}



#footer .constant-contact-signup p,

#footer .constant-contact-signup #constant-contact-signup-errors {

    color: #FFF;

    float: left;

    font-size: 25px;

    margin-right: 45px;

    width: 180px;

    font: 25px 'GothamRoundedBold', Arial, sans-serif;

    text-transform: uppercase

}



#footer .constant-contact-signup #constant-contact-signup-errors {

    font: normal 14px 'GothamRoundedBook', Arial, sans-serif

}



#footer .nsu_widget

h3 {

    color: #fff;

    float: left;

    width: 180px;

    font-size: 25px;

    margin-right: 45px

}



#footer .nsu_widget .nsu-text-before-form,

#footer .constant-contact-signup p

span {

    width: 100%;

    display: block;

    font: normal 14px 'GothamRoundedBook', Arial, sans-serif

}



#footer .nsu_widget form

label {

    display: none

}



#footer .nsu_widget form

p {

    float: left;

    width: 248px;

    margin-right: 7px

}



#footer .nsu_widget form

p.last {

    float: none;

    width: auto;

    margin: 0

}



#footer .nsu_widget form input,

#footer .constant-contact-signup

input {

    width: 197px;

    height: 41px;

    padding: 2px 24px 0;

    border: none;

    color: #9f9f9f;

    font-size: 12px;

    background: #383635;

    border-radius: 3px;

    -o-border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px

}



#constant-contact-signup > div {

    float: left

}



#footer .nsu_widget form input[type=submit],

#footer .constant-contact-signup input[type=submit] {

    cursor: pointer;

    width: 125px;

    height: 44px;

    background: #6272b8;

    transition: background .25s ease-in-out;

    -o-transition: background .25s ease-in-out;

    -moz-transition: background .25s ease-in-out;

    -webkit-transition: background .25s ease-in-out;

    font: normal 15px/44px 'GothamRoundedBold', Arial, sans-serif;

    text-transform: uppercase;

    text-align: center;

    color: #fff;

    margin: -1px 0 0 20px;

    padding: 0

}



.hover #footer .nsu_widget form input[type=submit]:hover,

.hover #footer .constant-contact-signup input[type=submit]:hover {

    background: #18d4d6

}



#footer .menu-top-navi-container {

    padding: 12px 0 0 1px

}



#footer .menu-top-navi-container

li {

    float: left;

    list-style: none;

    padding: 0 14px;

    border-right: 1px solid #383635

}



#footer .menu-top-navi-container li:first-child {

    padding-left: 0

}



#footer .menu-top-navi-container li:last-child {

    border: none

}



input {

    /*-webkit-appearance: none*/

}



#footer

.copyright {

    float: left;

    padding: 20px 0 0 0

}



#footer

.by {

    float: left;

    margin: 17px 0 0 13px

}



#footer

.right {

    width: 475px

}



#footer

.likes {

    float: left;

    width: 220px;

    padding: 22px 0 0 30px;

    height: 45px;

    border-radius: 3px;

    -o-border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    background: #4d4c4b

}



#footer .likes .fb-like {

    margin-right: 6px

}



#footer .socials

a {

    float: left;

    width: 65px;

    height: 65px;

    transition: background .25s ease-in-out;

    -o-transition: background .25s ease-in-out;

    -moz-transition: background .25s ease-in-out;

    -webkit-transition: background .25s ease-in-out;

    margin-right: 10px

}



#footer .socials

a.fb {

    background: url(./wp-content/themes/amity/images/fb-icon.png) no-repeat 0 0

}



#footer .socials

a.twitter {

    background: url(./wp-content/themes/amity/images/twitter-icon.png) no-repeat 0 0

}



#footer .socials

a.youtube {

    background: url(./wp-content/themes/amity/images/youtube-icon.png) no-repeat 0 0

}



.hover #footer .socials a.fb:hover {

    background: url(./wp-content/themes/amity/images/facebook-icon-hover.png) no-repeat 0 0

}



.hover #footer .socials a.twitter:hover {

    background: url(./wp-content/themes/amity/images/twitter-icon-hover.png) no-repeat 0 0

}



.hover #footer .socials a.youtube:hover {

    background: url(./wp-content/themes/amity/images/youtube-icon-hover.png) no-repeat 0 0

}



@font-face {

    font-family: 'hyenaregular';

    src: url('./wp-content/themes/amity/fonts/hyena-webfont.eot');

    src: url('./wp-content/themes/amity/fonts/hyena-webfont.eot?#iefix') format('embedded-opentype'),

    url('./wp-content/themes/amity/fonts/hyena-webfont.woff') format('woff'),

    url('./wp-content/themes/amity/fonts/hyena-webfont.ttf') format('truetype'),

    url('./wp-content/themes/amity/fonts/hyena-webfont.svg#hyenaregular') format('svg');

    font-weight: normal;

    font-style: normal

}



@font-face {

    font-family: 'din_blackregular';

    src: url('./wp-content/themes/amity/fonts/din_black-webfont.eot');

    src: url('./wp-content/themes/amity/fonts/din_black-webfont.eot?#iefix') format('embedded-opentype'),

    url('./wp-content/themes/amity/fonts/din_black-webfont.woff') format('woff'),

    url('./wp-content/themes/amity/fonts/din_black-webfont.ttf') format('truetype'),

    url('./wp-content/themes/amity/fonts/din_black-webfont.svg#din_blackregular') format('svg');

    font-weight: normal;

    font-style: normal

}



ul

li {

    list-style-type: none

}



.page-id-117 #featured-image,

.page-id-158 #featured-image,

.page-id-174 #featured-image,

.page-id-188 #featured-image {

    margin-bottom: -6px

}



.page-id-117 #wrapper,

.page-id-158 #wrapper,

.page-id-174 #wrapper,

.page-id-188

#wrapper {

    overflow: hidden

}



.page-id-117 .inner p.aligncenter,

.page-id-158 .inner p.aligncenter,

.page-id-174 .inner p.aligncenter,

.page-id-188 .inner

p.aligncenter {

    padding: 0 0 60px;

    line-height: 19px

}



.page-id-117 .content-entry .inner,

.page-id-158 .content-entry .inner,

.page-id-174 .content-entry .inner,

.page-id-188 .content-entry

.inner {

    overflow: visible

}



.steps {

    position: relative

}



.steps

.purple {

    background: #6272b8;

    width: 100%;

    height: 25px;

    -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

    -o-border-radius: 12px;

    border-radius: 12px;

    padding: 6px 0 0;

    margin: 0 0 2px

}



.steps .purple

li {

    float: left;

    width: 18px;

    height: 18px;

    background: url(./wp-content/themes/amity/images/arrow-01.png) no-repeat;

    margin: 0 103px 0 114px;

    text-indent: -9999px;

    line-height: 0px

}



.steps .purple

li.current {

    background: url(./wp-content/themes/amity/images/arrow-01.png) no-repeat 0 -18px

}



.step-titles {

    overflow: hidden;

    padding: 0 0 44px

}



.page-id-188 .step-titles {

    padding: 0 0 35px

}



.step-titles

li {

    float: left;

    font: 20px/22px 'hyenaregular';

    color: #6272b8;

    padding: 27px 0 0

}



.step-titles li.step-01 {

    margin: 0 0 0 27px

}



.step-titles li.step-02 {

    margin: 0 0 0 67px

}



.step-titles li.step-03 {

    margin: 0 0 0 54px

}



.step-titles li.step-04 {

    margin: 0 0 0 83px

}



.step-titles

li.current {

    background: url(./wp-content/themes/amity/images/arrow-02.png) no-repeat 50% 0

}



.step-titles li.step-01.current {

    background: url(./wp-content/themes/amity/images/arrow-02.png) no-repeat 58% 0

}



.step-titles li.step-02.current {

    background: url(./wp-content/themes/amity/images/arrow-02.png) no-repeat 57% 0

}



.step-titles li.step-03.current {

    background: url(./wp-content/themes/amity/images/arrow-02.png) no-repeat 57% 0

}



.step-titles li.step-04.current {

    background: url(./wp-content/themes/amity/images/arrow-02.png) no-repeat 68% 0

}



.step-titles li

span {

    color: #ff7b3a

}



.steps .deco-01,

.steps .deco-02,

.steps .deco-03,

.steps .deco-04 {

    background: url(./wp-content/themes/amity/images/deco-01.png) no-repeat;

    width: 188px;

    height: 98px;

    line-height: 0px;

    text-indent: -9999px;

    display: block;

    position: absolute;

    top: 354px;

    right: -213px

}



.steps .deco-02 {

    background: url(./wp-content/themes/amity/images/deco-02.png) no-repeat

}



.steps .deco-03 {

    background: url(./wp-content/themes/amity/images/deco-03.png) no-repeat

}



.steps .deco-03 {

    background: url(./wp-content/themes/amity/images/deco-04.png) no-repeat

}



.steps

label {

    color: #7a7979;

    display: block;

    padding: 0 0 8px;

    font: 14px/16px 'GothamRoundedBold', Arial, sans-serif

}



.steps label

.blue {

    display: block;

    color: #6272b8;

    font: 22px/26px 'GothamRoundedBold', Arial, sans-serif;

    padding: 5px 0 4px

}



.essay {

    padding: 5px 0 0;

    display: block

}



.steps

.row {

    height: 90px;

    width: 100%;

    margin: 0 0 20px

}



.steps

.row.last {

    padding: 18px 0 0

}



.page-id-158 .steps

.row.last {

    padding: 48px 0 0

}



.page-id-174 .steps

.row.last {

    padding: 45px 0 0

}



.page-id-188 .steps

.row.last {

    padding: 9px 0 0

}



.steps

.row.h109 {

    height: 109px

}



.steps

.row.h173 {

    height: 173px

}



.steps

.row.hmax {

    overflow: hidden;

    height: auto;

    margin: 0

}



.steps .row

p {

    float: left;

    width: 307px;

    margin: 0 0 0 24px;

    padding: 0

}



.steps .row p.col-50 {

    width: 48%

}



.steps .row p.col-100 {

    width: 99% !important

}



.steps .col-100 .wpcf7-form-control-wrap.year {

    margin-right: 40px;

    float: left

}



.steps .col-100 .wpcf7-form-control-wrap.year

input {

    width: 264px

}



.steps .row p:first-child {

    margin: 0

}



.steps .row p.col-50:first-child {

    width: 49%

}



.steps .row p select,

.steps .row p input,

.captcha

input {

    width: 264px;

    height: 64px;

    font: 14px/16px Arial, Helvetica, sans-serif;

    padding: 0 20px;

    color: #7a7979;

    border: 1px solid #e6e6e6

}

@media screen and (max-width: 1000px) {

    .steps .row p select{

        max-width: 264px;

        padding: 0;

        width: 100%;

        height: 35px;

    }

}

@media screen and (max-width: 660px) {

    .steps .row p select{

        width: 100%;

    }

}



.captcha

input {

    width: 100%

}



.steps .row p input[type=radio] {

    border: none

}



.steps .row p.col-100

input {

    width: 928px

}



.steps .row p.col-50.right

input {

    width: 424px

}



.steps .row p.col-50.right .years,

.steps .row p.col-50.right .year,

.steps .row p.col-50.right

.expyears {

    float: left;

    margin: 0 27px 0 0

}



.steps .row p.col-50.right

.expyears2 {

    float: left;

    margin: 0 31px 0 0

}



.steps .row p.col-50.right .years input,

.steps .row p.col-50.right .expyears input,

.steps .row p.col-50.right .year

input {

    width: 181px;

    margin: 0

}



.steps .row p .text0301

input {

    width: 423px

}



.steps .row p.col-50.right .expyears2

input {

    width: 98px

}



.steps .row p

textarea {

    width: 928px;

    height: 104px;

    font: 14px/16px Arial, Helvetica, sans-serif;

    padding: 20px;

    color: #7a7979;

    border: 1px solid #e6e6e6;

    resize: none

}



.steps .row p

textarea.essay {

    height: 414px

}



div.required label.control-label:after {

    content: " *";

    color: red;

}



.steps a.next-step,

.steps button.next-step,

.steps .row p input[type=submit] {

    display: inline-block;

    border-width: 0px;

    background: #ff7b3a;

    cursor: pointer;

    width: 304px;

    height: 64px;

    text-decoration: none;

    font-size: 15px;

    color: #fff;

    text-align: center;

    line-height: 64px;

    text-transform: uppercase

}









.hover .steps a.next-step:hover,

.hover .steps .row p input[type=submit]:hover {

    background: #6272b8

}



@media screen and (max-width: 768px) {



    .steps a.next-step,

    .steps button.next-step,

    .steps .row p input[type=submit] {



        margin-bottom: 20px;

    }

}

@media screen and (max-width: 660px) {



    .steps a.next-step,

    .steps button.next-step,

    .steps .row p input[type=submit] {

        width: 100%;

        max-width: 304px;

        height: 35px;

        line-height: 35px;

        margin-bottom: 20px;

    }



}

@media screen and (min-width: 768px) {

    #apply-step2 .row:nth-child(0), #apply-step2 .row:nth-child(even) {

        height: 60px;

    }

    #apply-step2 .row:nth-child(11) {

        margin-bottom: 120px;

    }



}

@media screen and (min-width: 1000px) {

    #apply-step2 .row:nth-child(0), #apply-step2 .row:nth-child(even) {

        height: 60px;

    }



    #apply-step2 .row:nth-child(5) {

        margin-bottom: 60px;

    }



    #apply-step2 .row:nth-child(7) {

        margin-bottom: 50px;

    }



    #apply-step2 .row:nth-child(9) {

        margin-bottom: 150px;

    }



    #apply-step2 .row:nth-child(11) {

        margin-bottom: 150px;

    }

}





@media screen and (min-width: 1000px) {



    #apply-step3 .row:nth-child(4),#apply-step3 .row:nth-child(6) {

        height: 60px;

    }

    #apply-step3 .row:nth-child(5) {

        margin-bottom: 50px;

    }

    #apply-step3 .row:nth-child(7) {

        margin-bottom: 50px;

    }

}



/*#apply-step2 #applyform-have_you_applied_if_yes{*/

    /*height: 50px;*/

    /*padding-bottom: 70px;*/

    /*-moz-box-sizing: border-box;*/

    /*-webkit-box-sizing: border-box;*/

    /*-o-box-sizing: border-box;*/

    /*-ms-box-sizing: border-box;*/

    /*box-sizing: border-box;*/

/*}*/

/*#apply-step2 #bachelors_degree_if_no{*/

    /*margin-bottom: 50px;*/

/*}*/













input::-moz-focus-inner {

    border: 0;

    padding: 0

}



.steps .row p

.notices {

    padding: 20px 0 0;

    color: #7a7979;

    display: block;

    font: 12px/16px Arial, Helvetica, sans-serif

}



.wpcf7-form-control-wrap.monthes {

    float: left

}



.steps span.wpcf7-not-valid-tip {

    top: 0px !important;

    line-height: 64px;

    padding: 0 2% !important;

    width: 96% !important;

    left: 0px !important;

    height: 64px !important;

    border: 2px solid #ff7b3a !important;

    color: #ff7b3a !important;

    z-index: 90 !important;

    overflow: hidden;

    position: absolute

}



span.wpcf7-form-control-wrap {

    display: block;

    position: relative

}



.steps span.wpcf7-not-valid-tip

b {

    font-weight: normal;

    padding: 0 12px !important

}



.steps .text0301 span.wpcf7-not-valid-tip {

    width: 437px !important

}



.niceRadio {

    width: 16px;

    height: 15px;

    display: inline-block;

    cursor: pointer;

    background: url(./wp-content/themes/amity/images/bg-radio.png);

    overflow: hidden;

    float: left

}



.radioChecked {

    background-position: 0 -15px

}



.niceRadio

input {

    margin-left: -17px;

    opacity: 0

}



.wpcf7-radio {

    padding: 30px 0 0;

    display: block

}



.col-100 .wpcf7-radio,

.radio-02 .wpcf7-radio {

    padding: 20px 0 0

}



.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {

    cursor: pointer;

    margin: 0 36px 0 7px;

    line-height: 15px;

    float: left

}



.font12 {

    font-size: 12px

}



.charleft {

    display: block !important;

    padding: 14px 0 0;

    color: #ff7b3a;

    font: 12px/14px Arial, Helvetica, sans-serif

}



.page-id-117 .wpcf7-response-output,

.page-id-158 .wpcf7-response-output,

.page-id-174 .wpcf7-response-output,

.page-id-188 .wpcf7-response-output {

    display: none !important

}



.page-id-117 #anchors,

.page-id-158 #anchors,

.page-id-174 #anchors,

.page-id-188

#anchors {

    display: none

}



.page-id-117 .page-title,

.page-id-158 .page-title,

.page-id-174 .page-title,

.page-id-188 .page-title {

    padding-bottom: 5px

}



.page-id-15 .content

h2 {

    color: #FF7B3A;

    font: 27px 'GothamRoundedBold', Arial, sans-serif;

    text-transform: uppercase

}



#typical-day

h2 {

    padding: 50px 0 30px;

    text-align: center

}



#typical-day

img {

    display: block;

    margin: 0 0 23px

}



#typical-day

ul {

    overflow: hidden

}



#typical-day ul

li {

    float: left;

    width: 143px;

    font: 12px/18px Arial, Helvetica, sans-serif;

    margin: 0 0 0 22px;

    padding: 0 0 44px

}



#typical-day ul li:first-child {

    margin: 0

}



#typical-day ul li

strong {

    display: block;

    padding: 0 0 10px;

    color: #FF7B3A;

    font: 16px 'GothamRoundedBold', Arial, sans-serif

}



#year-at-amity {

    background: #def9f9;

    margin: 0 0 60px

}



#year-at-amity

.inner {

    padding: 54px 0 88px;

    position: relative

}



#year-at-amity

h2 {

    position: absolute;

    top: 47px;

    left: 21px

}



#year-at-amity

h3 {

    font: 18px/20px 'din_blackregular';

    color: #19d5d7;

    text-transform: uppercase;

    padding: 0 0 10px

}



#year-at-amity .short-info {

    width: 220px;

    height: 300px;

    padding: 50px 0 0 20px;

    font: 14px/20px Arial, Helvetica, sans-serif

}



#year-at-amity .year

img {

    display: block;

    position: relative;

    top: -325px

}



#year-at-amity .year.year-1

img {

    margin-left: 41px

}



#year-at-amity .year.year-2

img {

    margin-left: 392px

}



#year-at-amity .year.year-3

img {

    margin-left: 237px

}



#year-at-amity .year.year-4

img {

    margin-left: 369px

}



#year-at-amity .year.year-5

img {

    margin-left: 357px;

    top: -177px

}



#year-at-amity .year.year-6

img {

    margin-left: 474px

}



.year-content {

    margin: 0px 0 3px;

    width: 970px;

    height: 330px;

    padding: 0px;

    overflow: auto

}



.year-content

.images_container {

    overflow: hidden

}



.year-content .images_container

.year {

    display: block;

    float: left;

    height: 330px;

    overflow: hidden;

    width: 970px

}



#year-at-amity

.notice {

    display: inline-block;

    font: 16px/18px 'hyenaregular';

    color: #ff7b3a;

    padding: 20px 0 0;

    background: url(./wp-content/themes/amity/images/arrow-04.png) no-repeat 50% 0;

    position: absolute;

    bottom: 49px;

    left: 0

}



#amity-training {

    background: url(./wp-content/themes/amity/images/bg-even.png);

    padding: 0 0 40px

}



#amity-training

h2 {

    color: #5d79ba;

    padding: 2px 0 5px

}



#amity-training

.cell {

    float: left;

    width: 307px;

    text-align: center;

    margin: 0 0 0 24px

}



#amity-training

.cell.first {

    margin: 0

}



.page-id-15 .img-wrap {

    width: 233px;

    height: 233px;

    margin: 0 auto 12px;

    display: block;

    border-radius: 120px;

    overflow: hidden

}



.page-id-15 .img-wrap

img {

    margin: 0 0 0 -63px

}



#amity-training .cell

h3 {

    color: #19d5d7;

    font: 18px/20px 'GothamRoundedBold', Arial, sans-serif;

    padding: 0 0 5px

}



#amity-training .cell

p {

    font: 14px/18px Arial, Helvetica, sans-serif;

    padding: 0

}



#amity-training .cell

ul {

    margin-top: 15px

}



#amity-training .cell li

span {

    font: 13px/22px Arial, Helvetica, sans-serif

}



#amity-training .cell li

span {

    display: inline-block;

    background: url(./wp-content/themes/amity/images/arrow-05.png) no-repeat 0 50%;

    padding: 0 0 0 12px;

    line-height: 22px

}



.testimonials {

    background: #19d5d7;

    padding: 40px 0 40px

}



.testimonials

.inner {

    position: relative

}



.testimonials .showcase-content-container {

    border: none;

    background: none

}



.showcase-content .img-wrap {

    float: left

}



.page-id-15 .testimonials

h2 {

    left: 260px;

    top: 0px;

    color: #fff;

    position: absolute;

    z-index: 99

}



.testimonials .col-r {

    padding: 44px 0 0 260px

}



.testimonials .col-r

p {

    font-style: italic;

    line-height: 19px;

    padding: 0 0 14px

}



.testimonials .showcase-content-container {

    width: 970px;

    border: none

}



.testimonials .col-r

h3 {

    color: #fff;

    font: 22px/24px 'hyenaregular';

    text-transform: none

}



.testimonials .showcase-button-wrapper {

    padding: 0 0 0 250px

}



.testimonials .showcase-button-wrapper span.active,

.hover .showcase-button-wrapper span:hover {

    background: #6272b8

}



.testimonials .showcase-button-wrapper

span {

    background: #fff

}



#opportunities {

    background: url(./wp-content/themes/amity/images/bg-even.png);

    padding: 55px 0 85px

}



#opportunities

h2 {

    padding: 0 0 7px

}



#opportunities .inner > .aligncenter

p {

    padding: 0 70px 35px !important

}



#opportunities .col-50 {

    float: left;

    width: 470px;

    margin: 0 27px 0 0

}



#opportunities .col-50.last {

    margin: 0

}



#opportunities .col-50

h3 {

    color: #ff7b3a;

    font-size: 22px;

    padding: 0 0 5px

}



#opportunities .col-50

h4 {

    color: #ff7b3a;

    font-size: 18px;

    padding: 0 0 5px

}



#opportunities .col-50

p {

    font-size: 14px;

    line-height: 18px

}



#opportunities .col-50 li

p {

    font-size: 13px;

    line-height: 16px

}



.apply-bottom {

    padding: 29px 0 0

}



.apply-bottom

img {

    display: block;

    margin: 0 auto

}



.apply-btn {

    background: #ff7b3a;

    transition: background .25s ease-in-out;

    -o-transition: background .25s ease-in-out;

    -moz-transition: background .25s ease-in-out;

    -webkit-transition: background .25s ease-in-out;

    font: 30px/127px 'GothamRoundedBold', Arial, sans-serif;

    display: block;

    color: #fff;

    text-align: center;

    text-decoration: none

}



.hover .apply-btn:hover {

    background: #6272b8

}



.page-id-5 .content .aligncenter

p {

    padding: 0 55px 44px;

    line-height: 19px

}



.mCSB_draggerContainer

span {

    position: absolute;

    top: 0;

    height: 30px;

    width: 74px;

    background: url(./wp-content/themes/amity/images/trans.png) no-repeat center center

}



.hover .mCSB_draggerContainer span:hover {

    background: url(./wp-content/themes/amity/images/drag.png) no-repeat -50% -30px

}



#year-1 {

    left: 0

}



#year-2 {

    left: 20%;

    margin-left: -15px

}



#year-3 {

    left: 40%;

    margin-left: -30px

}



#year-4 {

    left: 60%;

    margin-left: -45px

}



#year-5 {

    left: 80%;

    margin-left: -60px

}



#year-6 {

    right: 0

}



.avatar {

    float: left;

    width: 268px;

    height: 151px;

    background: url(./wp-content/themes/amity/images/bg-avatar.png) no-repeat;

    margin: -47px 23px 15px 0;

    padding: 100px 0 0 37px

}



.avatar

img {

    width: 93px;

    height: 93px;

    border: 9px solid #fff;

    float: left;

    margin: 0 6px 0 0

}



.members .avatar

h3 {

    color: #fff;

    font: 22px/24px 'hyenaregular';

    text-transform: none;

    padding: 12px 0 0

}



.members .avatar .col-r {

    float: left;

    width: 147px

}



.avatar

.position {

    display: block;

    color: #6272b8;

    text-transform: uppercase;

    font: 16px/20px 'GothamRoundedBold', Arial, sans-serif;

    background: url(./wp-content/themes/amity/images/bg-strips.png) no-repeat 0 100%;

    padding: 0 0 40px

}



#anchors-members {

    background: none repeat scroll 0 0 #6272B8;

    border-radius: 20px;

    position: relative;

    height: 40px;

    padding: 0;

    margin: 0 0 60px

}



#anchors-members

ul {

    padding: 0;

    text-align: left

}



#anchors-members li.active

a {

    background: none repeat scroll 0 0 #18D660

}



.hover #anchors-members li a:hover {

    background: none repeat scroll 0 0 #ff7b3a

}



#anchors-members li

a {

    background: none repeat scroll 0 0 #6272B8;

    border-radius: 20px 20px 20px 20px;

    color: #FFF;

    display: block;

    font: 14px/40px 'GothamRoundedBold', Arial, sans-serif;

    height: 40px;

    padding: 0 28px;

    text-decoration: none;

    transition: background 0.25s ease-in-out 0s

}



#cc_firstname {

    margin: 0 10px 0 0

}



#anchors-members

.notice {

    display: inline-block;

    font: 16px/18px 'hyenaregular';

    color: #ff7b3a;

    padding: 12px 0 0 17px;

    background: url(./wp-content/themes/amity/images/arrow-06.png) no-repeat 0 0;

    position: absolute;

    bottom: -43px;

    left: 64px

}



#anchors-members

li {

    display: inline-block;

    vertical-align: top

}



.members {

    overflow: hidden;

    margin: 0 0 67px;

    position: relative

}



.members

li {

    padding: 50px 0 0;

    margin: 0 50px 0 0;

    float: left;

    width: 970px

}



.members

h3 {

    color: #6272b8;

    font-size: 16px;

    padding: 0 0 7px

}



.members-wrap {

    overflow: hidden

}



.members

.alignright {

    float: right

}



.members

.circle {

    border-radius: 50% 50% 50% 50%

}



#video a

span {

    z-index: 11

}



#video a

em {

    display: none

}



#video

a {

    position: relative

}



.hover #video a:hover

em {

    position: absolute;

    background: url(./wp-content/themes/amity/images/bg-grey.png);

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 10;

    display: block

}



.year-content .images_container, .mCSB_container {

}



#anchors.fixed-anchors {

    z-index: 7001;

    position: fixed;

    top: 100px;

    height: 47px;

    padding: 8px 0 0 0;

    width: 100%

}



.other-field {

    display: none

}



.expmonthes2, .wpcf7-form-control-wrap.month, .wpcf7-form-control-wrap.expmonthes {

    float: left

}



.steps {

    display: none

}



#step1 {

    display: block

}



@media screen and (max-width: 1140px) {

    .inner, #showcase {

        width: 100%;

        padding: 0 5%;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box

    }



    #showcase,

    #showcase .showcase-content {

        width: 100% !important;

        height: auto !important

    }



    #showcase .showcase-content {

        height: 420px !important

    }



    #showcase .showcase-content-container {

        width: 100%;

        height: 420px !important;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box

    }



    #showcase .showcase-button-wrapper {

        padding: 14px 0

    }



    .showcase-content

    img {

        width: 100%;

        height: 100%

    }



    .menu-main-navi-container {

        width: 545px

    }



    .menu-main-navi-container li

    a {

        font-size: 16px

    }



    .recruiting-locations,

    .recruiting-locations .showcase-content-container {

        width: 100% !important

    }



    .recruiting-locations

    .location {

        width: 25%;

        padding: 0 2%;

        margin: 0;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box

    }



    .recruiting-locations {

        height: auto !important

    }



    .recruiting-locations .showcase-content-container {

        height: 240px !important

    }



    .recruiting-locations .showcase-content {

        width: 100% !important

    }













    .recruiting-locations2,

    .recruiting-locations2 .showcase-content-container {

        width: 100% !important

    }



    .recruiting-locations2

    .location {

        width: 25%;

        padding: 0 2%;

        margin: 0;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box

    }



    .recruiting-locations2 {

        height: auto !important

    }



    .recruiting-locations2 .showcase-content-container {

        height: 240px !important

    }



    .recruiting-locations2 .showcase-content {

        width: 100% !important

    }







    .recruiting-locations3,

    .recruiting-locations3 .showcase-content-container {

        width: 100% !important

    }



    .recruiting-locations3

    .location {

        width: 25%;

        padding: 0;

        margin: 0;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box

    }



    .recruiting-locations3

    .location:first-child {

        width: 37%;

        padding-left: 12%;

    }

    .recruiting-locations3

    .location:nth-child(2) {

        width: 26%;

        padding: 0 2%;

    }

    .recruiting-locations3

    .location:last-child {

        width: 37%;

        padding-right: 12%;

    }



    .recruiting-locations3 {

        height: auto !important

    }



    .recruiting-locations3 .showcase-content-container {

        height: 240px !important

    }



    .recruiting-locations3 .showcase-content {

        width: 100% !important

    }





    .amity-information .education,

    .amity-information

    .culture {

        width: 65%

    }



    .amity-information

    .requirements {

        width: 32%

    }



    .amity-information

    .locations {

        width: 35%

    }



    .culture

    img {

        width: 100%

    }



    .amity-information

    .culture {

        margin-right: -6%

    }



    .amity-information .education .wp-post-image {

        width: 200px

    }



    #footer .nsu_widget, #footer .constant-contact-signup {

        padding-left: 25px;

        padding-right: 25px

    }



    #footer .nsu_widget form

    p {

        width: 220px

    }



    #footer .nsu_widget form input,

    #footer .constant-contact-signup

    input {

        width: 95%;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box

    }



    #footer

    .left {

        width: 45%

    }



    #footer

    .right {

        width: 55%

    }



    #footer

    .likes {

        float: right

    }



    .contacts

    .map {

        width: 100%

    }



    .contacts {

        padding-bottom: 20px

    }



    #featured-image,

    #featured-image

    img {

        width: 100%;

        height: auto;

        background-size: 100% 50px

    }



    .circled {

        width: 25%;

        height: auto

    }



    #anchors-members li

    a {

        padding: 0 22px

    }



    .school-region {

        width: 30%;

        margin: 0 0 0 3%

    }



    .content

    .lesson {

        width: 23%;

        margin-right: 2%

    }



    #beyond-teaching

    .lesson {

        width: 27%;

        margin: 0 2%;

        float: none;

        vertical-align: top;

        display: inline-block;

        height: auto

    }



    .content .lesson

    img {

        max-width: 100%;

        height: auto

    }



    .col-half {

        width: 48%;

        margin-right: 4%

    }



    .col-half

    img {

        max-width: 100%;

        height: auto

    }



    #typical-day

    img {

        width: 100%;

        height: auto

    }



    #typical-day ul

    li {

        width: 15%;

        margin: 0 0 0 2%

    }



    #year-at-amity

    .inner {

        padding: 50px 5%

    }



    .year-content {

        width: 100%

    }



    #year-at-amity .short-info {

        width: auto;

        height: 100px

    }



    .year-content,

    .year-content .images_container

    .year {

        height: auto

    }



    #year-at-amity .year

    img {

        top: 0;

        height: 200px;

        width: auto

    }



    #year-at-amity .year.year-6 img,

    #year-at-amity .year.year-5 img,

    #year-at-amity .year.year-4 img,

    #year-at-amity .year.year-3 img,

    #year-at-amity .year.year-2 img,

    #year-at-amity .year.year-1

    img {

        margin-left: 0;

        top: 0

    }



    #year-at-amity

    .notice {

        bottom: 0

    }



    #amity-training .cell,

    #culture-teaching

    .lesson {

        width: 30%;

        margin-left: 3%

    }



    #testimonials,

    .testimonials .showcase-content-container,

    #testimonials .showcase-content {

        width: 100% !important

    }



    .showcase-content .img-wrap

    img {

        width: 150%

    }



    #testimonials .showcase-content-container {

        height: 315px !important

    }



    #testimonials .showcase-content {

        height: auto !important

    }



    #opportunities .col-50 {

        width: 48%;

        margin-right: 3%

    }



    #classes .showcase-content-container {

        height: 230px !important

    }



    #classes

    .left {

        width: 48%;

        margin-right: 4%

    }



    #classes .showcase-inner,

    #classes .showcase-content,

    .showcase-inner .showcase-content-container {

        width: 100% !important

    }



    #classes

    .right {

        width: 48%

    }



    #beyond-teaching .col-tips.last {

        width: auto;

        margin-left: 554px;

        box-sizing: border-box;

        float: none

    }



    #beyond-teaching .col-tips.last .tips

    img {

        width: 100%;

        height: auto

    }



    #beyond-teaching .col-tips

    .tips {

        clear: none

    }



    #beyond-teaching

    .tips.second {

        clear: left

    }



    .contract-line .contract-box {

        width: 23%;

        margin-left: 2%

    }



    #requirements-location

    .left {

        margin-right: 4%

    }



    #requirements-location .left,

    #requirements-location

    .right {

        width: 48%

    }



    .steps .row

    p {

        width: 30%;

        margin-left: 3%

    }



    .steps .row p input,

    .steps .row p.col-100 input,

    .steps span.wpcf7-not-valid-tip,

    .captcha

    input {

        width: 100% !important;

        box-sizing: border-box

    }



    .steps .purple

    li {

        width: 25%;

        margin: 0;

        background-position: center 0

    }



    .steps .purple

    li.current {

        background-position: center -18px

    }



    .steps .deco-01, .steps .deco-02, .steps .deco-03, .steps .deco-04 {

        right: 0;

        top: 590px

    }



    .steps .row p

    textarea {

        width: 70%

    }



    .contacts

    .office {

        width: 48%;

        margin-right: 2%

    }



    .page

    .content {

        padding-top: 20px

    }



    .step-titles li.step-02 {

        margin-left: 50px

    }



    body.home {

        background-position: 0 -50px

    }

}



@media screen and (max-width: 1000px) {

    #header

    #logo {

        width: 120px;

        margin-top: 5px

    }



    #header #logo .link,

    .hover #header #logo .link:hover {

        height: 22px;

        background-size: 100% auto

    }



    #header #logo

    a {

        width: 110px;

        background-size: 100% auto;

        height: 65px

    }



    .menu-main-navi-container {

        margin-top: 15px;

        width: 400px

    }



    .menu-main-navi-container li

    a {

        font-size: 12px;

        padding: 10px 10px 0 10px;

        height: 40px

    }



    .apply,

    #small-header

    .apply {

        font-size: 15px;

        line-height: 45px;

        height: 45px;

        width: 90px;

        background-size: 100% auto;

        padding: 0;

        text-align: center;

        margin-top: 10px

    }



    #small-header

    .apply {

        line-height: 33px

    }



    .hover .apply:hover,

    .hover #small-header .apply:hover {

        background-size: 100% auto

    }



    #header {

        height: 110px

    }



    .menu-top-navi-container li

    a {

        font-size: 11px

    }



    body {

        font-size: 12px

    }



    h1, h1

    a {

        font-size: 20px

    }



    #small-header {

        height: 75px

    }



    .amity-information {

        background: #f0f0f0

    }



    .contacts .office

    .title {

        font-size: 16px

    }



    .btn.big {

        height: 45px;

        width: 255px;

        line-height: 45px;

        font-size: 14px;

        margin: 30px auto

    }



    .content-entry

    p {

        padding-bottom: 20px

    }



    #footer .nsu_widget form input[type="submit"],

    #footer .constant-contact-signup input[type="submit"] {

        width: 75px;

        font-size: 12px;

        height: 35px;

        line-height: 35px

    }



    #footer .nsu_widget

    h3 {

        width: 30%;

        font-size: 20px;

        margin-right: 3%

    }



    #footer .nsu_widget .nsu-text-before-form,

    #footer .constant-contact-signup p

    span {

        font-size: 13px

    }



    .nsu-form {

        width: 67%;

        float: left

    }



    #footer .nsu_widget form

    p {

        width: 70%

    }



    #footer .nsu_widget form p:first-child {

        margin-bottom: 5px

    }



    #footer .nsu_widget, #footer .constant-contact-signup {

        padding: 20px;

        overflow: hidden

    }



    #footer #sidebar-footer {

        height: auto

    }



    #footer

    .right {

        text-align: right

    }



    #footer

    .socials {

        text-align: right;

        display: inline-block

    }



    #footer .socials

    a {

        width: 40px;

        height: 40px;

        background-size: 100% 100% !important;

        float: none;

        display: inline-block

    }



    #footer

    .likes {

        width: auto;

        padding: 10px 5px;

        height: auto

    }



    #footer

    .left {

        width: 48%

    }



    #footer

    .right {

        width: 52%

    }



    #footer .menu-top-navi-container

    li {

        padding: 0 8px

    }



    #anchors-members {

        height: 30px

    }



    #anchors-members

    ul {

        text-align: center

    }



    #anchors-members li

    a {

        font-size: 12px;

        line-height: 30px;

        height: 30px;

        padding: 0 10px

    }



    #anchors.fixed-anchors {

        top: 80px

    }



    .page-id-15 .img-wrap {

        width: 175px;

        height: 175px

    }



    .apply-bottom

    img {

        max-width: 100%;

        height: auto

    }



    #typical-day

    h2 {

        padding: 30px 0

    }



    #beyond-teaching .col-tips {

        width: 50%

    }



    #beyond-teaching .col-tips.last {

        margin-left: 50%;

        background: #ff7b3a

    }



    #beyond-teaching .tips-container {

        background: #ff7b3a

    }



    #beyond-teaching .tips.first

    p {

        width: auto;

        float: none

    }



    #beyond-teaching .tips.first p

    img.alignleft {

        float: left

    }



    #beyond-teaching .col-tips

    .tips.first {

        padding: 35px 30px 0 35px

    }



    #beyond-teaching .tips.first p:last-child {

        padding-top: 100px

    }



    #beyond-teaching .col-tips .tips.second

    img {

        max-width: 100%;

        height: auto

    }



    .home

    #header {

        height: 120px

    }



    .home

    #video {

        left: auto;

        right: 10%

    }



    #showcase {

        background: none

    }



    #showcase .showcase-arrow-next,

    #showcase .showcase-arrow-previous,

    .hover #showcase .showcase-arrow-next:hover,

    .hover #showcase .showcase-arrow-previous:hover {

        top: 50%;

        width: 15px;

        height: 23px;

        margin-top: -30px;

        background-size: auto 100%

    }



    #showcase .showcase-arrow-previous {

        left: 2%

    }



    #showcase .showcase-arrow-next,

    .hover #showcase .showcase-arrow-next:hover {

        right: 2%;

        background-position: right 0

    }



    .showcase-button-wrapper span.active, .hover .showcase-button-wrapper span:hover {

        background: #ff7b3a

    }



    .showcase-content-container {

        border: 5px solid #fff

    }



    #showcase .showcase-caption {

        width: 100%;

        box-sizing: border-box;

        height: auto;

        padding: 20px

    }



    .top-content {

        padding-bottom: 20px

    }



    .cities-img {

        background-size: 100% auto !important;

        background-position: center center !important;

        margin-bottom: 20px

    }



    .steps .row p input, .cusel {

        height: 35px

    }



    .cuselText,

    .steps a.next-step,

    .steps .row p input[type="submit"],

    .steps span.wpcf7-not-valid-tip {

        height: 35px !important;

        line-height: 35px !important;

        box-sizing: border-box

    }



    .cusel {

        background-position: 100% center;

        box-sizing: border-box

    }



    .cusel .jScrollPaneContainer,

    .cusel,

    .cusel.month,

    .cusel.month .jScrollPaneContainer,

    .cusel.month .cusel-scroll-pane, .cusel-scroll-pane {

        width: 100% !important

    }



    .cusel-scroll-pane {

        margin: 0 !important

    }



    .step-titles {

        display: none

    }



    .steps

    .purple {

        margin-bottom: 30px;

        display: none

    }



    .steps .row p.col-50.right .years, .steps .row p.col-50.right .year, .steps .row p.col-50.right

    .expyears {

        width: 47%;

        margin-right: 3%

    }



    .steps .row p.col-50.right .years input, .steps .row p.col-50.right .expyears input, .steps .row p.col-50.right .year input,

    .steps .row p.col-50.right

    input {

        width: 100%

    }



    .wpcf7-form-control-wrap.monthes {

        width: 50%

    }

}



@media screen and (max-width: 768px) {

    .page

    .content {

        padding-top: 10px

    }



    #footer .nsu_widget form input, #footer .constant-contact-signup

    input {

        padding: 2px 15px 0;

        height: 35px

    }



    #footer #sidebar-footer {

        margin-bottom: 10px

    }



    #footer .menu-top-navi-container li a,

    #footer

    .copyright {

        font-size: 10px

    }



    #footer .menu-top-navi-container

    li {

        padding: 0 5px;

        float: none

    }



    #footer .left,

    #footer

    .right {

        width: auto;

        float: none !important

    }



    #footer

    .copyright {

        padding-top: 2px;

        padding-left: 5px;

        float: none;

        display: inline-block

    }



    #footer

    .by {

        margin-top: -5px;

        float: none;

        display: inline-block

    }



    #footer {

        height: auto;

        overflow: hidden

    }



    #footer

    .right {

        padding-top: 10px;

        text-align: center

    }



    .menu-main-navi-container li

    a {

        font-size: 11px;

        padding: 10px 10px 0

    }



    .menu-main-navi-container {

        width: 365px

    }



    #small-header .menu-main-navi-container {

        margin-left: 0

    }



    #footer .menu-top-navi-container {

        padding-bottom: 10px

    }



    #footer

    .left {

        text-align: center

    }



    #footer

    .likes {

        float: none;

        display: inline-block;

        vertical-align: top

    }



    .contacts

    .map {

        height: 325px

    }



    .faq-questions a,

    .faq-answers .answer

    h4 {

        font-size: 14px

    }



    .content-entry

    p {

        padding-bottom: 20px

    }



    .circled {

        margin: 10px 4%

    }



    #anchors-members

    li {

        width: 14%;

        overflow: hidden

    }



    #search-school input[type="text"] {

        box-sizing: border-box;

        width: 100%;

        height: 40px

    }



    #search-school {

        width: auto

    }



    #map-schools {

        height: 325px

    }



    .map-schools {

        background-size: auto 100%;

        height: auto;

        padding: 30px 0 70px

    }



    .contract-line .contract-box {

        width: 46%;

        margin-left: 3%

    }



    #native-english .inner p

    span {

        font-size: 13px

    }



    .content-block

    h4 {

        font-size: 20px

    }



    #stipulations-benefits {

        background-size: 100% auto

    }



    #requirements-location .inner

    h4 {

        font-size: 18px

    }



    #requirements-location.content-block {

        padding: 35px 0 50px

    }



    #stipulations-benefits {

        padding-bottom: 140px

    }



    #native-english h5,

    #stipulations-benefits h4,

    .col-half h1, .col-half h2, .col-half

    h3 {

        font-size: 20px

    }



    #anchors li

    a {

        height: 30px;

        line-height: 30px;

        font-size: 12px

    }



    #anchors.fixed-anchors {

        height: 37px

    }



    #anchors {

        height: 43px

    }



    .content .lesson,

    #beyond-teaching

    .lesson {

        width: 43%;

        display: inline-block;

        float: none;

        margin-bottom: 20px;

        vertical-align: top

    }



    #beyond-teaching {

        padding-bottom: 10px

    }



    #classes

    li {

        width: 47%;

        margin-right: 3%

    }



    #classes

    .teaching-list {

        width: 100%;

        float: none;

    }



    #classes

    .teaching-list

    li {

        float: left;

    }



    #typical-day ul

    li {

        font-size: 10px;

        line-height: 15px

    }



    #typical-day h2,

    #year-at-amity h2,

    .page-id-15 .content h2,

    #opportunities

    h2 {

        font-size: 20px

    }



    #amity-training

    .cell.first {

        width: 100%;

        margin-right: 0

    }



    #amity-training

    .cell {

        width: 47%;

        margin-left: 0;

        margin-right: 3%

    }



    #year-at-amity h3,

    #opportunities .col-50 h4,

    #opportunities .col-50

    h3 {

        font-size: 16px

    }



    #opportunities .col-50 li p,

    #opportunities .col-50 p,

    #amity-training .cell

    p {

        font-size: 11px

    }



    #year-at-amity

    .inner {

        padding: 35px 5%

    }



    #opportunities {

        padding: 30px 0 50px

    }



    .apply-btn {

        line-height: 50px;

        font-size: 20px

    }



    #testimonials .showcase-content-container {

        height: 370px !important

    }



    #culture-teaching .inner

    .lesson.first {

        width: 100%

    }



    #culture-teaching

    .lesson {

        width: 50%;

        margin-left: -4px;

        margin-bottom: 20px

    }



    #beyond-teaching .tips.first

    h4 {

        margin-left: 74px

    }



    #beyond-teaching .tips.first p

    img.alignleft {

        width: 74px;

        height: auto

    }



    #beyond-teaching .col-tips

    .tips.first {

        padding: 30px 20px 0 20px

    }



    #beyond-teaching .col-tips.last

    p {

        padding: 0

    }



    #beyond-teaching .col-tips.last

    h4 {

        padding: 20px 0

    }



    #beyond-teaching

    .tips.second {

        padding: 30px

    }



    .showcase-content

    img {

        width: 100%;

        height: 100%

    }



    .content-entry

    p {

        font-size: 12px

    }



    #video {

        height: 75px;

        width: 125px;

        padding-bottom: 5px;

        margin-left: -62.5px;

        background-size: 100% auto

    }



    .amity-information {

        font-size: 12px

    }



    #video a

    img {

        width: 100%;

        height: auto

    }



    #video

    a {

        height: 65px;

        width: 115px;

        display: block;

        border: 5px solid #fff;

        margin-left: 0

    }



    #video a span,

    .hover #video a:hover

    span {

        height: 25px;

        width: 22px;

        margin: 28px 0 0 53px;

        background-size: 100% auto

    }



    #showcase .showcase-content-container,

    #showcase .showcase-content {

        height: 330px !important

    }



    body.home {

        background: none

    }



    #showcase {

        background: url(./wp-content/themes/amity/images/green-bg.png) repeat-x scroll 0 0

    }



    #showcase .showcase-caption h2, #showcase .showcase-caption h3,

    h2, h3, h4, h5, h2 a, h3 a, h4 a, h5

    a {

        font-size: 18px

    }



    .recruiting-locations .location

    .title {

        font-size: 14px

    }



    .recruiting-locations .location

    strong {

        font-size: 12px

    }



    .recruiting-locations .location .entry

    p {

        line-height: 12px;

        padding-bottom: 8px

    }





    .recruiting-locations2 .location

     .title {

         font-size: 14px

     }



    .recruiting-locations2 .location

    strong {

        font-size: 12px

    }



    .recruiting-locations2 .location .entry

    p {

        line-height: 12px;

        padding-bottom: 8px

    }







    .recruiting-locations3 .location

    .title {

        font-size: 14px

    }



    .recruiting-locations3 .location

    strong {

        font-size: 12px

    }



    .recruiting-locations3 .location .entry

    p {

        line-height: 12px;

        padding-bottom: 8px

    }



    .amity-information {

        background: #f5f5f5

    }



    .amity-information

    .education {

        float: none;

        width: 100%;

        height: auto

    }



    .amity-information .education

    .left {

        width: 65%;

        float: none !important

    }



    .amity-information

    .requirements {

        padding: 30px 0;

        float: left;

        width: 50%;

        height: auto

    }



    .amity-information .locations,

    .amity-information

    .culture {

        height: auto

    }



    .amity-information

    .culture {

        padding-bottom: 20px;

        margin-right: 0;

        width: 100%

    }



    .amity-information

    .locations {

        width: 50%;

        margin-left: 0;

        clear: none;

        padding: 30px 0

    }



    .amity-information .locations

    img {

        max-width: 100%

    }



    .btn {

        line-height: 40px;

        font-size: 16px

    }



    .amity-information {

        padding-bottom: 50px

    }



    .steps .row p:first-child {

        width: 100%

    }



    .steps .row p:nth-child(2n) {

        margin-left: 0

    }



    .steps .row

    p {

        width: 48%;

        margin-left: 4%;

        margin-bottom: 10px !important

    }



    .steps

    .row {

        height: auto;

        margin-bottom: 0

    }



    .steps .row.last

    p {

        width: 100%

    }



    .steps .deco-01, .steps .deco-02, .steps .deco-03, .steps .deco-04 {

        bottom: 70px;

        top: auto

    }



    .steps .deco-02 {

        bottom: 40px

    }



    .steps .row:after {

        content: "";

        clear: both;

        height: 1px;

        display: block

    }



    .wpcf7-form-control-wrap.month, .wpcf7-form-control-wrap.expmonthes {

        width: 50%

    }



    .cusel.visa {

        margin-right: 0;

        float: none

    }



    .steps .row p.col-50.right

    .expyears2 {

        margin-right: 0;

        width: 50%

    }



    .expmonthes2,

    .steps .row p.col-50.right .expyears2

    input {

        width: 100%

    }



    .cusel.month2,

    .cusel.month2 .jScrollPaneContainer,

    .cusel.visa,

    .cusel.ofices,

    .cusel.ofices

    .jScrollPaneContainer {

        width: 100% !important

    }



    .wpcf7-form-control-wrap.visa {

        width: 47%;

        margin-right: 3%;

        margin-bottom: 10px;

        float: left

    }



    .steps .row p textarea,

    .steps .col-100 .wpcf7-form-control-wrap.year

    input {

        width: 100%;

        box-sizing: border-box

    }



    .steps .deco-03,

    .steps .deco-04 {

        bottom: 15px

    }



    .steps .col-100 .wpcf7-form-control-wrap.year {

        width: 47%;

        margin-right: 3%

    }



    .steps .row p

    textarea.essay {

        height: 200px

    }

}



@media screen and (max-width: 660px) {

    #footer .menu-top-navi-container {

        overflow: hidden;

        padding: 10px 0

    }



    #footer

    .copyright {

        padding-top: 0px;

        padding-left: 0px

    }



    #footer

    .by {

        float: none;

        display: inline-block

    }



    #footer {

        padding-bottom: 10px

    }



    #footer .nsu_widget form

    p {

        width: 100%;

        margin-right: 0

    }



    #footer .nsu_widget form input, #footer .constant-contact-signup

    input {

        width: 100%

    }



    #footer .nsu_widget form input[type="submit"],

    #footer .constant-contact-signup input[type="submit"] {

        width: 100%;

        margin-left: 0;

        margin-top: 5px

    }



    #footer .nsu_widget

    h3 {

        width: 40%

    }



    .nsu-form {

        width: 57%

    }



    #header .menu-main-navi-container.active .mobile-close {

        opacity: 1

    }



    .menu-main-navi-container {

        width: 30px;

        height: 20px;

        position: relative;

        border-top: 2px solid #fff;

        float: right;

        cursor: pointer

    }



    .menu-main-navi-container:before {

        background: #fff;

        content: "";

        display: block;

        height: 2px;

        position: absolute;

        top: 50%;

        margin-top: -1px;

        left: 0;

        width: 100%

    }



    .menu-main-navi-container:after {

        background: #fff;

        content: "";

        display: block;

        height: 2px;

        position: absolute;

        bottom: 0;

        left: 0;

        width: 100%

    }



    .menu-main-navi-container

    ul {

        display: none

    }



    .apply, #small-header

    .apply {

        height: 35px;

        line-height: 35px;

        font-size: 13px;

        margin-right: 20px;

        background-size: 100% 100%

    }



    #header

    #logo {

        width: 75px

    }



    #header #logo

    a {

        width: 75px;

        height: 45px

    }



    #header #logo .link,

    .hover #header #logo .link:hover {

        height: 15px

    }



    #header {

        height: 85px

    }



    #small-header .small-logo {

        margin-top: 5px

    }



    #small-header {

        height: 55px

    }



    #header .menu-main-navi-container

    ul {

        position: fixed;

        width: 250px;

        right: -252px;

        top: 0;

        bottom: 0;

        z-index: 99999;

        background: #18d5d7;

        padding-top: 50px;

        border-left: 1px solid #13c6c8;

        transition: all 0.5s;

        display: block

    }



    #header .menu-main-navi-container.active

    ul {

        right: 0

    }



    #header .menu-main-navi-container

    li {

        float: none;

        border-bottom: 1px solid #13c6c8;

        margin: 0 20px

    }



    #header .menu-main-navi-container li

    a {

        border-right: 0

    }



    .contacts

    .office {

        margin-right: 0;

        float: none;

        width: auto

    }



    .contacts {

        text-align: center

    }



    .avatar {

        float: none;

        margin: -50px auto 20px

    }



    .school-region {

        width: 45%;

        margin-bottom: 20px

    }



    .school .title, .map-schools

    h4 {

        font-size: 16px

    }



    #native-english .inner p

    span {

        display: block

    }



    #anchors.fixed-anchors {

        top: 60px;

        height: 70px

    }



    #classes

    li {

        width: 100%;

        margin-right: 0%;

        float: none

    }



    #anchors

    li {

        width: 50%;

        margin-left: -4px;

        overflow: hidden

    }



    #anchors {

        height: 76px

    }



    #typical-day ul

    li {

        width: 100%;

        margin-left: 0;

        padding-bottom: 15px

    }



    #video

    img {

        background: none !important

    }



    .testimonials .showcase-button-wrapper {

        padding-left: 0;

        text-align: center

    }



    .testimonials .col-r {

        padding: 20px 0 0 0

    }



    .showcase-content .img-wrap {

        float: none

    }



    .page-id-15 .testimonials

    h2 {

        position: static;

        margin-bottom: 20px

    }



    #testimonials .showcase-content-container {

        height: 530px !important

    }



    #beyond-teaching .col-tips {

        width: 100%;

        float: none

    }



    #beyond-teaching .col-tips.last {

        margin-left: 0

    }



    #classes

    .left {

        width: auto;

        float: none !important;

        margin-bottom: 30px

    }



    #classes .showcase-content-container {

        height: 285px !important

    }



    #classes .showcase-content-container .showcase-content {

        height: 100% !important

    }



    .showcase-content

    img {

        height: 100%;

        width: 100%

    }



    #classes

    .right {

        width: 100%

    }



    .home

    #header {

        height: 90px

    }



    .cities-img {

        height: 200px

    }



    #showcase .showcase-content-container,

    #showcase .showcase-content {

        height: 270px !important

    }



    .recruiting-locations .showcase-content-container,

    .recruiting-locations .showcase-content {

        height: 255px !important

    }



    .recruiting-locations {

        margin-bottom: 20px

    }



    .recruiting-locations

    .location {

        width: 46%

    }



    .recruiting-locations2 .showcase-content-container,

    .recruiting-locations2 .showcase-content {

        height: 255px !important

    }



    .recruiting-locations2 {

        margin-bottom: 20px

    }



    .recruiting-locations2

    .location {

        width: 46%

    }







    .showcase-content-container,

    .recruiting-locations3 .showcase-content {

        height: 255px !important

    }



    .recruiting-locations3 {

        margin-bottom: 20px

    }



    .recruiting-locations3

    .location {

        width: 46%!important;

        padding: 0 2%!important;

    }

    .steps a.next-step,

    .steps .row p input[type="submit"] {

        width: 200px

    }



    .steps .row p.col-50,

    .steps .row p.col-50:first-child {

        width: 100%

    }



    .page-id-117 .inner p.aligncenter, .page-id-158 .inner p.aligncenter, .page-id-174 .inner p.aligncenter, .page-id-188 .inner

    p.aligncenter {

        padding-bottom: 30px

    }



    .steps label

    .blue {

        font-size: 18px;

        line-height: 20px

    }



    .steps

    label {

        font-size: 12px;

        line-height: 14px

    }

}



@media screen and (max-width: 500px) {

    .menu-top-navi-container {

        margin: 0 -5%

    }



    .menu-top-navi-container li

    a {

        font-size: 9px

    }



    .menu-top-navi-container

    li {

        padding: 0 5px

    }



    .menu-top-navi-container li:first-child {

        padding-left: 0

    }



    .menu-top-navi-container li:last-child {

        padding-right: 0

    }



    .faq-questions a, .faq-answers .answer

    h4 {

        font-size: 12px

    }



    .contacts

    .map {

        height: 225px

    }



    .btn.big {

        margin: 0 auto 30px

    }



    #footer .nsu_widget

    h3 {

        width: auto;

        float: none;

        margin-bottom: 10px;

        text-align: center

    }



    .nsu-form {

        width: 100%

    }



    #footer .nsu_widget form

    p {

        width: 49%

    }



    #footer .nsu_widget form p:first-child {

        margin-right: 2%

    }



    .page-id-5 .content .aligncenter

    p {

        padding: 0 0 20px

    }



    #anchors-members

    li {

        text-indent: 1000px;

        width: 30px;

        margin: 0 5px

    }



    #anchors-members li

    a {

        background: #ff7b3a

    }



    .school-region {

        width: 100%;

        margin-left: 0;

        margin-bottom: 20px;

        text-align: center

    }



    .contract-line .contract-box {

        width: 100%;

        margin-left: 0%

    }



    #requirements-location

    .left {

        margin-bottom: 20px

    }



    #requirements-location .left, #requirements-location

    .right {

        width: auto;

        text-align: center;

        margin-right: 0;

        float: none !important

    }



    #requirements-location .inner

    h4.alignleft {

        text-align: center !important

    }



    .col-half,

    .content .lesson,

    #beyond-teaching

    .lesson {

        width: 100%;

        margin-right: 0;

        float: left

    }



    #beyond-teaching .lesson

    .entry {

        min-height: 20px

    }



    .content .lesson

    img {

        max-width: 60%

    }



    #amity-training

    .cell {

        width: 100%;

        margin-left: 0

    }



    .mCSB_draggerContainer span,

    .hover .mCSB_draggerContainer span:hover {

        width: 35px;

        background-size: 100% auto;

        height: 14px

    }



    .hover .mCSB_draggerContainer span:hover {

        background-position: 0 bottom

    }



    .mCSB_horizontal > .mCSB_scrollTools

    .mCSB_dragger {

        width: 35px !important;

        background-size: 100% auto;

        height: 14px

    }



    .mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools,

    .mCSB_horizontal > .mCSB_scrollTools

    .mCSB_draggerRail {

        height: 14px

    }



    #year-2 {

        margin-left: -10px

    }



    #year-3 {

        margin-left: -15px

    }



    #year-4 {

        margin-left: -20px

    }



    #year-5 {

        margin-left: -25px

    }



    .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger

    .mCSB_dragger_bar {

        height: 14px;

        background-size: 100% auto

    }



    .hover .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {

        background-position: 0 bottom;

        background-size: 100% auto

    }



    .mCSB_horizontal > .mCSB_container {

        margin-bottom: 14px

    }



    #year-at-amity .year

    img {

        height: 100px

    }



    #year-at-amity {

        margin-bottom: 20px

    }



    #opportunities .col-50 {

        width: 100%;

        margin-right: 0

    }



    #opportunities .inner > .aligncenter

    p {

        padding: 0 0 30px 0 !important

    }



    #classes .showcase-content-container {

        height: 200px !important

    }



    #culture-teaching

    .lesson {

        width: 100%;

        margin-left: 0

    }



    #showcase .showcase-content-container, #showcase .showcase-content {

        height: 180px !important

    }



    .amity-information .requirements,

    .amity-information

    .locations {

        float: none;

        width: auto

    }



    .amity-information .education .wp-post-image {

        display: none

    }



    .amity-information .education

    .left {

        width: 100%

    }



    .steps .row

    p {

        width: 100%;

        margin-left: 0

    }



    .steps .deco-01, .steps .deco-02, .steps .deco-03, .steps .deco-04 {

        width: 35%;

        height: 76px;

        background-size: 100% auto

    }



    .steps .deco-01 {

        bottom: 30px

    }



    .steps .deco-03, .steps .deco-04 {

        bottom: 45px

    }



    .steps a.next-step, .steps .row p input[type="submit"] {

        width: 100%

    }



    #anchors {

        display: none

    }



    #small-header .small-logo

    a {

        height: 30px;

        width: 85px;

        background-size: cover

    }



    #small-header .small-logo {

        margin-top: 10px

    }



    .members

    .circle {

        float: none !important;

        display: block;

        margin: 0 auto

    }



    .home #video

    a {

        border: none;

        width: 60px;

        height: 35px

    }



    .home

    #video {

        width: 60px;

        height: 30px;

        border: 5px solid #fff;

        bottom: 15px

    }



    .home

    #video {

        background: none

    }



    .home #video a span, .hover.home #video a:hover

    span {

        margin: 5px 0 0 20px

    }



    #showcase .showcase-button-wrapper {

        text-align: left

    }

}



@media screen and (max-width: 350px) {

    #showcase .showcase-content-container, #showcase .showcase-content {

        height: 135px !important

    }



    #showcase .showcase-caption {

        display: none !important

    }



    .recruiting-locations .showcase-content-container,

    .recruiting-locations .showcase-content {

        height: 375px !important

    }



    .recruiting-locations2 .showcase-content-container,

    .recruiting-locations2 .showcase-content {

        height: 375px !important

    }



    .recruiting-locations3 .showcase-content-container,

    .recruiting-locations3 .showcase-content {

        height: 375px !important

    }



    .cities-img {

        height: 150px

    }



    .cities-img {

        margin-bottom: 20px

    }



    #testimonials .showcase-content-container {

        height: 640px !important

    }



    .avatar {

        padding: 65px 0 25px 15px;

        width: 100%;

        box-sizing: border-box;

        height: auto;

        background-size: 100% auto;

        overflow: hidden

    }



    .avatar

    img {

        box-sizing: border-box;

        width: 30%;

        height: auto

    }



    .members .avatar .col-r {

        width: 60%

    }

}



/* fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,

.fancybox-skin,

.fancybox-outer,

.fancybox-inner,

.fancybox-image,

.fancybox-wrap iframe,

.fancybox-wrap object,

.fancybox-nav,

.fancybox-nav span, .fancybox-tmp {

    padding: 0;

    margin: 0;

    border: 0;

    outline: none;

    vertical-align: top

}



.fancybox-wrap {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 8020

}



.fancybox-skin {

    position: relative;

    background: #f9f9f9;

    color: #444;

    text-shadow: none

}



.fancybox-opened {

    z-index: 8030

}



.fancybox-opened .fancybox-skin {

    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)

}



.fancybox-outer, .fancybox-inner {

    position: relative

}



.fancybox-inner {

    overflow: hidden

}



.fancybox-type-iframe .fancybox-inner {

    -webkit-overflow-scrolling: touch

}



.fancybox-error {

    color: #444;

    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

    margin: 0;

    padding: 15px;

    white-space: nowrap

}



.fancybox-image, .fancybox-iframe {

    display: block;

    width: 100%;

    height: 100%

}



.fancybox-image {

    max-width: 100%;

    max-height: 100%

}



#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next

span {

    background-image: url('./wp-content/themes/amity/images/fancybox_sprite.png')

}



#fancybox-loading {

    position: fixed;

    top: 50%;

    left: 50%;

    margin-top: -22px;

    margin-left: -22px;

    background-position: 0 -108px;

    opacity: 0.8;

    cursor: pointer;

    z-index: 8060

}



#fancybox-loading

div {

    width: 44px;

    height: 44px;

    background: url('./wp-content/themes/amity/images/fancybox_loading.gif') center center no-repeat

}



.fancybox-close {

    background: url(./wp-content/themes/amity/images/close-btn.png) no-repeat;

    position: absolute;

    top: 15px;

    right: 15px;

    width: 67px;

    height: 67px;

    cursor: pointer;

    z-index: 8040

}



.fancybox-close:hover {

    background: url(./wp-content/themes/amity/images/close-btn.png) no-repeat 0 -67px

}



.fancybox-nav {

    position: absolute;

    top: 0;

    width: 40%;

    height: 100%;

    cursor: pointer;

    text-decoration: none;

    background: transparent url('./wp-content/themes/amity/images/blank.gif');

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    z-index: 8040

}



.fancybox-prev {

    left: 0

}



.fancybox-next {

    right: 0

}



.fancybox-nav

span {

    position: absolute;

    top: 50%;

    width: 36px;

    height: 34px;

    margin-top: -18px;

    cursor: pointer;

    z-index: 8040;

    visibility: hidden

}



.fancybox-prev

span {

    left: 10px;

    background-position: 0 -36px

}



.fancybox-next

span {

    right: 10px;

    background-position: 0 -72px

}



.fancybox-nav:hover

span {

    visibility: visible

}



.fancybox-tmp {

    position: absolute;

    top: -99999px;

    left: -99999px;

    visibility: hidden;

    max-width: 99999px;

    max-height: 99999px;

    overflow: visible !important

}



.fancybox-lock {

    overflow: hidden !important;

    width: auto

}



.fancybox-lock

body {

    overflow: hidden !important

}



.fancybox-lock-test {

    overflow-y: hidden !important

}



.fancybox-overlay {

    position: absolute;

    top: 0;

    left: 0;

    overflow: hidden;

    display: none;

    z-index: 8010;

    background: url('./wp-content/themes/amity/images/fancybox_overlay.png')

}



.fancybox-overlay-fixed {

    position: fixed;

    bottom: 0;

    right: 0

}



.fancybox-lock .fancybox-overlay {

    overflow: auto;

    overflow-y: scroll

}



.fancybox-title {

    visibility: hidden;

    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

    position: relative;

    text-shadow: none;

    z-index: 8050

}



.fancybox-opened .fancybox-title {

    visibility: visible

}



.fancybox-title-float-wrap {

    position: absolute;

    bottom: 0;

    right: 50%;

    margin-bottom: -35px;

    z-index: 8050;

    text-align: center

}



.fancybox-title-float-wrap

.child {

    display: inline-block;

    margin-right: -100%;

    padding: 2px 20px;

    background: transparent;

    background: rgba(0, 0, 0, 0.8);

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    text-shadow: 0 1px 2px #222;

    color: #FFF;

    font-weight: bold;

    line-height: 24px;

    white-space: nowrap

}



.fancybox-title-outside-wrap {

    position: relative;

    margin-top: 10px;

    color: #fff

}



.fancybox-title-inside-wrap {

    padding-top: 10px

}



.fancybox-title-over-wrap {

    position: absolute;

    bottom: 0;

    left: 0;

    color: #fff;

    padding: 10px;

    background: #000;

    background: rgba(0, 0, 0, .8)

}



@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

    #fancybox-loading, .fancybox-prev span, .fancybox-next

    span {

        background-image: url('./wp-content/themes/amity/images/fancybox_sprite@2x.png');

        background-size: 44px 152px

    }



    #fancybox-loading

    div {

        background-image: url('./wp-content/themes/amity/images/fancybox_loading@2x.gif');

        background-size: 24px 24px

    }

}



.schools-locations {

    position: relative;



}



.schools-locations .school-region-tohoku {

    position: absolute;

    left: 0;

    top: 2410px;



}



@media screen and (max-width: 1140px) {

    .schools-locations .school-region-tohoku {

        position: absolute;

        left: 5%;

        top: 2410px;



    }

}



@media screen and (max-width: 1000px) {

    .schools-locations {

        position: static;



    }



    .schools-locations .school-region-tohoku {

        position: static;



    }

}



.gmapinfowindow {

}



.gmapinfowindow h4 {

    text-align: center;

}



.gm-style-iw {

    /*left:26px!important;*/

}



.ilesson {

    padding: 2%;

    width: 95%;

    float: left;

    margin: 0 auto;

    margin-bottom: 35px;

    background-color: #6272b8;

}



.content .ilesson img {

    width: 215px;

    height: 220px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    margin-bottom: 0;

    float: left;

}



.content .ilesson .title a, .content .ilesson .title {

    margin-bottom: 10px;

    text-transform: none;

    float: right;

    width: 680px;

    overflow: hidden;

    text-align: left;

    color: #18d4d6;

    text-transform: none;

    text-decoration: none;

    font: normal 18px 'GothamRoundedBold', Arial, sans-serif;

}



.content .ilesson .title span {

    font: normal 18px Arial, sans-serif;

    font-weight: bold;

}



.content .ilesson.entry {

    min-height: 150px;

    padding: 0;

}



.content .ilesson .entry p {

    float: right;

    width: 680px;

    overflow: hidden;

    text-align: left;

    line-height: 19px;

    color: #FFFFFF;

    font-size: 14px;

}



@media screen and (max-width: 1140px) {

    .content .ilesson img {

        width: 25%;

        height: 25%;

    }



    .content .ilesson .title a, .content .ilesson .title {

        width: 73%;

    }



    .content .ilesson .entry p {

        width: 73%;

    }

}



@media screen and (max-width: 768px) {

    .ilesson {

        padding-top: 4%;

    }



    .content .ilesson img {

        float: none;

        width: 215px;

        height: 220px;

        max-width: 100%;

        margin-bottom: 20px;

    }



    .content .ilesson .title a, .content .ilesson .title {

        float: none;

        text-align: center;

        width: 100%;



    }



    .content .ilesson .entry p {

        float: none;

        text-align: center;

        width: 100%;

        font-size: 12px;

    }



}



#amity-info {

    background-color: #ff7b3a;

    text-align: center;

    padding-bottom: 15px;

    padding: 40px;

}



#amity-info .inner,#information-index .inner {

    width: 950px;

    padding: 20px;

    /*background-color: #FFFFFF;*/

    color: #FFFFFF;

}



#amity-info h4 {

    color: #FFFFFF;

    margin-bottom: 20px;

}



#amity-info dl,#information-index dl {

    color: #FFFFFF;

    text-align: left;

    font-size: 14px;

    margin-bottom: 15px;

    padding-bottom: 15px;

    /*border-bottom: dashed 1px #FFFFFF;*/

}



#amity-info .last {

    border-bottom: none;

    padding-bottom: 0;

    margin-bottom: 0;

}

#amity-info .bt {

    /*margin-top: 30px;*/

}



#amity-info dl dt{

    float: left;

}

#information-index dl dt {

    float: left;

    color:#7a7979;

}



#amity-info dl dd{

    white-space: nowrap;

    text-overflow: ellipsis; /* はみ出た場合に「…」を表示 */

    -webkit-text-overflow: ellipsis; /* はみ出た場合に「…」を表示 (Safari用) */

    -o-text-overflow: ellipsis; /* はみ出た場合に「…」を表示 (Opera用) */

    overflow: hidden;

    /*color:#7a7979;*/

}

#information-index dl dd {

    white-space: nowrap;

    text-overflow: ellipsis; /* はみ出た場合に「…」を表示 */

    -webkit-text-overflow: ellipsis; /* はみ出た場合に「…」を表示 (Safari用) */

    -o-text-overflow: ellipsis; /* はみ出た場合に「…」を表示 (Opera用) */

    overflow: hidden;

    color:#7a7979;

}

#amity-info dl dd a{

    text-decoration: none;



    color: #FFFFFF;

}

#information-index dl dd a{

    text-decoration: none;

    color: #7a7979;



}

#amity-info dl dd a:hover,#information-index dl dd a:hover{

    text-decoration: underline;

}



#amity-info .icon,#information-index .icon,#information-detail .icon {

    display: inline-block;

    color: #fff;

    width: 70px;

    text-align: center;

    padding: 1px 3px 1px 0;

    font-size: 14px;

    border-radius: 3px;

    /*margin-left: 10px;*/

    margin: 0 10px;

}



@media screen and (max-width: 640px) {

    #amity-info .icon, #information-index .icon {

        padding: 2px 3px 0;

    }

}



@media screen and (max-width: 1100px) {

    #amity-info .inner,#information-index .inner {

        width: 100%;

        padding: 5%;

    }

}



@media screen and (max-width: 768px) {

    #amity-info,#information-index {

        padding: 20px;

    }



    #amity-info .inner,#information-index .inner {

        width: 100%;

        padding: 5%;

    }



    #amity-info dl,#information-index dl {

        font-size: 12px;

        margin-bottom: 20px;



    }



    #amity-info .icon,#information-index .icon,#information-detail .icon {

        width: 70px;

        padding: 1px 3px 1px 0;

        font-size: 12px;

        margin: 0 5px;

    }



    #amity-info dl dt,#information-index dl dt {

        float: none;

        margin-bottom: 10px;

    }



    #amity-info dl dd,#information-index dl dd {

        text-overflow: clip;

        white-space: normal;

        line-height: 20px;

    }

    #amity-info .bt {

        /*margin-top: 20px;*/

    }

}



#information-index{

    padding-bottom: 50px;

}

#information-index .inner{

    padding-top: 0;

    padding-bottom: 0;

}

#information-index nav.pagination {

    text-align: center;

    margin-top: 30px;

}

#information-index nav.pagination li{

    display: inline-block;

}

#information-index nav.pagination .active,

#information-index nav.pagination a {

    display: inline-block;

    line-height: 30px;

    text-align: center;

    white-space: nowrap;

    min-width: 20px;

    height: 30px;

    margin: 0 5px 5px;

    padding: 0 5px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -o-border-radius: 4px;

    -ms-border-radius: 4px;

    border-radius: 4px;

}

#information-index nav.pagination .active {

    background: #f2f2f2;

}

#information-index nav.pagination .active a{

    background: transparent;

    color: #000000;

}

#information-index nav.pagination a {

    color: #FFFFFF;

    background: #6272b8;

    text-decoration: none;

}

#information-index nav.pagination a:hover {

    background: #FF7B3A;

    text-decoration: none;

}

@media (min-width: 641px) {

    #information-index nav.pagination .pages {

        display: inline-block;

        padding: 0 10px 0 0;

        height: 30px;

        line-height: 30px;

    }

}



@media screen and (max-width: 640px) {

    #information-index nav.pagination {

        margin-top: 10px;

    }

    #information-index nav.pagination .pages {

        display: block;

        margin-bottom: 5px;

    }

    #information-index nav.pagination .current,

    #information-index nav.pagination a {

        margin: 0 4px 5px;

    }

}



#information-detail {

    margin-bottom: 50px;

}

#information-detail .title {

    text-transform: none;

    margin-bottom: 10px;

    margin-top: 5px;

}

#information-detail .contents {

    line-height: 140%;

    margin-bottom: 20px;

}

#information-detail .contents p {

    padding: 0;

}

#information-detail .contents img {

    max-width: 100%;

    /*margin: 10px 0;*/

}

#information-detail .contents iframe {

    max-width: 100%;

    /*margin: 10px 0;*/

}



#information-detail footer {

    text-align: center !important;

}

#information-detail .btn {

    text-align: center !important;

    color: #FFFFFF;

    margin: 0 auto;

}

@media screen and (max-width: 768px) {

    #information-detail .title {

        margin-bottom: 5px;

    }

    /*#information-detail .contents img {*/

        /*margin: 10px 0;*/

    /*}*/

}



#information-detail .contents ul {

    padding-left: 1.5em;

}

#information-detail .contents ul li{

    list-style-type: disc;

}



#information-detail .contents ol {

    padding-left: 1.5em;

    list-style-type: decimal;

}



#information-detail .contents:after {

    content:" ";

    display:block;

    clear:both;

}





/* アミティーインフォメーション */

#amity-info .exam, #information-index .exam,#information-detail .exam{

    background: #00B259;

}



#amity-info .important, #information-index .important,#information-detail .important{

    background: #FF0000;

}



#amity-info .news, #information-index .news,#information-detail .news{

    background: #006FDD;

}



#amity-info .campaign,#information-index .campaign,#information-detail .campaign{

    background: #FFC106;

}









.clearfix:after {

    content: "";

    clear: both;

    display: block;

}



label.radio-inline {

    display: inline-block;

    padding: 4px 25px;

}



.last .form-group {

    text-align: center;

}



.aligncenter a{

    text-decoration: underline;

}




.privacy dt {
  font-weight: bold;
  margin: 0 0 5px;
}
@media (min-width: 641px) {
  .privacy {
    width: 710px;
    border: 8px solid #f2f2f2;
    padding: 15px;
    margin: 0 auto 40px;
  }
}
@media print {
  .privacy {
    width: 710px;
    border: 8px solid #f2f2f2;
    padding: 15px;
    margin: 0 auto 40px;
  }
}
@media screen and (max-width: 640px) {
  .privacy {
    border: 5px solid #f2f2f2;
    padding: 15px;
    margin: 0 auto 25px;
  }
}


.contacts .office .entry .btn_map
{
    margin:10px 0;
	position: relative;
    display: inline-block;
    font-size:120%;
    font-weight: bold;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #ffffff;
    padding: 0.5em 1em;
    background: -webkit-repeating-linear-gradient(-45deg, #229d93, #229d93 3px,#2aa59a 3px, #2aa59a 5px);
    background: repeating-linear-gradient(-45deg, #229d93, #229d93 3px,#2aa59a 3px, #2aa59a 5px);
    transition: .1s;
    
    border-radius: 5px;
	
}
.contacts .office .entry .btn_map:hover
{
    text-shadow: 0 0 5px white;
}