/**
 * Cassiopeia themem font.
 */

@font-face {
    font-family: UTM_AVO;
    src: url('../font/UTM_AVO.TTF');
}

@font-face {
    font-family: UTM_AVO_BOLD;
    src: url('../font/UTM_AVO_BOLD.TTF');
}

@font-face {
    font-family: UTM_AVO_BOLD_ITALIC;
    src: url('../font/UTM_AVO_BOLD_ITALIC.TTF');
}

@font-face {
    font-family: UTM_AVO_ITALIC;
    src: url('../font/UTM_AVO_ITALIC.TTF');
}

/**
 * Cassiopeia themem core.
 */

img {
    max-width: 100%;
}

.cassiopeia-container-fluid {

}

.cassiopeia-container {

}

/**
 * Cassiopeia themem.
 */

body {
    /*font-family: "UTM_AVO", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: Helvetica, Arial, sans-serif;
}

/*------------------- Slider -----------------*/

.swiper-slide-link > img,
.swiper-slide > img {
    width: auto;
    max-width: none;
    height: 100%;
    -ms-transform: translate(-50%,-0%);
    -webkit-transform: translate(-50%,-0%);
    -moz-transform: translate(-50%,-0%);
    transform: translate(-50%,-0%);
    position: relative;
    left: 50%;
    top: 0%;
}


#main-slider .swiper-container {
    width: 100%;
    /*height: 624px;*/
}

#main-slider .swiper-control {
    display: none !important;
}

#main-slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*-webkit-box-pack: center;*/
    /*-ms-flex-pack: center;*/
    /*-webkit-justify-content: center;*/
    /*justify-content: center;*/
    /*-webkit-box-align: center;*/
    /*-ms-flex-align: center;*/
    /*-webkit-align-items: center;*/
    /*align-items: center;*/
    background-position: center center;
    background-size: cover;
}

#main-slider .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin-left: 5px;
    margin-right: 5px;
}

#main-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #054833;
}

#main-slider .swiper-container-horizontal > .swiper-pagination-bullets,
#main-slider .swiper-pagination-custom,
#main-slider .swiper-pagination-fraction,
#main-slider .swiper-pagination
{
    width: 100%;
    bottom: 30px;
}

.swiper-button-next {
    width: 46px;
    height: 43px;
    margin-top: -22px;
    background-image: url("../img/icons/img-7.png");
    background-size: 100% 100%;
    right: 15px;
}

.swiper-button-prev {
    width: 46px;
    height: 43px;
    margin-top: -22px;
    background-image: url("../img/icons/img-8.png");
    background-size: 100% 100%;
    left: 15px;
}

#footer-slider .swiper-container {
    width: 100%;
    height: 538px;
}

#footer-slider .swiper-button-next,
#footer-slider .swiper-button-prev {
    display: none;
}

#footer-slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-position: center center;
    background-size: cover;
}

#footer-slider .swiper-slide::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

#footer-slider .swiper-slide .html_code {
    position: relative;
    z-index: 2;
    max-width: 1002px;
    padding: 15px;

}



.swiper-slide > .swiper-slide-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    display: block;
    z-index: 1;
}

.cassiopeia-swiper-desktop,
.desktop {
    display: none;
}

.cassiopeia-swiper-tablet,
.tablet {
    display: none;
}

.cassiopeia-swiper-mobile,
.mobile {
    display: none;
}

/*------  Header ------*/

#header {
    position: relative;
    background-color: #f1efef;
    height: 80px;
    z-index: 2;

}

#header .header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header .header-container::before,
#header .header-container::after {
    display: none;
}

.menu-transition-height {
    -webkit-transition: height 0.2s ease-in-out;
    -moz-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
}

#header.scroll {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 100;
    height: 74px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

#header-main {
    position: relative;
    margin: auto;
    /*padding: 0px 15px 0px 15px;*/
    /*width: 1200px;*/
    margin-top: 0px;
    margin-bottom: 0px;
}

#header-main .header-main-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

#header-logo {
    /*position: absolute;*/
    /*left: 15px;*/
    /*top: 8px;*/
    /*z-index: 10;*/
}

#header.scroll #header-logo {
    /*position: absolute;*/
    /*left: 15px;*/
    /*top: 5px;*/
}

#main-menu-toggle-btn {
    display: none;
    padding: 9px 9px;
    margin: 8px;
    background: white;
}

#main-menu-toggle-btn .icon-bar + .icon-bar {
    margin-top: 4px;
}

#main-menu-toggle-btn .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #31725b;
}

#main-menu ul {
    padding: 0px;
    margin: 0px;
}

#main-menu ul li {
    list-style: none;
}

#main-menu ul li a {
    text-decoration: none;
    color: black;
    font-size: 15px;
}

#main-menu > ul {
    display: flex;
}

#main-menu ul li {
    position: relative;
}

#main-menu ul li > ul {
    position: absolute;
    min-width: 220px;
    left: calc(50% - 110px);
    background-color: #30715a;
    top: 150%;
    transition: all .5s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

#main-menu ul > li:hover > ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

#main-menu ul > li > ul li:hover > ul {
    top: 0px;
    opacity: 1;
    visibility: visible;
}

#main-menu > ul > li ul li {
    border-bottom: 1px solid #f1efef;
}

#main-menu > ul > li ul li:last-child {
    border-bottom: 1px solid transparent;
}

#main-menu > ul > li > ul {

}

