/*
* Author: Vasterad
* Template: Astrum
* URL: http://themeforest.net/user/Vasterad/
*/


/* =================================================================== */
/* Import Section
====================================================================== */
@import url("base.css");				/* Default Reset, Typography, Forms, etc. */
@import url("responsive.css");			/* Responsive Grid */
@import url("font-awesome.css");				/* Font Awesome Icons */

BODY {
    font-size: 12px;  
}

/* =================================================================== */
/* Preloader
====================================================================== */
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0;  z-index:9999999; background:#FFF; }
#loading-animation { width: 200px; height: 200px; position: absolute; left: 50%;  top: 50%;  background-image: url(../images/loading.gif);  background-repeat: no-repeat; background-position: center;  margin: -100px 0 0 -100px; }


/* =================================================================== */
/* Home
====================================================================== */
	#home{ width:100%;  height:auto; position:relative; }

/* Super Slides */
	#slides { position: relative; }
	#slides .slides-container { display: none; }
	#slides .slides-container  div,
	#slides .slides-container  img{ width:100%; height:100%; }
	.home-pattern{ background: black; opacity:0.6; }
	.pattern:after{ background: url(../images/pattern_004.png); width:100%; height:100%; bottom:0; left:0; position:absolute; z-index: 1; content: ""; }

	.home-pattern-style{ background:url(../images/home-pattern.jpg) repeat; width:100%; height:100%; }

	#slides .slides-container .image1{ background-size:cover; }
	#slides .slides-container .image2{ background-size:cover; }
	#slides .slides-container .image3{ background-size:cover;}
	#slides .slides-container .image4{ background-size:cover;}
	#slides .slides-container .image5{ background-size:cover; }

	#slides .scrollable { *zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; }
	#slides .scrollable:after { content: ""; display: table; clear: both; }

/* Super Slides Navigation */
	.slides-navigation { margin: 0 auto; position: absolute; z-index: 3; top: 45%; 	width: 100%; }
	.slides-navigation a { position: absolute;	display: block; width:74px; height:74px; background:url(../images/arrows.png); opacity:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; 	transition: all 0.5s; }
	.slides-navigation a.prev { left: 1%; background-position:bottom center; }
	.slides-navigation a.next { right: 1%; background-position:top center; }
	#home:hover .slides-navigation a{ opacity:0.3; }
	.slides-navigation a:hover{ opacity:1 !important; }

