html,body {
    height: 100%;
}
body {
    font-size: 16px;
    color: #46434a;
    background: #fff;
    font-family: Arial;
    /*font-family: "微软雅黑";*/
}
/*fix apple radius*/
input[type="text"], input[type="button"], input[type="image"], input[type="submit"], input[type="email"],
select,
button {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

a {
    color: #46434a;
}
a:hover, a:focus {
    color: #46434a;
    text-decoration: none;
}
.google-map-popup-link:hover {
    color: #ed6f00;
}

.clear {
    clear: both;
}
.section-title {
    text-transform: uppercase;
    text-align: center;
    font-size: 42px;
    color: #ed6f00;
    padding-top: 80px;
    padding-bottom: 20px;
    margin-top: 0;
    margin-bottom: 0;
}
.section-description {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 60px;
    line-height: 2em;
}
.mlr-15 {
    margin-left: -15px;
    margin-right: -15px;
}
.pt30 {
    padding-top: 30px;
}
.pb30 {
    padding-bottom: 30px;
}
.margin-top-50 {
    margin-top: 50px;
}
.margin-bottom-50 {
    margin-bottom: 50px;
}
.margin-top-100 {
    margin-top: 100px;
}
.margin-bottom-100 {
    margin-bottom: 100px;
}

.page-top-image {
    width: 100%;
    height: 600px;
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile + label {
    max-width: 100%;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    height: 36px;
    line-height: 36px;
    padding-left: 30px;
    padding-right: 30px;
}
.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.35em;
    /* 4px */
    margin-right: 0.35em;
    /* 4px */
}
.inputfile + label {
    color: #ffffff !important;
    background-color: #cbcbcb;
}
.inputfile:focus + label,
.inputfile.has-focus + label,
.inputfile + label:hover {
    background-color: #ed6f00;
}
/*--background--*/
#header-left-bg {
    width: 50%;
    background-image: url("../Content/Images/header-left-bg.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 105px;
    z-index: -3;
}

#header-right-bg {
    width: 50%;
    background: #ed6f00;
    position: absolute;
    right: 0;
    top: 0;
    height: 93px;
    z-index: -3;
}

#header-bg {
    background-image: url("../Content/Images/header-bg.png");
    width: 50%;
    height: 62px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -3;
    display: none;
}
#slider-bg {
    background: #ffffff;
    width: 100%;
    height: 496px;
    position: absolute;
    top: 93px;
    left: 0;
    z-index: -4;
}
/*--/background--*/
#wrapper {
    background: #ffffff;
    position: relative;
}
/*--header--*/
#header-wrapper {
    position: relative;
    z-index: 100;
}

#logo {
    background: url("../Content/Images/header-left-bg.png");
    height: 105px;
    position: relative;
    z-index: 1;
    padding-top: 40px;
    text-align: center;
}
#logo img {
    display: inline-block;
}
#logo-bg-corner {
    height: 105px;
    width: 32px;
    background: url("../Content/Images/header-nav-bg.png") left no-repeat;
    position: absolute;
    z-index: 1;
    right: -32px;
    top: 0;
}


#contact-nav-container {
    background: #ed6f00;
    height: 93px;
}
#top-info-container {
    margin-left: 17px;
    margin-right: 110px;
    height: 62px;
    background: url("../Content/Images/header-bg.png");
    position: relative;
}
#top-info {
    text-align: right;
    line-height: 42px;
    margin-right: -125px;
    /*border-bottom: 1px solid rgba(255,255,255,0.3);
    border-right: 1px solid rgba(255,255,255,0.3);*/
    padding-right: 35px;
}
#top-info img {
    display: inline-block;
} 
#top-info .glyphicon {
    font-size: 16px;
}
#top-info .phone-number {
    color: #2c3740;
    font-size: 15px;
    font-weight: bold;
}
#language-button {
    margin-left: 40px;
    margin-right: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}

#top-info-corner {
    position: absolute;
    right: -36px;
    top: 0;
    width: 36px;
    height: 62px;
    background: url("../Content/Images/header-bg-01.png") no-repeat;
}

/*nav*/
#colapse-nav-button {
    display: none;
}

.menu-main-menu,.menu-main-menu li{
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-main-menu {
    text-align: right;
    margin-right: -15px;
    margin-top: -17px;
}

.menu-main-menu > li {
    display: inline-block;
    padding: 0 20px;
    /*border-right: 1px solid rgba(255,255,255,0.3);*/
    height: 48px;
    position: relative;
}
    .menu-main-menu > li.current:before {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 0;
        height: 10px;
        width: 100%;
        background: url("../Content/Images/menu-icon-hover.png") no-repeat center;
    }
    .menu-main-menu > li:hover:before {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 0;
        height: 10px;
        width: 100%;
        background: url("../Content/Images/menu-icon-hover.png") no-repeat center;
    }


.menu-main-menu > li p {
    margin: 0;
}

.menu-main-menu > li > a {
    padding-top: 15px;
}

.menu-main-menu > li a {
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    height: 24px;
    position: relative
}
.menu-main-menu > li ul {
    background: rgba(237,111,0,0.7);
    padding: 0;
    font-size: 14px;
    position: absolute;
    top: 53px;
    left: 0;
    min-width: 100px;
    z-index: 1001;
    display: none;
}
.menu-main-menu > li:hover ul {
    display: block;
}
    .menu-main-menu > li ul a {
        font-size: 14px;
        color: #ffffff;
        padding-left: 5px;
        white-space: nowrap;
    }
    .menu-main-menu > li ul li:hover/*, .menu-main-menu > li ul li.current*/ {
        background: #ababab;
        border-left: 3px solid #ffffff;
    }
.menu-main-menu > li ul li:hover a {
    color: #ffffff;
}
.menu-main-menu > li ul li {
    padding: 8px 8px 6px 5px;
    text-align: left;
    border-left: 3px solid transparent;
}
/*--/header--*/
/*--slider--*/
#slider-wrapper {
    height: 600px;
    position: relative;
    margin-top: -12px;
    margin-left: -15px;
    margin-right: -15px;
}
.slider-container {
    position: absolute;
    background: #ababab;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.slider-container.slider-style-1:before {
    content: "";
    width: 100%;
    height: 104px;
    position: absolute;
    bottom: 0;
    z-index: 30;
    left: 0;

    transform-origin:0 0;

    transform:rotate(10deg);
    -ms-transform:rotate(10deg);
    -moz-transform:rotate(10deg); 
    -webkit-transform:rotate(10deg);
    -o-transform:rotate(10deg);
    background: #ffffff;
}
.slider-container.slider-style-1:after {
    content: "";
    width: 100%;
    height: 104px;
    position: absolute;
    bottom: 0;
    z-index: 30;
    right: 0;

    transform-origin:100% 0;

    transform:rotate(350deg);
    -ms-transform:rotate(350deg);
    -moz-transform:rotate(350deg);
    -webkit-transform:rotate(350deg);
    -o-transform:rotate(350deg);
    background: #ffffff;
}

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    background-position: center;
    background-size: cover;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("../Content/Images/arrow-left.png");
    right: 24px;
    left: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("../Content/Images/arrow-right.png");
    left: 24px;
    right: auto;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 28px;
    height: 51px;
    margin-top: -60px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 28px 102px;
    -webkit-background-size: 28px 102px;
    background-size: 28px 102px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 30px;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ed6f00;
}
/*--/slider--*/