#main-menu > ul > li > ul li > ul {
    left: 100%;
    top: 0px;
}

#main-menu > ul > li > ul li a {
    color: white;
}

#main-menu > ul > li > a,
#main-menu > ul > li > span {
    color: black;
    text-transform: uppercase;
}

#main-menu li > span.nolink,
#main-menu li > a {
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#main-menu > ul > li > span.nolink,
#main-menu > ul > li > a {
    height: 80px;
    display: flex;
    border-bottom: 2px solid transparent;
    /*font-family: UTM_AVO_BOLD;*/
    font-weight: 600;
    font-size: 15px;
}

#header.scroll #main-menu > ul > li > span.nolink,
#header.scroll #main-menu > ul > li > a {
    height: 74px;
    display: flex;
    border-bottom: 2px solid transparent;
}

#main-menu > ul > li:hover > span.nolink,
#main-menu > ul > li:hover > a {
    border-bottom: 2px solid #f36f21;
}

#header.scroll #main-menu > ul > li:hover > span.nolink,
#header.scroll #main-menu > ul > li:hover > a {
    border-bottom: 2px solid #f36f21;
}

#main-menu > ul > li > span.nolink > span.dropdown,
#main-menu > ul > li > a > span.dropdown {
    margin-left: 5px;
    position: relative;
    top: 3px;
}

#main-menu > ul > li.active > a,
#main-menu > ul > li.active > span,
#main-menu > ul > li > a.active,
#main-menu > ul > li > span.active {
    /*font-family: UTM_AVO_BOLD;*/
    color: #31725b;
    font-weight: 600;

}

.switch-language {
    margin-left: 25px;
}

.switch-language::before,
.switch-language::after {
    content: '';
    display: block;
    clear: both;
}

.switch-language ul {
    margin: 0px;
    padding: 0px;
}

.switch-language ul li {
    list-style: none;
    float: left;
    margin-right: 5px;
}

.switch-language ul li:last-child {
    margin-right: 0px;
}

.switch-language ul li .locale-untranslated {
    display: none !important;
}

.switch-language ul li a {
    display: block;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 1;
}

.switch-language ul li a.active {
    opacity: 0.4;
}

.switch-language li.en a {
    background-image: url("../img/icons/img-1.png");
}

.switch-language li.vi a {
    background-image: url("../img/icons/img-2.png");
}

#hotline-toggle-btn {
    display: none;
    font-size: 14px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #31725b;
    color: white;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 13px;
    cursor: pointer;
    text-decoration: none;
}

#hotline-toggle-btn:focus,
#hotline-toggle-btn:hover
{
    text-decoration: none;
}

#hotline {
    position: relative;
    height: 80px;
    color: white;
    /*font-family: UTM_AVO_BOLD;*/
    font-size: 23px;
    width: 205px;
    background-image: url(../img/backgrounds/img-5.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 36px;
    margin-right: -15px;
    font-weight: 600;
}

#hotline-mobile {
    display: none;
    background-image: url(../img/icons/img-17.png);
    width: 80px;
    height: 80px;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 20px;
    left: 10px;
}

#hotline-mobile > i.icon::before{
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../img/icons/img-4.png);
    background-size: 100% 100%;
}

@-webkit-keyframes wrench {
    0% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    8% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    10%,28%,30%,48%,50%,68% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    18%,20%,38%,40%,58%,60% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    100%,75% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes wrench {
    0% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    8% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    10%,28%,30%,48%,50%,68% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    18%,20%,38%,40%,58%,60% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    100%,75% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

.wrench{
    -webkit-animation: wrench 2.5s ease infinite;
    animation: wrench 2.5s ease infinite;
    transform-origin-x: 90%;
    transform-origin-y: 35%;
    transform-origin-z: initial;
}

.scroll #hotline {
    height: 74px;
}

#hotline .hotline-container {
    position: relative;
    height: 100%;
}

/*#hotline .hotline-container::before {*/
/*content: '';*/
/*display: block;*/
/*width: 0px;*/
/*border-width: 100px 50px 0px 50px;*/
/*border-style: solid;*/
/*border-color: transparent #30715a #30715a transparent;*/
/*position: absolute;*/
/*left: -99px;*/
/*top: 0px;*/
/*height: 100%;*/
/*}*/

/*#header.scroll #hotline .hotline-container::before {*/
/*content: '';*/
/*display: block;*/
/*width: 0px;*/
/*border-width: 74px 37px 0px 37px;*/
/*border-style: solid;*/
/*border-color: transparent #30715a #30715a transparent;*/
/*position: absolute;*/
/*left: -73px;*/
/*top: 0px;*/
/*height: 100%;*/
/*}*/

#hotline div.icon {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 15px;
    font-family: UTM_AVO;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 5px;
}

#header.scroll #hotline div.icon {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 15px;
    font-family: UTM_AVO;
    padding-top: 8px;
    padding-left: 20px;
    padding-bottom: 0px;
}

#hotline i.icon {
    display: block;
    margin-right: 10px;
}

#hotline i.icon::before {
    content: '';
    display: block;
    width: 29px;
    height: 29px;
    background-image: url("../img/icons/img-4.png");

}

#hotline a,
#hotline a:hover,
#hotline a:focus {
    color: white;
    text-decoration: none;
}

.content-header {
    background-color: white;
}

.breadcrumb {
    background-color: white;
    padding: 10px 0px;
    margin-bottom: 0px;
    height: 40px;
    overflow: hidden;
    display: flex;
}

