/* CSS Document */
@font-face{
	font-family:PingFang;
	src:url('fonts/PingFang Regular.otf');
}
@font-face{
   font-family:"Urbanist-Regular";
   src:url('fonts/Urbanist-Regular-da76_400.ttf');
   font-weight:400;
   font-style:normal;
}
@font-face{
   font-family:"Urbanist-Bold";
   src:url('fonts/Urbanist-Bold-d7f9_400.ttf');
   font-style:normal;
}
@font-face{
   font-family:"AlimamaAgileVF-Thin";
   src:url('fonts/AlimamaAgileVF-Thin.ttf');
   font-weight:400;
   font-style:normal;
}

body{ font-family:Urbanist-Regular; color:#333333;}
a{ color:#333333;}
a:hover{ color:#CC3300;}
h2{ color:#CC3300;}
.top{ color:#CCCCCC; text-align:right;}
.top a{ display:inline-block;  color:#CCCCCC;}

p.note{ font-family:PingFang,Helvetica,sans-serif !important; color:#999999; font-size:16px; text-align:center; padding-bottom:20px;}
@media(max-width:992px){
p.note{ font-family:PingFang,Helvetica,sans-serif !important; color:#999999; font-size:14px; text-align:center; padding-bottom:20px; }
}
.navigation{ background-color: rgba(0,0,0,0.78);border-radius:0px; border:none; height:60px; }
@media(max-width:992px){
	.navigation{ background-color: rgba(0,0,0,0.78);border-radius:0px; border:none; }
}

.bottom{ color:#ffffff; padding:30px 0px; min-height:320px; background:url(images/bottom-bg.jpg) center no-repeat;}
.bottom strong{ display:block; font-size:28px; font-weight:normal; }
@media(max-width:992px){
.bottom strong{ display:block; font-size:22px; font-weight:normal; }
}
.bottom ul{ margin-top:30px; font-size:14px;}
.bottom ul li{ line-height:26px;}
.bottom ul li a{ color:#ffffff;}

.navbar{ }

.no-bottom-margin{ margin-bottom:0px;}
.content{ padding:10px; }
.content p{ margin-bottom:10px;}

.navbar-nav{ float:right;}
.navbar-nav li{}
.navbar-nav>li:hover{ color:#CC3300 !important; }
.navbar-nav>li>a{font-size:16px; line-height:30px; font-family:Arial,PingFang,Helvetica,sans-serif; color:#FFFFFF !important;}

.navbar-nav>li.active{ color:#CC3300 !important;}
.navbar-nav>li>a.on{ color:#CC3300 !important; }
.navbar-nav>li>a:hover{ color:#CC3300 !important;}
@media(max-width:992px){
	.navbar-nav{ float:none;background-color: rgba(0,0,0,0.50);}
}

.navbar-inverse{ background-color: rgba(0,0,0,0.10);}
.dark{ background-color: rgba(0,0,0,0.45) !important;}
@media(max-width:992px){
	.navbar-inverse{ background-color: rgba(0,0,0,1);}
	.dark{ background-color: rgba(0,0,0,1);}
}

.container{ font-size:18px;}

.swiper-button-black{ color:rgba(0,0,0,0.3) !important;}
.swiper-button-white{ color:rgba(255,255,255,0.5) !important;}

.intro{ background:url(images/b1.jpg) no-repeat center; padding:100px 0px 0px; color:#FFFFFF; height:850px;text-align:center;}
.intro h3{ font-size:36px;}
.intro .container{ font-size:22px;}
.intro .note{ padding:15px; font-size:32px; color:#0066CC; text-shadow: -2px -2px 4px #ffffff; }
.intro .contact-list{ padding:20px 0px;}
.intro .contact-list a{ color:#FFFFFF;}
.intro .contact-list li{ list-style:none; padding:5px 0px;}
.intro .intro-about{ padding:20px 0px; font-size:20px;}
.nav-role{ text-align:center;}
.nav-role>li{ display:inline-block; float:none;}
.nav-role>li>a{ color:#FFFFFF;}
.nav-role>li>a:hover{ color:#CC3300;}

.form-search{ font-size:22px; padding:20px 0px 30px 0px;}
.form-search-index{ font-size:22px; padding:20px 0px 30px 0px;}
.form-search-index .form-control{ background-color:rgba(255, 255, 255, 0.2) !important; color:#ffffff;}
.form-search-index .form-control select { background-color: transparent !important;}

.suggestion{ padding:30px 0px;}
.suggestion h2{ font-size:36px; text-align:center; font-family:Urbanist-Bold;}


.numbers{ padding:20px 0px; text-align:center; }
.numbers strong{ font-size:48px;color:#CC3300;display:block;}
@media(max-width:992px){
.numbers strong{ font-size:36px;color:#CC3300;display:block;}
}
.numbers p{ padding:20px 0px; font-size:18px;}
.numbers .row{ font-size:16px;}

.photos{width:100%; padding:20px 0px; position:relative;}
.photos-cell{ padding:5px;}
.photos-cell img{ box-shadow: rgba(0,0,0,0.25) -3px 3px 11px 0 !important;}

.candidates{ background:url(images/candidates.jpg) no-repeat; background-size:cover; color:#FFFFFF; padding-top:90px; padding-bottom:20px;}
.candidates h3{ font-size:56px; text-align:center;}
.candidates p{ font-weight:normal;font-size:18px; padding:10px 20px;}


.list-contact{ margin:10px 0px 0px 0px; padding:0px;}
.list-contact li{ list-style:none; line-height:22px;}
.list-contact span{ margin-right:5px;}



.job{ padding:30px 0px;background:url(images/job-bg.png) no-repeat #f2f2f2;min-height:700px;}
.job h2{ font-family:Urbanist-Bold; font-size:36px; text-align:center; padding:20px 0px 10px 0px;}

.job-detail{ background-color:#f2f2f2;}
.job-detail .container{ background-color:#ffffff; box-shadow:2px 2px 5px 2px rgba(0,0,0,0.15);}
.job-detail h2{ font-size:36px; padding:10px 0px;}
.job-address{ color:#666666;}
.job-desc{  padding:20px 0px; }
.job-keywords{ padding:30px 0px;}
.job-keywords .label-default{ font-size:80% !important; font-weight:normal;}

.news-detail{ background-color:#f2f2f2; }
.news-detail .container{ background-color:#ffffff;}
.news-detail h2{ text-align:center; font-size:36px; padding:20px 0px 10px 0px; }
.news-detail p.note{ background-color:#f2f2f2; padding:10px; color:#666666; border-radius:8px;}
.news-detail .news-content{ padding:20px 10px; }


.overview{ padding:30px 0px;}
.overview h2{ font-family:Urbanist-Bold; font-size:36px; text-align:center; padding:20px 0px 10px 0px;}

.values{ padding:30px 0px;}
.values h2{ font-family:Urbanist-Bold; font-size:36px; text-align:center; padding:20px 0px 10px 0px;}

.process{ padding:30px 0px; background-color:#f2f2f2;}
.process h2{ font-family:Urbanist-Bold; font-size:36px; text-align:center; padding:20px 0px 10px 0px;}


.services{ padding:30px 0px;}
.services h2{ font-family:Urbanist-Bold; font-size:36px; text-align:center; padding:20px 0px 10px 0px;}

.services .media{ padding-bottom:30px;}
.services h4{ font-size:32px;}
@media(max-width:992px){
.services h2{ font-family:Urbanist-Bold; font-size:28px; text-align:center; padding:20px 0px 10px 0px;}
.services .media{ font-size:16px;}
.services h4{ font-size:26px;}
}


.contact{ padding:30px 0px;}
.contact h2{ font-family:Urbanist-Bold; font-size:36px; text-align:center; padding:20px 0px 10px 0px;}

.contact-employer{ padding:30px 0px;}
.contact-employer .container{ background-color:#ffffff;  }
.contact-employer h2{ font-family:Urbanist-Bold; font-size:36px; text-align:center; padding:20px 0px 10px 0px;}

.fields{ padding:30px 0px; background-color:#f2f2f2;}
.fields h2{ font-family:Urbanist-Bold; font-size:36px; text-align:center; padding:20px 0px 10px 0px;}
.fields p.note{ }
.fields .field{ padding:10px; background-color:#ffffff; box-shadow:2px 2px 5px 2px rgba(0,0,0,0.3); margin-bottom:20px; min-height:220px;}
.fields .field h4{ text-align:center;}

.jobs{ padding:30px 0px; background-color:#f2f2f2;}
.jobs h2{ font-family:Urbanist-Bold; font-size:36px; text-align:center; padding:20px 0px 10px 0px;}
.jobs p.note{}
.box-job{ }
.jobs-list{ padding:30px 0px;}

.job-cell{ padding:15px; box-shadow:2px 2px 5px 2px rgba(0,0,0,0.3); min-height:370px; margin-bottom:20px; background-color:#ffffff;}
.job-cell h3{ padding:0px 0px 20px 0px; font-family:Urbanist-Bold; font-size:24px;}
.job-cell p{ display:block;}
.job-cell p.job-note{ line-height:30px;}
.job-cell p.job-money{ }
.job-cell p.job-intro{ color:#666666;}
.job-cell strong{ font-size:32px; color:#CC3300;}



.nav-tabs > li > a{ background-color:rgba(255, 255, 255, 0.2);}
@media(max-width:992px){
	.nav-tabs > li > a{ background-color:rgba(255, 255, 255, 0.2); font-size:14px;}
}
.nav-tabs > li > a:hover{ background-color:rgba(255, 255, 255, 0.2);}
.nav-tabs > li.active > a { background-color:rgba(255, 255, 255, 0.5);}
.nav-tabs > li.active > a:hover{ background-color:rgba(255, 255, 255, 0.5); }
.nav-tabs > li.active > a:visited{ background-color:rgba(255, 255, 255, 0.5);}
.tab-content{ background-color:rgba(255, 255, 255, 0.1); padding:30px; color:#ffffff; )}


.advantage{ padding:30px 0px; min-height:600px;}
.advantage h3{font-family:Urbanist-Bold; font-size:36px; text-align:center; padding:20px 0px;}
.advantage strong{ font-family:Urbanist-Bold; font-size:22px; font-weight:normal;}
.advantage-cell{ padding:10px; border-radius:10px; min-height:220px; margin-bottom:20px;}

.profile{ padding:30px 0px;  min-height:550px; background:url(images/profile-bg.png) no-repeat center;}
.profile h2{ font-family:Urbanist-Bold; font-size:36px; text-align:center;padding:20px 0px;}


.service{font-size:16px; color:#666666; padding:40px 15px;}
.service h2{ color:#333333;}
.service-content{ padding:25px 0px;}

.team{ padding:30px 0px; min-height:600px; background-color:#FFFFFF;}
.team h2{ font-family:Urbanist-Bold; font-size:36px; text-align:center; padding:20px 0px 10px 0px;}
.team p.note{ }
.team .swiper-slide{ border-radius:5px; background-color:#f2f2f2; box-shadow:2px 2px 5px 2px rgba(0,0,0,0.3);}


.partner{ padding:30px 0px; background-color:#f2f2f2;}
.partner h2{font-family:Urbanist-Bold; font-size:36px; text-align:center; padding:20px 0px 10px 0px;}
.partner p.note{ }
.list-partner{ padding-bottom:35px; overflow:hidden;display:block;}
.list-partner div{ margin:10px 0px;  }
.box-partner{ box-shadow:2px 2px 5px 2px rgba(0,0,0,0.3);background-color:#FFFFFF;border-radius:5px; overflow:hidden;}

.value{  background:url(images/b3.jpg) no-repeat center; color:#FFFFFF; font-size:18px; }

.value-content{background-color:rgba(255,153,50,0.7); min-height:540px; padding:80px 35px 55px 35px;}
.value-content h2{ font-size:56px;}
.btn-black{ background-color:#000000; color:#FFFFFF; border:none;}

.article{ padding:30px 0px; background-color:#ffffff; }
.article h2{font-family:Urbanist-Bold; font-size:36px; text-align:center;}
.article p.note{ }

.news{ padding:30px 0px; background-color:#f2f2f2;}
.news h2{ font-family:Urbanist-Bold; font-size:36px; text-align:center; padding:20px 0px 10px 0px;}
.news p.note{ }

.news h4{  font-size:24px; }
.news p{ color:#666666; padding-bottom:20px; font-size:16px;}

.news .thumbnail{ font-size:14px; box-shadow:2px 2px 5px 2px rgba(0,0,0,0.3);}
@media(max-width:992px){
h2{font-size:28px !important;}
h3{font-size:24px !important;}
}