/*--home page title--*/
#home-page-detail .detail-page-header h1 {
    display: none;
}
/*--/home page title--*/

/*--home project--*/
#project-wrapper {
    background: url("../Content/Images/bg-bridge.png") #ffffff no-repeat center;
}
#project-wrapper ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}
#project-wrapper ul li {
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
#project-wrapper ul li a:after {
    content: "";
    background: url("../Content/Images/projects-area-bg.png");
    opacity:0;
    filter:alpha(opacity=0);/* for IE8 and early versions */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    transition: all 0.5s ease 0s;
}
#project-wrapper ul li:hover a:after {
    background: url("../Content/Images/projects-area-bg.png");
    opacity: 1;
    filter: alpha(opacity=100); /* for IE8 and early versions */
}
/*--/home project--*/
/*--partner--*/
#partner-wrapper {
    background: url("../Content/Images/bg-sydney.png") #ffffff no-repeat center;
}
#partner-wrapper ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.partner-slider-contaner {
    margin-left: 50px;
    margin-right: 50px;
    position: relative;
    height: 85px;
}

.partner-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.partner-container .swiper-button-prev {
    background-image: url("../Content/Images/partner-arrow-left.png");
    left: -40px;
    right: auto;
}

.partner-container .swiper-button-next {
    background-image: url("../Content/Images/partner-arrow-right.png");
    right: -40px;
    left: auto;
}
.partner-container .swiper-button-next, .partner-container .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 21px;
    height: 37px;
    margin-top: -28px;
    -moz-background-size: 21px 37px;
    -webkit-background-size: 28px 37px;
    background-size: 21px 37px;
    background-position: center;
    background-repeat: no-repeat;
}
.partner-container .swiper-pagination-bullets {
    bottom: 0;
}
/*--/partner--*/

/*--team--*/
#team-wrapper {
    background: url("../Content/Images/bg-bridge.png") no-repeat center 30px #ffffff;
    margin-left: -15px;
    margin-right: -15px;
}
#team-wrapper a {
    border: 2px solid #46434a;
    padding: 10px 20px;
    font-size: 24px;
    margin-top: 20px;
    display: inline-block;
    transition: all 0.3s ease 0s;
}
#team-wrapper a:hover {
    border: 2px solid #ed6f00;
    color: #ed6f00;
}
#team-pic {
    background: url("../Content/Images/team-bg.jpg") no-repeat center;
    margin: 0 auto;
}
#team-pic img {
    margin-left: auto;
    margin-right: auto;
}
/*--/team--*/

/*--enquire--*/
#enquire-wrapper {
    background: url("../Content/Images/enquire-bg.jpg") no-repeat center bottom #ffffff;
    margin-left: -15px;
    margin-right: -15px;
}
#enquire-form-container {
    padding: 20px 60px;
    background: url("../Content/Images/enquire-form-bg.png");
    margin: 20px 40px 40px;
    font-size: 13px;
}
#enquire-form-container h2 {
    font-size: 24px;
    text-align: center
}
#enquire-form-container p {
    text-align: center;
}
#enquire-form-container input,#enquire-form-container textarea {
    border: none;
    background: #ffffff;
    padding: 5px 10px;
}
#enquire-form-container label,#enquire-form-container p {
    color: #777777;
}
#enquire-form-container button {
    background: #ed6f00;
    border: none;
    padding: 8px 30px;
    color: #ffffff;
    text-transform: uppercase;
}
.enquire-address {
    border-left: 3px solid #ed6f00;
    padding-left: 20px;
    margin-left: 30px;
}
.enquire-address h2 {
    color: #ed6f00;
    font-size: 18px;
}
.enquire-address .enquire-tel {
    font-size: 18px;
    font-weight: bold;
}
/*--/enquire--*/

/*--project--*/
#projects-map-container {
    height: 496px;
    background: #ababab;
    margin-top: -12px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
}
#projects-map {
    position: absolute;
    width: 100%;
    height: 100%;
}

#project-root-terms {
    background: #ababab;
    box-shadow: 0 -3px 5px #7c7c7c inset;
    padding-top: 14px;
}
.project-root-term {
    display: inline-block;
    padding: 12px 20px;
    color: #ffffff;
    font-size: 24px;
    border-left: 1px solid #cecece;
    border-top: 1px solid #cecece;
    border-right: 1px solid #cecece;
    margin-right: -5px;
}
.project-root-term:hover, .project-root-term.project-root-term-current {
    background: #ffffff;
    color: #ed6f00;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    box-shadow: 0 -3px 5px #7c7c7c;
}

