.body-bg {
    position:absolute;
    top:0;
    left:0;
    min-width:100%;
    min-height:100%;
    background-color: #ffffff;
    background:linear-gradient(to bottom,#ca5f42 0,#ce190a 31px,rgba(255,255,255,1) 31px,rgba(255,255,255,1) 100%);
}
#header {
    position:relative;
    background:url(/uploads/phapluatnhadat-hd.png);
    margin-top:31px;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
}
.headerSearch .btn-info {
    background-color:#ea4335;
    border-color:#ea4335;
    color:#fff
}
#menusite .navbar-default .navbar-nav > li > a:hover,
#menusite .navbar-default .navbar-nav > li > a:focus,
#menusite .navbar-default .navbar-nav > .active > a,
#menusite .navbar-default .navbar-nav > .active > a:hover,
#menusite .navbar-default .navbar-nav > .active > a:focus,
#menusite .navbar-default .navbar-nav > .open > a,
#menusite .navbar-default .navbar-nav > .open > a:hover,
#menusite .navbar-default .navbar-nav > .open > a:focus {
    background:linear-gradient(to bottom,#ff3939 0,#c62a2a 100%) !important;
    color:#ffffff !important;
}
.header-nav {
    position:absolute;
    top:0;
    left:0;
    height:31px;
    width:100%;
    color:#dcdcdc;
    background-color:transparent;
}
.social-icons,
.personalArea {
    line-height:31px;
    float:right;
    margin:0 10px;
}

.contactDefault {
    position: absolute;
    top:0;
    left:0;
    line-height:31px;
    margin:0 10px;
}
.personalArea a.button.user,
.personalArea a.button.user:hover {
    width:30px;
    height:30px;
    margin-top:1px;
    border-width:0;
    border-radius:15px !important;
    -webkit-border-radius:15px !important;
    background-color:transparent !important;
    background-size:contain;
}
#menusite .navbar-default {
    border-bottom-color:#9a2117;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background: linear-gradient(to bottom,#bf7670 0,#9a2117 51px,rgba(255,255,255,1) 51px,rgba(255,255,255,1) 100%);
}
.panel-primary {
  border-color: #9a2117;
}
.panel-heading {
    background:none !important;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    padding:10px;
}
.panel-primary > .panel-heading {
  color: #c40233;
  background-color: #ea4335;
  border-color: #c40233;
}
a.dimgray  {
    color:#e7e0af;
}

a.dimgray:hover {
    color:#fff300;
}
.panel-default > .panel-heading {
    color: #c40233;
    background-color: #f5f5f5;
    border-color:#c40233;
    text-transform: uppercase;
}
a.dimgraycat {
    color:#c40233;
    text-transform: uppercase;
}
a.titlenew {
    color:#a73f36;
}
#footer,
#footer a {
    color:#a73f36;
}
#footer {
    position:relative;
    min-height:300px;
    width:100%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #9A2117;
    border-bottom-width:1px;
    border-bottom-style: solid;
    border-bottom-color: #9A2117;
    background-color:#fbf6f3;
    background-image:linear-gradient(to bottom,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 100%);
    padding:20px 0;
    font-size:13px
}
#footer h3 {
    font-weight:700;
    font-size:15px;
    letter-spacing:0.5px;
    text-transform:uppercase;
    margin-bottom: 10px;
    color:#a73f36;
}
#footer .menu li a {
    display:block;
    white-space:nowrap;
    border-bottom-width: 1px;
    border-bottom-color: #a73f36;
    border-bottom-style: dotted;
    padding:8px 0;
}
#footer .menu li a:before {
    content:"\f111";
    color:#a73f36;
    font-family:FontAwesome;
    font-size:5px;
    padding-right:6px;
    vertical-align:middle;
}

#footer .menu li a:hover {
    border-bottom-color:#CF8D43;
    color:#CF8D43;
}

#footer .menu li a:hover:before {
    color:#CF8D43;
}
.socialList li a {
    display:block;
    width:28px;
    height:28px;
    line-height:28px;
    background-color:#CF8D43;
    color:#dcdcdc;
    text-align:center;
    font-size:16px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all 0.4s ease;
    transition:all 0.4s ease;
}
/* Footer-NAV2 */

.footerNav2 {
    position:relative;
    width:100%;
    background:linear-gradient(to bottom,#ca5f42 0,#ce190a 60px,rgba(255,255,255,1) 60px,rgba(255,255,255,1) 100%);
    padding:10px 0;
    color:#dcdcdc;
}
.footerNav2 .theme-change a,
.footerNav2 .theme-change span {
    display:inline-block;
    margin-top:5px;
    margin-right:10px;
    line-height:30px;
    width:30px;
    background-color:#CF8D43;
    color:#428BCA;
    text-align:center;
    border-radius:15px;
    -webkit-border-radius:15px;
}

.footerNav2 .theme-change span {
    color:#dcdcdc;
    background-color:#CF8D43;
}

.footerNav2 .theme-change a:hover,
.footerNav2 .theme-change span:hover {
    color:#fff;
    background-color:#FF9900;
}
.footerNav2 .bttop a {
    display:block;
    line-height:40px;
    background-color:#CF8D43;
    color:#428BCA;
    font-size:14px;
    text-align:center;
    border-radius:20px;
    -webkit-border-radius:20px;
}
.footerNav2 .bttop a:hover {
    color:#fff;
    background-color:#FF9900;
}
.copyright {
    color:#a73f36;
}

.copyright span a {
    color:#a73f36 !important;
}

.copyright span a:hover {
    color:#a73f36 !important;
}

/* Body */

#body {
    background-color:#fff;
    border-color:#d8d8d8;
    border-style:solid;
    border-width:0 1px 0 1px;
    box-shadow:0 15px 15px rgba(0,0,0,0.55);
    -webkit-box-shadow:0 15px 15px rgba(0,0,0,0.55);
    -moz-box-shadow: 0 15px 15px rgba(0,0,0,0.55);
}