/* 
    Document   : main
    Created on : 1 ก.ค. 2556, 11:49:24
    Author     : Administrator
    Description:
    Purpose of the stylesheet follows.
*/

@charset "UTF-8";
/*
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
*/

@viewport {
    width: device-width;
}

* {
    list-style-type: none;
}

::selection {
    background-color: rgb(51, 0, 0);
    color: white;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    font-family: 'Merriweather';
    color: rgba(83, 83, 83, 0.52);
    font-size: 13px;
    font-weight: normal;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-family: 'Merriweather';
    color: rgba(83, 83, 83, 0.52);
    font-size: 13px;
    font-weight: normal;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-family: 'Merriweather';
    color: rgba(83, 83, 83, 0.52);
    font-size: 13px;
    font-weight: normal;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-family: 'Merriweather';
    color: rgba(83, 83, 83, 0.52);
    font-size: 13px;
    font-weight: normal;
}

table,
tr,
td,
div {
    margin: 0px;
    padding: 0px;
}

root {
    display: block;
}

html {
    font-family: 'Mali', sans-serif;
    font-size: 100%;
    color: #000;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
}

@media (max-width: 1200px) {}

img,
.makets {
    /* IE 9 Fix */
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.totop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background:  rgba(0,0,0,.6);
    text-align: center;
    line-height: 50px;
    font-size: 32px;
    color: rgba(255, 255, 255, 0.8);
    opacity: 0.7;
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    z-index: 999999;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}

.totop:hover {
    opacity: 1.0;
    -moz-opacity: 1.0;
    -webkit-opacity: 1.0;
}

.totop.tt-hide {
    display: none;
}

.totop.tt-show {
    display: block;
}

a {
    text-decoration: none !important;
    color: #2ec0dd;
    transition: .20s ease-in-out;
}

a:hover,
a:focus,
a:active {
    text-decoration: none !important;
    color: #b4c055;
}

/*==========================================DEFUALT*/
.left {
    float: left !important;
}

.right {
    float: right !important;
}

.clear {
    clear: both !important;
}

.bold {
    font-weight: bold !important;
}

.italic {
    font-style: italic !important;
}

.line {
    border: none;
    background: #ccc;
    width: 100%;
    height: 1px;
}