.project-category-page-title h1 {
    font-size: 72px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 100px;
    color: #ed6f00;
    margin-bottom: 40px;
}

#project-child-terms {
    margin-bottom: 50px;
}
#project-child-terms a {
    font-size: 13px;
}
.project-child-term {
    border: 2px solid #b3b3b3;
    background: #ffffff;
    text-align: center;
    color: #b3b3b3;
    width: 120px;
    height: 30px;
    line-height: 26px;
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 10px;
    float: left;
}
.project-child-term:hover, .project-child-term.project-child-term-current {
    color: #ffffff;
    border: 2px solid #ed6f00;
    background: #ed6f00;
}

.project-list-item {
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
}

    .project-list-item:hover {
        box-shadow: 0 0 10px #a6a6a6;
    }

        .project-list-item:hover .project-list-item-more {
            background: #ed6f00;
        }

    .project-list-item .text-field-price {
        border-bottom: none;
    }
.project-list-item-img {
    margin-left: -1px;
    margin-right: -1px;
    position: relative;
    height: 0;
    padding-bottom: 133.333333%;
}
.project-list-item-img .media-library-picker-field-thumbnail {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #ababab;
}
.project-list-item-img .img-responsive {
    width: 100%;
}

.project-list-item-title {
    text-transform: uppercase;
    display: block;
    margin-left: 15px;
    margin-right: 15px;
    overflow: hidden;
    white-space: nowrap;
}
.project-list-item-title h1 {
    font-size: 27px;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-stretch: condensed;
    font-weight: bold;
}

.project-list-item-price {
    font-size: 18px;
    color: #ed6f00;
}

.project-list-item-type {
    padding: 0;
}
.project-list-item-type .name {
    display: none;
}
.project-list-item-type .enumeration-field-property-type {
    border-bottom: none;
}
.project-list-item-more {
    display: block;
    height: 32px;
    line-height: 32px;
    background: #4c4948;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    margin-left: -1px;
    margin-right: -1px;
}

    .project-list-item-more:hover, .project-list-item-more:focus, .project-list-item-more:visited {
        color: #ffffff;
    }
ul.content-items {
    list-style: none;
    padding: 0;
}
.project-list-bg {
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -50px;
    height: 460px;
    background: url("../Content/Images/project-list-bg.png") no-repeat;
}
/*details*/
.project-image-gallery-container {
    height: 0;
    padding-bottom: 41.6666667%;
    background: #ababab;
    margin-top: -12px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    margin-bottom: 50px;
}

.project-image-gallery {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.project-title h1 {
    font-size: 48px;
    text-transform: uppercase;
    color: #ed6f00;
}
.project-body img {
    max-width: 100%;
    height: auto;
}
.text-field-suburb, .text-field-price, .enumeration-field-property-type {
    border-bottom: 1px solid #dcdcdc;
    font-size: 18px;
}

    .text-field-suburb .name, .text-field-price .name, .enumeration-field-property-type .name {
        color: #ed6f00;
        text-transform: uppercase;
    }

.project-property {
    text-align: right;
}

.numeric-field-bed, .numeric-field-bath, .numeric-field-car {
    display: inline-block;
}

    .numeric-field-bed .name, .numeric-field-bath .name, .numeric-field-car .name {
        display: none;
    }

    .numeric-field-bed .value {
        background: url("../Content/Images/resale-bed.png") no-repeat;
        padding-left: 30px;
        margin-left: 20px;
    }

    .numeric-field-bath .value {
        background: url("../Content/Images/resale-bath.png") no-repeat;
        padding-left: 30px;
        margin-left: 20px;
    }

    .numeric-field-car .value {
        background: url("../Content/Images/resale-car.png") no-repeat;
        padding-left: 30px;
        margin-left: 20px;
    }

.project-map {
    height: 360px;
    position: relative;
}
/*--/project--*/

/*--page--*/
.detail-page-header h1 {
    text-transform: uppercase;
    color: #ed6f00;
    font-size: 60px;
}
.page-detail-body img {
    max-width: 100%;
    height: auto;
}
/*about*/
.about-detail-page-header {
    display: none;
}
.about-page-detail-body {
    margin-top: 50px;
    margin-bottom: 50px;
}
.about-page-detail-body img {
    max-width: 100%;
    height: auto;
}
/*--/page--*/

/*--footer--*/
#footer-wrapper {
    background: #4c4948;
    height: 145px;
    color: #ffffff;
    font-size: 13px;
}
#subscribe-form {
    margin-right: 50px;
}
#subscribe-form-container {
    width: 100%;
}
#subscribe-title {
    font-size: 14px;
    text-transform: uppercase;
}
#mc_embed_signup_scroll .mc-field-group {
    padding-right: 0;
}
#mc_embed_signup_scroll .col-xs-5.col-md-4 {
    padding-left: 0;
}
.mc-field-group label {
    display: none;
}
#mce-EMAIL {
    width: 100%;
    height: 33px;
    border: none;
    background: #ababab;
    padding-left: 10px;
    padding-right: 10px;
}
#mc-embedded-subscribe {
    height: 33px;
    border: none;
    background: #ed6f00;
    line-height: 33px;
    color: #ffffff;
    white-space: nowrap;
    width: 100%;
}
#subscribe-description {
    color: #ababab;
    font-weight: bold;
    margin-top: 10px;
}
.footer-links {
    padding-top: 60px;
}
#footer-wrapper p {
    color: #ababab;
}
#footer-wrapper a {
    color: #ffffff;
}
#footer-wrapper a:hover {
    color: #ababab;
}
.menu-footer-menu {
    list-style: none;
    text-align: right;
    padding-left: 0;
}
.menu-footer-menu li {
    display: inline-block;
    padding-left: 30px;
    text-transform: uppercase;
}
#copyright {
    text-align: right;
}
#copyright span {
    padding-left: 30px;
}
/*--/footer--*/

