@import url(../style.css);
body {
	background: #fefefe !important;
}
.main-container {
    margin-top: 15px;
}
.center-logo {
	width: 65px;
	margin: auto;
}
.center-logo .name {
	display: none;
}
.logo img {
	width: 65px;
}
.slick-arrow::before {
    color: #d32737;
    font-size: 36px;
    font-size: 3.25rem;
}
.navbar-default {
	background-color: #fefefe !important;
	border-color: #fefefe !important;
	text-align: center;
}
.navbar-nav, .navbar-nav>li {
	float: none !important;
	margin: 0;
}
.navbar-nav>li>a {
    background: transparent !important;
    border-bottom: 2px solid transparent;
}
.navbar-nav>li.active>a, .navbar-nav>li>a:hover, .navbar-nav>li>a:active {
    background: transparent !important;
    border-bottom: 2px solid #303c42;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #efefef;
    text-decoration: none;
    background-color: #7f8c93 !important;
    outline: 0;
}

@media screen and (min-width: 760px) {
    .nav>li {
        display: inline-flex !important;
    }
}
.navbar-default .navbar-nav>li>a {
	color: #000000 !important;
}
.dropdown-menu>li>a {
    line-height: 2 !important;
}
@media screen and (min-width: 768px){
    body {
        margin-top: 0px !important;
    }
}
#topbar {
    background: #f8f8f8;
    color: #000;
    border-bottom: 1px solid #e4e4e4;
}
#topbar .navbar-toggle {
    margin-top: 5px;
    padding: 2px 5%;
}
#topbar .taobao-link {
    position: relative;
    display: block;
    padding: 8px 5%;
    text-align: right;
}
#topbar .taobao-link a {
    color: #353535;
}
#topbar .navbar-toggle .icon-bar {
    background: #303c42;
    height: 3px;
}
.front-slider .slide__caption {
	padding: 0px;
}
.quarter-update .line {
	margin-top: 25px;
	height: 25px;
	border-top: 0.5px solid #db3677;
}
.quarter-update .red-dot-box {
	width: 80px;
	height: 20px;
	margin: auto;
	background: #fefefe;
}
.quarter-update .red-dot-box .dot {
	width: 20px;
	height: 20px;
	background: #db3677;
	border-radius: 100%;
	margin: auto;
	margin-top: -35px;
}
.quarter-update .content {
	margin: 35px auto;
}
.quarter-update .content .col-sm-3,
.quarter-update .content .col-sm-12,
.quarter-update .content .col-sm-6 {
	padding: 0px !important;
}
.quarter-update .content .up,
.quarter-update .content .center,
.quarter-update .content .under {
	padding: 5px !important;
}
.quarter-update .content .views-field-name {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #efefef;
    top: 42%;
}
.quarter-update .content .views-field-name .field-content {
    display: inline-block;
    background: rgba(48, 60, 66, 0.46);
    padding: 15px;
    border-radius: 0px 15px;
}
.quarter-update .content .views-field-view-taxonomy-term a {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    color: transparent !important;
}
.quarter-update .img-responsive {
    width: 100%;
}
@media screen and (max-width: 760px) {
    .quarter-update div.col-xs-12.side {
        display: flex;
    }
    .quarter-update div.col-xs-12.side .col-xs-6 {
        width: 50%;
    }
    .quarter-update div.col-xs-12.side .col-xs-6 div, .quarter-update div.col-xs-12.side .col-xs-6 section{
        height: 100%;
    }
    .quarter-update div.col-xs-12.side .region .field-content img {
        height: 100%;
    }
}
.join-us {
    background: url(../../images/handshake.jpg) no-repeat;
	color: #efefef;
	border-radius: 10px;
    padding: 15%;
	background-size: cover;
}
div.view-company-timeline {
	background: url(../../images/timeline-bg.jpg) no-repeat;
	background-size: cover;
	border-radius: 10px;
	padding: 2%;
}
div.view-company-timeline .views-row h2>a {
	color: #9e535a !important;
	font-size: 35px;
	padding-left: 20px;
	background: url(../../images/red-dot.png) center left no-repeat;
}
div.view-company-timeline .views-row .content {
	padding: 2%;
	width: 85%;
    color: #efefef;
    font-size: 16px;
	border-left: 1px solid crimson;
}
div.view-company-news {
    /* background: url(../../images/news-bg.jpg) no-repeat; */
    background-size: cover;
    border-radius: 10px;
    padding: 10%;
}

div.view-company-news .view-content .views-row {
    background: #efefef;
    border: 20px solid #efefef;
    margin-bottom: 10px;
}
div.view-company-news .view-content .views-row h2>a {
    color: #5a5a5a;
}
div.view-jobs {
    background: url(../../images/jobs-bg.jpg) no-repeat;
    background-size: cover;
    border-radius: 10px;
    padding: 10%;
}
div.view-jobs .views-row h2 {
    border: 1px solid #efefef;
    padding: 10px;
    border-radius: 10px;
}
div.view-jobs .views-row h2>a {
    font-size: 30px;
    text-decoration: none;
    color: #efefef;
}
div.view-jobs .views-row .content {
    color: #efefef;
}

div#contact-img {
    background: url(../../images/contact-bg.jpg) no-repeat;
    background-size: cover;
    border-radius: 10px;
    padding: 2%;
    height: 400px;
    position: relative;
    margin-bottom: 100px;
}
div#contact-img h2 {
    color: #efefef;
    position: absolute;
    top: 42%;
    font-size: 55px;
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 760px) {
    .footer {
        margin-top: 20px !important;
        padding-top: 10px !important;
    }
}
.footer {
	background: #f6f6f6;
	min-height: 355px;
	color: #303c42 !important;
}
footer .footer-links {
    position: absolute;
    bottom: 0px;
    padding: 10px 0px;
    width: 100%;
    background: #303c42;
}
.footer a {
	color: #efefef !important;
}
.footer a:hover, .footer a:active {
    background: #424c50 !important;
}
.top-footer a {
    color: #efefef !important;
}
.top-footer a:hover {
    background: #88000b !important;
}
#block-umbst-footer {
    text-align: right;
}
blockquote {
    border-left: 5px solid #4b4d4c !important;
}