.lines {
    border: none;
    background: #ccc;
    width: 100%;
    height: 1px;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.txt-left {
    text-align: left !important;
}

.txt-right {
    text-align: right !important;
}

.txt-center {
    text-align: center !important;
}

.txt-just {
    text-align: justify !important;
}

.unbold {
    font-weight: normal !important;
}

.pdlr {
    padding-left: 10px;
    padding-right: 10px;
}

.nopadding {
    padding: 0;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-lr {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.mgb-15 {
    margin-bottom: 15px;
}

.box-shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.40);
}

/*==========================================COLOR*/

.gray_cl {
    color: #929292;
}

.white {
    color: rgba(255, 255, 255, 0.8);
}

.red {
    color: red;
}

.blue {
    color: #3198d3;
}

.redxl {
    color: #c43442;
}

.bg_gray {
    background: #fff;
}

.wow {
    visibility: hidden;
}

.display-hide {
    display: none;
}

.b_test {
    border: 1px solid red;
}

.set_blue {
    color: #2ec0dd !important;
}

.set_green {
    color: #fd0331 !important;
}

/*==========================================MARGIN*/

.mgt-0 {
    margin-top: 0 !important;
}

.mgt-5 {
    margin-top: 5px !important;
}

.mgt-10 {
    margin-top: 10px !important;
}

.mgt-15 {
    margin-top: 15px !important;
}

.mgt-20 {
    margin-top: 20px !important;
}

.mgt-25 {
    margin-top: 25px !important;
}

.mgt-30 {
    margin-top: 30px !important;
}

.mgt-35 {
    margin-top: 35px !important;
}

.mgt-40 {
    margin-top: 40px !important;
}

.mgt-45 {
    margin-top: 45px !important;
}

.mgt-50 {
    margin-top: 50px !important;
}

.mgb-0 {
    margin-bottom: 0 !important;
}

.mgb-5 {
    margin-bottom: 5px !important;
}

.mgb-10 {
    margin-bottom: 10px !important;
}

.mgb-15 {
    margin-bottom: 15px !important;
}

.mgb-20 {
    margin-bottom: 20px !important;
}

.mgb-25 {
    margin-bottom: 25px !important;
}

.mgb-30 {
    margin-bottom: 30px !important;
}

.mgb-35 {
    margin-bottom: 35px !important;
}

.mgb-40 {
    margin-bottom: 40px !important;
}

.mgb-45 {
    margin-bottom: 45px !important;
}

.mgb-50 {
    margin-bottom: 50px !important;
}

.mgl-20 {
    margin-left: 20px !important;
}

.padding-15 {
    padding: 15px !important;
}

/*==========================================PADDING*/
.logo-sec {
    padding: 50px 0 15px 0;
    background: url('../images/top_bg.png') top left no-repeat;
    background-size: 100% auto;
}

.bx-top-right{
    margin: 50px 5px 0px 5px;
}
.bx-top-right .bx-line-top{
    padding: 5px 5px;
}
.bx-top-right .bx-fb-top{
    padding: 5px 5px;
}
.bx-top-right .bx-lang-top{
    padding: 0 5px;
}

.bx-lang-top ul{margin-bottom: 0px;}
.bx-lang-top ul > li { font-family: 'Mali', sans-serif;font-size: 12px; font-weight: 400; text-transform: capitalize; color:rgba(0,0,0,0.9);padding: 0 10px 0px 5px;border: 1px #7f7f7f solid;text-align: center; vertical-align: middle; margin: 0 auto; transition: none; line-height: 30px; }
.bx-lang-top ul > li.und { position: relative; vertical-align: middle;margin-top: 0px;}
.bx-lang-top ul > li.und > a { display: inline-block; vertical-align:baseline; font-size: 12px; font-weight: 500; }
.bx-lang-top ul > li.und > a:hover {color:rgba(0,0,0,0.7); }
.bx-lang-top ul > li.und > a > span { margin-left: 5px; }
.bx-lang-top ul > li.und > a:after { font-family: 'FontAwesome'; content: "\f0d7"; color:rgba(0,0,0,0.9); display: inline-block; margin-left: 5px; line-height: 1.2; }
.bx-lang-top ul > li.und > .selectbox { position: absolute; display: none; top: 31px; width: 100%; height: auto; background: #fff; padding: 0; left: 0; text-align: left;z-index: 9999;}
.bx-lang-top ul > li.und > .selectbox > a { display: block; vertical-align: middle; padding: 0 3px; font-family: 'Mali', sans-serif;font-size: 12px;font-weight: 500;background-color: rgba(255,255,255,0.9); color: rgba(0,0,0,0.9); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;  -webkit-transition: all 0.2s ease-in-out; }
.bx-lang-top ul > li.und > .selectbox > a > span { margin-left: 5px;}
.bx-lang-top ul > li.und > .selectbox > a.active,
.bx-lang-top ul > li.und > .selectbox > a:hover { background: #f4f4f4;color:rgba(0,0,0,0.7);}
.bx-lang-top ul > li.und:hover .selectbox { display: block; }
.bx-lang-top ul > li > a { color: rgba(0,0,0,0.9); font-size: 12px; background: none; background-color: transparent;}
.bx-lang-top ul > li > a:hover { color: rgba(0,0,0,0.7); background: transparent; }
.bx-lang-top ul > .active > a { color: rgba(0,0,0,0.9); background: transparent; }
.bx-lang-top ul > .active > a:hover, 
.bx-lang-top ul > .active > a:focus { color: rgba(0,0,0,0.9); background: transparent; }


.main-header-text{
    margin-top: 240px;
    font-size: 62px;
}
.main-header-text h1{
    font-family: 'Mali', sans-serif;
    font-size:60px; 
    font-weight: 700;
    color:#fff;
}
.main-header-text h4{
    font-family: 'Mali', sans-serif;
    font-size: 32px; 
    font-weight: 700;
    color:#fff;
}


@media (max-width: 768px) {
    .logo-sec {
        padding: 15px 0;
    }
    .logo-sec img {
        max-width: 70%;
        margin: auto;
    }
    
    .logo-sec img.logo_online {
        margin-top:32px;
        margin-left:0px;
        max-width:100px;
    }    
}
@media (max-width: 620px) {
    .dv_logo_online {
        width:100%;
    }
    .logo-sec img.logo_online {
        margin: 0 auto;
        margin-top:10px;
        max-width:100px;
    }    
}
/*------------------ NAV MENU -*/
@media (min-width: 768px){
    .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
} 

/* navbar */

.navbar {
    margin-bottom: 0;
}

.drp-menu-top .dropdown-menu{
    background:#b6cf4d;
    font-family: 'Mali', sans-serif;
    font-size: 16px; 
    font-weight: 400;
    color: rgba(255,255,255,1);
    left: -20px;
    padding: 0;
    border: none;
    webkit-box-shadow: none;
    box-shadow: none;

}
.drp-menu-top .dropdown-menu>li{
    border-top: 1px #d8e5a4 solid;
}

.drp-menu-top .dropdown-menu>li>a{
    /*    padding: 5px 0;*/
    padding: 10px 20px;
    color: rgba(255,255,255,1);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.drp-menu-top .dropdown-menu>li>a:hover{
    color: rgba(255,255,255,0.7);
    background: transparent;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.navbar-default {
    background: #fff url('../images/menu_bg.png') bottom center no-repeat;
    background-size: 100% 100%;
    height: 100px;
    border-bottom: 0;
}

/* title */

.navbar-default .navbar-brand {
    position: relative;
    padding: 0;
    height: auto;
    color: #604604;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
}

.navbar-default .navbar-brand img {
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto;
    padding: 0;
}

/* link */
.navbar-default .navbar-nav>li {
    margin-top: 60px;
    text-align: center;
    padding-bottom: 10px;
}
.navbar-default .navbar-nav>li>a {
    font-family: 'Mali', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: rgba(255,255,255,1);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto 0 auto;
}

.navbar-default .navbar-nav>li>a:after {
    content: "|";
    display: inline-block;
    width: 3px;
    height: 20px;
    margin-left: 20px;
    margin-right: 20px;
    font-weight: normal;
    color: rgba(255,255,255,1);
}

.navbar-default .navbar-nav>li:last-child>a:after {
    content: "";
    display: none;
}

.navbar-default .navbar-nav>li:last-child>a {
    background: none;
    border: none;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: rgba(255,255,255,0.6);
    /*    color: rgba(0,0, 0,0.6);*/
    background: transparent;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(255,255,255,0.6);
    /*    color: rgba(0,0, 0,0.6);*/
    background: transparent;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: rgba(255,255,255,0.6);
    /*    color: rgba(0,0, 0,0.6);*/
    background: transparent;
}

/* caret */

.navbar-default .navbar-nav>.dropdown>a .caret {
    line-height: 25px;
    border-top-color: #777;
    border-bottom-color: #777;
}

.navbar-default .navbar-nav>.dropdown>a:hover .caret,
.navbar-default .navbar-nav>.dropdown>a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}

.navbar-default .navbar-nav>.open>a .caret,
.navbar-default .navbar-nav>.open>a:hover .caret,
.navbar-default .navbar-nav>.open>a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}

/* mobile version */

.navbar-default .navbar-toggle {
    border-color: rgba(255, 255, 255, 0.6);
    color: rgba(255, 255, 255, 0.6);
    padding: 10px;
    margin: 15px 15px 25px 0;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #999;
}

.navbar-default .dropdown>.dropdown-menu {
    min-width: 270px;
}

.navbar-default .dropdown:hover>.dropdown-menu {
    display: block;
    background: #231f20;
    color: #fd0331;
}

.navbar-default .dropdown>.dropdown-menu a {
    font-family: 'Mali', sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    background: url('../images/sub_menudash.png') bottom center repeat-x;
}

.navbar-default .dropdown>.dropdown-menu a:hover {
    background: #000000 url('../images/sub_menudash.png') bottom center repeat-x;
    color: #fd0331;
    padding-left: 25px;
}

.navbar-default .dropdown>.dropdown-menu li:last-child a {
    background: none;
}

.navbar-default .dropdown-submenu {
    position: relative;
    color: #fff;
}

.navbar-default .dropdown-submenu a {
    color: #fff;
}

.navbar-default .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
}

.navbar-default .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.navbar-default .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 10px;
    margin-right: -10px;
}

.navbar-default .dropdown-submenu:hover>a:after {
    border-left-color: #ffffff;
}

.navbar-default .dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

@media (max-width: 1200px) {
    .navbar-default {
        background-image: none;
        background-color: #b6cf4d;
        background-size: 100% 100%;
        height: auto;
        border-bottom: 0;
        padding-bottom: 10px;
    }
    .navbar-default>.container-fluid .navbar-brand {
        margin-left: 0;
        height: auto;
    }
    .navbar-default .container-fluid {
        padding: 7px 0;
        width: 100%;
    }
    .navbar-default .navbar-header {
        float: none;
        margin-bottom: 0;
    }
    .navbar-default .navbar-brand img {
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto 0;
    }
    .navbar-default .navbar-nav>li {
        margin-top: 0;
        padding-left: 25px;
        padding-right: 25px;
        color: rgba(255,255,255,1);
    }
    .navbar-default .navbar-nav>li>a:after {
        display: none;
        content: "";
    }
    .navbar-default .navbar-toggle {
        display: block;
        padding: 10px;
        margin: 15px 15px 0 0;
    }
    .navbar-default .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top .navbar-collapse {
        max-height: none;
    }
    .navbar-default .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-default .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }
    .navbar-default .navbar-brand {
        padding: 0 0 0 15px;
        color: #000;
        height: auto;
    }
    .navbar-default .navbar-brand img {
        position: static;
        height: 100%;
        padding: 10px;
        z-index: 9999;
        max-height: 65px;
    }
    .navbar-default .navbar-nav>li {
        float: none;
    }
    .navbar-default .navbar-nav>li>a {
        line-height: 20px;
        text-align: left;
        border: 2px solid transparent;
        margin: 0 auto;
        margin-left: 15px;
        margin-right: 15px;
    }
    .navbar-default .navbar-nav>li>a:hover {
        color: #000;
    }
    .navbar-default .navbar-nav>li>a:after {
        content: "";
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /*since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .collapsing {
        overflow: hidden !important;
    }
    /* dropdown */
    .navbar-default .dropdown:hover>.dropdown-menu {
        display: none;
    }
    .navbar-default .navbar-nav>li.dropdown.open {
        position: static;
    }
    .navbar-default .navbar-nav>li.dropdown.open>a {
        border: none;
        outline: none;
    }
    .navbar-default .navbar-nav>li.dropdown.open .dropdown-menu {
        position: static;
        display: block;
        width: 100%;
        transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        margin: 0 auto;
        text-align: left;
        background: #fff;
        padding-top: 0;
        padding-bottom: 0;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }
    .navbar-default .navbar-nav>li.dropdown.open .dropdown-menu .dropdown-menu {
        padding-left: 15px;
        padding-right: 15px;
    }
    .navbar-default .navbar-nav>li.dropdown.open .dropdown-menu li {
        border-bottom: 1px solid #d7d7d7;
    }
    .navbar-default .navbar-nav>li.dropdown.open .dropdown-menu li:last-child {
        border: none;
    }
    .navbar-default .navbar-nav>li.dropdown.open .dropdown-menu li:hover {
        color: #fd0331;
    }
    .navbar-default .navbar-nav>li.dropdown.open .dropdown-menu li a {
        line-height: 20px;
        font-size: 14px;
    }
    .navbar-default .navbar-nav>li.dropdown.open .dropdown-menu li a:hover,
    .navbar-default .navbar-nav>li.dropdown.open .dropdown-menu li a:focus {
        color: #fd0331;
    }

    .drp-menu-top .dropdown-menu{
        position: relative;
        left: 20px;
        width: 100%;
    }
    .drp-menu-top .dropdown-menu>li{
        border-top: none;
    }
    .drp-menu-top .dropdown-menu>li>a{
        color:rgba(0,0,0,0.9);
    }
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
        border-color:transparent;
    }
}

@media (max-width: 768px) {
    .navbar-header {
        padding: 0 15px;
    }
    .navbar-default .container {
        width: 100%;
    }
    .navbar-default .navbar-brand {
        padding: 0 0 0 15px;
        color: #000;
        height: auto;
    }
    .navbar-default .navbar-brand img {
        position: static;
        height: 100%;
        padding: 10px;
        z-index: 9999;
        max-height: 65px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: rgba(0,0,0,0.9);
        /*        border: 2px solid transparent;*/
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: rgba(255,255,255,0.6);
    }
    .navbar-default .navbar-nav>li>a {
        line-height: 25px;
    }
    .navbar-default .nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .navbar-default .navbar-toggle {
        padding: 10px;
        margin: 10px 15px 0 0;
    }
    .breadcrumb>li+li:before {
        content: "/\00a0";
        padding: 0 5px !important;
        color: #ccc;
    }
    .header-contact .tel {
        text-align: left;
    }
    #rc-imageselect {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

.menu-over {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    height: 70px;
}

.menu-over ul {
    padding: 0;
    margin: auto;
}

.menu-over ul li {
    display: inline-block;
    line-height: 65px;
}

.menu-over ul li a {
    font-family: 'Mali Condensed', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    vertical-align: middle;
    margin: 25px auto;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    transition: border .2s ease-in-out;
    -webkit-transition: border .2s ease-in-out;
    -moz-transition: border .2s ease-in-out;
}

.menu-over ul li a:hover {
    color: #000;
    background: transparent;
    border-top: 2px solid #a1b02a;
    border-bottom: 2px solid #2cbfdd;
}

.menu-over img {
    max-width: 100%;
}

.tophead {
    display: block;
    min-height: 30px;
    background: #fd0331;
}

.tophead ul {
    display: block;
    padding: 0;
    margin: 0;
}

.tophead ul li {
    display: inline-block;
    line-height: 40px;
}

.tophead ul li a {
    display: block;
    color: rgba(255, 255, 255, 0.6);
    font-size: 20px;
    margin: auto 9px;
}

.tophead ul li a:hover {
    color: rgba(255, 255, 255, 1);
}

.tophead ul li.phone {
    margin-left: 15px;
    background: url('../images/icon_phone.png') 7px center no-repeat;
    padding-left: 30px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}

.tophead ul li.phone a {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}

.tophead ul li.phone a:hover {
    color: rgba(0,0,0,0.6);
}

.language_select {
    display: block;
}

.language_select a {
    display: inline-block;
    line-height: 35px;
    margin: 0;
    padding: 5px 10px;
    background: rgba(255, 255, 255, 0.6);
    color: #666;
}

.language_select a.active,
.language_select a:hover {
    background: rgba(255, 255, 255, 1);
}

/* INPUT */

input[type='text'],
input[type='password'],
input[type='email'],
input[type='submit'],
input[type='number'],
textarea.form-control,
select.form-control {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    resize: none;
}

input[type='text'].blue,
input[type='password'].blue,
input[type='email'].blue,
input[type='submit'].blue,
input[type='number'].blue,
select.form-control.blue {
    color: #00a0d8;
}

.btn-green {
    font-family: 'Mali Condensed', sans-serif;
    font-weight: 600;
    font-size: 14px;
    background-color: #56cce4;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active {
    color: rgba(255, 255, 255, 0.8);
}

/*------------------ HOME -*/

.container {
    margin: 0 auto;
    padding: 0;
}

.container-fluid {
    padding: 0;
    margin: 0;
}

.make-shadow {
    -webkit-box-shadow: 2px 3px 15px 0px rgba(51, 51, 51, 0.25);
    -moz-box-shadow: 2px 3px 15px 0px rgba(51, 51, 51, 0.25);
    box-shadow: 2px 3px 15px 0px rgba(51, 51, 51, 0.25);
}

/* hover-item */
.hover-item:hover {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
}

/* top menu */
.top-border {
    border-top: 18px solid #fd0331;
}
.top-menu {
    display: block;
    margin: 0 auto;
}

.top-menu .items {
    display: inline-block;
    font-family: 'Mali', sans-serif;
    padding: 0 15px;
    font-size: 14px;
    color: #000;
    margin-left: 7px;
    margin-right: 7px;
    background: #f2f2f2;
}

.top-menu .tels {
    vertical-align: middle;
    line-height: 50px;
    margin: 0;
}

.top-menu .langs {
    font-family: 'Athiti', sans-serif;
    font-size: 18px;
    vertical-align: middle;
    line-height: 50px;
    margin: 0;
}

.top-menu .langs a {
    font-family: 'Athiti', sans-serif;
    font-size: 18px;
    color: #000;
    font-weight: normal;
    text-decoration: none;
}

.top-menu .langs a:hover {
    color: #a1b02a;
}

/* banner */

.banner_img {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    height: auto;
}

.banner_img img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}

/* */
.img-hover { transition: all .1s ease-in-out; }
.img-hover:hover { transform: scale(1.1); }

/* home */

.title-zone {
    font-family: 'Mali', sans-serif !important;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0 0;
}

.title-zone.zone1 {
    background: #4c4c4c;
    color: #fff;
}

.title-zone .top-premium {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: #fff;
}

.title-zone.zone0 {
    background: url('../images/bg_top_body.jpg') top center no-repeat;
}

.title-zone.zone0 em strong,.title-zone.zone0 em{
    font-style: italic;
}


.title-zone.zone4 {
    margin: 60px auto 10px auto;
    background: url('../images/bg_message.jpg') top center no-repeat;
    background-size: cover;
    padding: 50px 0;
    min-height: 550px;
}

.title-zone.zone6 {
    background: #fff;
}
.title-zone.zone6 h3 {
    display: inline-block;
    text-align: center;
    color: #f1453d;
    font-weight: 400;
}
.title-zone.zone6 h3::before,
.title-zone.zone6 h3::after {
    display: inline-block;
    content: " ";
    width: 100px;
    height: 27px;
    vertical-align: middle;
    background: url('../images/bg_left_menu_red.png') center center no-repeat;
    margin: auto 10px;
}


.title-zone.zone2 {
    background: #fff;
}

.title-zone.zone5 {
    margin: 10px auto 10px auto;
    background: url('../images/bg_state.jpg') top center no-repeat;
    background-size: cover;
    min-height: 150px;
}

.title-zone.zone3 {
    background: url('../images/bg_services.jpg') top center no-repeat;
    background-size: cover;
    padding: 50px 0;
    text-align: center;
    color: #fff;
}

.title-zone h3 {
    font-family: 'Fredoka One', sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    color: #fda639;
    margin: 15px auto 25px auto;
}

.title-zone.zone3 h3 {
    text-align: center;
    color: #fff;
}

.title-zone.zone2 h3 {
    display: inline-block;
    text-align: center;
    color: #8cc152;
    font-weight: 400;
}

.title-zone.zone2 h3::before,
.title-zone.zone2 h3::after {
    display: inline-block;
    content: " ";
    width: 100px;
    height: 27px;
    vertical-align: middle;
    background: url('../images/bg_left_menu.png') center center no-repeat;
    margin: auto 10px;
}

.title-zone.zone3 .parah {
    margin: 15px auto 25px auto;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}

.title-zone.zone4 h3 {
    text-align: left;
    color: #fff;
    margin-bottom: 40px;
}

.title-zone.zone4 .parah {
    margin: 15px auto 25px auto;
    font-size: 16px;
    line-height: 25px;
    color: rgba(255,255,255,0.85);
}

.title-zone ul {
    margin: 30px auto;
}

.title-zone ul li {
    line-height: 35px;
    padding-left: 20px;
    background: url('../images/plus_bullet.png') 3px 15px no-repeat;
}

.title-zone .logotext {
    display: inline;
    font-family: 'Mali', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 800;
    margin-right: 10px;
}

.title-zone .logotext .green {
    color: #fd0331;
}

.title-zone .parah {
    font-family: 'Mali', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    margin: 30px auto 35px auto;
    /*text-align: center;*/
}
.box_welcome_mesge{
    font-family: 'Mali', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
}
.box_aboutus_mesge{
    font-family: 'Mali', sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: rgba(255,255,255,0.85);
}

.title-zone .info-text {
    font-family: 'Merriweather';
    font-size: 14px;
    /*text-align: center;*/
    padding: 10px auto;
    line-height: 25px;
    margin: 25px auto;
    color: #000000;
}

.title-zone.zone2 .info-text {
    margin: 0 auto;
}

.title-zone .info-text ul {
    padding-left: 30px;
}

.title-zone .info-text ul li::before {
    content: "• ";
    color: #fd0331;
    font-size: 18px;
    font-weight: bold;
    margin-right: 3px;
    line-height: 18px;
}

.title-zone .container {
    padding: 0 15px;
}

.title-zone .container img {
    max-width: 100%;
    height: auto!important;
}

.title-zone .container .img.nbx{
    /*background: #000;*/
    text-align: -webkit-center;
} 
.title-zone .container .img.nbx .nbx_sub{
    background: url('../images/logo_news.jpg') center center no-repeat;
    background-size: 100%;
    text-align: center;
    width: 257px;
    height: 255px;
    padding: 30px 6px 0 0;
    text-align: -webkit-center;
}
.title-zone .container .img.nbx img{
    border-radius: 50%;
    max-width: 190px;

}

.title-zone hr {
    width: 100%;
    background-color: #ccc;
    border: none;
    height: 1px;
    margin: 30px auto;
    padding: 0;
}

.title-zone.zone2 hr {
    margin: 5px auto;
}

.title-zone .view_set {
    display: block;
    padding: 0;
    margin: auto;
    text-align: center;
}

.title-zone .view_set .items {
    display: inline-block;
    margin: 0px 5px 25px 5px;
}

.title-zone .view_set .items .img {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}

.title-zone .view_set .items .txt {
    font-family: 'Merriweather';
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 35px;
    margin-top: 5px;
}

.title-zone .list_room {
    position: relative;
    display: block;
    margin: 30px auto;
    padding: 0;
    text-align: center;
}

.title-zone .list_room .listit {
    display: inline-block;
    padding: 40px;
}

.title-zone .list_room .listit .items {
    font-family: 'Merriweather';
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    padding: 3px;
}

.title-zone .list_room .listit .items img {
    position: relative;
    display: block;
    max-width: 100%;
}

.title-zone .list_room .listit .items .img {
    position: relative;
}

.title-zone .list_room .listit .items .text {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0 20px 10px;
    text-align: left;
}

.title-zone .list_room .listit .items .text p {
    font-family: 'Merriweather';
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    line-height: 15px;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 1);
}