/* Super Slides Pager */
	.slides-pagination { position: absolute; z-index: 3; bottom: 0; text-align: center; width: 100%; }
	.slides-pagination a { border: 2px solid #222; 	border-radius: 15px; width: 10px; height: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1;
*display: inline; margin: 2px; overflow: hidden; text-indent: -100%; }
	.slides-pagination a.current { background: #222; }

/* Main Home Texts - With Flexslider */
	.main{ position:absolute; width:100%; top:50%; margin:0 auto; z-index:2; background: transparent; height:auto;  min-height:300px;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);transform: translateY(-50%); text-align:center; }
	.main ul { height:auto; min-height:160px; padding:0; margin:0 auto; position:relative; }
	.main ul li{ list-style:none; font-size:48px; line-height:55px; color:white; text-transform:uppercase; text-shadow:2px 2px 2px rgba(0,0,0,0.1); }
	.main ul li span{ color:#f02d2d; }
	.home-slider{ width:100%; }

/* Home Description */
	.home-desc{ width:100%; max-width:670px; margin:35px auto; position:relative; text-align:center; color:white; font-size:14px; font-weight:200; text-transform:uppercase; line-height:22px; }

/* Home Get Started Button */
	.home-button{ width:250px; height:auto; padding:10px 23px; border:2px solid white; background: rgba(43,43,43,0.1); color:#FFF; text-transform:uppercase; font-size:18px; cursor:pointer;
margin:35px auto; display:block; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
    .home-button:link { color:#FFF;}
	.home-button:hover{ background:white; color:#3c3c3c; text-decoration:none; }
    
    
    .home-pr-button{ width:220px; height:auto; padding:10px 23px; border:2px solid white; background: rgba(43,43,43,0.1); color:#FFF; font-weight:300; text-transform:uppercase; font-size:18px; cursor:pointer;
margin:35px auto; display:block; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
    .home-pr-button:link { font-size:16px; color:#FFF;}
	.home-pr-button:hover{ background:white; color:#3c3c3c; text-decoration:none; }
    
    
    .view-button{ width:100px; height:auto; padding:8px 10px; border:1px solid #3c709f; background: rgba(255,255,255,0.1); color:#3c709f;  cursor:pointer; display:block; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
    .view-button:link { color:#3c709f; font-size:12px;}
	.view-button:hover{ background:#3c709f; color:#fff; text-decoration:none; }
    
    
     .pr-button{ width:200px; height:auto; padding:10px 10px; border:1px solid #3c709f; background: rgba(40,110,180,1); color:#fff; font-weight:300; text-transform:uppercase; font-size:24px; cursor:pointer;margin:35px auto; display:block; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
    .pr-button:link { color:#fff; font-size:16px;}
	.pr-button:hover{ background:#333; color:#fff; text-decoration:none; border:1px solid #333; }
    
    
    .sub-button{ width:170px; height:auto; padding:10px 10px; background:#3c709f; color:#fff; font-weight:300; font-size:14px; cursor:pointer;
		margin-top:25px; margin-bottom:45px; display:block; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border:0;  }
    .sub-button:link { background:#3c709f; color:#fff; font-size:14px;}
	.sub-button:hover{ background:#000; color:#fff; text-decoration:none; }
    
    .icon-button{ width:40px; height:auto; padding:8px 8px; border:1px solid #999; background: rgba(255,255,255,0.1); color:#999; font-size:18px; cursor:pointer; margin:0 5px; display:inline-block; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
    .icon-button:link { color:#999;}
	.icon-button:hover{  border:1px solid #104175; background:#104175; color:#fff; text-decoration:none; }
    
    .icon-button-2{ width:40px; height:auto; padding:8px 0px; background:#104175; color:#fff;  cursor:pointer; margin:0; display:inline-block; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
    .icon-button-2:link { color:#fff; font-size:24px; }
	.icon-button-2:hover{  background:#333; color:#fff; text-decoration:none;  }

/* =================================================================== */
/* Header
====================================================================== */

/* Containers */
	.contain{ width:100%; position:relative; height:auto; }
	.inner{ width:100%; max-width:1170px; margin:0 auto; padding:40px 0; position:relative; z-index:2; }
	.full-width{ width:100%; max-width:100%; margin:0 auto; padding:40px 0; }

    #top-bar { min-height: 35px; width: 100%; background-color:#F4F4F4; border-bottom: 1px solid #f5f5f5; padding: 8px 0; font-size: 14px; z-index:9999;  }  
    
    .site-call-phone { color: #333; position: absolute; top: 2px; left:20px; font-family:Verdana, Geneva, sans-serif;  }
    .site-call-email { color: #333; position: absolute; top: 2px; left:190px; font-family:Verdana, Geneva, sans-serif;  }
    .site-call-phone a,.site-call-email a{ margin-right:30px; color: #333; }
    .site-call-phone a:hover,.site-call-email a:hover{ color: #06F; }
    .site-call-phone i, .site-call-email i{ margin-right:7px; font-size:16px; }
    .site_lang { position:absolute; top:3px; right:5px; z-index:1; }
    
    .lang_en_cn{ background:url(../images/icon-chinese.png) no-repeat left top;  display:block; cursor:pointer; overflow:hidden; transition: background-position 0.3s ease-in-out;	-moz-transition: background-position 0.3s ease-in-out; -webkit-transition: background-position 0.3s ease-in-out; -o-transition: background-position 0.3s ease-in-out; padding-left:25px; color:#999;}

/* Navigation */
	#header{ width:100%; border-bottom:1px solid #e2e2e2; position:relative; background:#fff; height:70px; box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2); z-index:999;}
	#header .navigation{ padding:0; height:100%; }
	.shadow{ box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1); }
    
    .ie8  #header{ border-bottom:1px #CCC solid; }

/* Logo */
	.navigation .logo{ float:left; position:absolute; z-index:10; }
	.navigation .logo a{ width:auto; display:block; margin:7px 0 0; }

/* Nav Menu */
	.nav-menu{ width:auto; float:right; height:70px; text-align:right; margin-right:10px;  }
	.nav-menu ul{ padding:0; margin:0; } 
	.nav-menu ul li{ height:70px; width:auto; display:block; float:left; list-style:none; padding:0; margin:0; }
	.nav-menu ul li  a{ height:70px; padding:25px 15px; display:block; font-size:16px; text-align:center; color:#464646;  }
	.nav-menu ul li:first-child a{ padding-left:0; }
	.nav-menu ul li:last-child a{ padding-right:0; }
	.nav-menu a:hover{ color:#3075b3;  }
	.nav-menu a.active{ color:#3075b3; }
    .main-nav > li > a:hover,
	.main-nav > li > a:focus{ background: none;  }
	.main-nav li.active a{ color:#3075b3; }
    

/* Mini Navigation For Mobile */
	.mobile-drop{ height:100%; width:100%; display:none; }
	a.mobile-menu{ position:absolute; top:50%; font-size:21px; right:30px; left:auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
    .mobile-drop ul.fullwidth{ width:100%; position:relative; }
	.mobile-drop ul.fullwidth li{ width:100%; height:auto; margin:0; }
	.mobile-drop ul.fullwidth li a{ padding:6px; margin:0; height:auto; text-align:left; border-bottom:1px solid #ededed; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
	.mobile-drop ul.fullwidth li.active a{ background-color:#383838; color:white; }

/* Dropdown Menu */
	.dropdown-menu{ border: 0px solid #eeeeee; border-top:1px solid #373737; border-top-right-radius: 0; border-top-left-radius: 0; }
	.dropdown-toggle .dropdown-menu li{ display: block; width: 100%; padding:0; float: none; margin:0; 	height: auto; }
	.dropdown-toggle .dropdown-menu li a{ display: block; width: 100%; height: auto; padding: 10px 15px; text-align: left; color: #464646; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-size:14px; }
	.dropdown-toggle .dropdown-menu li:first-child a{ padding-left:15px; }
	.dropdown-toggle .dropdown-menu li a:hover{ background: #373737; color: white; }



/* Dropdown Menu For Mobile */
     .dropdown-menu-1{ border: 1px solid #eeeeee; border-top:0px solid #373737; border-top-right-radius: 0; border-top-left-radius: 0; }
	 .dropdown-toggle .dropdown-menu-1 li{ display: block; width: 100%; padding:0; float: none; margin:0; 	height: auto; }
	 .dropdown-toggle .dropdown-menu-1 li a{ display: block; width: 100%; height: auto; padding: 14px 20px; text-align: left; color: #464646; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;	}
	 .dropdown-toggle .dropdown-menu-1 li:first-child a{ padding-left: 20px; }
	 .dropdown-toggle .dropdown-menu-1 li a:hover{ background: #373737; color: white; }

	 .dr-mobile{ position: relative; width:100%; box-shadow: none; border-top: none; }
	 .dr-mobile li{ width:100%; }
	 .dr-mobile li:first-child a{ padding-left: 20px !important; }
	 .dr-mobile li a{ padding-left: 20px !important; }
	 .dr-mobile li:last-child a{ border-bottom: none !important; }
    

/* ------------------ Icon Box ------------------ */

.featured-box { float: left; margin: 0 0 30px 0; z-index:1; }

.circle .icon-magic { margin-top: 21px; }
.circle i {
	font-size:48px;
	margin: 20px 0;
	float: left;
	color: #fff;
	position: relative;
}

.circle { width:90px; height:90px; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #2c66ae; text-align: center; float: left; }
.featured-desc { float: left; margin: -90px 0 0 100px; }
.featured-desc h3 { font-size:18px; margin-bottom: 10px; font-weight:bold; }


.featured-box:hover > .circle { background-color: #a0a0a0; }
.featured-box:hover > .circle i { color: #fff; }

.circle, .circle i, .circle span { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
.circle span { display: block; width: 90px; height: 90px; border-radius: 5px; background-color:#2c66ae; }

.featured-box:hover > .circle span { background-color: #a0a0a0; opacity: 0; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); 	-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s ; }

.icon-left-1 {left: 23%;}
.icon-left-2 {left: 30%;}

.circle-2 .icon-magic { margin-top: 21px; }
.circle-2 i { font-size:48px; margin: 20px 0;  float: left; color: #fff; position: relative; }

.circle-2 { width:90px; height:90px; display: block; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius:45px; background-color: #2c66ae; text-align: center; float: left; }

.featured-box:hover > .circle-2 { background-color: #a0a0a0; }
.featured-box:hover > .circle-2 i { color: #fff; }

.circle-2, .circle-2 i, .circle-2 span { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
.circle-2 span { display: block; width: 90px; height: 90px; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius:45px; background-color:#2c66ae; }

.featured-box:hover > .circle-2 span { background-color: #a0a0a0; opacity: 0; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); 	-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s ; }



/* ------------------ Icon Box ------------------ */
  .featured-box-new { margin: 0 0 30px 0; }
  .circle-new { margin:0 auto; display:block; }
  .circle-new i { font-size: 40px; margin: 25px auto;  float: left; color: #fff; z-index: 5; position: relative; text-align:center; }
  .circle-new { width: 90px; height: 90px; display: block; border-radius: 50%; background-color:#283d98; text-align: center; border:2px #283d98 solid; }
  .circle-new i.icon-left-1 {left:20px; }
  .circle-new i.icon-left-2 {left:23px; }
  .circle-new i.icon-left-3 {left:26px; }
  .circle-new i.icon-left-4 {left:28px; }
  .circle-new i.icon-left-5 {left:32px; }
  .circle-new i.icon-left-6 {left:22px; }
  
  .featured-desc-new { margin:20px auto; display:block; text-align:center;  }
  .featured-desc-new h3 { margin-bottom: 15px; text-align:center; color:#666; }
  
  .featured-box-new:hover > .circle-new { background-color: #fff; border:2px #283d98 solid;}
  .featured-box-new:hover > .circle-new i { color: #283d98; }
  .featured-desc-new p { font-size:14px; color:#5B6064; line-height:22px; }
  
  .circle-new, .circle-new i, .circle-new span { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
  .circle-new span { z-index: 4; display: block; width: 90px; height: 90px; border-radius: 50%; background-color: #283d98; }
  
  .featured-box-new:hover > .circle-new span { background-color: #283d98;  opacity: 0; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; }


/* ------------------ 10.PARALLAX ------------------ */
.parallax-section { position: relative; overflow: hidden; width: 100%; }
.parallax-header { position: relative; text-align: center; }
.parallax-titlea { font-size:48px; margin-top: -20px; color: #FFFFFF;  background-attachment: scroll; background-image: url('../images/divider11.png'); background-repeat: repeat-x; background-position: top center; padding-top: 0; display: inline-block; text-transform: uppercase;  position: relative; z-index: 20; }
.parallax-titlea span { }

.parallax-slogan {font-size: 26px; line-height: 140%; margin: 0; z-index: 10; position: relative; }
.parallax-slogan-1 { font-size: 26px; line-height: 140%; margin: 0; z-index: 10; position: relative; text-transform: uppercase; }

.ie8 .parallax-title,
.ie8 .parallax-slogan { opacity: 0; }

.parallax-content { color: #FFFFFF; position: relative; }

.parallax-content .parallax-header { padding: 80px 0; }

.parallax-background { background-position: center center; -webkit-background-size: cover !important;  -moz-background-size: cover !important;  -o-background-size: cover !important;  background-size: cover !important; background-repeat: repeat-y;}

.parallax-background.fixed { background-attachment: fixed !important; }

.parallax-banner-10 { background: #FFF fixed; }

.parallax-banner-about { background: url('../images/parallax-banner-about.jpg'); background-position: bottom center; }



.parallax-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: repeat; background-attachment: scroll; }
.parallax-overlay-1 { background-image: url('../images/pattern_001.png'); }
.parallax-overlay-2 { background-image: url('../images/pattern_002.png'); }
.parallax-overlay-3 { background-image: url('../images/pattern_003.png'); }
.parallax-overlay-4 { background-image: url('../images/pattern_004.png'); }
.parallax-overlay-5 { background-image: url('../images/pattern_005.png'); }
.parallax-overlay-6 { background-image: url('../images/pattern_006.png'); }

/* ------------------ Home news ------------------ */

.home_news_img { float:left; margin:0 0 15px 0; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); border-radius: 3px;}
.home_news_img img { width:250px; height: auto;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.home_news_desc { float: left; margin: 0 0 0 25px; }
.home_news_desc h3 a:link{ font-size: 18px; margin-bottom: 20px; color:#777;}
.home_news_desc h3 a:hover{ color:#283d98; }

/* =================================================================== */
/* Miscellaneous
====================================================================== */
.headline { padding-right: 10px;  z-index: 5; position: relative; float: left; }
.line { border-bottom: 1px solid #f0f0f0; width: 100%; float: left; height: 1px; display: inline-block; margin: -16px 0 25px 0; }
.widget .line { margin-bottom: 22px; }

.section-header { position: relative; text-align: center; overflow: hidden;  white-space: nowrap; text-transform: uppercase;}
.section-header:before, .section-header:after { background-color: #dedede;  content: '';  display: inline-block;  height: 1px; position: relative;  vertical-align: middle; width: 50%; }
.section-header:before {  left: -1em; margin: 0 0 0 -50%; }
.section-header:after { left: 1em; margin: 0 -50% 0 0; }

.section-header.colored:before, .section-header.colored:after { background-color: #c7cfc3; }

.head-line  {  padding:15px 20px 0 20px; margin:30px auto; }

/* =================================================================== */
/* Footer
====================================================================== */
   #footer-contact { background:#2b3034;  padding:30px 0 15px 0; }
   .footer-list p {  font-weight:100; font-size:24px;  color:#dedede; text-align:center;  }
   .footer-list p a{ color:#B7EAFD;}
   .footer-list p a:hover{ color:#dedede; }
  
/* Footer Bottom
====================================*/
  #footer-bottom { padding: 50px 0 20px 0; color:#dedede;  background:#363b3f;}
  #footer-bottom a { color: #dedede; }
  
  #footer-bottom .text-cent { text-align: center; font-size:12px; color:#dedede;}
  #footer-bottom .text-left { text-align:left; font-size:12px;}
  #footer-bottom .text-right { text-align:right; font-size:12px; color:#dedede;}
  
  .qr { width:100px; margin:0 auto; position:relative; top:20px; }

/*  Back to Top
====================================*/
    #back_top i { margin:10px;}
    #back_top a { background:#104175; right: 30px; bottom: 30px; display: block; width: 35px; height:35px; position: fixed; z-index: 999;border-radius:5px; color:#fff; }
    #back_top a:hover { background:#000; color:#FFF; }
 
/* Titlebar
====================================*/
  #titlebar { background: #003678; position: relative; min-height: 120px; padding-top:25px;    }
  #titlebar h2 { font-size: 32px;  float: left; width: 100%; color:#fff; }
  #titlebar span { font-weight: 300; color: #aaa; }
  
  .titlebar {min-height: 150px; padding-top:60px;}
  .titlebar h2 { font-size: 32px;  float: left; width: 100%; color:#fff; }
  .titlebar span { font-weight: 300; color: #aaa; }
  
/* Breadcrumbs
====================================*/
  #breadcrumbs ul { float: right; font-size: 14px; margin-top:10px; margin-right:20px;}
  #breadcrumbs ul li { display: inline-block; color: #fff; margin: 0 0 0 5px; }
  #breadcrumbs ul li:after { content: " - "; font-size: 14px; color:#FFF; margin: 0 0 0 9px; }
  #breadcrumbs ul li:last-child:after, #breadcrumbs ul li:first-child:after { content: ""; margin: 0; }
  #breadcrumbs ul li:last-child a, #breadcrumbs ul li a { color: #fff; }
  #breadcrumbs ul li a:hover { color:#fff; }
  #breadcrumbs ul li:first-child { padding-right: 0; margin-left: 0; }
  #breadcrumbs ul li:first-child, #breadcrumbs ul li:last-child { color: #999; background: none; }
  #breadcrumbs ul li:last-child { padding:0; background: none;  font-weight: 400;}
  
 
/* List Styles
====================================*/
.list-1 li,
.list-2 li,
.list-3 li,
.list-4 li { list-style: none; margin: 7px 0; margin-left: 2px; font-size:14px;  }

.list-1 li:first-child,
.list-2 li:first-child,
.list-3 li:first-child,
.list-4 li:first-child { margin-top: 0; }

.list-1 li:before,
.list-2 li:before,
.list-3 li:before,
.list-4 li:before { content: ""; font-family: "FontAwesome"; margin: 0 7px 0 0; position: relative; }

.list-1 li:before { content: ""; }
.list-2 li:before { content: ""; }
.list-3 li:before { content: ""; }
.list-4 li:before { content: ""; }

ul.list-5 { margin:0 auto;}
.list-5 li { font-size:14px; background:url(../images/list-marker-circle-w.png) no-repeat 0 12px; padding-left:15px; padding-top:3px; padding-bottom:3px; line-height:22px;  color:#FFF; margin-bottom:5px;  }
.list-5 li strong { font-size:14px; color:#fff; font-weight:700; }

.list-6 li { background:url(../images/list-marker-circle.png) no-repeat 0 12px; padding-left:15px; padding-top:3px; padding-bottom:3px; line-height:22px; color:#777; font-size:14px; }

.list-7 li { margin-top:8px; font-size:14px; color: #777; line-height:20px; }
.list-7 li a{color: #777; }   
.list-7 li a:hover{ color:#06F;} 


 .about-video { float:left; margin:0 20px 20px 0; width:580px; height:auto;}

/* =================================================================== */
/* Portfolio
====================================================================== */

.products_left, .products_right{  float: left; display: inline; margin-left: 10px; margin-right: 10px;  }
.products_left {width: 805px; }
.products_right { width: 355px; }

.item-preview { margin-bottom: 40px; }
.item-preview article { background:#FFF; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.15);  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.pic-show { background:#FFF; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.15);  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.15); box-shadow: 0 1px 5px rgba(0,0,0,0.15); border-radius: 3px; overflow: hidden;}

.text_i_t{ width:70%; margin:20px auto; font-size:80%; text-align:center; font-style:italic; color:#999; line-height:20px;}

/* News Item Description
--------------------------------------------------- */

.item-preview .item-description { padding: 18px 20px 10px 20px; position: relative;  overflow: hidden;  text-align: center; min-height:80px;}
.item-preview .item-description p a:link{ font-size:12px; line-height: 20px; color:#666; margin-bottom: 10px; }
.item-preview .item-description p a:visited { color:#999;}
.item-preview .item-description p a:hover { color:#06C;}
.item-preview .item-description h6 { margin-bottom:15px; font-style:italic; font-size:14px; color:#C6C6C6; }


/*-----------------------------------------------------------------------------------*/
/*	10. Image and Preview Image: Overlay & Border
/*-----------------------------------------------------------------------------------*/

.item-picture { position: relative; }
.item-picture img { max-width: 100%;}
.item-picture iframe,
.item-picture .html5-video { display: none; }

.item-picture-2 { border-radius: 3px 3px 0 0;}
.item-picture-4 { border-radius: 3px;}

/* Image Overlay
--------------------------------------------------- */
.image-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; background-color: #000; background: rgba(0, 0, 0, 0); cursor: pointer; -webkit-transition: background-color 0.2s ease-out;    -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; }
.image-overlay span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 60%; opacity: 0; -webkit-transition: all 0.15s ease-out;  -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }

.image-overlay .link { background-image: url(../images/overlay-icon-link.png); }
.image-overlay .zoom { background-image: url(../images/overlay-icon-zoom.png); }
.image-overlay .mail { background-image: url(../images/overlay-icon-mail.png); }
.image-overlay .video { background-image: url(../images/overlay-icon-video.png); }

.item-picture:hover .image-overlay { background: rgba(0, 0, 0, 0.35); }
.item-picture:hover .image-overlay span { background-position: 50% 50%; opacity: 1; }
.ie8 .image-overlay, .ie8 .image-overlay span { filter: alpha(opacity=0); }
.ie8 .item-picture:hover .image-overlay { filter: alpha(opacity=50); }
.ie8 .item-picture:hover .image-overlay span { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff); }



/* item text
--------------------------------------------------- */
.item_right {}
.item_right h3 { margin-bottom:10px; margin-top:30px; font-size:18px;}
.item_right h3:first-child{ margin-top:0;}
.item_right p {}


/* =================================================================== */
/* News - blog
====================================================================== */
.news-one-third, .news-two-third {float: left; display: inline; margin-left: 10px; margin-right: 10px;}
.news-one-third { width: 380px; }
.news-two-third { width: 750px; }



.news-style { border-bottom:1px #e5e5e5 solid; }
.news-item-preview { margin-bottom: 40px; }
.news-item-preview article { background:#FFF; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* News Item Description
--------------------------------------------------- */
.news-item-description { text-align:left; }
.news-item-description h3 a:link{ color:#333; font-size:20px; line-height: 22px; color:#333; margin-bottom: 10px;}
.news-item-description h3 a:visited{ color:#333; }
.news-item-description h3 a:hover { color:#3075b3; }
.news-item-description h6 { font-size:12px; font-style:italic; color:#999;}
.news-item-description p { margin-top:30px;  }

/* News Item foot
--------------------------------------------------- */
.news-item-foot { margin-top:5px; color:#bbb;  border-top:1px #e5e5e5 solid; }
.news-item-foot p{ font-size:12px; padding:10px 10px 10px 20px;}

/* pager_nav  
====================================*/
    .pager_nav { width:100%; margin:0 auto; border-top:0px #CCC solid; padding:0; position:relative; text-align:center;}
    .pager_nav .bx_num { font-weight:bold;  font-size:75%; margin:20px auto; }
    .pager_nav .bx_num a {color:#999;margin:0 2px; background:#fff; border:1px #ccc solid;padding:5px 7px;}
    .pager_nav .bx_num a:hover, .pager_nav .bx_num span { color:#fff;margin:0 2px; background:#3075b3; padding:5px 7px;  border:1px #3075b3 solid;}
    .pager_nav .bx-prev{ cursor:pointer;}
    
    .page_tec { text-align:center;}
    .box-brod { border:1px #1d1d1d solid; }


/* News show
--------------------------------------------------- */
.news_show { background:rgba(255, 255, 255, .8);  background:#FFF; max-width:650px; margin:15px auto;  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); padding:20px;}
.news_show h3 { margin-top:15px;}
.news_show h6 { margin-bottom:30px; font-size:12px; color:#bbb;}

.news_show img { width:100%; height:auto; margin:20px auto;}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  
  .news_show { width:100%;}
}

/* Google Maps
====================================*/
  .google-cont { width:100%; position:relative;  text-align:center; }
  .google-cont  h2 { position:absolute; z-index:1800;padding:20px; background:#FFF; margin:20px auto; left:45%;}
  
  #googlemaps { width:100%; padding-bottom:30%; height:300px; margin:0;}
  

     
     
/*-----------------------------------------------------------------------------------*/
/*	OWL CAROUSEL
/*-----------------------------------------------------------------------------------*/
.carousel-th .item { margin: 0 10px 1px 10px }
.owl-clients .item img { max-width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; }
.owl-clients .item:hover img { max-width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.owl-carousel { position: relative }
.owl-carousel .owl-controls { position: absolute; width: 100%; height: 100%; top: 0; pointer-events: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; }
.owl-carousel:hover .owl-controls { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.owl-carousel .owl-controls .owl-prev { position: absolute; top: 95px; left: 20px; pointer-events: auto; }
.owl-carousel .owl-controls .owl-next { position: absolute; top: 95px; right: 20px; pointer-events: auto; }

.owl-carousel .owl-controls .owl-prev, 
.owl-carousel .owl-controls .owl-next { z-index: 1; cursor: pointer; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; background: rgba(0,0,0,0.3); color: #f7f7f7; line-height: 1; font-size: 18px; padding: 12px; width: auto; height: auto; -webkit-border-radius: 3px; border-radius: 3px; }
.owl-carousel .owl-controls .owl-prev:hover,
.owl-carousel .owl-controls .owl-next:hover { background: rgba(0,0,0,0.5) }

.owl-portfolio-slider { padding-bottom: 15px; display: none; }

.owl-clients, 
.owlcarousel { display: none }

.owl-slider-wrapper { position: relative; margin-bottom: 20px; }
.owl-slider-wrapper .item img { display: block; width: 100%; height: auto; }

.owl-slider-wrapper .owl-custom-nav { position: absolute; width: 100%; height: 100%; top: 0; pointer-events: none; }
.owl-slider-wrapper .owl-custom-nav .slider-prev { position: absolute; top: 50%; left: 20px; margin-top: -23px; pointer-events: auto; }
.owl-slider-wrapper .owl-custom-nav .slider-next { position: absolute; top: 50%; right: 20px; margin-top: -23px; pointer-events: auto; }
.owl-slider-wrapper .owl-custom-nav .slider-prev,
.owl-slider-wrapper .owl-custom-nav .slider-next { z-index: 1; cursor: pointer; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; background: rgba(0,0,0,0.3); color: #f7f7f7; line-height: 1; font-size: 18px; padding: 12px 17px; width: auto; height: auto; -webkit-border-radius: 3px; border-radius: 3px; }
.owl-slider-wrapper .owl-custom-nav .slider-prev:before,
.owl-slider-wrapper .owl-custom-nav .slider-next:before { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; }
.owl-slider-wrapper .owl-custom-nav .slider-prev:before { content: '\f053' }
.owl-slider-wrapper .owl-custom-nav .slider-next:before { content: '\f054' }
.owl-slider-wrapper .owl-custom-nav .slider-prev:hover,
.owl-slider-wrapper .owl-custom-nav .slider-next:hover { background: rgba(0,0,0,0.5) }


.owl-slider-wrapper .owl-controls { margin-top: 30px; text-align: center; position: relative; }
.owl-slider-wrapper .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; }
.owl-slider-wrapper .owl-controls { margin: -40px 0 0 0; }

.owl-slider-wrapper .owl-controls .owl-pagination .owl-page span { display: block; margin: 0 2px; width: 12px; height: 12px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 200ms ease-in;     -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; background: rgba(0,0,0,0.3); border: none; }
.owl-slider-wrapper .owl-controls .owl-pagination .owl-page.active span,
.owl-slider-wrapper .owl-controls .owl-pagination .owl-page:hover span { background: rgba(0,0,0,0.5); border: none; }
.owl-slider-wrapper .owl-custom-nav,
.owl-slider-wrapper .owl-controls { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; }
.owl-slider-wrapper:hover .owl-custom-nav,
.owl-slider-wrapper:hover .owl-controls { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
#owl-gallery .item { margin: 0 10px; }
#owl-gallery .item img { display: block; width: 100%; height: auto; }
#owl-gallery .owl-controls { margin: 10px 0 0 0; }
#owl-gallery .owl-pagination { height: 12px }
/* preloading images */
.owl-item.loading { min-height: inherit;  background: none; }


/* Standard Table
--------------------------------------------------- */
table.standard {width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; font-size:11px; }
table.standard caption { margin-bottom:10px; font-weight:700; font-size:20px; color:#333; text-align:left; padding-left:15px; }
table.standard th { font-family:Tahoma, Geneva, sans-serif;font-weight: bold; border: 1px solid #d9dee4; border-bottom: 1px solid #d9dee4; background-color: #e3e7eb; padding: 8px 15px; text-align: center; vertical-align: middle; color:#333; }
table.standard td { font-family:Tahoma, Geneva, sans-serif; border: 1px solid #d9dee4; padding: 8px 15px; text-align:center; color:#666;  }
table.standard tr:hover td { background-color: #f0f2ed; background-color: rgba(255, 255, 255, 0.8); }
.ie8 table.standard th { font-family:Verdana, Geneva, sans-serif;  }
table.standard tfoot td{ font-weight:bold; padding:15px; line-height:20px;}

@media only screen and (max-width: 40em) { /*640*/

	   .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  * html .cf { zoom: 1; }
  *:first-child+html .cf { zoom: 1; }

    .standard { display: block; position: relative; width: 100%; }
		.standard thead { display: block; float: left; }
		.standard tbody { display: -webkit-box; overflow-x: auto; }
		.standard th,
		.standard tr,
		.standard td { display: block; }

		/* sort out borders */

		.standard th { border-bottom: 0; }
		.standard td { border-left: 0; border-right: 0; border-bottom: 0; }
		.standard tbody tr { border-right: 0px solid #babcbf; }
		.standard th:last-child,
		.standard td:last-child { border-bottom: 1px solid #babcbf; }
        .abc { height:60px;}
	}


table.standard-2 { width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 40px; font-size:12px; }
table.standard-2 caption { margin-bottom:10px; font-weight:700; font-size:20px; color:#777; text-align:left; padding-left:15px; }
table.standard-2 th { font-size:14px; font-weight: bold; border: 1px solid #c7cfc3; border-bottom: 1px solid #b1b9ad; background-color: #ebeee9; padding: 8px 15px; text-align: center; vertical-align: middle; }
table.standard-2 td { font-size:14px; border: 1px solid #c7cfc3; padding: 8px 15px; text-align: left; line-height:20px;  }
table.standard-2 tr:hover td { background-color: #f0f2ed; background-color: rgba(255, 255, 255, 0.8);  }
table.standard-2 tfoot td{ font-weight:bold; padding:15px; line-height:20px;}

table.standard-3 {  width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 40px; font-size:12px; c }
table.standard-3 caption { margin-bottom:10px; font-weight:700; font-size:20px; color:#fff; text-align:left; padding-left:15px; }
table.standard-3 th { font-size:14px; font-weight: bold; border: 1px solid #c7cfc3; border-bottom: 1px solid #b1b9ad; background-color: #ebeee9; padding: 8px 15px; text-align: center; vertical-align: middle; }
table.standard-3 td { font-size:14px; border: 1px solid #c7cfc3; padding: 8px 15px; text-align: left; line-height:20px; background: rgba(250,250,250,.8);  }
table.standard-3 tr:hover td { background-color: #f0f2ed; background-color: rgba(255, 255, 255, 0.8);  }
table.standard-3 tfoot td{ font-weight:bold; padding:15px; line-height:20px;}

/* Highlights
--------------------------------------------------- */
.highlight.color,
.highlight.gray,
.highlight.light {
	padding: 2px 10px;
	color: #fff;
	border-radius: 3px;
	box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.1);
     margin-right:15px;
}

.highlight.color { background: #06F; }
.highlight.gray { background: #aaa; }

.highlight.light {
	background: #f2f2f2;
	color: #888;
	box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.05);
}


.list_news dl { border-bottom:solid 1px #E6E6E6; height:180px; padding:10px 0; padding-left:150px;  }
.list_news dl dt { float:left; font-size:26px; color:#FFF; background:url(../images/bg_right_time.jpg) no-repeat; width:78px; padding-top:20px; height:99px; text-align:center; margin-right:20px; }
.list_news dl dt span { font-size:11px; font-family:Verdana, Geneva, sans-serif; display:block; }

.list_news dl dd {width:900px; min-height:100px; }
.list_news dl dd h2 { font-size:14px; color:#666; height:30px; line-height:30px; }
.list_news dl dd .intro { line-height:170%; color:#545353; }
.btn_more{ margin-top:5px;}

td{ vertical-align:middle;}

.pages{ text-align:center; padding-top:20px;}