.breadcrumb > li {
    height: 20px;
    display: flex;
    overflow: hidden;
}

/*------- End header --------*/

#footer {
    background-color: #f1efef;
    padding-top: 30px;
    padding-bottom: 35px;
}

#footer .footer-bottom-group-top-item:nth-child(1) {
    margin-top: 30px;
}

#footer .footer-bottom-group-top-item:nth-child(2) {
    display: flex;
    justify-content: space-around;
}

#footer .footer-bottom-group-top-item:nth-child(2) .footer-bottom-group-top-item-content {
    text-align: center;
}

#footer .footer-bottom-group-top-item:nth-child(3) {
    margin-top: 30px;
    display: flex;
    /*justify-content: flex-end;*/
}

#footer .footer-bottom-group-top-item-content {
    margin-left: 30px;
}

#footer .social {
    margin-top: 35px;
}

#footer .social ul {
    margin: 0px;
    padding: 0px;
}

#footer .social ul li {
    list-style: none;
    display: inline-block;
    padding-right: 10px;
}

#footer .social ul li:last-child {
    padding-right: 0px;
}

#footer .social ul li a {
    display: block;
    width: 53px;
    height: 53px;
    background-image: url(../img/icons/img-6.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}

#footer .social ul li a.facebook {
    background-position: 0px 0px;
}

#footer .social ul li a.youtobe {
    background-position: -62px 0px;
}

#copyright {
    margin-top: 25px;
}

/* -----  form  -----*/

#home-join-today-block {
    padding-top: 80px;
    padding-bottom: 120px;
    background-image: url("../img/backgrounds/img-3.jpg");
    background-position: center center;
    background-size: cover;
}

.join-today-form .join-today-form-header {
    margin-bottom: 25px;
}

#cassiopeia-regiter-join-today-form input[type='text'] {
    border: 1px solid #dddddd;
    border-radius: 0px;
    border-left: 0px transparent;
    box-shadow: none;
    height: 46px;
}

#cassiopeia-regiter-join-today-form .input-group-addon {
    border: 1px solid #dddddd;
    border-radius: 0px;
    background-color: white;
    border-right: 0px transparent;
    color: #30715a;
}

#cassiopeia-regiter-join-today-form button[type="submit"] {
    padding: 15px 30px;
    background-color: #f36f21;
    border-color: #f36f21;
    color: white;
    text-decoration: none;
    font-size: 17px;
    text-transform: uppercase;
    border-radius: none;
}

#cassiopeia-regiter-join-today-form button[type="submit"]::after {
    content: '';
    width: 18px;
    height: 11px;
    background-image: url("/sites/all/themes/cassiopeia_theme/img/icons/img-5.png");
    display: inline-block;
    margin-left: 20px;
}

#cassiopeia-regiter-join-today-form .form-group {
    margin-bottom: 25px;
    max-width: 485px;

}

/*---- service-page -------*/

#facilitie-page .facilitie-banner .swiper-container {
    height: 624px;
}

#facilitie-page .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-position: center center;
    background-size: cover;
}

#facilitie-page .facilitie-body {
    padding-top: 100px;
    padding-bottom: 100px;
    background-size: cover;
}

#facilitie-page .facilitie-body .title-short-underline {
    font-family: UTM_AVO_BOLD;
    font-size: 30px;
    text-transform: uppercase;
    color: #054833;
}

#facilitie-page .facilitie-body .facilitie-body-text {
    height: 124px;
    overflow: hidden;
}

#facilitie-page .facilitie-gallery {
    padding-top: 40px;
    padding-bottom: 40px;
}

#facilitie-page .facilitie-gallery .facilitie-gallery-title {
    font-size: 28px;
    color: #054833;
    font-family: UTM_AVO_BOLD;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0px;
}

#facilitie-page .facilitie-gallery-item {

}

#facilitie-page .facilitie-gallery-item .facilitie-gallery-item-content {
    border: 10px solid #e9e9e9;
    position: relative;
}

#facilitie-page .facilitie-gallery-item:hover .facilitie-gallery-item-content {
    border: 10px solid #747474;
}

#facilitie-page .facilitie-gallery-item .facilitie-gallery-item-content::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

#facilitie-page .facilitie-gallery-item .facilitie-gallery-item-content::before {
    content: "\f06e";
    width: 70px;
    height: 70px;
    background-color: rgba(243, 111, 33, 0.85);
    color: white;
    font-family: FontAwesome;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -35px;
    margin-left: -35px;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

#facilitie-page .facilitie-gallery-item:hover .facilitie-gallery-item-content::after {
    opacity: 1;
}

#facilitie-page .facilitie-gallery-item:hover .facilitie-gallery-item-content::before {
    opacity: 1;
}

#facilitie-page .facilitie-gallery-item .facilitie-gallery-item-content img {
    width: 100%;
}

/*------ home-services-and-facilities-block */

#home-services-and-facilities-block {
    padding-top: 40px;
    background-color: white;
}

#home-services-and-facilities-block .owl-controls .owl-prev {
    position: absolute;
    left: 6px;
    top: 50%;
    width: 37px;
    height: 37px;
    background-image: url(../img/icons/img-12.png);
    text-indent: -9999px;
    margin-top: -18px;
}

#home-services-and-facilities-block .owl-controls .owl-next {
    position: absolute;
    right: 6px;
    top: 50%;
    width: 37px;
    height: 37px;
    background-image: url(../img/icons/img-11.png);
    text-indent: -9999px;
    margin-top: -18px;
}

