body {
    background: #ffffff url("images/body-bg.jpg") repeat-x;
}
.text-dark-blue { color: #3185cb; }
.text-light-blue { color: #8fc0ea; }
.text-gray { color: #474747; }
.text-light-gray { color: #a8a8a8; }
.text-brown { color: #a2825c; }
.text-brown:hover, .text-brown:focus { color: #886d4d; }
.text-red { color: #ff633c; }
.text-white { color: #ffffff; }
.text-white:hover, .text-white:focus { color: #ffffff; text-decoration: underline; }
.bg-dark-blue { background-color: #3185cb; }
.bg-light-blue { background-color: #8fc0ea; }
.bg-gray { background-color: #474747; }
.bg-brown { background-color: #a2825c; }
.bg-red { background-color: #ff633c; }
.bg-white { background-color: #ffffff; }
.bg-light-gray { color: #a8a8a8; }

.is-link {
    cursor: pointer;
}

.header-container {
    height: 165px;
    background: url("images/cloud-bg.png") no-repeat 50% 6px;
}
.supper-container-body {
    background-image: url("images/balloon-bg.png"), url("images/balloon-bg.png");
    background-repeat: repeat-y, repeat-y;
    background-position: 9999 0, 9999 0;
}
.footer-container {
    background-image: url(images/footer-top-bg.png),
                      url(images/footer-bg.jpg);
    background-repeat: no-repeat, repeat-x;
    background-position: 50% 0, 0 118px;
    height: 185px;
}
.footer-container p {
    margin-top: 150px;
}

/* Menu */
.menu-container {
    margin-top: 60px;
    margin-bottom: 0;
}
.menu-container .container,
.menu-container .collapse {
    padding: 0;
}
.navbar-primary .navbar-header button {
    background-color:  #ffffff;
}
.navbar-nav .sub-menu {
    padding: 0;
    display: none;
    min-width: 120px;
    z-index: 999;
}
.navbar-nav .sub-menu li {
    list-style: none;
}
.navbar-nav > li > a,
.navbar-nav .sub-menu > li > a {
    padding: 0 15px;
    height: 44px;
    line-height: 44px;
    margin-right: 1px;
    color: #ffffff;
    border-radius: 5px;
    background: #3185cb url(images/menu-bg.jpg) repeat-x;
    font-size: 18px;
}
.top-menu .current-menu-item > a,
.navbar-nav > li > a:hover,
.navbar-nav .sub-menu .current-menu-item > a,
.navbar-nav .sub-menu > li > a:hover {
    background: #ff633c url(images/menu-active-bg.jpg) repeat-x;
    text-decoration: none;
}
.navbar-nav .sub-menu > li > a {
    display: block;
    white-space: nowrap;
    margin-top: 1px;
}
/* .Menu */

/* Flower panel */
.panel-flower {
    background: #ffffff url(images/panel-1-bg.jpg) top repeat-x;
    border-radius: 10px;
    border: none;
    box-shadow: none;
}
.panel-flower .panel-heading {
    background-image: url(images/panel-1-icon-header.png),
                      url(images/panel-1-icon-header.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 1.5% 58%, 99% 58%;
}
.panel-flower .panel-heading h1,
.panel-flower .panel-heading h3 {
    color: #ffffff;
    margin: 0;
    font-size: 18px;
    text-align: center;
}
.panel-flower .panel-body {
    border: #fcf5d5 5px solid;
    background-color: #ffffff;
    border-radius: 10px;
    padding-bottom: 5px;
}
/* .Flower panel */

/* Phong-mach panel */
.panel-phong-mach {
    background-color: transparent;
    box-shadow: none;
    border: none;
    position: relative;
    margin-bottom: 50px;
}
.panel-phong-mach .panel-heading {
    padding: 0 48px;
    background-image: url(images/widget-1-left-header-bg.png),
                      url(images/widget-1-right-header-bg.png);
    background-position: 0% 0%, 100% 0%;
    background-repeat: no-repeat, no-repeat;
    border-bottom: none;
}
.panel-phong-mach .panel-heading h3 {
    height: 54px;
    line-height: 54px;
    color: #ffffff;
    margin: 0;
    font-size: 18px;
    text-align: center;
    background-image: url(images/widget-1-header-bg.jpg);
}
.panel-phong-mach .panel-body {
    padding: 10px 25px;
    background-color: #ffffff;
    background-image: url(images/widget-1-left-body-bg.jpg),
                      url(images/widget-1-right-body-bg.jpg);
    background-position: 0% 0%, 100% 0%;
    background-repeat: repeat-y, repeat-y;
}
.panel-phong-mach .panel-footer {
    padding: 0 20px;
    height: 23px;
    background-color: transparent;
    background-image: url(images/widget-1-left-footer-bg.png),
                      url(images/widget-1-right-footer-bg.png);
    background-position: 0% 0%, 100% 0%;
    background-repeat: no-repeat, no-repeat;
    border: none;
}
.panel-phong-mach .panel-footer div {
    height: 23px;
    background: url(images/widget-1-footer-bg.jpg) repeat-x;
}
.panel-phong-mach .icon {
    width: 196px;
    height: 178px;
    background: transparent url(images/widget-1-icon.png) no-repeat;
    position: absolute;
    bottom: -24px;
    right: -20px;
}
/* .Phong-mach panel */

/* Button */
.btn-image {
    width: 130px;
    height: 41px;
    display: inline-block;
    background-repeat: no-repeat;
}
.btn-readmore {
    background-image: url(images/btn-readmore.jpg);
}
.btn-readmore:hover {
    background-image: url(images/btn-active-readmore.jpg);
}
.btn-previous-page {
    background-image: url(images/btn-previous-page.jpg);
}
.btn-previous-page:hover {
    background-image: url(images/btn-active-previous-page.jpg);
}
.btn-next-page {
    background-image: url(images/btn-next-page.jpg);
}
.btn-next-page:hover {
    background-image: url(images/btn-active-next-page.jpg);
}
/* .Button */

/* Block content */
.article-block-1 {
    border-bottom: 1px solid #fee6b4;
    margin-bottom: 10px;
}
.article-block-1.last-child {
    border-bottom: none;
}
.article-block-1 .feature > img {
    float: left;
    width: 70px;
    height: 70px;
    border: 1px solid #fee6b4;
    margin-right: 10px;
}
.container-content .article-block-1 .feature > img {
    width: 100px;
    height: 100px;
}
.article-block-1 .title {
    margin: 0;
    font-size: 16px;
    font-weight: 900;
    font-family: Tahoma;
}
.article-block-1 .date {
    margin-top: 0;
    font-size: 12px;
}
/* .Block content */

/* Media overwrite */
@media screen and (min-width: 992px) {
    .col-md-4 .panel-flower .panel-heading {
        background-position: 3.5% 58%, 98% 58%;
    }
}
@media screen and (max-width: 767px) {
    .navbar-nav {
        margin: 0;
    }
    .nav > li, .nav > li > a {
        display: inline-block;
    }
}
/* .Media overwrite */

/* Content */
.container-content table {
    margin: 0 0 10px;
}
.container-content table td,
.container-content table th {
    vertical-align: top;
}
.container-content table td,
.container-content table th {
    padding: 5px;
    border: 1px solid #000000;
}
.container-content table thead td,
.container-content table th {
    color: #ffffff;
    background-color: #3185cb;
}
.container-content table.no-border td {
    border: 0;
}
.container-content h1 {
    font-size: 24px;
    margin-top: 0;
}
.container-content h1,
.container-content h2,
.container-content h3 {
    color: #3185cb;
}
.container-content .article-block-1 .title {
    margin-bottom: 5px;
}
.container-content blockquote {
    font-size: 14px;
}
.container-content .tags a {
    color: #a2825c;
}
/* .Content */

/* Separator */
.separator-5 { height: 5px; }
.separator-10 { height: 10px; }
.separator-15 { height: 15px; }
.separator-20 { height: 20px; }
.separator-25 { height: 25px; }
/* .Separator */

/* Form */
.form-contact textarea {
    resize: none;
}
.form-contact .form-control-code {
    width: 50%;
    float: left;
    margin-right: 10px;
}
/* .Form */

/* Google font */
.go-font-1 {
    font-family: 'Open Sans', sans-serif;
}
.go-font-2 {
    font-family: 'Lobster', cursive;
}
/* .Google font */