/*--career--*/
.career-top-img {
    background: url("../Content/Images/career-top.jpg") no-repeat center #ababab;
}
.career-position-list header {
    display: none;
}
.career-arrows {
    width: 105px;
    height: 103px;
    background: url("../Content/Images/career-arrows.png");
    margin: auto;
}
.career-title-note {
    color: #ed6f00;
    font-size: 18px;
    text-transform: uppercase;
}
.career-title {
    font-size: 36px;
    margin-top: 10px;
}
.career-role-icon {
    width: 77px;
    height: 76px;
    margin: 20px auto;
}
.career-role-description {
    text-align: center;
    font-size: 13px;
}
#career-role ul {
    list-style: none;
    padding-left: 0;
}

#career-positions-list {
    list-style: none;
    padding-left: 0;
}

.career-positions-list-item {
    display: block;
    width: 100%;
    background: #ababab;
    padding: 20px;
    color: #ffffff;
    min-height: 140px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}
.career-positions-list-item:hover {
    color: #ffffff;
    background: #ed6f00;
    box-shadow: 0 0 5px #a6a6a6;
}
.career-positions-list-item:hover:after {
    content: "";
    width: 33px;
    height: 33px;
    background: url("../Content/Images/career-position-link-icon.png");
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -17.5px;
}

.position-detail-bg {
    width: 100%;
    height: 496px;
    background-image: url("../Content/Images/position-detail-bg.jpg");
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 93px;
    left: 0;
}
.position-title h1 {
    font-size: 72px;
    color: #ed6f00;
    text-transform: uppercase;
}
.position-body img {
    max-width: 100%;
    height: auto;
}
.career-form{
    font-size: 13px;
}
.career-form-desc {
    font-size: 15px;
    font-weight: bold;
    margin-top: 30px;
    text-transform: uppercase;
}
.career-form label {
    color: #777777;
}
.career-form input {
    border: 1px solid #cbcbcb;
    border-radius: 5px;
    background: #ffffff;
    height: 36px;
    line-height: 36px;
    padding-left: 5px;
    padding-right: 5px;
}
.career-form input:focus, .career-form input:hover {
    border: 1px solid #ed6f00;
    padding-right: 5px;
}
.career-form input[type=file] {
    border: none;
    padding-left: 0;
    padding-right: 0;
}
.career-form button[type=submit] {
    display: block;
    border: none;
    height: 38px;
    line-height: 38px;
    background: #ed6f00;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
/*--/career--*/
/*--team--*/
.team-list header h1 {
    display: none;
}
.team-top-img {
    background: url("../Content/Images/team-top.jpg") no-repeat center #ababab;
}
.leader-list-item-container {
    background-color: #ffffff;
    box-shadow: 3px 3px 8px #999;
}
.team-leader-name {
    color: #ed6f00;
    font-size: 30px;
}
.team-leader-position {
    color: #ed6f00;
    font-size: 26px;
}
.leader-list-item-image img {
    width: 100%;
    height: auto;
}
.leader-list-item-desc {
    padding: 10px;
    min-height: 392px;
}

.department-section {
    position: relative;
    min-height: 250px;
    overflow: hidden;
    padding-top: 250px;
    padding-bottom: 50px;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
}
.department-section:nth-child(3n+1) {
    background: #f4a410;
}
.department-section:nth-child(3n+2) {
    background: #4c4948;
}
.department-section:nth-child(3n) {
    background: #ffffff;
}

.department-section:before {
    content: "";
    width: 100%;
    height: 210px;
    position: absolute;
    top: 0;
    z-index: 10;
    left: 0;

    transform-origin:0 100%;

    transform:rotate(-13deg);
    -ms-transform:rotate(-13deg); 	/* IE 9 */
    -moz-transform:rotate(-13deg); 	/* Firefox */
    -webkit-transform:rotate(-13deg); /* Safari 和 Chrome */
    -o-transform:rotate(-13deg); 	/* Opera */
}
.department-section:after {
    content: "";
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    z-index: 10;
    right: 0;

    transform-origin:100% 100%;

    transform:rotate(20deg);
    -ms-transform:rotate(20deg); 	/* IE 9 */
    -moz-transform:rotate(20deg); 	/* Firefox */
    -webkit-transform:rotate(20deg); /* Safari 和 Chrome */
    -o-transform:rotate(20deg); 	/* Opera */
}
.department-section:nth-child(3n+1):before,.department-section:nth-child(3n+1):after {
    background: #ffffff;
}
.department-section:nth-child(3n+2):before,.department-section:nth-child(3n+2):after {
    background: #f4a410;
}
.department-section:nth-child(3n):before,.department-section:nth-child(3n):after {
    background: #4c4948;
}

.department-name {
    font-size: 55px;
    width: 240px;
    position: absolute;
    top: 60px;
    right: 200px;
    padding-left: 25px;
    line-height: 1.0em;
}

.department-name-prefix {
    display: block;
    position: absolute;
    width: 15px;
    top: 8px;
    bottom: 8px;
    left: 0;
    background: #ffffff;
}

.color1 {
    color: #ed6f00;
}
.color2 {
    color: #ffffff;
}
.bgcolor1 {
    background: #ed6f00;
}
.bgcolor2 {
    background: #ffffff;
}
.staff-item {
    margin-bottom:30px;
}
.staff-img {
    margin-bottom: 10px;
}
.staff-img img {
    margin-left: auto;
    margin-right: auto;
}
.staff-name {
    font-size: 24px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
}
.staff-position {
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
}
/*--/team--*/

/*--resale--*/
#resale-list {
    list-style: none;
    padding-left: 0;
}
.resale-list-item {
    border: 1px solid #e6e6e6;
}
.resale-list-item:hover {
    box-shadow: 0 0 10px #a6a6a6;
}
.resale-list-item:hover .resale-list-item-more {
    background: #ed6f00;
}
.resale-list-item-container {
    margin-bottom: 30px;
}
.resale-list-item-img {
    margin-left: -1px;
    margin-right: -1px;
    position: relative;
    height: 0;
    padding-bottom: 100%;
}
.resale-list-item-img-container {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e6e6e6;
    overflow: hidden;
}
.resale-list-item-img img {
    width: 100%;
}
.resale-list-item-name {
    font-size: 27px;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-stretch: condensed;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
    overflow: hidden;
    white-space: nowrap;
}
.resale-list-item-price {
    font-size: 18px;
    color: #ed6f00;
}
.resale-list-item-property {
    padding: 10px 0 15px 0;
}
.property-bed {
    background: url("../Content/Images/resale-bed.png") no-repeat;
    padding-left: 30px;
}
.property-bath {
    background: url("../Content/Images/resale-bath.png") no-repeat;
    padding-left: 30px;
}
.property-car {
    background: url("../Content/Images/resale-car.png") no-repeat;
    padding-left: 30px;
}
.resale-list-item-more {
    display: block;
    height: 32px;
    line-height: 32px;
    background: #4c4948;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    margin-left: -1px;
    margin-right: -1px;
}
.resale-list-item-more:hover, .resale-list-item-more:focus, .resale-list-item-more:visited {
    color: #ffffff;
}