#home-services-and-facilities-block .home-services-and-facilities-block-title {
    font-size: 30px;
    color: #054833;
    /*font-family: UTM_AVO_BOLD;*/
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 35px;
    margin-top: 0px;

    font-weight: 600;
}

#home-services-and-facilities-block .home-services-and-facilities-item-content {
    position: relative;
}

#home-services-and-facilities-block .home-services-and-facilities-item .home-services-and-facilities-item-content .home-services-and-facilities-item-des {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 43px;
    color: white;
    font-size: 18px;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#home-services-and-facilities-block .home-services-and-facilities-item:hover .home-services-and-facilities-item-content .home-services-and-facilities-item-des {
    background-color: rgba(243, 111, 33, 0.85);
    height: 104px;
    overflow: hidden;
    padding: 15px 43px;
}

#home-services-and-facilities-block .home-services-and-facilities-item:hover .home-services-and-facilities-item-content .home-services-and-facilities-item-des-content {
    height: 74px;
    overflow: hidden;
}

/*------ class page ---------*/
#class-page .class-banner .swiper-container {
    width: 100%;
    /*height: 624px;*/
}

#class-page .class-banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*-webkit-box-pack: center;*/
    /*-ms-flex-pack: center;*/
    /*-webkit-justify-content: center;*/
    /*justify-content: center;*/
    /*-webkit-box-align: center;*/
    /*-ms-flex-align: center;*/
    /*-webkit-align-items: center;*/
    /*align-items: center;*/
    background-position: center center;
    background-size: cover;
}

#class-page .class-page-title h1 {
    font-size: 30px;
    color: #054833;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
    /*font-family: UTM_AVO_BOLD;*/
    font-weight: 600;
}

#class-page .class-body {
    margin-bottom: 40px;
    font-size: 16px;
}

#class-page .class-coach .class-coach-title {
    font-size: 30px;
    color: #054833;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: center;
    font-family: UTM_AVO_BOLD;
}

#class-page .class-coach .class-coach-des {
    margin-bottom: 60px;
    position: relative;
    padding-bottom: 20px;
}

#class-page .class-coach .class-coach-des::after {
    content: '';
    width: 84px;
    height: 5px;
    background: #054833;
    position: relative;
    left: 50%;
    bottom: -20px;
    margin-left: -42px;
    display: block;
    clear: both;
}

#class-page .class-coach .class-coach-item .class-coach-item-content {
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    margin-bottom: 50px;
}

#class-page .class-coach .class-coach-item .class-coach-item-content::before,
#class-page .class-coach .class-coach-item .class-coach-item-content::after {
    content: '';
    clear: both;
    display: block;
}

#class-page .class-coach .class-coach-item .class-coach-item-left {
    float: left;
    width: 236px;
}

#class-page .class-coach .class-coach-item .class-coach-item-right {
    float: left;
    width: calc(100% - 236px);
    padding: 18px 14px 20px 24px;
}

#class-page .class-coach .class-coach-item .class-coach-item-name-content h4 {
    border-left: 4px solid #054833;
    padding-left: 20px;
    margin-bottom: 35px;
    text-transform: uppercase;
}

#class-page .class-coach .class-coach-item .class-coach-item-name-content h4 > span {
    display: block;
}

#class-page .class-coach .class-coach-item .class-coach-item-name-content h4 > span:nth-child(1) {
    color: #054833;
    font-family: UTM_AVO_BOLD;
    font-size: 23px;
    margin-bottom: 10px;
}

#class-page .class-coach .class-coach-item .class-coach-item-name-content h4 > span:nth-child(2) {
    font-size: 12px;
    color: rgba(0, 0, 0, .74);
}

#class-page .class-type-item-img {
    text-align: center;
    /*display: none;*/
    margin-bottom: 30px;
}

#class-page .class-room {
    margin-top: 30px;
}

#class-page .class-room .class-room-title {
    font-size: 30px;
    color: #054833;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: center;
    /*font-family: UTM_AVO_BOLD;*/
    font-weight: 600;
}

#class-page .class-room .class-room-des {
    margin-bottom: 60px;
    font-size: 16px;
}

#class-page .class-room-slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-position: center center;
    background-size: cover;
}

#class-page .class-room .swiper-container {
    height: 560px;
}

#class-page .class-type-item {
    /*padding-top: 145px;*/
    /*padding-bottom: 210px;*/
    /*!*margin-bottom: 30px;*!*/
    /*background-size: cover;*/
    /*background-position: center center;*/
    padding-top: 35px;
    padding-bottom: 35px;
}

#class-page .class-type-item:nth-child(odd) {
    background: #f5f4f4;
}

#class-page .class-type-item:nth-child(even) {
    background: #ffffff;
}


#class-page .class-type-navigator .class-type-navigator-content {
    margin-left: -25px;
    margin-right: -25px;
}

#class-page .class-type-navigator .class-type-navigator-content::before,
#class-page .class-type-navigator .class-type-navigator-content::after {
    content: '';
    clear: both;
    display: block;
}

#class-page .class-type-navigator a {
    display: table;
    font-size: 15px;
    text-transform: uppercase;
    padding: 12px 20px;
    color: black;
    text-decoration: none;
    float: left;
}

#class-page .class-type-navigator a.active,
#class-page .class-type-navigator a:hover {
    background-image: url("../img/backgrounds/img-4.jpg");
    background-size: 100% 100%;
    color: white;
}