.title-zone .list_room .listit .items .text p.bold {
    font-weight: 600;
    font-size: 16px;
    line-height: 10px;
}

.title-zone .loading {
    position: absolute;
    left: 0;
    top: 30%;
    right: 0;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    display: none;
    color: rgba(255, 255, 255, 0.8);
    z-index: 9999999;
}

.new_dt.breadcrumb{
    font-family: 'Mali', sans-serif;
    background:#fff;
}
.new_dt.breadcrumb a{
    color: #1eaaf1;
}
.new_dt.breadcrumb a:hover{
    color: #8dc153;
}

.service_list {
    display: block;
    margin: 25px auto 50px auto;
}
.service_list .img {
    display: block;
}
.service_list .img img {
    display: block;
    margin: auto auto 15px auto;
    max-width: 100%;
    max-height: 100%;
}
.service_list a:hover img {
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.service_list .item_name {
    display: block;
    font-family: 'Mali',sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-align: center;
    white-space: nowrap;
}

.service_list a .item_name,.service_list a:hover .item_name {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}


.service_list a:hover .item_name,
.service_list a.active .item_name {
    color: #fd0331;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.product_list {
    margin: 0px auto 15px auto;
    text-align: center;
}

.product_list .item_name {
    font-family: 'Mali', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-align: left;
    margin: 0 auto;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    background: url('../images/icon_arrow_green.png') 97% center no-repeat,url('../images/bg_item_steels.jpg') left center no-repeat;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.product_list a:hover .item_name {
    color: #fd0331;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.productinf {
    font-family: 'Mali', sans-serif;
}

.productinf h3 {
    font-family: 'Mali', sans-serif;
    font-weight: 800;
    font-size: 30px;
    text-transform: uppercase;
}

.productinf h4 {
    font-family: 'Mali', sans-serif;
    font-weight: 800;
    font-size: 24px;
}

.productinf h3.set_green {
    font-family: 'Mali', sans-serif;
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
    color: #fd0331;
    margin: 15px auto;
    line-height: 30px;
}
@media (max-width: 991px) {
    .title-zone .list_room .listit {
        padding: 15px;
    }
}

/* president */
.top-name {
    font-family: 'Fredoka One', sans-serif;
    margin-top: 20px;
    text-transform: uppercase;
    line-height: 25px;
    font-size: 19px;
    text-align: center;
    color: #ffcc00;
}

.sub-name {
    font-family: 'Fredoka One', sans-serif;
    margin-bottom: 25px;
    line-height: 25px;
    font-size: 19px;
    text-align: center;
    color: #fff;
}

.contactus {
    display: block;
    margin: auto;
    margin-bottom: 50px;
}

.contactus label {
    font-family: 'Mali', sans-serif;
    font-weight: 600;
    color: #000;
}

.contactus .form-control {
    border: 1px solid #e5e5e5;
    background: #f8f8f8;
}

.contactus .form-group.row {
    margin: 0px auto 3px auto;
}

.contactus .btn-book {
    font-family: 'Mali', sans-serif;
    font-size: 18px;
    font-weight: 800;
    background: #fd0331;
    color: #fff;
    line-height: 18px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.contactus .btn-book:hover {
    background: rgba(0,0,0,0.6);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.contactus .address {
    margin: 15px auto;
    font-family: 'Mali', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 22px;
}

.contactus .contactitem {
    margin: 15px auto 15px 20px;
    padding: 0;
}

.contactus .contactitem .listitem {
    padding-left: 40px;
    font-family: 'Mali',sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 800;
    color: #000;
}

.contactus .contactitem .listitem.phone {
    background: url('../images/ct_phone.png') left center no-repeat;
}
.contactus .contactitem .listitem.phone a {
    color: #000;
}
.contactus .contactitem .listitem.phone a:hover {
    color: #fd0331;
}
.contactus .contactitem .listitem.phone2 {
    background: url('../images/ct_call.png') left center no-repeat;
}
.contactus .contactitem .listitem.phone2 a {
    color: #000;
}
.contactus .contactitem .listitem.phone2 a:hover {
    color: #fd0331;
}
.contactus .contactitem .listitem.mail {
    background: url('../images/ct_mail.png') left center no-repeat;
    color: #fd0331;
}
.contactus .contactitem .listitem.mail a {
    color: #fd0331;
}
.contactus .contactitem .listitem.mail a:hover {
    color: rgba(0,0,0,0.6);
}


/* display block */

.over_info {
    font-family: 'Merriweather';
    position: absolute;
    display: none;
    height: auto;
    min-height: 100%;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    background: #212125;
    padding: 40px 10px;
    z-index: 9999;
}

.over_info .container {
    color: rgba(255, 255, 255, 0.8);
}

.over_info .container .list_image {
    display: block;
    text-align: center;
    padding: 0 20px;
    margin: 10px auto;
}

.over_info .container .list_image .items {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.over_info .container .list_image .items img {
    max-width: 60px;
}

.over_info .container h3 {
    font-size: 30px;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    margin: 0;
    padding: 0;
    line-height: 30px;
}

.over_info .container h4 {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    text-align: left;
    margin: 0;
    padding: 0;
    line-height: 30px;
    margin: 10px auto;
}

.accd {
    display: block;
    margin: 15px auto;
    padding: 0;
}

.accd .acitems {
    clear: both;
    display: block;
}

.accd .acitems .acc-head {
    font-family: 'Merriweather';
    font-size: 18px;
    color: #00a5e0;
    line-height: 35px;
    background: transparent url('../images/plus_icon.png') left center no-repeat;
    padding-left: 20px;
    cursor: pointer;
}

.accd .acitems .acc-content {
    display: none;
    padding: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

.accd .acitems.active .acc-head {
    background-image: url('../images/minus_icon.png');
}

.accd .acitems.active .acc-content {
    display: block;
}

.accd .acitems .hd1 {
    margin-bottom: 6px;
    border-bottom: 1px solid #00a5e0;
    padding-bottom: 3px;
    margin-top: 7px;
    font-weight: 600;
}

.accd .acitems ul li {
    color: rgba(255, 255, 255, 0.8);
}

/* search bar */

.home-search {
    display: block;
    background: #2ec0dd;
    width: 100%;
    height: auto;
    padding: 12px 0 15px 0;
    margin: 0 auto;
    border-bottom: 5px solid #b4c055;
}

.home-search .container {
    padding: 0 15px;
}

.home-search label {
    font-family: 'Merriweather';
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
}

.home-search .boox-txt-top {
    padding: 7px 0 0 0;
}

.home-search .boox-txt-top .top {
    font-family: 'Mali Condensed', sans-serif;
    font-size: 36px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 36px;
    font-weight: 300;
}

.home-search .boox-txt-top .sub {
    font-family: 'Mali Condensed', sans-serif;
    font-size: 19px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 20px;
    font-weight: 300;
}

.home-search input[type="text"] {
    background: #fff url('../images/bg_icon_car.png') 10px center no-repeat;
    padding: 10px 10px 10px 50px;
    height: auto;
    border: none;
}

.home-search label {
    font-family: 'Mali', sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
}

.home-search .btn-book {
    font-family: 'Mali', sans-serif;
    padding: 9px;
    text-transform: uppercase;
    border: 1px solid #fff;
    color: rgba(255, 255, 255, 0.8);
    background: #56cce4;
}

/* home roomslide */

.home-room-slide {
    display: block;
    background: #fff;
    width: 100%;
    height: auto;
    padding: 25px 0;
    margin: 0 auto;
    background: #3f3b3c;
    background-size: cover;
    min-height: 364px;
}

.home-room-slide .container {
    padding: 0 15px;
}

.home-room-slide .room_set {
    display: block;
    padding: 0;
    margin: auto;
    text-align: center;
}

.home-room-slide .room_set .items {
    position: relative;
    display: inline-block;
    margin: 30px 5px;
}

.contain_testi {
    margin: 20px auto 50px auto;
    text-align: center;
}

.contain_testi .items {
    font-family: 'Mali', sans-serif;
    text-align: center;
    padding: 20px;
}

.contain_testi .items img {
    display: block;
    margin: auto;
}

.contain_testi .items .title {
    margin: 15px auto;
    line-height: 20px;
    font-weight: bold;
}

.contain_testi .items .info {
    line-height: 20px;
    font-weight: 400;
    color: #000;
}

.contain_testi .items .rating {
    display: block;
    margin: 15px auto;
}

.staris {
    color: #efce4a;
}

.staris .fa {
    color: #efce4a;
    font-size: 30px;
    margin-left: 2px;
    margin-right: 2px;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    background: url('../images/next-right.png') center center no-repeat;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    background: url('../images/pre-left.png') center center no-repeat;
}

/* Common style */

.home-room-slide .room_set .items figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 365px;
    max-width: 365px;
    max-height: 230px;
    width: 48%;
    background: initial;
    text-align: center;
    cursor: pointer;
}

.home-room-slide .room_set .items figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.home-room-slide .room_set .items figure figcaption {
    padding: 2em;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    font-size: 0.90em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.home-room-slide .room_set .items figure figcaption::before,
.home-room-slide .room_set .items figure figcaption::after {
    pointer-events: none;
}

.home-room-slide .room_set .items figure figcaption,
.home-room-slide .room_set .items figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

.home-room-slide .room_set .items figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.home-room-slide .room_set .items figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.home-room-slide .room_set .items figure h2 span {
    font-weight: 800;
}

.home-room-slide .room_set .items figure h2,
.home-room-slide .room_set .items figure p {
    margin: 0;
}

.home-room-slide .room_set .items figure p {
    letter-spacing: 1px;
    font-size: 50.5%;
}

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

/***** Milo *****/

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

figure.effect-milo {
    background: initial;
}

figure.effect-milo img {
    max-width: none;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
    transform: translate3d(-30px, 0, 0) scale(1.12);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-milo:hover img {
    opacity: 0.5;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

figure.effect-milo h2 {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 1em 1.2em;
}

/*
.home-room-slide .room_set .items .img { display: block; width: 100%; height: auto; padding: 0; margin: 0 auto; }
.home-room-slide .room_set .items .txt { font-family: 'LatoWebMedium'; font-size: 14px; color: rgba(255,255,255,0.8); line-height: 35px; margin-top: 5px; }
*/

/* home testimonial */

.head-text-tm {
    display: block;
    background: #e5e5e5;
    width: 100%;
    height: auto;
    padding: 15px 0 40px 0;
}

.head-text-tm h3 {
    font-family: 'Merriweather';
    font-size: 30px;
    color: #000000;
    text-align: center;
    text-transform: capitalize;
}

.head-text-tm .info-text {
    font-family: 'Merriweather';
    font-size: 14px;
    text-align: center;
    padding: 10px auto;
    margin: 15px auto;
    color: #888888;
}

.head-text-tm .credit {
    font-family: 'Merriweather';
    font-size: 14px;
    text-align: center;
    color: #955d41;
}

.head-text-tm .container {
    padding: 0 15px;
}

.head-text-tm hr {
    width: 100%;
    background-color: #ccc;
    border: none;
    height: 1px;
    margin: 30px auto;
    padding: 0;
}

.head-text-tm .view_set {
    display: block;
    padding: 0;
    margin: auto;
    text-align: center;
}

.head-text-tm .view_set .items {
    display: inline-block;
    margin: 0px 5px 25px 5px;
}

.head-text-tm .view_set .items .img {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}

.head-text-tm .view_set .items .txt {
    font-family: 'Merriweather';
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 35px;
    margin-top: 5px;
}

.head-text-tm .list_room {
    display: block;
    margin: 30px auto;
    padding: 0;
    text-align: center;
}

.head-text-tm .list_room .items {
    font-family: 'Merriweather';
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    padding: 3px;
}

.head-text-tm .list_room .items img {
    position: relative;
    display: block;
    max-width: 100%;
}

.head-text-tm .list_room .items .text {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0 20px 10px;
    text-align: left;
}

.head-text-tm .list_room .items .text p {
    font-family: 'Merriweather';
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    line-height: 15px;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 1);
}

.head-text-tm .list_room .items .text p.bold {
    font-weight: 600;
    font-size: 16px;
    line-height: 10px;
}

/* home testimonial */

.head-text-gl {
    display: block;
    background: #212125;
    width: 100%;
    height: auto;
    padding: 15px 0 40px 0;
}

.head-text-gl h3 {
    font-family: 'Merriweather';
    font-size: 30px;
    color: #00aae7;
    text-align: center;
    text-transform: capitalize;
}

.head-text-gl .info-text {
    font-family: 'Merriweather';
    font-size: 14px;
    text-align: center;
    padding: 10px auto;
    margin: 15px auto;
    color: #888888;
}

.head-text-gl .credit {
    font-family: 'Merriweather';
    font-size: 14px;
    text-align: center;
    color: #955d41;
}

.head-text-gl .container {
    padding: 0 15px;
}

.head-text-gl hr {
    width: 100%;
    background-color: #ccc;
    border: none;
    height: 1px;
    margin: 30px auto;
    padding: 0;
}

.head-text-gl .view_set {
    display: block;
    padding: 0;
    margin: auto;
    text-align: center;
}

.head-text-gl .view_set .items {
    display: inline-block;
    margin: 0px 5px 25px 5px;
}

.head-text-gl .view_set .items .img {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}

.head-text-gl .view_set .items .txt {
    font-family: 'Merriweather';
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 35px;
    margin-top: 5px;
}

.head-text-gl .list_room {
    display: block;
    margin: 30px auto;
    padding: 0;
    text-align: center;
}

.head-text-gl .list_room .items {
    display: inline-block;
    font-family: 'Merriweather';
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.head-text-gl .list_room .items .text {
    display: block;
    font-weight: 400;
    text-align: center;
    line-height: 55px;
}

.head-text-gl .list_room .items a {
    color: rgba(255, 255, 255, 0.8);
}

.head-text-gl .list_room .items a:hover {
    color: #00aae7;
}

@media (max-width: 991px) {
    .head-text-gl .list_room .items {
        width: auto;
    }
}

/* contents */

.contents {
    display: block;
    width: 100%;
    height: auto;
    padding: 15px 0;
    margin: 0 auto;
    padding-bottom: 35px;
}

.contents.nopadbt {
    padding-bottom: 10px;
}

.contents .container {
    padding-left: 15px;
    padding-right: 15px;
}

.contents h3 {
    font-family: 'Pacifico', cursive;
    font-size: 26px;
    color: #333;
    text-align: left;
}

.contents .subhead {
    width: 100%;
    background-color: #ccc;
    border: none;
    height: 1px;
    margin: 10px auto;
    padding: 0;
}

.contents .info-text {
    font-family: 'Mali', sans-serif;
    font-size: 18px;
    text-align: center;
    padding: 10px auto;
    margin: 15px auto;
    color: #888888;
}

.contents .info-text.text-left {
    text-align: left;
}

.contents .col-md-12,
.contents.room .col-md-9,
.contents.room .col-md-3 {
    padding: 0;
}

.contents.room-de .col-md-12,
.contents.room-de .col-md-9,
.contents.room-de .col-md-3 {
    padding: 5px;
}

.contents.bg_white {
    background: #fff;
}

.contents a {
    color: #955d41;
}

.contents a:hover {
    color: #955d41;
    text-decoration: underline;
}

.npage-pn {
    width: 100%;
}

.npage-pn .n-left {
    display: block;
    margin: 10px auto;
    padding: 0;
}

.npage-pn .n-left img {
    display: block;
    margin-left: auto;
    max-width: 305px;
    max-height: 200px;
    margin-right: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.30);
}

.npage-pn .n-right {
    padding: 0;
}

.npage-pn .n-right h3 {
    font-family: 'Merriweather';
    font-size: 22px;
    color: #955d41;
    text-align: left;
    text-transform: uppercase;
    margin: 15px auto;
}

.npage-pn .n-right p {
    font-family: 'Merriweather';
    font-size: 14px;
    line-height: 23px;
}

@media (max-width: 991px) {
    .npage-pn .n-right h3 {
        text-align: center;
    }
    .npage-pn .n-left img {
        max-width: none;
        max-height: none;
    }
}

/* room & suit */

.room_suit_list {
    display: block;
    margin: 0 auto;
}

.room_suit_list .item {
    position: relative;
    margin: 5px auto 10px auto;
}

.room_suit_list .item .img {
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.room_suit_list .item .img img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.room_suit_list .item .img:hover img {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.room_suit_list .item .img .text {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    font-family: 'Merriweather';
    font-weight: normal;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    width: 100%;
    height: auto;
    background: rgba(184, 159, 128, 0.9);
    line-height: 40px;
}

.room_suit_list .item .cticon {
    display: inline-block;
    vertical-align: middle;
    line-height: 26px;
    width: 26px;
    height: 26px;
}

.room_suit_list .item .cticon.bed {
    background: url('../images/icon_bed.png') center center no-repeat;
}

.room_suit_list .item .cticon.max {
    background: url('../images/icon_man.png') center center no-repeat;
}

.room_suit_list .item .cticon.view {
    background: url('../images/icon_view.png') center center no-repeat;
}

.room_suit_list .item .cticon.check {
    background: url('../images/icon_checkdetail.png') center center no-repeat;
}

.room_suit_list .item .info-line {
    font-family: 'Merriweather';
    font-size: 14px;
    display: table;
    width: 100%;
    line-height: 25px;
}

.room_suit_list .item .info-line .icon {
    display: table-cell;
    width: 30px;
}

.room_suit_list .item .info-line .title {
    display: table-cell;
    width: 50px;
    color: #333;
    font-weight: bold;
}

.room_suit_list .item .info-line .semicl {
    display: table-cell;
    width: 25px;
}

.room_suit_list .item .info-line .lineinfo {
    display: table-cell;
    color: #888;
}

.room_suit_list .item .info-line .check {
    display: table-cell;
    color: #333;
    padding: 8px 0 0 7px;
    text-transform: uppercase;
}

.room_suit_list .item .info-line .check a {
    color: #333;
}

.room_suit_list .item .info-line .check a:hover {
    color: #955d41;
    text-decoration: underline;
}

.room_suit_list .item .info-line.first {
    margin-top: 15px;
}

.room_suit_list .item .info-line.last {
    margin-bottom: 15px;
}

.room_suit_list .item .info hr.itemline {
    width: 100%;
    background-color: #ccc;
    border: none;
    height: 1px;
    margin: 8px auto;
    padding: 0;
}

.info-de {
    display: block;
}

.info-de .img {
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.30);
}

.info-de .img img {
    display: block;
    width: 100%;
    height: auto;
}

.info-de hr.itemline {
    width: 100%;
    background-color: #ccc;
    border: none;
    height: 1px;
    margin: 0 auto;
    padding: 0;
}

.img-sub {
    display: block;
    text-align: center;
    margin: 15px auto;
}

.img-sub .img-sub-item {
    display: inline-block;
    width: 70px;
    height: auto;
    max-height: 47px;
    margin: auto 10px;
}

.img-sub .img-sub-item img {
    max-width: 70px;
    max-height: 47px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.info-de .cticon {
    display: inline-block;
    vertical-align: middle;
    line-height: 26px;
    width: 26px;
    height: 26px;
}

.info-de .cticon.bed {
    background: url('../images/icon_bed.png') center center no-repeat;
}

.info-de .cticon.max {
    background: url('../images/icon_man.png') center center no-repeat;
}

.info-de .cticon.view {
    background: url('../images/icon_view.png') center center no-repeat;
}

.info-de .cticon.check {
    background: url('../images/icon_checkdetail.png') center center no-repeat;
}

.info-de .cticon.wifi {
    background: url('../images/icon_wifi.png') center center no-repeat;
}

.info .info-line {
    font-family: 'Merriweather';
    font-size: 14px;
    display: table;
    width: 100%;
    line-height: 25px;
}

.info .info-line .icon {
    display: table-cell;
    width: 30px;
}

.info .info-line .title {
    display: table-cell;
    width: 50px;
    color: #333;
    font-weight: bold;
}

.info .info-line .semicl {
    display: table-cell;
    width: 25px;
}

.info .info-line .lineinfo {
    display: table-cell;
    color: #888;
}

.info .info-line .check {
    display: table-cell;
    color: #333;
    padding: 8px 0 0 7px;
    text-transform: uppercase;
}

.info .info-line .check a {
    color: #333;
}

.info .info-line .check a:hover {
    color: #955d41;
    text-decoration: underline;
}

.info .info-line .info-line.first {
    margin-top: 15px;
}

.info .info-line .info-line.last {
    margin-bottom: 15px;
}

.info .info-line .info hr.itemline {
    width: 100%;
    background-color: #ccc;
    border: none;
    height: 1px;
    margin: 8px auto;
    padding: 0;
}

.info-de .info_box {
    margin: 15px auto;
    text-align: initial;
    color: #555;
    padding-bottom: 25px;
}

.info-de .info_box h3.head {
    font-size: 18px;
    color: #955d41;
    text-transform: initial;
}

.info-de .info_box h3.headb {
    font-size: 18px;
    color: #333;
    text-transform: initial;
}

.info-de .info_box .itlist {
    padding-left: 15px;
    line-height: 25px;
    background: url('../images/nav_icon_list.png') left 7px no-repeat;
}

.info-de .img-icon-bar {
    display: block;
    margin: 35px auto;
    display: block;
    text-align: center;
}

.info-de .img-icon-bar img {
    display: block;
    margin: 0 auto;
}

.ca_img_list {
    margin: 15px auto;
    padding: 0;
    text-align: center;
}

.ca_img_list .col-md-12 {
    padding: 0;
    text-align: center;
}

.ca_img_list .col-md-4 {
    margin: 7px auto;
    padding: 2px;
}

.room_type_cl1 {
    color: #13afb5;
}

.room_type_cl2 {
    color: #c40c0c;
}

.room_type_cl3 {
    color: #efa507;
}

/* contact */

.box-loca {
    line-height: 20px;
    font-family: 'Merriweather';
    margin: 25px auto 20px;
    background: url('../images/ct_location.png') 0 5px no-repeat;
    padding-left: 35px;
}

.box-loca h4 {
    font-family: 'Merriweather';
    font-size: 16px;
    color: #333333;
}

.box-loca .details {
    line-height: 20px;
    font-family: 'Merriweather';
    margin: 10px auto;
    color: rgba(255, 255, 255, 0.80);
    line-height: 1.6;
    font-size: 14px;
}

.box-phone {
    line-height: 20px;
    font-family: 'Merriweather';
    margin: 25px auto 20px;
    background: url('../images/ct_tel.png') 0 5px no-repeat;
    padding-left: 35px;
}

.box-phone h4 {
    font-family: 'Merriweather';
    font-size: 16px;
    color: #333333;
}

.box-phone .details {
    line-height: 20px;
    font-family: 'Merriweather';
    margin: 10px auto;
    color: rgba(255, 255, 255, 0.80);
    line-height: 1.6;
    font-size: 14px;
}

.box-email {
    line-height: 20px;
    font-family: 'Merriweather';
    margin: 10px auto 20px;
    background: url('../images/ct_email.png') 0 5px no-repeat;
    padding-left: 35px;
}

.box-email h4 {
    font-family: 'Merriweather';
    font-size: 16px;
    color: #333333;
}

.box-email .details {
    line-height: 20px;
    font-family: 'Merriweather';
    margin: 10px auto;
    color: rgba(255, 255, 255, 0.80);
    line-height: 1.6;
    font-size: 14px;
}

.box-webiste {
    line-height: 20px;
    font-family: 'Merriweather';
    margin: 25px auto 20px;
    background: url('../images/ct_website.png') 0 5px no-repeat;
    padding-left: 35px;
}

.box-webiste h4 {
    font-family: 'Merriweather';
    font-size: 16px;
    color: #333333;
}

.box-webiste .details {
    line-height: 20px;
    font-family: 'Merriweather';
    margin: 10px auto;
    color: rgba(255, 255, 255, 0.80);
    line-height: 1.6;
    font-size: 14px;
}

.box-fax {
    line-height: 20px;
    font-family: 'Merriweather';
    margin: 10px auto 20px;
    background: url('../images/ct_phone.png') 0 5px no-repeat;
    padding-left: 35px;
}

.box-fax h4 {
    font-family: 'Merriweather';
    font-size: 16px;
    color: #333333;
}

.box-fax .details {
    line-height: 20px;
    font-family: 'Merriweather';
    margin: 10px auto;
    color: rgba(255, 255, 255, 0.80);
    line-height: 1.6;
    font-size: 14px;
}

.box-webiste a,
.box-fax a,
.box-email a {
    color: #955d41;
}

.box-webiste a:hover,
.box-fax a:hover,
.box-email a:hover {
    text-decoration: underline;
}

.info_box.ct .row {
    font-family: 'Mali Condensed', sans-serif;
    margin: 5px;
}

.info_box.ct .col-md-12,
.info_box.ct .col-md-6 {
    padding: 0 15px;
}

.info_box.ct label {
    font-family: 'Mali Condensed', sans-serif;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
}

.info_box.ct input[type='text'],
.info_box.ct input[type='password'],
.info_box.ct input[type='email'],
.info_box.ct input[type='submit'],
.info_box.ct input[type='number'] {
    width: 100%;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    resize: none;
    border-color: #e1e1e1;
}

.info_box.ct textarea.form-control,
.info_box.ct select.form-control {
    width: 100%;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    resize: none;
    border-color: #e1e1e1;
}

#rc-imageselect {
    transform: scale(0.99);
    -webkit-transform: scale(0.99);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.info_box_book {
    margin: 70px auto;
}

.info_box_book label {
    font-family: 'Mali', sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #000;
}

.info_box_book input[type='text'],
.info_box_book input[type='password'],
.info_box_book input[type='email'],
.info_box_book input[type='submit'],
.info_box_book input[type='number'],
.info_box_book textarea,
.info_box_book select {
    border: 1px solid #2ec0dd;
    resize: none;
}

.info_box_book .form-group.row {
    margin-bottom: 7px;
}

.btn {
    font-family: 'Mali', sans-serif;
    font-size: 18px;
    line-height: 15px;
    padding: 7px 25px;
    height: auto;
    background: #fff;
    color: #0676de;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.btn.btn-red {
    font-size: 14px;
    background: #f1443d;
    color: #fff;
}

.btn.btn-blue {
    font-size: 14px;
    background: #1eaaf1;
    color: #fff;
}

.btn.btn-purple {
    font-size: 14px;
    background: #8375cc;
    color: #fff;
}

.contents.thanks {
    font-family: 'Mali', sans-serif;
    margin: 10% auto;
}

.contents.thanks h3,
.contents.thanks p {
    text-align: center;
}

.detail_list {
    font-family: 'Mali', sans-serif;
    margin: 0;
    padding: 0;
}

.detail_list h4 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
}

.detail_list li {
    font-family: 'Mali', sans-serif;
}

#gallery_pager {
    display: block;
    margin: 40px auto;
    padding: 0 5px;
    text-align: center;
    padding-left: 35px;
}

#gallery_pager .gallery_pager_item {
    display: inline-block;
    width: auto;
    margin: 5px;
    border: 3px solid #fff;
    -webkit-box-shadow: 4px 6px 28px -8px rgba(0, 0, 0, 0.57);
    -moz-box-shadow: 4px 6px 28px -8px rgba(0, 0, 0, 0.57);
    box-shadow: 4px 6px 28px -8px rgba(0, 0, 0, 0.57);
}

#gallery_pager .gallery_pager_item img {
    max-width: 110px;
}

.is_table tr td {
    font-family: 'Mali', sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.is_promotion {
    display: block;
    font-family: 'Mali', sans-serif;
    line-height: 24px;
    padding: 15px 15px;
    font-size: 24px;
    font-weight: 400;
    background: #7f7f7f;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
}

.is_promotion a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.is_promotion a:hover {
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
}

.image_controller {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.image_controller .box100 {
    display: table-cell;
    width: 100%;
    height: 100%;
    display: block;
    min-height: 250px;
}

.image_controller ul {
    position: absolute;
    width: 100%;
    height: auto;
    line-height: 25px;
    left: 0;
    right: 0;
    padding: 3px 20px;
    margin: 0;
    background: rgba(0, 0, 0, 0.4);
    bottom: 0;
    z-index: 66;
}

.image_controller ul.left {
    text-align: left;
}

.image_controller ul.right {
    text-align: right;
}

.image_controller ul li {
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-left: 1px;
    margin-right: 1px;
}

.image_controller ul li a {
    display: block;
    background: url('../images/icon_select.png') center center no-repeat;
}

.image_controller ul li a:hover,
.image_controller ul li a.selected {
    background: url('../images/icon_selected.png') center center no-repeat;
}

.overlay {
    background: transparent;
    position: relative;
    width: 100%;
    height: 600px;
    top: 600px;
    margin-top: -600px;
}

.inlist {
    display: inline-block;
    margin: 30px auto 10px auto;
    padding: 0;
    text-align: center;
}

.inlist>.items {
    margin: 5px auto;
    text-align: center;
    vertical-align: top;
}

.inlist>.items .h {
    display: block;
    margin: auto;
    color: #b4c055;
}

.inlist>.items .h img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.inlist>.items .d {
    display: block;
    margin: 15px auto;
}

.contact_from {
    font-family: 'Merriweather';
}

.contact_from h3 {
    text-align: left;
}

.contact_from h3.text-left {
    font-size: 18px;
}

.contact_from .subhead {
    margin: 2px auto;
}

.stats_is {
    font-family: 'Merriweather';
}

.meettable {
    margin-top: 35px;
    font-size: 12px;
}

.meettable tr th {
    color: #1f73b7;
}

.gallery_rela {
    position: relative;
}

.over_gallery {
    position: absolute;
    z-index: 99999999;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
}

@media (max-width: 387px) {
    .inlist>.items {
        width: 48%;
    }
    .gallery_rela {
        position: relative;
    }
    .over_gallery {
        position: static;
        z-index: 99999999;
        bottom: 0;
        left: 0;
        right: 0;
    }
}

.item_key_list .item {
    margin-bottom: 50px;
}

.item_key_list .h {
    min-height: 120px;
    vertical-align: middle;
}

.item_key_list .d {
    font-family: 'Mali', sans-serif;
    font-size: 18px;
    color: #b4c055;
    text-align: center;
    font-weight: 600;
    margin: 0 auto;
}

.item_key_list .s {
    font-family: 'Mali', sans-serif;
    font-size: 14px;
    color: #000;
    text-align: center;
    margin: 15px auto;
    min-height: 80px;
}

.block-btn {
    display: block;
    margin: 30px auto 60px auto;
}

.btn-home {
    font-family: 'Mali', sans-serif;
    background: #fff;
    line-height: 35px;
    color: rgba(0, 0, 0, .8);
    border: 1px solid rgba(0, 0, 0, .8);
    padding-left: 30px;
    padding-right: 30px;
}

.btn-home:hover {
    color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 0, 0, .8);
}

.gallery_is .items {
    position: relative;
}

.gallery_is .items .overflow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(96, 200, 233, 0.7) url('../images/plus-icon.png') 50% 50% no-repeat;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.gallery_is .items:hover .overflow {
    opacity: 1;
}

/* footer */

.footer {
    /*    min-height: 100px;*/
    /*    background: transparent url('../images/footer_bg.png') center center no-repeat;
    background-size: cover;*/
    background: #f2f2f2;
    margin-top: 50px;
    padding-top: 25px;
}

.footer .bg_footer{
    min-height: 148px;
    /*    background: transparent url('../images/footer_bg.png') center bottom no-repeat;*/
    background: transparent url('../images/bg_footer_inner.png') center bottom repeat-x;

    /*      background-size: cover;*/
}
.bg_footer .logoft,.box-logo-ft img{
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.bg_footer .logoft:hover a img,.box-logo-ft img:hover{
    opacity:0.7;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
footer .local {
    margin: 0;
    padding: 0;
    font-family: 'Mali', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
footer .local li {
    padding-left: 45px;
    margin-bottom: 8px;
}
footer .local li.map {
    font-family: 'Mali', sans-serif;
    font-size: 14px;
    color:rgba(0,0,0,0.8);
    font-weight: 400;
    background: url('../images/ic_map.png') left top no-repeat;
}
footer .local li.phone {
    line-height: 30px;
    font-family: 'Mali', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color:#f1453d;
    background: url('../images/ic_phone.png') left center no-repeat;
}
footer .local li.phone a{
    color:#f1453d;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
footer .local li.phone a:hover{
    opacity:0.5;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

footer .local li.fax {
    line-height: 30px;
    font-family: 'Mali', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color:#fda639;
    background: url('../images/ic_fax.png') left center no-repeat;
}
footer .local li.fax a{
    color:#fda639;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
footer .local li.fax a:hover{
    opacity:0.75;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
footer .local li.email {
    font-family: 'Mali', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    color: #8d81d0;
    background: url('../images/ic_email.png') left center no-repeat;
} 
footer .local li.email a{
    color: #8d81d0;
}
footer .local li.email a:hover{
    opacity:0.75;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.contact_ft h4{
    font-family: 'Fredoka One', cursive;
    font-size: 24px;
    font-weight: 400;
    color:#f1453d;
    margin-bottom: 28px;
}
.contact_pg a,.contact_ft a{
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.contact_pg a:hover,.contact_ft a:hover{
    opacity:0.8;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.box-sitemap h4{
    font-family: 'Fredoka One', cursive;
    font-size: 24px;
    font-weight: 400;
    color:#fda639;
    margin-bottom: 28px;
}
.box-sitemap ul li a{
    font-family: 'Mali', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.8);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.box-sitemap ul li a:hover{
    color: #fda639;
    opacity:0.75;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.box-logo-ft h4{
    font-family: 'Fredoka One', cursive;
    font-size: 24px;
    font-weight: 400;
    color:#1eaaf1;
    margin-bottom: 28px;
}

.box-contacts{

}

.box-contacts .local {
    margin: 0;
    padding: 0;
    font-family: 'Mali', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.box-contacts .local li {
    padding-left: 45px;
    margin-bottom: 8px;
}
.box-contacts .local li.map {
    font-family: 'Mali', sans-serif;
    font-size: 14px;
    color:rgba(0,0,0,0.8);
    font-weight: 400;
    background: url('../images/ic_map.png') left top no-repeat;
}
.box-contacts .local li.phone {
    line-height: 30px;
    font-family: 'Mali', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color:#f1453d;
    background: url('../images/ic_phone.png') left center no-repeat;
}
.box-contacts .local li.phone a{
    color:#f1453d;
}

.box-contacts .local li.fax {
    line-height: 30px;
    font-family: 'Mali', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color:#fda639;
    background: url('../images/ic_fax.png') left center no-repeat;
}
.box-contacts .local li.fax a{
    color:#fda639;
}
.box-contacts .local li.email {
    font-family: 'Mali', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    color: #8d81d0;
    background: url('../images/ic_email.png') left center no-repeat;
} 
.box-contacts .local li.email a{
    color: #8d81d0;
}



.fixedIt {
    position: fixed !important;
    top: 70px;
    left: 0;
    right: 0;
    z-index: 999;
}

.img-fliud {
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* banner */
.owl-themes .item {
    position: relative;
    height: 460px;
    width: 100%;
}

.owl-themes .item .img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 14;
    width: 100%;
    height: 100%;
    margin: auto;
}

.owl-themes .item .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('../images/banner_frame.png') center center no-repeat;
    background-size: 100% 100%;
    z-index: 15;
}

.owl-themes .item .captions {
    display: none;
    position: absolute;
    width: 43%;
    height: 80px;
    line-height: 80px;
    margin: auto;
    margin-right: 0;
    padding-right: 30px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 17;
}

.owl-themes .item .captions h3 {
    font-family: 'Mali', sans-serif;
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    line-height: 36px;
    margin: 0 auto;
}

.owl-themes .owl-controls .owl-buttons .owl-next {
    right: 0;
    width: 50px;
    height: 50px;
    background: #ffffff;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.owl-themes .owl-controls .owl-buttons .owl-next:after {
    font-family: 'FontAwesome';
    content: "\f0da";
    color: #000;
    font-size: 40px;
    text-align: center;
    line-height: 50px;
}

.owl-themes .owl-controls .owl-buttons .owl-prev {
    left: 0;
    width: 50px;
    height: 50px;
    background: #ffffff;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.owl-themes .owl-controls .owl-buttons .owl-prev:after {
    font-family: 'FontAwesome';
    content: "\f0d9";
    color: #000;
    font-size: 40px;
    text-align: center;
    line-height: 50px;
}

.owl-themes .owl-controls .owl-buttons .owl-next:hover:after,
.owl-themes .owl-controls .owl-buttons .owl-prev:hover:after {
    color: #fd0331;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

/* Styling Pagination*/
.owl-pagination { 
    position: absolute;
    bottom: 0;
    width: 100%;
}
.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    margin-top: 0;
    z-index: 9999;
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 52px;
    height: 8px;
    margin: 5px 2px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -moz-opcity: 0.5;
    -webkit-opacity: 0.5;
    background: rgba(255,255,255,0.5);
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    background: rgba(255,255,255,0.6);
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
}

@media (max-width: 768px) {
    .owl-themes .item {
        position: relative;
        height: 180px;
        width: 100%;
    }    
    .owl-themes .owl-controls {
        top: 50%;
        margin-top: -25px;
    }
    .owl-themes .owl-controls .owl-buttons .owl-next {
        width: 25px;
        height: 25px;
    }
    .owl-themes .owl-controls .owl-buttons .owl-prev {
        width: 25px;
        height: 25px;
    }
    .owl-themes .owl-controls .owl-buttons .owl-next:after,
    .owl-themes .owl-controls .owl-buttons .owl-prev:after {
        font-size: 20px;
        line-height: 25px;
    }
    .owl-theme .owl-controls .owl-page span{
        width: 10px;
        height: 10px;;
    }
    .owl-themes .item .captions {
        position: absolute;
        width: 46%;
        height: 30px;
        line-height: 30px;
        padding-right: 10px;
    }

    .owl-themes .item .captions h3 {
        font-family: 'Mali', sans-serif;
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        line-height: 18px;
        margin: 0 auto;
    }
}

@media (max-width: 378px) {
    .owl-themes .item {
        position: relative;
        height: 190px;
        width: 100%;
    }

    .owl-themes .item .captions {
        position: absolute;
        width: 47%;
        height: 18px;
        line-height: 18px;
        padding-right: 10px;
    }

    .owl-themes .item .captions h3 {
        font-family: 'Mali', sans-serif;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        line-height: 14px;
        margin: 0 auto;
    }
}

.set_bg_green {
    background: #b4c055;
    padding: 30px 0 50px 0;
}

.set_bg_blue {
    background: #2ec0dd;
    padding: 30px 0;
}

.set_bg_green_op {
    background: #bfc974;
    padding: 10px 0 50px 0;
}

.set_bg_blue_op {
    background: #2ec0dd;
    padding: 10px 0 50px 0;
}

.accom_content {
    font-family: 'Mali', sans-serif;
    padding: 0;
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 50px;
}

.accom_content .h4 {
    font-size: 25.62px;
    margin: 15px auto;
}

.accom_content .text {
    font-size: 18px;
    line-height: 25px;
}

.accom_content .box100 {
    width: 100%;
    height: 100%;
    display: block;
}

.accom_content .item_bg {
    min-height: 100%;
}

.facilitie {
    margin-bottom: 70px;
}

.facilitie h3 {
    font-family: 'Mali', sans-serif;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 23px;
    padding: 7px 0;
}

.facilitie ul {
    padding: 0;
    margin: 0;
}

.facilitie ul li {
    font-family: 'Mali', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #000;
}

.cps_lo {
    font-family: 'Mali', sans-serif;
    font-size: 24px;
    font-weight: 600;
}

.pdf_download a {
    font-family: 'Mali', sans-serif;
    font-weight: bold;
    font-size: 21px;
    color: #000;
    text-decoration: underline;
}

.confirm_term {
    font-size: 14px;
    margin: auto;
}

.confirm_term label {
    font-size: 14px;
}

.setzindex {
    z-index: 1000;
}

.box_for_query {
    position: relative;
    height: 150px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.is_datepick {
    cursor: pointer;
}

.is_datepick::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: 'Mali', sans-serif !important;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
}

.is_datepick::-moz-placeholder {
    /* Firefox 19+ */
    font-family: 'Mali', sans-serif !important;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
}

.is_datepick:-ms-input-placeholder {
    /* IE 10+ */
    font-family: 'Mali', sans-serif !important;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
}

.is_datepick:-moz-placeholder {
    /* Firefox 18- */
    font-family: 'Mali', sans-serif !important;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
}

@media (max-width: 768px) {
    .box_for_query {
        height: auto;
    }
}

/*----------- Validate Form ----------*/

.validate-error {
    border-color: red !important;
}

.validate-warn {
    border-color: orange !important;
}

.validate-success {
    border-color: green !important;
}

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(196, 52, 66, 0.8) url(../img/img_top.png) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}

.no-touch .cd-top:hover {
    background-color: #c43442;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}

/* Base for label styling */

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
    position: relative;
    padding-left: 5%;
    line-height: 1.3;
    cursor: pointer;
}

/* checkbox aspect */

[type="checkbox"]:not(:checked)+label:before,
[type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.25em;
    height: 1.25em;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}

/* checked mark aspect */

[type="checkbox"]:not(:checked)+label:after,
[type="checkbox"]:checked+label:after {
    content: '✔';
    position: absolute;
    top: .1em;
    left: .20em;
    font-size: 1.3em;
    line-height: 0.8;
    color: #09ad7e;
    transition: all .2s;
}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */

[type="checkbox"]:disabled:not(:checked)+label:before,
[type="checkbox"]:disabled:checked+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="checkbox"]:disabled:checked+label:after {
    color: #999;
}

[type="checkbox"]:disabled+label {
    color: #aaa;
}

/* accessibility 
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
    /* nothing 
}

 hover style just for information 
label:hover:before {

}
*/

.show_total_amount {
    font-family: 'Mali', sans-serif;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 35px;
}

.show_total_amount_due {
    font-family: 'Mali', sans-serif;
    font-size: 36px;
    color: #b4c055;
    line-height: 45px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background: #fff;
}

.datepicker--cell-day.-booked-,
.datepicker--cell-day.-disabled- {
    position: relative;
}

.datepicker--cell-day.-booked-:after,
.datepicker--cell-day.-disabled-:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    line-height: 30px;
    font-family: 'FontAwesome';
    content: "\f00d";
    color: red;
}




/* itemlist */
.brain-list {
    margin: 15px auto;
}

.brain-list .item {
    padding: 10px;
}

.brain-list .item .item-inner {
    position: relative;
    padding: 20px 20px 10px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    text-align: left;
}

.title-zone.zone6 .brain-list .item .item-inner {
    position: relative;
    padding: 20px 10px 10px 10px;
    border: 0px solid #e5e5e5;
    border-radius: 20px;
    text-align: center;
}
.title-zone.zone6 .brain-list .item .item-inner .img{
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.title-zone.zone6 .brain-list .item .item-inner .img:hover{
    cursor: pointer;
    opacity:0.8;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.brain-list .item .item-inner .head {
    font-family: 'Mali', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin: 7px auto;
}

.brain-list .item .item-inner .det {
    font-family: 'Mali', sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.brain-list .item .item-inner .btn {
    margin: 15px auto;
    font-size: 14px;
}

.brain-list .item .boxlevel {
    position: absolute;
    width: 161px;
    height: 132px;
    text-align: center;
    vertical-align: middle;
    margin: auto;
    top: -7px;
    left: -15px;
    font-family: 'Mali', sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    padding-top: 37px;
    padding-left: 7px;
    color: #fff;
}
/* red */
.brain-list .item.is_red .item-inner .btn-readmore {
    border: 1px solid transparent;
    background-color: #f1443d !important;
    color: #fff;
}

.title-zone.zone6 .brain-list .item.is_red .item-inner .btn-readmore {
    border: 0px solid transparent;
    background-color: transparent !important;
    color: #fda639;
    font-weight: bold;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.brain-list .item.is_red .item-inner .btn-readmore:hover {
    border-color: #f1443d;
    background-color: #fff !important;
    color: #f1443d;
}
.title-zone.zone6 .brain-list .item.is_red .item-inner .btn-readmore:hover{
    opacity:0.8;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.brain-list .item.is_red .item-inner .head {
    color: #f1443d;
}
.title-zone.zone6 .brain-list .item.is_red .item-inner .head{
    color:#fda639;
}

.brain-list .item.is_red .boxlevel {
    background: url('../images/over_icon_red.png') center center no-repeat;
}

/* purple */
.brain-list .item.is_purple .item-inner .btn-readmore {
    border: 1px solid transparent;
    background-color: #8375cc !important;
    color: #fff;
}
.title-zone.zone6 .brain-list .item.is_purple .item-inner .btn-readmore {
    border: 0px solid transparent;
    background-color: transparent !important;
    color: #8dc153;
    font-weight:bold;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.brain-list .item.is_purple .item-inner .btn-readmore:hover {
    border-color: #8375cc;
    background-color: #fff !important;
    color: #8375cc;
}
.title-zone.zone6 .brain-list .item.is_purple .item-inner .btn-readmore:hover{
    opacity:0.8;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.brain-list .item.is_purple .item-inner .head {
    color: #8375cc;
}
.title-zone.zone6 .brain-list .item.is_purple .item-inner .head{
    color: #8dc153;
}

.brain-list .item.is_purple .boxlevel {
    background: url('../images/over_icon_purple.png') center center no-repeat;
}

/* blue */
.brain-list .item.is_blue .item-inner .btn-readmore {
    border: 1px solid transparent;
    background-color: #1eaaf1 !important;
    color: #fff;
}
.title-zone.zone6 .brain-list .item.is_blue .item-inner .btn-readmore {
    border: 0px solid transparent;
    background-color: transparent !important;
    color:#8375cc;
    font-weight: bold;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.brain-list .item.is_blue .item-inner .btn-readmore:hover {
    border-color: #1eaaf1;
    background-color: #fff !important;
    color: #1eaaf1;
}
.title-zone.zone6 .brain-list .item.is_blue .item-inner .btn-readmore:hover{
    opacity:0.8;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.brain-list .item.is_blue .item-inner .head {
    color: #1eaaf1;
}
.title-zone.zone6 .brain-list .item.is_blue .item-inner .head{
    color: #8375cc;
}

.brain-list .item.is_blue .boxlevel {
    background: url('../images/over_icon_blue.png') center center no-repeat;
}

/*list-running */
.list-running {
    clear: both;
    margin: 25px auto;
    padding: 0px 0 5px 0;
}

.list-running .text-count {
    font-family: 'Fredoka One', cursive;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
}
.list-running .count-text {
    font-family: 'Mali', cursive;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
}

.ic_login{
    font-family: 'Mali', cursive;
    font-size: 18px;
    color: #fda639;
    font-weight:600;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.ic_login:hover{
    opacity:0.78;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/*  add 30/07/24 */
.table-bordered-none td{
    border:0 !important;
}
.page-cert-height {
    height: calc(100vh - 494px);
    height: calc((var(--vh, 1vh) * 100) - 494px);
    min-height:360px;
}

/*  add 2/10/24 */
.logo_online {
    margin-top:50px;
    margin-left:20px;
    max-width:100px;
}

@media (max-width: 1200px) {
    .page-cert-height {
        height: calc(100vh - 394px);
        height: calc((var(--vh, 1vh) * 100) - 394px);
    }
    .navbar-cert{
        display:none;
    }
}
@media (max-width: 768px) {
    .page-cert-height {
        height: calc(100vh - 328px);
        height: calc((var(--vh, 1vh) * 100) - 328px);
    }
}
@media (max-width: 650px) {
    .page-cert-height .brain-list .item .item-inner {
        padding-top:10px;
    }
}