/*details*/
.resale-image-gallery-container {
    height: 0;
    padding-bottom: 41.6666667%;
    margin-top: -12px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    margin-bottom: 50px;
}
.resale-image-gallery {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.resale-title h1 {
    font-size: 48px;
    text-transform: uppercase;
    color: #ed6f00;
}
.text-field-suburb, .text-field-price, .enumeration-field-property-type {
    border-bottom: 1px solid #dcdcdc;
    font-size: 18px;
}
.text-field-suburb .name, .text-field-price .name, .enumeration-field-property-type .name {
    color: #ed6f00;
    text-transform: uppercase;
}

.resale-property {
    text-align: right;
}
.numeric-field-bed, .numeric-field-bath, .numeric-field-car {
    display: inline-block;
}
.numeric-field-bed .name, .numeric-field-bath .name, .numeric-field-car .name {
    display: none;
}
.numeric-field-bed .value{
    background: url("../Content/Images/resale-bed.png") no-repeat;
    padding-left: 30px;
    margin-left: 20px;
}
.numeric-field-bath .value{
    background: url("../Content/Images/resale-bath.png") no-repeat;
    padding-left: 30px;
    margin-left: 20px;
}
.numeric-field-car .value {
    background: url("../Content/Images/resale-car.png") no-repeat;
    padding-left: 30px;
    margin-left: 20px;
}
.resale-body img {
    max-width: 100%;
    height: auto;
}

/*--/resale--*/
/*--details page slider--*/
.swiper-container-detail {
    width: 100%;
    height: 100%;
}
.swiper-container-detail .swiper-button-prev {
    background-image: url("../Content/Images/arrow-right.png");
    left: 24px;
    right: auto;
}

.swiper-container-detail .swiper-button-next {
    background-image: url("../Content/Images/arrow-left.png");
    right: 24px;
    left: auto;
}
.swiper-container-detail .swiper-button-next, .swiper-container-detail .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 28px;
    height: 51px;
    margin-top: -25.5px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 28px 102px;
    -webkit-background-size: 28px 102px;
    background-size: 28px 102px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-container-detail .swiper-slide img {
    height: auto;
    width: 100%;
}
/*--/details page slider--*/

/*--events--*/
#passed-events-list {
    list-style: none;
    padding-left: 0;
}
.passed-events-list-title {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 50px;
    position: relative;
}
.passed-events-list-title:after {
    content: "";
    height: 0;
    width: 100%;
    border-top: 3px double #2e2828;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
}
.passed-events-list-title span {
    border: 1px solid #2e2828;
    padding: 10px 30px;
    background: #ffffff;
    position: relative;
    z-index: 1;
}
.passed-events-list-item {
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
}
.passed-events-list-item:hover {
    box-shadow: 0 0 10px #a6a6a6;
}
.passed-events-list-item:hover .passed-events-list-item-more {
    background: #ed6f00;
}
.passed-events-list-item-img {
    margin-left: -1px;
    margin-right: -1px;
    position: relative;
    height: 0;
    padding-bottom: 133.333333%;
}
.passed-events-list-item-img img {
    width: 100%;
}
.passed-events-list-item-img-container {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e6e6e6;
    overflow: hidden;
}
.passed-events-list-item-title {
    font-size: 26px;
    text-transform: uppercase;
    display: block;
    margin-left: 15px;
    margin-right: 15px;
    overflow: hidden;
    white-space: nowrap;
}
.passed-events-list-item-desc {
    padding: 10px 15px 15px 15px;
    margin-bottom: 15px;
    height: 50px;
    overflow: hidden;
}
.passed-events-list-item-more {
    display: block;
    height: 32px;
    line-height: 32px;
    background: #4c4948;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    margin-left: -1px;
    margin-right: -1px;
}
.passed-events-list-item-more:hover, .passed-events-list-item-more:focus, .passed-events-list-item-more:visited {
    color: #ffffff;
}

/*upcoming event*/
.event-swiper-container {
    height: 100%;
    width: 100%;
}
.event-slider-item {
    display: none;
}
.event-swiper-container .swiper-pagination {
    z-index: 31;
}
.event-swiper-container .swiper-pagination-bullet {
    width: auto;
    height: auto;
    padding: 20px 60px;
    color: #ffffff;
    background: #4c4948;
    border-radius: 0;
    opacity: 1;
}
.event-swiper-container .swiper-pagination-bullet-active {
    background: #ed6f00;
}
.event-swiper-container .swiper-pagination-bullet span {
    display: block;
}
.event-swiper-container .swiper-pagination-bullet .event-slider-item-title {
    font-size: 28px;
    text-transform: uppercase;
}
/*.event-swiper-container .swiper-pagination-bullet-active .event-slider-item-title {
    color: #463f3a;
}*/
.event-swiper-container .swiper-pagination-bullet .event-slider-item-time {
    font-size: 16px;
}