#class-page .class-type-items {

}

#class-page .class-type-item {
    /*display: none;*/
}

#class-page .class-type-item.active {
    display: block;
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}

#class-page .class-type-item .class-type-item-title {
    font-size: 30px;
    color: #054833;
    /*font-family: UTM_AVO_BOLD;*/
    margin-top: 0px;
    max-width: 470px;
    font-weight: 600;
}

#class-page .class-type-item .class-type-item-text {
    max-width: 470px;
    font-size: 16px;
}


@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

#class-page .class-regiter {
    padding-top: 180px;
    padding-bottom: 180px;
    position: relative;
    background-size: cover;
    background-position: center center;
}

#class-page .class-regiter:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0px;
    top: 0px;
}

#class-page .class-regiter .class-regiter-content-inner {
    max-width: 888px;
    margin: auto;
    position: relative;
    z-index: 1;
}

#class-page .class-type-navigator {
    position: relative;
}


#class-type-toggle-btn {
    background-color: white;
    border: 1px solid #30715a;
    padding: 9px 9px !important;
    margin: 8px;
    background-image: none !important;
    width: auto !important;
    float: right !important;
    display: none !important;
}

#class-type-toggle-btn .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #31725b;
}

#class-type-toggle-btn .icon-bar + .icon-bar {
    margin-top: 4px;
}


#class-page .class-type-navigator-active{
    display: none !important;
    background-image: url(../img/backgrounds/img-4.jpg);
    background-size: 100% 100%;
    width: auto !important;
    text-align: center !important;
    padding: 12px 30px !important;
    color: #f36f21 !important;
    float: left;
}

/*----------------------------------------------------*/

#schedule-page .schedule-page-title {
    background: #30715a;
    color: white;
    font-size: 30px;
    margin-top: 0px;
    /*font-family: UTM_AVO_BOLD;*/
    text-align: center;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-bottom: 35px;
    font-weight: 600;
}

#schedule-page .schedule-page-title h1 {
    color: white;
    font-size: 30px;
    margin-top: 0px;
    /*font-family: UTM_AVO_BOLD;*/
    text-align: center;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: normal;
}

#schedule-page .schedule-page-img {
    margin-bottom: 35px;
}

#schedule-page .schedule-page-img-dowload a {
    display: table;
    background-color: #f36f21;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    padding: 15px 25px;
    margin: auto;
}

#schedule-page .schedule-page-img-dowload {
    margin-bottom: 40px;
}

#schedule-page .schedule-page-img-dowload a:after {
    display: inline-block;
    position: relative;
    content: '';
    width: 17px;
    height: 19px;
    background-image: url(../img/icons/img-9.png);
    margin-left: 23px;
}

#schedule-page .schedule-page-pdf {
    margin-bottom: 30px;
}


.article-short {
    margin-top: 23px;
    margin-bottom: 23px;
}

.article-short .article-short-content::before,
.article-short .article-short-content::after {
    content: '';
    display: block;
    clear: both;
}

.article-short-left {
    width: 250px;
    float: left;
}

.article-short-right {
    width: calc(100% - 250px);
    float: left;
    padding: 0px 18px;
}

.article-short .article-short-title {
    max-height: 77px;
    overflow: hidden;
}

.article-short .article-short-title a {
    font-size: 18px;
    /*font-family: UTM_AVO_BOLD;*/
    text-decoration: none;
    color: black;
    font-weight: 600;
}

.article-short:hover .article-short-title a,
.article-short .article-short-title a:hover {
    color: #f36f21;
    text-decoration: none;
}

.article-short .article-short-created {
    font-size: 13px;
    color: #06573e;
    margin-bottom: 15px;
}

.article-short .article-short-des {
    max-height: 60px;
    overflow: hidden;
}

.category-article-page .list-article-hilight {
    background-color: #30715a;
    padding-top: 32px;
    padding-bottom: 32px;
    margin-bottom: 23px;
}

.category-article-page .list-article-hilight-content-inner::before,
.category-article-page .list-article-hilight-content-inner::after {
    content: '';
    display: block;
    clear: both;
}

.category-article-page .list-article-hilight .list-article-hilight-left {
    width: 526px;
    float: left;
}

.category-article-page .list-article-hilight .list-article-hilight-right {
    width: calc(100% - 526px);
    padding-left: 34px;
    float: left;
}

.category-article-page .list-article-hilight .list-article-hilight-right .article-short {
    margin-top: 0px;
    margin-bottom: 28px;
}

.category-article-page .list-article-hilight .list-article-hilight-right .article-short .article-short-title a {
    color: white;
}

.category-article-page .list-article-hilight .list-article-hilight-right .article-short:hover .article-short-title a,
.category-article-page .list-article-hilight .list-article-hilight-right .article-short .article-short-title a:hover {
    color: #f36f21;
}

.category-article-page .list-article-hilight .list-article-hilight-right .article-short .article-short-created {
    color: #f36f21;
}

.category-article-page .list-article-hilight .list-article-hilight-right .article-short .article-short-des {
    color: white;
}

.category-article-page .article-highlight-large-content {
    position: relative;
}

.category-article-page .article-highlight-large-content .article-highlight-group-field {
    position: absolute;
    left: 0px;
    bottom: 75px;
    max-width: 226px;
    padding-left: 20px;
}

