body {
background:#424343;
font-family: 'Roboto', sans-serif, microsoft yahei;	
color:#000000;
background-attachment: fixed !important;
background-size: cover !important;

}

.carousel-caption{
	top:40%;
	
}

.carousel-caption h3 {font-size:3.2em; font-weight:bold;}
.carousel-caption p {font-size:2.4em; font-weight:bold; line-height:40px}

.labelnew{ background:#daa628; color:#000000;text-align:center;width:40px; position:absolute; top:50px;right:40px; font-weight:bold; padding-top:2px;padding-bottom:2px;  box-shadow: 1px 2px 2px rgba(0, 0, 0, .5);}
.labelhot{ background:#F00; color:#ffffff;text-align:center;width:40px; position:absolute; top:10px;right:10px; font-weight:bold; padding-top:2px;padding-bottom:2px; box-shadow: 1px 2px 2px rgba(0, 0, 0, .5);}

.navbar { margin-bottom:0px; background:#ffffff}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
background-color:#230203!important;
margin-top: 0px;
height: 75px;
padding-top: 26px;
}

.navbar-brand{ background:url(../images/logo.png); width:256px; height:60px; margin-top:7px; margin-bottom:8px;}

.carousel{ margin-top:65px;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
display: block;

min-width: 100%;
width: 100%;
max-width: 100%;
line-height: 1;
}

.logobanner{
 position:absolute;
left: 50%; transform: translate(-50%,0); z-index:3;
top:30%;
}
.banner-title{ color:#ffffff; font-size:3.5em; font-weight:bold; text-shadow: 2px 2px 4px #333; text-align:center; }

.banner-button{
position:absolute; color:#ffffff; z-index:5; left:50%; bottom:10%;
}

.scroll-down {
   
    
    
    border: 2px solid #ffffff;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    margin-left: -25px;
    display: block;
    z-index: 200;
    text-align: center;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.scroll-down span {
    position: relative;
    color: #ffffff;
    -webkit-animation-name: drop;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: drop;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

@-webkit-keyframes drop	{
	0%   { top:0px;  opacity: 0;}
	30%  { top:10px; opacity: 1;}
	100% { top:25px; opacity: 0;}
}

@keyframes drop	{
	0%   { top:0px;  opacity: 0;}
	30%  { top:10px; opacity: 1;}
	100% { top:25px; opacity: 0;}
}

.scroll-down {
    text-align: center;
}


#welcome{
	background:#fafafa url(../images/welcome.jpg) center top no-repeat;
	color:#ffffff;
	padding-top:60px;
	padding-bottom:60px;
}

.welcometitle{
	color:#0083BF;
	padding-bottom:20px;
	padding-top:5px;
	text-align:center;
	font-size:2.8em; font-weight:bold;line-height:30px;text-align:center;
}

.txt-bold-blue{
	color:#0083BF; font-weight:bold;
}

.welcometxt{
	color:#5a5757 ;	
	padding-bottom:20px;
	text-align:center;
	font-size:1.2em;
}

#services {
	background:#ffffff url(../images/package.jpg) center top no-repeat;
	padding-top:60px;
	padding-bottom:60px;
}

.servicestitle{
	font-size:2.8em; font-weight:bold; color:#0083BF; padding-bottom:20px; text-align:center; line-height:40px;
}

.servicesframe { width:100%;position:relative; display:block;}

.servicethumb .title { font-size:1.8em; line-height:28px; text-align:center; height:80px;padding-top:15px;}
.servicethumb .icon { padding-top:30px;}
.servicethumb .txt{ overflow-y:auto;  text-align:center; color:#5a5757}

#partners{
	background:#e9ebec ;
	color:#ffffff;
	padding-top:60px;
	padding-bottom:60px;
}

.partnerstitle{
	font-size:2.8em; font-weight:bold; color:#0083BF; padding-bottom:20px; text-align:center;
}



#joinus {
	background:#ffffff ;
	color:#ffffff;
	padding-top:60px;
	padding-bottom:60px;
}
.joinustitle {
	font-size:2.8em; font-weight:bold; color:#0083BF; padding-bottom:20px; text-align:center;	
}

.jobpanel .job { color:#5a5757; text-align:center; font-weight:bold; font-size:2.2em; line-height:30px; }
.jobpanel .job .txt { padding-bottom:20px;}

#contact {
	background:#24869b;
	color:#ffffff;
	padding-top:60px;
	padding-bottom:60px;
}
.contacttitle {
	font-size:2.8em; font-weight:bold; color:#ffffff; padding-bottom:20px; text-align:center;	
}


.bottomicon{padding-top:60px; padding-bottom:140px;}
.copyright{text-align:center; padding-bottom:60px;color:#999; margin-top:80px;}


.modal-title {
	font-size:2.2em; font-weight:bold; color:#0083BF;
}

.modal-body .subtitle { font-size:1.5em; font-weight:bold;}
.modal-body .txt { padding-bottom:30px;color:#5a5757}

.btn-primary {
    color: #8cd5e8;
    background-color: #ffffff;
   border:2px solid  #8cd5e8;
   padding-left:40px;
	padding-right:40px;
	border-radius:none!important;
	margin-bottom:40px;
}

.btn-primary:hover {
	color: #0083BF;
	background-color: #ffffff;
	border-color: #0083BF;
}

.btn-info {
    color: #ffffff;
    background-color: #0083BF;
    border-color: #ffffff!important;
	border:2px solid;
	padding-left:40px;
	padding-right:40px;

}

.btn-info:hover{ background-color: #DAA628;}

/* Link */
.navbar-inverse .navbar-nav > li > a {
    color: #464646; height:65px; margin-top:10px; padding-left:30px; padding-right:30px; 
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #0083BF;
	border-bottom: 5px solid #0083BF;
	background-color:#ffffff!important;
	margin-top: 0px;
height: 75px;
padding-top: 26px;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #0083BF;
	border-bottom: 5px solid #0083BF;
    background-color:#ffffff!important;
	margin-top: 0px;
height: 75px;
padding-top: 26px;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #0083BF;
	border-bottom: 5px solid #0083BF;
   background-color:#ffffff!important;
   margin-top: 0px;
height: 75px;
padding-top: 26px;
}

/* Caret 
.navbar-default .navbar-nav > .dropdown > a .caret {
    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: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #333;
    }
}*/

.fa {
  padding: 20px!important;
  font-size: 30px!important;
  width: 75px!important;
  text-align: center!important;
  text-decoration: none!important;
  margin: 5px 2px!important;
  border-radius: 50%!important;
 
}

.line-icon img{
	width:75px;
	height:75px;
	border-radius:50px;	
	 background-position: center; 
	 border:2px solid #ffffff;
	 margin-bottom:8px;

}

.navbar-inverse .navbar-toggle {
    border-color: #0083BF;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #0083BF;
}

.navbar-inverse {
    
    border-color: #FFF!important;
}

/* Set a specific color for each brand */

/* instagram*/
.fa-instagram {
  border:2px solid #ffffff;
  color: white;
  background: #125688;
}

/* Twitter */
.fa-twitter {
   border:2px solid #ffffff;
    color: white;
	  background: #55ACEE;
}

.fa-facebook {
   border:2px solid #ffffff;
    color: white;
	  background: #4267b2;
}

.fa-phone {
   border:2px solid #ffffff;
    color: white;
	  background: #90070d;
}

.fa-line {
   border:2px solid #ffffff;
    color: white;
	  background: #00b900;
}

.fa-skype {
  border:2px solid #ffffff;
  color: white;
  background: #00aff0;
}

.fa-envelope {
  border:2px solid #ffffff;
  color: white;
   background: #01202c;
}

.fa-wechat {
  border:2px solid #ffffff;
  color: white;
  background: #2dc100;
}

.buttoncenter{ width:170px; margin:0 auto;}

@media (min-width: 1200px) {

}
@media screen and (max-width: 800px) {
.leftframe{left:-20px}
.rightframe{right:-20px}
}

@media screen and (max-width: 480px) {

.carousel-caption{
	top:20%;
	
}

.carousel-caption h3 {font-size:1em; font-weight:bold;}
.carousel-caption p {font-size:0.8em; font-weight:bold; line-height:15px}
	
.navbar-brand{ background:url(../images/logo.png); width:214px; height:50px; margin-top:7px; margin-bottom:8px; background-size:cover; margin-left:5px;}
	
	


.nav-justified > li{float:left;}
.nav-justified{width:260px;}
.contact-icon{ margin-bottom:20px;}
.navbar-toggle {margin-top:18px;}
.navbar-nav {margin: 1px -15px; }
.navbar-inverse .navbar-nav > li > a {padding-top:15px;}

}