#event-images-title {
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.lg-backdrop.in {
    opacity: 0.85;
}
.event-detail-page-header h1 {
    font-size: 30px;
}
.event-detail-page-header .date-time-field-commencement-date .name {
    display: none;
}
.event-detail-page-header p {
    font-size: 24px;
}
.event-detail-body img {
    max-width: 100%;
    height: auto;
}
/*event rsvp form*/
.rsvp-event-form-widget-container {
    background-image: url("../Content/Images/bg-sydney.png");
    background-size: cover;
    background-position: center;
    font-size: 13px;
}
#rsvp-form {
    margin-top: 20px;
    margin-bottom: 100px;
}
.rsvp-form-container {
    background: #ffffff;
    box-shadow: 0 0 5px 5px #e0e0e0;
    padding: 40px;
}
#rsvp-form h3 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
}
#rsvp-form h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #777777;
    margin-bottom: 40px;
}
#rsvp-form label {
    text-transform: uppercase;
    color: #777777;
}
#rsvp-form input, #rsvp-form textarea {
    background: #f6f6f6;
    border: none;
    line-height: 30px;
}
#rsvp-form input {
    height: 30px;
}
#rsvp-form button {
    background: #ed6f00;
    color: #ffffff;
    padding: 8px 50px;
    border: none;
    font-weight: bold;
}
/*--/events--*/
/*--news--*/
#news-list {
    list-style: none;
    padding-left: 0;
}
.news-list-item {
    background: #e6e6e6;
    position: relative;
    margin-top: 20px;
    padding: 10px;
}
.news-list-item:after {
    content: "";
    height: 16px;
    background-image: url("../Content/Images/news-block-shadow.png");
    background-size: cover;
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
}

.news-list-item-datetime {
    
}
.news-list-item-img {
    position: relative;
    height: 0;
    padding-bottom: 50%;
}
.news-list-item-img-container {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e6e6e6;
    overflow: hidden;
}
.news-list-item-img img {
    width: 100%;
}
.news-list-item-title {
    font-size: 16px;
    color: #ed6f00;
}
.news-list-item-more {
    color: #ed6f00;
}

/*details*/
.news-list-header {
    margin-top: 50px;
}
.news-detail-title h1 {
    font-size: 30px;
    color: #ed6f00;
}
.news-detail-metadata {
    font-size: 24px;
    color: #9b9999;
    margin-bottom: 40px;
}
.news-detail-body img {
    max-width: 100%;
    height: auto;
}
/*--/news--*/

/*--/leasing--*/
.leasing-top-img {
    background: url("../Content/Images/leasing-top.jpg") no-repeat center #ababab;
}
.leasing-icon {
    background: #ed6f00;
    color: #ffffff;
    margin-left: -15px;
    margin-right: -15px;
    height: 700px;
    padding-left: 25px;
    padding-top: 50px;
}
.leasing-icon.leasing-money {
    background: #ababab;
}
.leasing-icon h3 {
    font-size: 60px;
}
.leasing-worry-desk {
    display: block;
}
.leasing-worry-other {
    display: none; 
}

.leasing-img {
    margin-left: -15px;
    margin-right: -15px;
}
.leasing-img img {
    display: inline-block;
}
.leasing-desc {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 50px;
}
.leasing-desc h3 {
    font-size: 48px;
    position: relative;
    margin-bottom: 30px;
}
.leasing-desc h3 span {
    color: #ed6f00;
}
.leasing-desc h3:before {
    content: "";
    background: #4c4948;
    width: 50px;
    height: 4px;
    position: absolute;
    bottom: -4px;
}
.leasing-desc h3:after {
    content: "";
    background: #ed6f00;
    width: 120px;
    height: 4px;
    position: absolute;
    bottom: -4px;
    left: 50px;
}

/*--leasing--*/

/*--projection page--*/
.projection-page header h1 {
    text-align: center;
    font-size: 60px;
    text-transform: uppercase;
    color: #ed6f00;
    margin-top: 50px;
}
/*--/projection page--*/

/*--logon form--*/
.login-form .validation-summary-errors {
    text-align: center;
    width: 90%;
    margin: 20px auto;
    color: #990808;
}
.login-form ul {
    list-style: none;
    padding-left: 0;
}
.login-form-fields label {
    display: block;
    color: #cbcbcb;
    margin-top: 15px;
}
    .login-form-fields label.forcheckbox {
        display: inline-block;
    }
.login-form-fields input[type=text], .login-form input[type=password] {
    display: block;
    border: 1px solid #cbcbcb;
    background: #ffffff;
    height: 36px;
    line-height: 36px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
}
.login-form-fields input:focus, .login-form-fields input:hover {
    border: 1px solid #ed6f00;
    padding-right: 5px;
}