.category-article-page .article-highlight-large-content .article-highlight-group-field .article-highlight-created {
    color: #f36f21;
    font-size: 13px;
    margin-bottom: 17px;
}

.category-article-page .article-highlight-large-content .article-highlight-group-field .article-highlight-title a {
    color: white;
    font-size: 20px;
    padding-bottom: 12px;
    display: block;
    position: relative;
    /*font-family: UTM_AVO_BOLD;*/
    text-transform: uppercase;
    line-height: 1.5;
    text-decoration: none;
    font-weight: 600;
}

.category-article-page .article-highlight-large-content .article-highlight-group-field .article-highlight-title a:hover {
    text-decoration: none;
}

.category-article-page .article-highlight-large-content .article-highlight-group-field .article-highlight-title a::after {
    content: '';
    width: 42px;
    height: 1px;
    background-color: #f36f21;
    left: 0px;
    bottom: 0px;
    position: absolute;
}

.page-article .article-full-node {
    padding-bottom: 60px;
}

.page-article .article-main {
    float: left;
    width: 790px;
}

.page-article .article-main .article-title h1 {
    font-size: 24px;
    /*font-family: UTM_AVO_BOLD;*/
    color: #054833;
    margin-bottom: 20px;
    margin-top: 25px;
    font-weight: 600;
}

.page-article .article-hilights {
    float: left;
    width: calc(100% - 790px);
    padding-left: 42px;
}

.page-article .article-created {
    color: #f36f21;
    font-size: 13px;
    margin-bottom: 15px;
}

.page-article .article-hilights {

}

.page-article .article-hilights .article-hilights-title h3 {
    font-size: 24px;
    /*font-family: UTM_AVO_BOLD;*/
    color: #054833;
    margin-bottom: 20px;
    margin-top: 25px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    font-weight: 600;
}

.page-article .article-hilights .article-hilight,
.page-article .article-hilights .article-hilight-large {
    margin-bottom: 25px;
}

.page-article .article-hilights .article-hilights-title h3::after {
    content: '';
    width: 30px;
    height: 1px;
    bottom: 0px;
    left: 0px;
    background-color: #f36f21;
    display: block;
    position: absolute;
}

.page-article .article-hilight-large .article-hilight-title a,
.page-article .article-hilight .article-hilight-title a {
    font-size: 16px;
    color: #47b96c;
    /*font-family: UTM_AVO_BOLD;*/
    margin-top: 16px;
    margin-bottom: 16px;
    display: block;
    font-weight: 600;
}

.page-article .article-hilight-large .article-hilight-des {
    color: #494949;
}

.page-article .article-hilight-content::before,
.page-article .article-hilight-content::after {
    content: '';
    display: block;
    clear: both;
}

.page-article .article-hilights .article-hilight .article-hilight-img {
    width: 83px;
    float: left;
}

.page-article .article-hilights .article-hilight .article-hilight-des {
    width: calc(100% - 83px);
    float: left;
    padding-left: 12px;
    height: 58px;
    overflow: hidden;
    color: #191919;
}

.page-article .related-article {
    padding-top: 26px;
    padding-bottom: 60px;
    background-color: #30715a;
}

.page-article .related-article-title {
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    font-family: UTM_AVO_BOLD;
    margin-top: 0px;
    margin-bottom: 40px;
}

.page-article .related-article .article-short .article-short-title a {
    color: white;
}

.page-article .related-article .article-short:hover .article-short-title a,
.page-article .related-article .article-short .article-short-title a:hover {
    color: #f36f21;
}

.page-article .related-article .article-short .article-short-created {
    color: #f36f21;
}

.page-article .related-article .article-short .article-short-des {
    color: white;
}

.modal #cassiopeia-regiter-join-today-form .form-group {
    max-width: none;
}

#regiter_join_today_modal .modal-dialog {
    width: 1000px;
    margin: 80px auto;
}

#regiter_join_today_modal .modal-dialog .modal-content {
    /*background-image: url(../img/backgrounds/img-6.jpg);*/
    background-size: cover;
    background-position: center center;
}

#regiter_join_today_modal .modal-body .close {
    background-image: url(../img/icons/img-60.png);
    width: 41px;
    height: 41px;
    text-indent: -9999px;
    opacity: 1;
    top: -22px;
    right: -22px;
    position: absolute;
}

#regiter_join_today_modal .modal-header {
    border-bottom: transparent;
}

.modal-title.title-short-underline {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 30px;
    font-family: UTM_AVO_BOLD;
    color: #30715a;
    padding-bottom: 15px;
}

#regiter_join_today_modal form button[type="submit"] {
    padding: 10px 25px;
    background-color: #f36f21;
    border-color: #f36f21;
    color: white;
    text-decoration: none;
    font-size: 17px;
    text-transform: uppercase;
    border-radius: 0px;
    float: right;
}

#regiter_join_today_modal form button[type="submit"]::after {
    content: '';
    width: 18px;
    height: 11px;
    background-image: url(/sites/all/themes/cassiopeia_theme/img/icons/img-5.png);
    display: inline-block;
    margin-left: 20px;
}

#regiter_join_today_modal form .form-group {
    margin-bottom: 25px;
}

#regiter_join_today_modal form input[type='text'] {
    border: 1px solid #dddddd;
    border-radius: 0px;
    border-left: 0px transparent;
    box-shadow: none;
    height: 46px;
}

#regiter_join_today_modal form .input-group-addon {
    border: 1px solid #dddddd;
    border-radius: 0px;
    background-color: white;
    border-right: 0px transparent;
    color: #30715a;
}

.modal-header .close {
    position: relative;
    z-index: 1;
}

.modal-content {
    border-radius: 0px;
}

#member-page .member-banner .swiper-container {
    width: 100%;
    /*height: 624px;*/
}

#member-page .member-form-banner .swiper-container {
    /*height: 555px;*/
    width: 100%;
}

#member-page .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-position: center center;
    background-size: cover;
}

#member-page .member-benefit {
    background-size: cover;
    background-position: center center;
    padding-top: 120px;
    padding-bottom: 120px;
}

#member-page .member-benefit-title {
    font-size: 30px;
    margin-top: 50px;
    max-width: 600px;
    line-height: 1.8;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-bottom: 15px;
    /*font-family: UTM_AVO_BOLD;*/
    color: #054833;
    font-weight: 600;
}

#member-page .member-benefit-title::after {
    content: '';
    position: absolute;
    width: 80px;
    height: 4px;
    background: #f36f21;
    display: block;
    bottom: 0px;
    left: 0px;
}

#member-page .member-benefit-des {
    font-size: 16px;
}

#member-page .member-benefit-items {
    margin-top: 35px;
}

#member-page .member-benefit-item {
    margin-bottom: 15px;
    font-size: 16px;
}

#member-page .member-benefit-item .member-benefit-item-content {
    position: relative;
    padding-left: 40px;
    /*min-height: 40px;*/
}

#member-page .member-benefit-item .member-benefit-item-content.single {
    padding-left: 0px;
}

#member-page .member-benefit-item .member-benefit-item-index {
    width: 22px;
    height: 22px;
    display: block;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(../img/icons/img-10.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#member-page .member-right-items {
    padding-top: 2%;
}

#member-page .member-right-title {
    font-size: 30px;
    margin-top: 0px;
    line-height: 1.8;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 25px;
    margin-bottom: 30px;
    text-align: center;
}

#member-page .member-right-des {
    color: #676767;
    font-size: 16px;
}

#member-page .member-right-title:after {
    content: '';
    position: absolute;
    width: 80px;
    height: 4px;
    background: #f36f21;
    display: block;
    bottom: 0px;
    left: 50%;
    margin-left: -40px;
}

#member-page .member-right-item {
    margin-bottom: 50px;
}

#member-page .member-right-item-title {
    position: relative;
}

#member-page .member-right-item-title > span {
    color: #676767;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 5px;
    background: #fff;
    padding-right: 25px;
    display: inline-block;
    position: relative;
    z-index: 1;
}

#member-page .member-right-item-title::after {
    content: '';
    height: 2px;
    width: 100%;
    display: block;
    background: #e10000;
    position: absolute;
    top: 24px;
}

#member-page .member-relationship-title {
    font-size: 30px;
    margin-top: 50px;
    line-height: 1.8;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 25px;
    margin-bottom: 30px;
    text-align: center;
}

#member-page .member-relationship-title:after {
    content: '';
    position: absolute;
    width: 80px;
    height: 4px;
    background: #f36f21;
    display: block;
    bottom: 0px;
    left: 50%;
    margin-left: -40px;
}

#member-page .member-relationship-des {
    color: #676767;
    font-size: 16px;
}

#member-page .member-relationship-items {
    margin: 40px auto;
    max-width: 975px;
}

#member-page .member-relationship-item {
    margin-bottom: 25px;
}

#member-page .member-relationship-item-img img {
    border: 5px solid #ccc;
    border-radius: 50%;
    margin: 0 auto;
    width: 100%;
}

#member-page .member-relationship-item-title {
    text-align: center;
}

#member-page .member-form-register {
    padding-top: 158px;
    padding-bottom: 158px;
    background-size: cover;
}

#page-contact {
    padding-bottom: 50px;
}

#page-contact .contact-banner .swiper-container {
    height: 624px;
}

#page-contact .contact-banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-position: center center;
    background-size: cover;
}

#cassiopeia-contact-form,
#page-contact .contact-header,
#page-contact .contact-gmap {
    max-width: 760px;
    margin: auto;
}

#page-contact .contact-banner {
    margin-bottom: 35px;
}

#page-contact .contact-header,
#page-contact .contact-gmap {
    margin-bottom: 50px;
}

#cassiopeia-contact-form::before,
#cassiopeia-contact-form::after {
    content: '';
    clear: both;
    display: block;
}

#cassiopeia-contact-form .form-item::before,
#cassiopeia-contact-form .form-item::after {
    content: '';
    display: block;
    clear: both;
}

#cassiopeia-contact-form > div > .form-item > label {
    width: 50%;
    float: left;
    color: #2F3131;
    font-weight: 500;
    font-size: 16px;
}

#cassiopeia-contact-form .radio label,
#cassiopeia-contact-form .checkbox label {
    color: #2F3131;
    font-weight: 500;
    font-size: 16px;
}

#cassiopeia-contact-form input[type="radio"], #cassiopeia-contact-form input[type="checkbox"] {
    margin: 6px 0 0 -20px;
}

#cassiopeia-contact-form .form-item > input[type="text"] {
    width: 50%;
    float: left;
    /*border: 1px solid #dddddd;*/
    border-radius: 0px;
    box-shadow: none;
    height: 46px;
}

#cassiopeia-contact-form .form-item .form-radios {
    display: flex;
    align-items: center;
}