.login-form button[type=submit] {
    display: block;
    border: none;
    height: 38px;
    line-height: 38px;
    background: #ed6f00;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
/*--/logon form--*/

/*--thank you--*/
.thank-you-page-career, .thank-you-page-enquiry, .thank-you-page-rsvp {
    height: 600px;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -12px;
    position: relative;
}
.thank-you-page-career {
    background: url("../Content/Images/thank-you-career.jpg") no-repeat center;
}

.thank-you-page-enquiry {
    background: url("../Content/Images/thank-you-enquiry.jpg") no-repeat center;
}

.thank-you-page-rsvp {
    background: url("../Content/Images/thank-you-rsvp.jpg") no-repeat center;
}
.thank-you-page-info-container {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 120px;
    left: 60px;
    right: 25%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.thank-you-page-info {
    border-left: 12px solid #ed6f00;
    padding-left: 28px;
}
.thank-you-page-info-container .detail-page-header h1 {
    font-size: 60px;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 20px;
}
.thank-you-page-info-container .thank-you-page-info p {
    font-size: 18px;
    margin-bottom: 0;
}
/*--/thank you--*/

@media(min-width:992px) and (max-width:1199px) {
    .menu-main-menu > li {
        padding: 0 10px;
    }

    /*team*/
    .leader-list-item-desc {
        min-height: 461px;
    }

    .department-section {
        min-height: 250px;
        padding-top: 200px;
        padding-bottom: 30px;
    }
    .department-section:before {
        height: 180px;
    }
    .department-section:after {
        height: 80px;
    }
    .department-name {
        font-size: 50px;
        width: 240px;
        top: 70px;
        right: 110px;
    }
}


@media(min-width:768px) and (max-width:991px) {
    .menu-main-menu > li {
        padding: 0 10px;
    }
    .menu-main-menu > li a {
        font-size: 14px;
    }

    /*--event--*/
    .event-swiper-container .swiper-pagination-bullet {
        padding: 20px 30px;
    }

        .event-swiper-container .swiper-pagination-bullet .event-slider-item-title {
            font-size: 18px;
        }

        .event-swiper-container .swiper-pagination-bullet .event-slider-item-time {
            font-size: 14px;
        }
    /*--/event--*/

    /*team*/
    .leader-list-item-desc {
        min-height: 598px;
    }

    .department-section {
        min-height: 250px;
        padding-top: 200px;
        padding-bottom: 30px;
    }
    .department-section:before {
        height: 160px;
    }
    .department-section:after {
        height: 80px;
    }
    .department-name {
        font-size: 40px;
        width: 200px;
        top: 70px;
        right: 80px;
    }

    /*footer*/
    .menu-footer-menu li {
        padding-left: 8px;
    }
}


@media screen and (max-width: 767px) {
    /*--header--*/
    #top-info-container {
        margin-right: -15px;

    }
    #top-info {
        margin-right: 0;
        padding-right: 15px
    }
    #top-info-corner {
        display: none;
    }
    #top-info .phone-number {
        font-size: 13px;
    }
    #language-button {
        color: #ed6f00;
        margin-right: 0;
    }

    #logo-link {
        margin-left: -5px;
        margin-right: -15px;
        display: inline-block;
        margin-top: 10px;
    }

    /*--mobile main link button--*/
    #colapse-nav-button {
        display: block;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        margin-right: -15px;
        margin-left: -15px;
        margin-top: -12px;
        padding: 12px 25px;
        text-align: right;
    }
    #colapse-nav-button span {
        background: url(../Content/Images/menu-icon.png) no-repeat 0 50%;
        padding-left: 40px;
    }

    .menu-main-menu {
        padding-left: 0;
        background: #000000;
        margin-top: 0;
        margin-left: -15px;
        margin-right: -15px;
        display: none;
        text-align: left;
    }
    .menu-main-menu li {
        display: block;
        margin-left: 0;
        padding: 0 !important;
        height: auto;
    }
    .menu-main-menu li.current, .menu-main-menu li:hover {
        display: block;
        margin-left: 0;
        padding: 0 !important;
        height: auto;
    }
    .menu-main-menu > li a {
        display: block;
        padding-left: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        height: auto;
    }
    .menu-main-menu > li.current {
        background: #ababab;
        border-left: 3px solid #ffffff;
    }
    .menu-main-menu > li.current.dropdown {
        border-left: none;
    }
    .menu-main-menu > li.current > a {
        padding-left: 17px;
    }
    .menu-main-menu > li.current > a:hover {
        padding-left: 17px;
    }
    .menu-main-menu > li.dropdown {
        background: #000000;
    }
    /*.menu-main-menu > li.dropdown ul {
        background: #111111;
    }*/
    .menu-main-menu > li a:hover,
    .menu-main-menu > li a:focus {
        padding-left: 21px;
    }
    .menu-main-menu > li.current:before,
    .menu-main-menu > li:hover:before,
    .menu-main-menu > li:focus:before {
        display: none;
    }
    
    .menu-main-menu > li ul {
        position: static;
        display: block;
        background: none;
        padding-left: 0;
    }
    .menu-main-menu > li ul li {
        border-top: none;
        padding: 0;
        margin: 0;
    }
    .menu-main-menu > li ul li:hover, 
    .menu-main-menu > li ul li.current {
        background: none;
        border-left: none;
    }

    .menu-main-menu > li ul li a {
        padding-left: 40px;
    }
    .menu-main-menu > li ul li a:hover,
    .menu-main-menu > li ul li a:focus {
        padding-left: 41px;
    }
    .menu-main-menu > li ul li.current a {
        background: #ababab;
        border-left: 3px solid #ffffff;
        padding-left: 37px;
    }
    
    /*--home-project--*/
    #project-wrapper ul {
        padding-left: 0;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 0;
    }
    #project-wrapper ul .img-responsive {
        width: 100%;
    }

    /*--/home-project--*/

    /*--team--*/
    .leader-list-item-container {
        margin-bottom: 30px;
    }
    .leader-list-item-image {
        width: 40%;
        float: left;
    }
    .leader-list-item-desc {
        width: 60%;
        float: left;
        padding-left: 15px;
        min-height: 0;
    }
    .leader-list-item-desc h4 {
        display: inline-block;
        margin-top: 0;
        padding-right: 15px;
    }
    .leader-list-item-desc h5 {
        display: inline-block;
        margin-top: 0;
    }
    .department-section {
        min-height: 250px;
        padding-top: 180px;
        padding-bottom: 30px;
    }
    .department-section:before {
        height: 140px;
    }
    .department-section:after {
        height: 80px;
    }
    .department-name {
        font-size: 30px;
        width: 200px;
        top: 80px;
        right: 1%;
    }
    /*--/team--*/

    /*--enquire form--*/
    #enquire-form-container {
        padding: 20px 30px;
        margin: 20px 0 40px;
    }
    .enquire-address-container {
        padding-bottom: 20px;
        padding-left: 8px;
        padding-right: 8px;
    }
    .enquire-address {
        padding-left: 5px;
        margin-left: 0;
        min-height: 150px;
    }
    .enquire-address .enquire-tel {
        font-size: 14px;
    }
    .enquire-address a {
        word-break:break-all; /*IE，chrome*/
        word-wrap:break-word;/*IE，chrome，FF*/
    }
    .enquire-email {
        font-size: 12px;
    }
    address {
        font-size: 12px;
    }

    #enquire-wrapper > .table {
        padding-left: 15px;
        padding-right: 15px;
    }
    /*--/enquire form--*/
    /*--news--*/
    #news-list {
        padding-left: 0;
    }
    .news-list-item-datetime {
        margin-top: 20px;
    }
    /*--/news--*/

    /*--event--*/
    .event-swiper-container .swiper-pagination-bullet {
        padding: 10px;
    }
    .event-swiper-container .swiper-pagination-bullet .event-slider-item-title {
        font-size: 14px;
    }
    .event-swiper-container .swiper-pagination-bullet .event-slider-item-time {
        font-size: 12px;
    }

    .passed-events-list-title {
        font-size: 18px;
    }
    /*--/event--*/

    /*--leasing--*/
    .leasing-icon {
        height: auto;
        padding-bottom: 20px;
        padding-top: 5px;
    }
    .leasing-worry-desk {
        display: none;
    }
    .leasing-worry-other {
        display: block;
    }
    /*--/leasing--*/

    /*position/career*/
    .position-title h1 {
        font-size: 60px;
    }

    /*--footer--*/
    #footer-wrapper {
        height: auto;
    }
    #subscribe-form {
        margin-right: 0;
    }
    .subscribe-container {
        text-align: center;
    }
    .footer-links {
        padding-top: 20px;
    }
    .menu-footer-menu {
        text-align: center;
        padding-left: 0;
    }
    .menu-footer-menu li {
        padding-left: 10px;
    }
    .menu-footer-menu li a {
        font-size: 12px;
    }
    #copyright {
        text-align: center;
        font-size: 12px;
        margin-bottom: 15px;
    }
    #copyright span {
        padding-left: 0;
        display: block;
    }
    /*--/footer--*/

    /*--thank you--*/
    .thank-you-page-info-container {
        top: 80px;
        left: 40px;
        right: 40px;
    }
    /*--/thank you--*/

    /*details page slider*/
    .swiper-container-detail .swiper-button-next, .swiper-container-detail .swiper-container-rtl .swiper-button-prev {
        background-image: url("../Content/Images/arrow-left-m.png");
        right: 12px;
        left: auto;
    }

    .swiper-container-detail .swiper-button-prev, .swiper-container-detail .swiper-container-rtl .swiper-button-next {
        background-image: url("../Content/Images/arrow-right-m.png");
        left: 12px;
        right: auto;
    }

    .swiper-container-detail .swiper-button-next, .swiper-container-detail .swiper-button-prev {
        position: absolute;
        top: 50%;
        width: 14px;
        height: 25.5px;
        margin-top: -12.25px;
        -moz-background-size: 14px 51px;
        -webkit-background-size: 14px 51px;
        background-size: 14px 51px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .swiper-container-detail .swiper-pagination-bullets {
        bottom: 10px;
    }
    /*/details page slider*/

    /*add this*/
    .addthis_inline_share_toolbox.margin-bottom-50{
        margin-bottom: 0;
    }
    .addthis_inline_share_toolbox.margin-top-100 {
        margin-top: 0;
    }
    /*/add this*/
}