#cassiopeia-contact-form .form-item .form-radios > div {
    margin-right: 20px;
}

#cassiopeia-contact-form .form-item .form-radios .checkbox:last-child,
#cassiopeia-contact-form .form-item .form-radios .radio:last-child,
#cassiopeia-contact-form .form-item .form-radios .checkbox:first-child,
#cassiopeia-contact-form .form-item .form-radios .radio:first-child {
    margin-bottom: 0;
    margin-top: 0px;
}

#cassiopeia-contact-form .form-item > .form-textarea-wrapper,
#cassiopeia-contact-form .form-item > .form-radios {
    width: 50%;
    float: left;
}

#cassiopeia-contact-form textarea {
    border: 1px solid #dddddd;
    border-radius: 0px;
}

#cassiopeia-contact-form .form-action {
    width: 50%;
    float: left;
    margin-left: 50%;
}

#cassiopeia-contact-form button[type="submit"] {
    padding: 10px 35px;
    background-color: #f36f21;
    border-color: #f36f21;
    color: white;
    text-decoration: none;
    font-size: 17px;
    text-transform: uppercase;
    border-radius: 0px;
}

#cassiopeia-contact-form button[type="submit"]::after {
    content: '';
    width: 18px;
    height: 11px;
    background-image: url(/sites/all/themes/cassiopeia_theme/img/icons/img-5.png);
    display: inline-block;
    margin-left: 20px;
}

input.error {
    color: #a94442;
    border-color: #ebccd1;
}

.cassiopeia-regiter-join-today-form-header {
    margin-top: 35px;
    margin-bottom: 20px;
}

.cassiopeia-regiter-join-today-form-container {
    padding-bottom: 25px;
}

.page-login {
    background: -webkit-linear-gradient(90deg, #16222A 10%, #3A6073 90%);
    background: -moz-linear-gradient(90deg, #16222A 10%, #3A6073 90%);
    background: -ms-linear-gradient(90deg, #16222A 10%, #3A6073 90%);
    background: -o-linear-gradient(90deg, #16222A 10%, #3A6073 90%);
    background: linear-gradient(90deg, #16222A 10%, #3A6073 90%);
    position: fixed;
    width: 100%;
    min-height: 100%;
}

.page-login .content-header {
    background-color: transparent;
}

.page-login .page-title {
    width: 520px;
    color: #CCC;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.page-login .panel.panel-info {
    width: 520px;
    margin: auto;
}

#user-login .form-actions.form-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#user-login .form-actions.form-wrapper > button {
    width: 130px;
    margin-right: 5px;
}

#user-pass .form-actions.form-wrapper > button {
    margin: auto;
    background-color: #ea7626;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    background-image: none;
    cursor: pointer;
    border: transparent;
    display: block;
    text-decoration: none;
}

#user-login .form-actions.form-wrapper > a {
    width: 130px;
    display: block;
    background-color: #ea7626;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    background-image: none;
    cursor: pointer;
    border: transparent;
    height: 34px;
    line-height: 34px;
    text-decoration: none;
}

.content-footer {
    padding: 20px 0px 20px 0px;
    border-top: solid 1px #e0e0e0;
    text-align: center;
}

/*----------------- page facilities -----------------*/
#facilities-page .facilities-banner .swiper-container {
    /*height: 624px;*/
    width: 100%;
}

#facilities-page .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*-webkit-box-pack: center;*/
    /*-ms-flex-pack: center;*/
    /*-webkit-justify-content: center;*/
    /*justify-content: center;*/
    /*-webkit-box-align: center;*/
    /*-ms-flex-align: center;*/
    /*-webkit-align-items: center;*/
    /*align-items: center;*/
    background-position: center center;
    background-size: cover;
}

#facilities-page .facilities-page-title h1 {
    font-size: 30px;
    color: #054833;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
    /*font-family: UTM_AVO_BOLD;*/
    font-weight: 600;
}

#facilities-page .facilities-body {
    margin-bottom: 40px;
}

#facilities-page .facilitie-item {
    padding-top: 35px;
    padding-bottom: 35px;
}

#facilities-page .facilitie-item:nth-child(even) {
    background: #ffffff
}

#facilities-page .facilitie-item:nth-child(odd) {
    background: #f5f4f4
}

#facilities-page .facilitie-item .facilitie-item-right {
    display: flex;
    align-items: center;
}

#facilities-page .facilitie-item .facilitie-item-title h3 {
    font-size: 22px;
    /*font-family: UTM_AVO_BOLD;*/
    color: #30715a;
    text-transform: uppercase;
    font-weight: 600;
}

#facilities-page .facilitie-item .facilitie-item-title h3.title-short-underline {
    padding-bottom: 15px;
}

#facilities-page .facilitie-item .facilitie-item-des {
    font-size: 16px;
}

#facilities-page .facilities-body {
    font-size: 16px;
}

#adv-modal button.close,
#message-model button.close {
    background-image: url(../img/icons/img-16.png);
    width: 36px;
    height: 36px;
    text-indent: -9999px;
    opacity: 1;
    top: -18px;
    right: -18px;
    position: absolute;
}

#adv-modal .modal-content,
#message-model .modal-content {
    border-radius: 4px;
}

#adv-modal .modal-dialog.modal-lg {
    margin: 80px auto;
    width: 1030px;
}

#message-model .modal-dialog {
    margin: 20% auto;
}

#message-model .alert {
    margin-bottom: 0px;
}