@media screen and (max-width: 500px) {
    #top-info .glyphicon {
        margin-left: -15px;
    }
    #language-button {
        margin-left: 5px;
        margin-right: 0;
        font-size: 15px;
    }

    .slider-container.slider-style-1:before {
        height: 50px;
    }
    .slider-container.slider-style-1:after {
        height: 50px;
    }

    /*project*/
    .project-category-page-title h1 {
        font-size: 50px;
    }
    .project-root-term {
        display: inline-block;
        width: 140px;
        padding: 6px 0;
    }
    .project-child-term {
        margin-left: 1%;
        width: 32%;
        border: 1px solid;
        font-family: "Arial Narrow", Arial, sans-serif;
        font-stretch: condensed;
    }

    .project-list-items.col-xs-6 {
        width: 100%;
    }
    /*event*/
    .passed-events-list-item-container {
        width: 100%;
        float: none;
        max-width: 330px;
        margin: auto;
    }
    #lightgallery img {
        width: 49%;
        height: auto;
    }

    /*team*/
    .leader-list-item-container {
        margin-bottom: 30px;
    }
    .leader-list-item-image {
        width: 100%;
        float: none;
    }
    .leader-list-item-desc {
        width: 100%;
        float: none;
        padding-left: 15px;
        min-height: 0;
    }
    .leader-list-item-desc h4 {
        display: block;
        margin-top: 10px;
    }
    .leader-list-item-desc h5 {
        display: block;
        margin-top: 10px;
    }
    
    .department-section {
        min-height: 250px;
        padding-top: 180px;
        padding-bottom: 30px;
    }
    .department-section:before {
        height: 100px;
    }
    .department-section:after {
        height: 60px;
    }
    .department-name {
        font-size: 28px;
        width: 160px;
        top: 70px;
        right: 1%;
        padding-left: 15px;
    }
    .department-name-prefix {
        width: 10px;
        top: 6px;
        bottom: 6px;
    }
    .staff-item {
        padding-left: 0;
        padding-right: 0;
    }
    .staff-position{
        font-size: 12px;
    }
    /*postition*/
    .position-title-container, .position-body-container {
        width: 100%;
    }
    .position-title h1 {
        font-size: 60px;
    }

    /*resale*/
    .resale-list-item-container {
        width: 100%;
        margin-bottom: 30px;
    }

    /*news*/
    .news-list-item-container {
        width: 100%;
    }

    /*--thank you--*/
    .thank-you-page-info-container {
        top: 80px;
        left: 15px;
        right: 15px;
    }
    .thank-you-page-info-container .detail-page-header h1 {
        font-size: 40px;
    }
    .thank-you-page-info-container .thank-you-page-info p {
        font-size: 14px;
    }
    /*--/thank you--*/
}