@charset "utf-8";
/* CSS Document */
@import url('/newmoban/_external/fonts.googleapis.com/css__q_family-Lato-300-400-700.css');

@font-face {
	font-family: 'codropsicons';
	src:url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/fonts/codropsicons/codropsicons.eot');
	src:url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/fonts/codropsicons/codropsicons.eot') format('embedded-opentype'),
		url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/fonts/codropsicons/codropsicons.woff') format('woff'),
		url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/fonts/codropsicons/codropsicons.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/**, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/

body {
	background: #f3f3f3;
	color: #666;
	font-family: Open Sans,sans-serif !important;
	margin: 0px;
	padding: 0px;
	}
	
* {
	margin:  0px;
	padding: 0px;
	}

a {
	text-decoration: none !important;
	color: #333;
	}
a:focus {
	outline: 0px;
	}

li {
	list-style: none;
	}

p {
		font-size: 12px;
		color: #999;
		}

h1, h2, h3, h4 {
	/*font-family: 'Open Sans Condensed','Arial Narrow', serif;*/
	font-family: 'Bitter', serif;
	color: #333;
	font-weight: normal;
	font-size: 20px;
	}
ul, ol {
	margin: 0px;
	}
	
.container {
	max-width: 960px;
	height:auto;
	}
	
.header {
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/header-shadow-9.png') no-repeat center bottom;
	width: 100%;
	height: 140px;
	}

a.logo {
	width: 100%;
	height: auto;
	margin-top: 40px;
	float: left;
	}
	
.src {
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/search-i.png') no-repeat 0px 4px;
	width: 25px;
	height: 30px;
	cursor: pointer;
	border: none;
	box-shadow: none;
	}

.form-search {
	margin-top: 40px;
	width: auto;
	float: right;
	}
	
.form-search input {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #f3f3f3;
	
	}
	
.form-search input[type="text"] {
	border: 1px solid #dbdbdb !important;
	color: #999;
	text-shadow: 0px 1px 0px #fff;
	
	-moz-box-shadow: inset 0px 0px 3px #fff;
	-webkit-box-shadow: inset 0px 0px 3px #fff;
	box-shadow: inset 0px 0px 3px #fff;
	}
	
.nav-menu {
		background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/menu-bar.png') repeat-x;
		width: 100%;
		height: 58px;
	} 
	
.Menu {
    font-family: Arial, sans-serif;
    }
    .Menu ul {
    text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
    margin: 0 0 5px 0; /* Just some margin to align the blue border below the menu */
	
    }
    .Menu li {
    display: inline; /* Menu links are horizontally aligned using display: inline */
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/menu-devider.png') no-repeat right center;
	padding: 20px 0px;
    }
    .Menu li a {
    padding: 18px 14px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
    line-height: 54px;
    text-decoration: none; /* Rollover effect using "Fast rollovers without preload" concept for the left part of the tab */
    }
    .Menu li a:hover {
    background: url('/newmoban/_external/demo.mobanwang.com/examples/images/tabbed-menu-left.gif') no-repeat left bottom;
    }
    .Menu li a span {
    padding: 7px 10px 6px 0;
    background: url('/newmoban/_external/demo.mobanwang.com/examples/images/tabbed-menu-right.gif') no-repeat right top; /* Rollover effect using "Fast rollovers without preload" concept for the right part of the tab */
    }
    .Menu li a:hover span {
    background: url('/newmoban/_external/demo.mobanwang.com/examples/images/tabbed-menu-right.gif') no-repeat right bottom;
    }
	
	
	
	
	
	.Menu ul > li > ul {
  padding-top: 13px;
  top: 80%;
}
.Menu ul > li > ul:before {
  content: "";
  border-style: solid;
  border-width: 0 9px 9px 9px;
  border-color: transparent transparent #34495e transparent;
  height: 0;
  position: absolute;
  left: 15px;
  top: 5px;
  width: 0;
  -webkit-transform: rotate(360deg);
}
.Menu ul > li > ul li:hover ul {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  visibility: visible;
  display: block\9;
}
.Menu ul > li > ul li ul {
  left: 100%;
}
.Menu ul > li > a {
  color: #526476;
  font-weight: 700;
  font-size: 14.994px;
  /* 15px */

  padding: 29px 20px 27px;
  text-shadow: none;
  -webkit-transition: background-color .25s, color .25s, border-bottom-color .25s;
  -moz-transition: background-color .25s, color .25s, border-bottom-color .25s;
  -o-transition: background-color .25s, color .25s, border-bottom-color .25s;
  transition: background-color .25s, color .25s, border-bottom-color .25s;
  -webkit-backface-visibility: hidden;
}
.Menu ul > li > a:hover,
.navbar .nav > li > a:focus {
  color: #1abc9c;
}
.Menu ul > li > a[class*="fui-"] {
  font-size: 24px;
  font-weight: normal;
}
.Menu ul > li > a > [class*="fui-"] {
  font-size: 24px;
  margin: -4px 0 0;
  position: relative;
  top: 4px;
}
.Menu ul > li > a > [class*="fui-"] + * {
  margin-left: 12px;
}
.Menu ul > li:first-child > a {
  -webkit-border-radius: 0 0 0 6px;
  -moz-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
}
.Menu ul ul {
  border-radius: 4px;
  left: 0;
  list-style-type: none;
  margin-left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 234px;
  z-index: -100;
  -webkit-transform: scale(1, 0.99);
  -webkit-transform-origin: 0 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-backface-visibility: hidden;
}
.Menu ul ul ul {
  left: 95%;
  padding-left: 5px;
}
.Menu ul ul li {
  background-color: #34495e;
  padding: 0 3px 3px;
  position: relative;
}
.Menu ul ul li:first-child {
  border-radius: 6px 6px 0 0;
  padding-top: 3px;
}
.Menu ul ul li:last-child {
  border-radius: 0 0 6px 6px;
}
.Menu ul ul li.active > a,
.Menu ul ul li.active > a:hover,
.Menu ul ul li.active > a:focus {
  background-color: #1abc9c;
  color: #ffffff;
  padding-left: 9px;
  padding-right: 9px;
}
.Menu ul ul li.active + li > a {
  padding-left: 9px;
  padding-right: 9px;
}
.Menu ul ul a {
  border-radius: 2px;
  color: #ffffff;
  display: block;
  font-size: 14px;
  padding: 6px 9px;
  text-decoration: none;
}
.Menu ul ul a:hover {
  background-color: #1abc9c;
}
.navbar .btn-navbar {
  background: none;
  border: none;
  color: #34495e;
  margin: 21px 15px 17px;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus {
  background: none;
  color: #1abc9c;
}
.navbar .btn-navbar:before {
  content: "\e00c";
  font-family: "Flat-UI-Icons";
  font-size: 21.994px;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.navbar .btn-navbar .icon-bar {
  display: none;
}
.navbar-inner {
  background: #eceef0;
  border: none;
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar-inverse {
  font-size: 16.996px;
  /* 17px */

}
.navbar-inverse .navbar-inner {
  background: #34495e;
  filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
}
.navbar-inverse .brand {
  border-bottom: 2px solid #2c3e50;
  border-right: 2px solid #2c3e50;
  color: #ffffff;
  padding: 10px 28px 11px 32px;

}
.navbar-inverse .btn-navbar {
  color: #ffffff;
  margin: 7px 10px;
}
.navbar-inverse .nav > li:first-child.active > a {
  padding-left: 20px;
}
.navbar-inverse .nav > li:first-child > a {
  border-left: none;
}
.navbar-inverse .nav > li.active > a,
.navbar-inverse .nav > li.active > a:hover,
.navbar-inverse .nav > li.active > a:focus {
  background-color: #1abc9c;
  border-bottom-color: #16a085;
  border-left: none;
  color: #ffffff;
  padding-left: 22px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar-inverse .nav > li.active + li > a {
  border-left: none;
  padding-left: 22px;
}
.navbar-inverse .nav > li > a {
  font-size: 16.002px;
  /* 16px */

  color: #ffffff;
  padding: 18px 20px !important;
}
.navbar-inverse .nav.pull-right > li > a {
  /*border-radius: 0 6px 6px 0;*/
}
.navbar-unread,
.navbar-new {
  font-family: "Lato", sans-serif;
  background-color: #1abc9c;
  border-radius: 50%;
  color: #ffffff;
  font-size: 0;
  font-weight: 700;
  height: 6px;
  line-height: 14px;
  position: absolute;
  right: 12px;
  text-align: center;
  top: 28px;
  width: 6px;
  z-index: 10;
}
.active .navbar-unread,
.active .navbar-new {
  background-color: #ffffff;
  display: none;
}
.navbar-inverse .navbar-unread,
.navbar-inverse .navbar-new {
  top: 15px;
}
.navbar-new {
  background-color: #e74c3c;
  font-size: 12px;
  line-height: 17px;
  height: 18px;
  margin: -9px -1px;
  min-width: 16px;
  padding: 0 1px;
  width: auto;
  -webkit-font-smoothing: subpixel-antialiased;
}
.Menu ul li.dropdown.open > .dropdown-toggle {
  background-color: #1abc9c;
  border-bottom-color: #16a085;
  color: #ffffff;
}
.Menu ul li.dropdown.open > .dropdown-toggle .caret {
  border-bottom-color: #ffffff !important;
  border-top-color: #ffffff !important;
}
.Menu ul li.dropdown.open > .dropdown-toggle {
  background: none;
  color: #1abc9c;
}
.Menu ul li.dropdown.open > .dropdown-toggle .caret {
  border-bottom-color: #1abc9c !important;
  border-top-color: #1abc9c !important;
}
.Menu ul li.dropdown.open .dropdown-menu {
  opacity: 1;
  top: 100%;
  visibility: visible;
  z-index: 1000;
  -webkit-transform: none;
}
.Menu ul li.dropdown > .dropdown-toggle {
  outline: none;
}
.Menu ul li.dropdown > .dropdown-toggle:hover .caret,
.Menu ul li.dropdown > .dropdown-toggle:focus .caret {
  border-bottom-color: #1abc9c;
  border-top-color: #1abc9c;
}
.Menu ul li.dropdown > .dropdown-toggle .caret {
  border-left-width: 6px;
  border-right-width: 6px;
  border-top-width: 8px;
  border-bottom-color: #4c6a89;
  border-top-color: #4c6a89;
  margin-left: 10px;
  margin-top: 7px;
}
.Menu ul li.dropdown .dropdown-menu {
  background-color: #34495e;
  opacity: 0;
  padding: 0;
  visibility: hidden;
}
.Menu ul li.dropdown .dropdown-menu:before {
  display: none;
}
.Menu ul li.dropdown .dropdown-menu:after {
  border-bottom-color: #34495e;
}
.Menu ul li.dropdown .dropdown-menu > li > a {
  border-radius: 3px;
  color: #ffffff;
  padding: 6px 8px 8px;
}
.Menu ul li.dropdown .dropdown-menu .divider {
  background-color: #2c3e50;
  border-bottom: none;
  margin: 2px 0 5px;
  padding: 0;
  height: 2px;
}


.navbar-inverse .navbar-inner {
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/menu-bar.png') repeat-x;
	}
	
.nav-collapse ul {
	text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
    margin: 0 0 5px 0;
	}
	
	/* menu */
	
	
	

.navbar {
  font-size: 15.988px;
  /* 16px */

}
.navbar .brand {
  border-radius: 6px 0 0 6px;
  color: #526476;
  font-size: 23.996px;
  /* 24px */

  font-weight: 700;
  margin-left: 0;
  padding: 23px 28px 24px 32px;
  text-shadow: none;
}
.navbar .brand:hover,
.navbar .brand:focus {
  color: #1abc9c;
}
.navbar .brand[class*="fui-"] {
  font-weight: normal;
}
.navbar .nav {
  margin-right: 0;
}
.navbar .nav > li {
  position: relative;
  background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/menu-devider.png') no-repeat right center;
}
.navbar .nav > li > ul {
	transform: scale(0.5);
-ms-transform: scale(0.5); /* IE 9 */
-webkit-transform: scale(0.5); /* Safari and Chrome */
	z-index: 999;
	}
.navbar .nav > li:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
  z-index: 100;
  -webkit-transform: scale(1, 1);
  display: block\9;
  
  transform: scale(1);
-ms-transform: scale(1); /* IE 9 */
-webkit-transform: scale(1); /* Safari and Chrome */
}
.navbar .nav > li.active > a,
.navbar .nav > li.active > a:hover,
.navbar .nav > li.active > a:focus {
  background: none;
  color: #1abc9c;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar .nav > li > ul {
  /*padding-top: 13px;*/
  top: 80%;
}
/*.navbar .nav > li > ul:before {
  content: "";
  border-style: solid;
  border-width: 0 9px 9px 9px;
  border-color: transparent transparent #34495e transparent;
  height: 0;
  position: absolute;
  left: 15px;
  top: 5px;
  width: 0;
  -webkit-transform: rotate(360deg);
}*/
.navbar .nav > li > ul li:hover ul {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  visibility: visible;
  display: block\9;
}
.navbar .nav > li > ul li ul {
  left: 100%;
}
.navbar .nav > li > a {
  color: #526476;
  font-weight: 700;
  font-size: 14.994px;
  /* 15px */

  padding: 29px 20px 27px;
  text-shadow: none;
  -webkit-transition: background-color .25s, color .25s, border-bottom-color .25s;
  -moz-transition: background-color .25s, color .25s, border-bottom-color .25s;
  -o-transition: background-color .25s, color .25s, border-bottom-color .25s;
  transition: background-color .25s, color .25s, border-bottom-color .25s;
  -webkit-backface-visibility: hidden;
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
  color: #0ab3ea;
}
.navbar .nav > li > a[class*="fui-"] {
  font-size: 24px;
  font-weight: normal;
}
.navbar .nav > li > a > [class*="fui-"] {
  font-size: 24px;
  margin: -4px 0 0;
  position: relative;
  top: 4px;
}
.navbar .nav > li > a > [class*="fui-"] + * {
  margin-left: 12px;
}
.navbar .nav > li:first-child > a {
  /*-webkit-border-radius: 0 0 0 6px;
  -moz-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;*/
}
.navbar .nav ul {
  left: 0;
  list-style-type: none;
  margin-left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 200px;
  z-index: -100;
  -webkit-transform: scale(1, 0.99);
  -webkit-transform-origin: 0 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-backface-visibility: hidden;
  
  box-shadow: 1px 1px 1px #959595;
  
  -webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.navbar .nav ul ul {
  left: 95%;
  margin-left: 2px;
  box-shadow: 1px 1px 1px #959595;
  
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.navbar .nav ul ul li:first-child {
	-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
	}
.navbar .nav ul li {
  background-color: #f3f3f3;
  /*padding: 0 3px 3px;*/
  position: relative;
  
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.navbar .nav ul li:first-child {
  /*border-radius: 4px 4px 0 0;*/
  padding-top: 3px;
}
.navbar .nav ul li:last-child {
  border-radius: 0 0 4px 4px;
}
.navbar .nav ul li.active > a,
.navbar .nav ul li.active > a:hover,
.navbar .nav ul li.active > a:focus {
  background-color: #1abc9c;
  color: #ffffff;
  padding-left: 9px;
  padding-right: 9px;
}
.navbar .nav ul li.active + li > a {
  padding-left: 9px;
  padding-right: 9px;
}
.navbar .nav ul a {
  border-radius: 2px;
  color: ##526476;
  display: block;
  font-size: 14px;
  padding: 6px 9px;
  text-decoration: none;
  text-align: left;
  transition: all 0.2s ease-in-out 0s;
}
.navbar .nav ul a:hover {
  background-color: #0ab3ea;
  color: #fff;
}
.navbar .btn-navbar {
  background: none;
  border: none;
  color: #34495e;
  margin: 21px 15px 17px;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus {
  background: none;
  color: #1abc9c;
}
.navbar .btn-navbar:before {
  content: "\e00c";
  font-family: "Flat-UI-Icons";
  font-size: 21.994px;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.navbar .btn-navbar .icon-bar {
  display: none;
}
.navbar-inner {
  background: #eceef0;
  border: none;
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar-inverse {
  font-size: 16.996px;
  /* 17px */

}
.navbar-inverse .navbar-inner {
  background: #34495e;
  filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
}
.navbar-inverse .brand {
  border-bottom: 2px solid #2c3e50;
  border-right: 2px solid #2c3e50;
  color: #ffffff;
  padding: 10px 28px 11px 32px;
}
.navbar-inverse .btn-navbar {
  color: #ffffff;
  margin: 7px 10px;
}
.navbar-inverse .nav > li:first-child.active > a {
  padding-left: 20px;
}
.navbar-inverse .nav > li:first-child > a {
  border-left: none;
}
.navbar-inverse .nav > li.active > a,
.navbar-inverse .nav > li.active > a:hover,
.navbar-inverse .nav > li.active > a:focus {
  background-color: #0ab3ea;
  border-bottom-color: #0ab3ea;
  border-left: none;
  color: #ffffff;
  padding-left: 22px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar-inverse .nav > li.active + li > a {
  border-left: none;
  padding-left: 22px;
}
.navbar-inverse .nav > li > a {
  font-size: 16.002px;
  font-weight: normal;
  /* 16px */

  color: #526476;
  padding: 16px 20px 15px;
}
.navbar-inverse .nav.pull-right > li > a {
  border-radius: 0 6px 6px 0;
}
.navbar-unread,
.navbar-new {
  font-family: "Lato", sans-serif;
  background-color: #1abc9c;
  border-radius: 50%;
  color: #ffffff;
  font-size: 0;
  font-weight: 700;
  height: 6px;
  line-height: 14px;
  position: absolute;
  right: 12px;
  text-align: center;
  top: 28px;
  width: 6px;
  z-index: 10;
}
.active .navbar-unread,
.active .navbar-new {
  background-color: #ffffff;
  display: none;
}
.navbar-inverse .navbar-unread,
.navbar-inverse .navbar-new {
  top: 15px;
}
.navbar-new {
  background-color: #e74c3c;
  font-size: 12px;
  line-height: 17px;
  height: 18px;
  margin: -9px -1px;
  min-width: 16px;
  padding: 0 1px;
  width: auto;
  -webkit-font-smoothing: subpixel-antialiased;
}
.navbar.navbar-inverse .nav li.dropdown.open > .dropdown-toggle {
  background-color: #1abc9c;
  border-bottom-color: #16a085;
  color: #ffffff;
}
.navbar.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
  border-bottom-color: #ffffff !important;
  border-top-color: #ffffff !important;
}
.navbar .nav li.dropdown.open > .dropdown-toggle {
  background: none;
  color: #1abc9c;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret {
  border-bottom-color: #1abc9c !important;
  border-top-color: #1abc9c !important;
}
.navbar .nav li.dropdown.open .dropdown-menu {
  opacity: 1;
  top: 100%;
  visibility: visible;
  z-index: 1000;
  -webkit-transform: none;
}
.navbar .nav li.dropdown > .dropdown-toggle {
  outline: none;
}
.navbar .nav li.dropdown > .dropdown-toggle:hover .caret,
.navbar .nav li.dropdown > .dropdown-toggle:focus .caret {
  border-bottom-color: #1abc9c;
  border-top-color: #1abc9c;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-left-width: 6px;
  border-right-width: 6px;
  border-top-width: 8px;
  border-bottom-color: #4c6a89;
  border-top-color: #4c6a89;
  margin-left: 10px;
  margin-top: 7px;
}
.navbar .nav li.dropdown .dropdown-menu {
  background-color: #34495e;
  opacity: 0;
  padding: 0;
  visibility: hidden;
}
.navbar .nav li.dropdown .dropdown-menu:before {
  display: none;
}
.navbar .nav li.dropdown .dropdown-menu:after {
  border-bottom-color: #34495e;
}
.navbar .nav li.dropdown .dropdown-menu > li > a {
  border-radius: 3px;
  color: #ffffff;
  padding: 6px 8px 8px;
}
.navbar .nav li.dropdown .dropdown-menu .divider {
  background-color: #2c3e50;
  border-bottom: none;
  margin: 2px 0 5px;
  padding: 0;
  height: 2px;
}


.navbar-inverse .navbar-inner {
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/menu-bar.png') repeat-x;
	height: 58px;
	}
	
.nav-collapse ul {
	text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
    margin: 0 0 5px 0;
	}
	
.navbar {
	margin-bottom: -2px;
	}
	
.caret {
	margin-top: 10px;
	margin-left: 10px;
	}
	
.raret {
	width: 0; 
	height: 0;
	border-top: 4px solid transparent; 
	border-left: 4px solid #000000; 
	border-bottom: 4px solid transparent;
	margin-top: 6px;
	}


	/*		End Menu		*/
	
	
	
	
	/*		Slider			*/


 .fullwidthbanner-container{
	width:100% !important;		
	position:relative;
	padding:0;		
	max-height:450px !important;
	overflow:hidden;
} 

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:450px !important;
	position:relative;	
}
   
   

   @media only screen and (min-width: 768px) and (max-width: 959px) {		
		
 		  .banner, .bannercontainer			{	width:750px; height:412px;}	
		
		  
		 
		  
   }
  
   @media only screen and (min-width: 480px) and (max-width: 767px) {
		   .banner, .bannercontainer		{	width:470px; height:258px;	}		   		
		
		    
			
		   
   }
   
   @media only screen and (min-width: 0px) and (max-width: 479px) {
			.banner, .bannercontainer		{	width:310px;height:170px;	}						
			
			 
			 
			 
   }


	/*		End Slider			*/
	
	
	/*		1st container		*/
	
.chemeleon {
	width: 100%;
	background: #ecebeb;
	border: 1px solid #e1dddd;
	text-align: center;
	height: 100px;
	margin-bottom: 30px;
	margin-top: 30px;
	
	-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
	}
	
.chemeleon h1 {
	font-size: 28px;
	font-family: 'Abel', sans-serif;
	color: #7F7F7F;
	text-shadow: 0px 1px 0px #fff;
	}
	
.chemeleon h6 {
	font-size: 18px;
	font-family: 'Abel', sans-serif;
	color: #8b8b8b;
	text-shadow: 0px 1px 0px #fff;
	font-weight: normal;
	}
	
	/*		End 1st container		*/
	
	
.h-services {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	}
	
.h-services .span4 {
	margin-left: 0px;
	width: 33.3%;
	}

	
.h-g-design {
	width: 100%;
	height: auto;
	transition: all 0.8s ease-in-out 0s;
	
	-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /*padding: 10px;*/
	}
	
.h-g-design:hover {
	background: #0ab3ea;
	}
	
.h-g-design:hover > a.h-readmore {
	border: 1px solid #fff;
	color: #fff;
	}
	
.h-g-design:hover > a.h-readmore:hover {
	color: #0ab3ea !important;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/read.png') no-repeat 90px center #fff !important;
	}
	
.h-g-design:hover h2, .h-g-design:hover p {
	color: #fff !important;
	}
	
.h-g-design:hover a.h-readmore {
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/read-hv.png') no-repeat 90px center;
	}
	
.h-g-design h2 {
	font-size: 22px;
	font-family: 'Abel', sans-serif;
	color: #7F7F7F;
	}
	
.h-g-design p {
	width: 92%;
	padding: 10px;
	font-size: 13px;
	}
	
.i-design {
		background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/i-pen.png') no-repeat center center;
		width: 30px;
		height: 30px;
		border: 2px solid #7F7F7F;
		float: left;
		margin-right: 10px;
		transition: all 0.8s ease-in-out 0s;
		
		-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
	
.h-g-design:hover .i-design {
		background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/i3.png') no-repeat center center #0ab3ea;
		
		border: 2px solid #0ab3ea;
		float: left;
		
		-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
	
	
.i-develop {
		background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/i-2.png') no-repeat center center;
		width: 30px;
		height: 30px;
		border: 2px solid #7F7F7F;
		float: left;
		margin-right: 10px;
		transition: all 0.8s ease-in-out 0s;
		
		-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
	
.h-g-design:hover .i-develop {
		background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/i-2-h.png') no-repeat center center #0ab3ea;
		width: 30px;
		height: 30px;
		border: 2px solid #0ab3ea;
		float: left;
		
		-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
	

	
.i-seo {
		background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/i-1.png') no-repeat center center;
		width: 30px;
		height: 30px;
		border: 2px solid #7F7F7F;
		float: left;
		margin-right: 10px;
		transition: all 0.8s ease-in-out 0s;
		
		-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
	
.h-g-design:hover .i-seo {
		background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/i-1-h.png') no-repeat center center #0ab3ea;
		width: 30px;
		height: 30px;
		border: 2px solid #0ab3ea;
		float: left;
		
		-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
	
	
a.h-readmore {
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/read.png') no-repeat scroll 90px center transparent;
	padding: 6px 15px;
	padding-right: 45px;
	border: 1px solid #0ab3ea;
	/*float: right;*/
	font-size: 14px;
	color: #0ab3ea;
	text-decoration: none;
	transition: all 0.8s ease-in-out 0s;
	line-height: 40px;
	
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

a.h-readmore:hover {
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/read-hv.png') no-repeat 90px center #0ab3ea;
	color: #fff;
	}
	

.h-rc-product {
	width: 100%;
	height: auto;
	background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/rc-style.png'), url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/rc-style-bar.png');
	background-repeat: no-repeat, repeat-x;
	background-position: center top, left 34px;
	padding-top: 100px;
	}
	
.h-rc-product h1 {
	font-size: 30px;
	font-family: 'Abel', sans-serif;
	color: #7F7F7F;
	text-shadow: 0px 1px 0px #fff;
	}
.rc-product {
	margin-left: 4px;
	}
	
.rc-product li {
	width: 29%;
	height: auto;	
	margin-right: 25px;
	margin-bottom: 20px;
	/*Position*/
	/*overflow: hidden;
	position: relative;
	margin: 15px 13px;
	display: inline-block;*/
	vertical-align: top;
	
	/*Skin
	border: 7px solid #fff;
	
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5), 0px 10px 7px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.5), 0px 10px 7px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 4px rgba(0,0,0,0.5), 0px 10px 7px rgba(0,0,0,0.2);
	
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5), 0px 5px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5), 0px 5px 3px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5), 0px 5px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.5), 0px 2px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.5), 0px 2px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 1px rgba(0,0,0,0.5), 0px 2px 1px rgba(0,0,0,0.2);
	
	transition: all 0.5s ease-in-out 0s;*/
	cursor: pointer;
	float: left;
	/*width: 30%;
	height: 130px;*/
	}
	
/*.rc-product li:hover {
	-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.5), 0px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.5), 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 1px rgba(0,0,0,0.5), 0px 1px 1px rgba(0,0,0,0.2);
	}*/
	




/*
Stacks CSS ----------------------------------------------------------------------------------------------------------- */

/* Layout */
.stack { float: left; width: 100%; margin: 0 4% 4% 0; position: relative; z-index: 10; }


/* Image styles */
.stack img { max-width: 94%; height: auto; vertical-align: bottom; border: 10px solid #fff; border-radius: 3px;
	margin-left: 3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.stack:last-of-type { margin-right: 0; }

/* Stacks creted by the use of generated content */
.stack:before, .stack:after { content: ""; border-radius: 2px; width: 95%; height: 100%; position: absolute; border: 5px solid #fff; left: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}
.stack:before { top: 0px; z-index: -10; } /* 1st element in stack (behind image) */	
.stack:after { top: 0px; z-index: -20; } /* 2nd element in stack (behind image) */

/* Second stack example (rotated to the right from the bottom left) */
.stack.rotated:before { 
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
	
	height: 100px;
	
	/*transform: scale(0.8);
-ms-transform: scale(0.8);
-webkit-transform: scale(0.8); */
	
	top: 0px;
}
.stack.rotated:after { 
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);
	
	height: 100px;
	
	/*transform: scale(0.8);
-ms-transform: scale(0.8);
-webkit-transform: scale(0.8);*/ 
	
	top: 10px;
}	

/* Third stack example (One stack element rotated in the opposite direction) */
.stack.twisted:before {
	-webkit-transform: rotate(6deg);
	-moz-transform: rotate(6deg);
	transform: rotate(6deg);
}	
.stack.twisted:after {
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	transform: rotate(-6deg);
	
}	

/* Fourth stack example (Similar to the second but rotated left) */
.stack.rotated-left:before {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.stack.rotated-left:after {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

/* Reset all rotations on hover */
.stack:hover:before, .stack:hover:after {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

.stack.rotated {
	 
	
	}

/*
iPhone and mobile widths --------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 480px) {
	.stack { float: none; width: auto; margin-bottom: 35px; }
	h1.title { margin: 15px 0; }
}


.rc-product-btm {
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/rc-li-style.png') repeat-x !important;
	widows: 100%;
	height: 37px;
	margin-top: 103px;
	z-index: 999;
	position: relative;
	}

/*Top In Bounds*/
.top:hover p, .topleft p, .topright p {
	top: 0%;
}

/*Top Out of Bounds*/
.top p, .centertop p {
	top: -50%;
}

/*Bottom In Bounds*/
.bottom:hover p, .bottomleft p, .bottomright p {
	bottom: 0%;
}

/*Bottom Out of Bounds*/
.bottom p, .centerbottom p {
	bottom: -50%;
}

/*Left In Bounds*/
.bottomleft:hover p, .bottomright:hover p, .topleft:hover p, .topright:hover p, .centerleft:hover p, .centerright:hover p {
	left: 0%;
}

/*Left Out of Bounds*/
.bottomleft p, .topleft p, .centerleft p, .centerleft p {
	left: -150%;
}

/*Right Out of Bounds 150%*/
.bottomright p, .topright p, .centerright p {
	left: 150%;
}

/*Centered From Bottom*/
.centerbottom:hover p {
	bottom: 50%;
}

/*Centered From Top*/
.centertop:hover p, .centerleft p, .centerright p {
	top: 50%;
}

/*Center Margin Fixes*/
.centertop:hover p, .centerleft p, .centerright p {
	margin-top: -20px;
}

.centerbottom:hover p {
	margin-bottom: -20px;
}


/*	
.rc-product li:first-child {
	padding: 0px 7px 0px 0px;
	}
	
.rc-product-2 li:first-child {
	padding: 0px 7px 0px 0px;
	}
	
.rc-product li:last-child {
	background-image: none, url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/rc-li-btn-bar.png');
	}
	
.rc-product li img {
	margin: 0px auto;
	padding-left: 7px;
	padding-top: 2px;
	}
	
	
.rc-product-2 li {
	background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/rc-li-left-bar.png');
	background-position: right top;
	background-repeat: repeat-y;
	padding: 0px 7px 0px 10px;
	float: left;
	width: 30%;
	height: 130px;
	}
	
.rc-product-2 li:last-child {
	background-image: none;
	}
	
.rc-product-2 li img {
	margin: 0px auto;
	padding-left: 7px;
	padding-top: 12px;
	}*/
	
	
	
.carousel-control {
	background: none;
	border: none;
	position: relative;
	left: 0px;
	color: #585858;
	font-family: 'Abel', sans-serif;
	text-shadow: 0px 1px 0px #fff;
	}
.carousel-control:hover {
	color: #cfcfcf;
	}
	
.carousel-control.right {
	left: 4px;
	}
	
.carousel-inner {
	margin-bottom: 20px;
	}

	
	
	
	
	

/* To Navigation Style */
.codrops-top {
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
	line-height: 2.2;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999999;
}

.codrops-top a {
	padding: 0 1em;
	letter-spacing: 0.1em;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.95);
	color: #777;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

.codrops-icon:before {
	font-family: 'codropsicons';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

.codrops-icon-archive:before {
	content: "\e002";
}

.codrops-icon-next:before {
	content: "\e000";
}

.codrops-icon-about:before {
	content: "\e003";
}



.h-loveus {
	width: 100%;
	height: auto;
	margin-top: 30px;
	}
	
.h-loveus h1 {
	color: #7F7F7F;
    font-family: 'Abel', sans-serif;
    font-size: 30px;
    text-shadow: 0 1px 0 #FFFFFF;
	}

.h-loveus-content {
	width: 100%;
	height: auto;
	margin-top: 10px;
	}

.h-loveus-content h2 {
	color: #7F7F7F;
    font-family: 'Abel', sans-serif;
    font-size: 22px;
    text-shadow: 0 1px 0 #FFFFFF;
	line-height: 20px;
	text-align: left;
	}
	
.h-loveus-content p {
	margin-top: 10px;
	text-align: left;
	}
 	
.h-loveus-icon {
	padding: 0px;
	margin: 0px;
	}
	
.h-loveus-icon > .hi-icon:before {
	font-size: 20px;
	line-height: 40px;
	}
	
.h-loveus-icon > .hi-icon {
	width: 40px;
	height: 40px;
	margin: 0px;
	}
	
.h-loveus-icon > .hi-icon {
	color: #585858;
	}

.h-loveus-icon > .hi-icon {
	box-shadow: 0 0 0 2px #585858;
	}
	
.h-loveus-icon > .hi-icon:after {
	background: #585858;
	}
	
.h-loveus-icon > .hi-icon:hover {
	color: #fff !important;
	}
	
.hi-icon-effect-3b:hover .hi-icon:after {
	opacity: 1;
    transform: scale(1);
	
	}
	
.hi-icon-effect-3b:hover .hi-icon {
	color: #fff;
	}
	
.h-loveus-content {
	padding: 0px !important;
	}
	
	
.h-lv-product {
	width: 100%;
	height: auto;
	background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/lv-style.png'), url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/rc-style-bar.png');
	background-repeat: no-repeat, repeat-x;
	background-position: center top, left 34px;
	padding-top: 100px;
	}
	
/*.h-lv-product h1 {
	font-size: 30px;
	font-family: 'Abel', sans-serif;
	color: #7F7F7F;
	text-shadow: 0px 1px 0px #fff;
	}*/
	
.footer-top {
	width: 100%;
	height: auto;
	background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/shadow.png'), url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/rc-style-bar.png');
	background-repeat: no-repeat, repeat-x;
	background-position: center 39px, left 34px;
	padding-top: 75px;
	margin-top: 20px;
	}
	
	
.aliens {
	width: 100%;
	height: auto;
	}
	
.aliens h2 {
	color: #7F7F7F;
    font-family: 'Abel', sans-serif;
    font-size: 25px;
    text-shadow: 0 1px 0 #FFFFFF;
	line-height: 20px;
	margin-bottom: 20px;
	text-align: left;
	}
	
.h-twitter {
	width: 100%;
	height: auto;
	}

.h-twitter h2 {
	color: #7F7F7F;
    font-family: 'Abel', sans-serif;
    font-size: 25px;
    text-shadow: 0 1px 0 #FFFFFF;
	line-height: 20px;
	margin-bottom: 20px;
	text-align: left;
	}
	
.h-twitter ul {
	margin: 0px;
	padding: 0px;
	}

.h-twitter li {
	list-style: none;
	padding: 10px 0px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/rc-style-bar.png') repeat-x left bottom;
	
	}
	
.h-twitter li:first-child {
	padding-top: 0px;
	}
	
.h-twitter li:last-child {
	background: none;
	}
	
.h-twitter li p {
	
	}
	
.h-twitter li p a {
	text-decoration: none;
	color: #666;
	}
	
.h-twitter li p a:hover {
	color: #333;
	}
	
.flicker {
	width: 100%;
	height: auto;
	}
	
.flicker h2 {
	color: #7F7F7F;
    font-family: 'Abel', sans-serif;
    font-size: 25px;
    text-shadow: 0 1px 0 #FFFFFF;
	line-height: 20px;
	margin-bottom: 20px;
	text-align: left;
	}
	
.flicker ul {
	margin: 0px;
	padding: 0px;
	}
	
.flicker li {
	list-style: none;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}
	
.flicker li img {
	width: 60px;
	height: 60px;
	}
	

.footer-bottom {
	width: 100%;
	height: 100px;
	background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/rc-style-bar.png');
	background-repeat: repeat-x;
	background-position: left 34px;
	padding-top: 60px;
	margin-top: 20px;
	}	
	
.copyright {
		width: 100%;
		height: auto;
		margin: 20px 0px;
	}
	
.copyright p {}

.copyright p a {
	text-decoration: none;
	color: #999;
	}
	
.copyright p a:hover {
	color: #333;
	}

ul.f-social-link {
	margin: 0px;
	padding: 0px;
	float: right;
	}

ul.f-social-link li {
	margin-right: 20px;
	}
	
ul.f-social-link li:last-child {
	margin-right: 0px;
	}

a.fb {
	
	}
	
	
	/*		rc-img-hover		*/
/*.stack img {
    opacity: 0.6;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}
.stack img:hover {
    opacity: 1.0;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}​*/
.zoom {
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/zoom.png') no-repeat center center;
	width: 100%;
	height: 100px;
	margin-top: -100px;
	transition: all 0.8s ease-in-out 0s;
	opacity: 0;
	float: left;
	position: absolute;
	}
	
.stack:hover .zoom {
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/zoom.png') no-repeat center center;
	width: 100%;
	height: 50px;
	opacity: 1;
	margin-top: -80px;
	position: absolute;
	}

	
	/*		End rc-img-hover		*/
	

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
.h-services [class*="span"], .h-services[class*="span"], .h-services [class*="span"] {
	width: 100%;
	}
 }
 
/* Landscape phones and down */
@media (max-width: 480px) { 
.h-services [class*="span"], .h-services[class*="span"], .h-services [class*="span"] {
	width: 100%;
	}
 }	
 
 
 	/*			Review Pages			*/
	

.caroufredsel_wrapper {
	width: 100% !important;
	height: 375px !important;
	}




.list_carousel li > .stack:before, .list_carousel li > .stack:after {
	left: 8px !important;
	}
	
.list_carousel {
				width: 100%;
			}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	font-size: 40px;
	color: #999;
	text-align: center;			
	padding: 0;
	margin: 6px 19px;
	display: block;
	float: left;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.clearfix {
	float: none;
	clear: both;
}

.rotated h3 {
	font-size: 20px;
	color: #fff;
	margin-top: -50px;
	}
	
.list_carousel li h3 {
	font-size: 20px;
	color: #526476;
	margin-top: 0px;
	/*top: -31px;*/
	position: relative;
	z-index: 999;
	text-align: left;
	padding-left: 7px;
	float: left;
	font-family: 'Abel', sans-serif;
	text-shadow: 0 1px 0 #FFFFFF;
	}


/*			Review Pages			*/

.top30 {
	margin-top: 30px;
	}
	
	
	
/* The slider */
.iviewSlider {
	overflow: hidden;
}

/* The timer in the Slider */
#iview-timer {
	position: absolute;
	z-index: 100;
	border-radius: 5px;
	cursor: pointer;
}

#iview-timer div {
	border-radius: 3px;
}

/* The Preloader in the Slider */
#iview-preloader {
	position: absolute;
	z-index: 1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: #000 1px solid;
	padding: 1px;
	width: 100px;
	height: 3px;
}
#iview-preloader div {
	float: left;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 3px;
	background: #000;
	width: 0px;
}

/* The strips and boxes in the Slider */
.iview-strip {
	display:block;
	position:absolute;
	z-index:5;
}
.iview-block {
	display:block;
	position:absolute;
	z-index:5;
}

/* Direction nav styles (e.g. Next & Prev) */
.iview-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.iview-prevNav {
	left:0px;
}
.iview-nextNav {
	right:0px;
}

/* Control nav styles (e.g. 1,2,3...) */
.iview-controlNav {
	position:absolute;
	z-index:9;
}
.iview-controlNav a {
	z-index:9;
	cursor:pointer;
}
.iview-controlNav a.active {
	font-weight:bold;
}
.iview-controlNav .iview-items ul {
	list-style: none;
}
.iview-controlNav .iview-items ul li {
	display: inline;
	position: relative;
}
.iview-controlNav .iview-tooltip {
	position: absolute;
}

/* The captions in the Slider */
.iview-caption {
	position:absolute;
	z-index:4;
	overflow: hidden;
	cursor: default;
}

/* The video show in the Slider */
.iview-video-show {
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 101;
}
.iview-video-show .iview-video-container {
	position: relative;
	width: 100%;
	height: 100%;
}
.iview-video-show .iview-video-container a.iview-video-close {
	position: absolute;
	right: 10px;
	top: 10px;
	background: #222;
	color: #FFF;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 29px;
	font-size: 22px;
	font-weight: bold;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.iview-video-show .iview-video-container a.iview-video-close:hover {
	background: #444;
}





#iview {
	display: block;
	width: 100%;
	height: 350px;
	background: #000;
	/*background: rgba(0, 0, 0, 0.7);*/
	background: #fff;
	padding: 5px;
	border-radius: 5px;
	position: relative;
	/*-webkit-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
	margin: 40px auto;*/
}

#iview .iviewSlider {
	display: block;
	width: 100%;
	height: 350px;
	overflow: hidden;
	border-radius: 4px;
}
.iview-controlNav {
	display: none;
	}
/*
.iview-controlNav {
	position: absolute;
	bottom: 3px;
	left: 33%;
	height: 44px;
}

.iview-controlNav a {
	text-indent: -9999px;
}

.iview-controlNav a.iview-controlPrevNav {
	float: left;
	width: 50px;
	height: 44px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/slider-controls.png') no-repeat;
}

.iview-controlNav a.iview-controlNextNav {
	float: left;
	width: 50px;
	height: 44px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/slider-controls.png') no-repeat -50px 0px;
}

.iview-controlNav div.iview-items {
	float: left;
	padding: 0px 10px 0px 10px;
	height: 44px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/nav-bg.png');
}

.iview-controlNav a.iview-control {
	padding: 0px;
	float: left;
	width: 11px;
	height: 12px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/bullets.png') no-repeat;
	line-height: 0px;
}

.iview-controlNav a.iview-control.active {
	background-position: 0px -12px;
}*/

.iview-caption {
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/caption-bg.png');
	color: #FFF;
	border-radius: 3px;
	padding: 10px 15px;
	font-family: Verdana;
	font-size: 12px;
	text-shadow: #000 1px 1px 0px;
}

.iview-caption.caption1 {
	font-size: 36px;
	font-weight: bold;
	height: 45px;
}

.iview-caption.caption2 {
	background: #00b4ff;
	font-size: 36px;
	font-weight: bold;
	text-shadow: none;
}

.iview-caption.caption3 {
	background: #FFF;
	color: #000;
	font-size: 26px;
	text-shadow: none;
}

.iview-caption.caption4 {
	font-size: 22px;
	font-weight: bold;
}

.iview-caption.caption5 {
	background: #c4302b;
	/*box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;*/
	font-size: 20px;
	font-weight: bold;
	text-shadow: none;
}

.iview-caption.caption6 {
	font-size: 18px;
}

.iview-caption.caption7 {
	text-align: left;
	font-size: 11px;
	color: #888;
	border-radius: 0px;
}

.iview-caption.caption7 div {
	line-height: 200%;
}

.iview-caption.caption7 h3 {
	margin-bottom: 20px;
	color: #FFF;
}

.iview-caption.blackcaption {
	background: #000;
	/*box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;*/
	text-shadow: none;
}

#iview-preloader {
	border: #666 1px solid;
	width: 150px
}

#iview-preloader div {
	background: #666;
}

.iview-controlNav div.iview-items ul li {
	padding: 0px;
	float: left;
	width: 11px;
	height: 12px;
	margin: 3px;
	margin-top: 16px;
	line-height: 0px;
}

#iview #iview-tooltip {
	display: none;
	position: absolute;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/tooltip.png') no-repeat;
	width: 124px;
	height: 90px;
	bottom: 30px;
	left: -67px;
	padding: 10px;
	z-index: 100;
}

#iview #iview-tooltip div.holder {
	display: block;
	width: 124px;
	height: 84px;
	overflow: hidden;
	border-radius: 2px;
}

#iview #iview-tooltip div.holder div.container {
	display: block;
	width: 4000px;
}

#iview #iview-tooltip div.holder div.container div {
	float: left;
	display: block;
	overflow: hidden;
	width: 124px;
	height: 84px;
	left: -50%;
	text-align: center;
}

#iview #iview-tooltip div.holder div.container div img {
	height: 84px;
	margin: 0 auto;
}



	/*		Review Pages		*/

.s-add {
	height: auto;
	width: 100%;
	}
	
	
.spotlist {
	background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/shadow-r.png'), url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/rc-style-bar.png');
    background-position: center 39px, left 34px;
    background-repeat: no-repeat, repeat-x;
    height: auto;
    margin-top: 0px;
    padding-top: 42px;
	width: 100%;
	height: auto;
	}
	

.spotlist h1 {
    color: #7F7F7F;
    font-family: 'Abel',sans-serif;
    font-size: 30px;
    text-shadow: 0 1px 0 #FFFFFF;
}
	
li.spotlist-div {
	list-style: none;
	width: 200px;
	float: left;
	margin-right: 20px;
	}
	
.spotlist-content {
	width: 100%;
	height: auto;
	margin-top: 10px;
	}
	
.spotlist-content h3 {
	transition: all 0.8s ease-in-out 0s;
	font-size: 24px;
	color: #585858;
	text-shadow: 0px 1px 0px #fff;
	font-family: 'Abel',sans-serif;
	}
	
.spotlist-content:hover h3 {
	color: #0ab3ea;
	}
	

.star-g {
	width: 55%;
	height: 32px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/g-star22.png') repeat-x;
	float: right;
	margin-top: -30px;
	z-index: 99;
	position: relative;
	}
	
.star22-35 {
	width: 70%;
	height: 32px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/star22.png') repeat-x;
	}
.b-star22-60 {
	width: 60%;
	height: 32px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/b-star.png') repeat-x;
	}	
	
.star22-60 {
	width: 60%;
	height: 32px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/star22.png') repeat-x;
	}	
	
.star22-full {
	width: 100%;
	height: 32px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/star22.png') repeat-x;
	}
	

a.r-readmore {
	padding: 3px 10px;
	border: 1px solid #079AC6;
	/*float: right;*/
	font-size: 14px;
	color: #0ab3ea;
	text-decoration: none;
	transition: all 0.8s ease-in-out 0s;
	float: right;
	margin-right: 10px;
	
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

a.r-readmore:hover {
	background: #4cd8ff; /* Old browsers */
background: -moz-linear-gradient(top,  #4cd8ff 0%, #0ab3ea 3%, #0aa8d8 4%, #0aa8d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4cd8ff), color-stop(3%,#0ab3ea), color-stop(4%,#0aa8d8), color-stop(100%,#0aa8d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4cd8ff 0%,#0ab3ea 3%,#0aa8d8 4%,#0aa8d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4cd8ff 0%,#0ab3ea 3%,#0aa8d8 4%,#0aa8d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4cd8ff 0%,#0ab3ea 3%,#0aa8d8 4%,#0aa8d8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4cd8ff 0%,#0ab3ea 3%,#0aa8d8 4%,#0aa8d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cd8ff', endColorstr='#0aa8d8',GradientType=0 ); /* IE6-9 */

	color: #fff;
	}
	
	
.s-tab {
	margin: 30px 0px;
	border: 1px solid #ccc;
	}
	
.nav-tabs > li > a, .nav-pills > li > a {
	padding: 10px 11px;
	}	

.nav-tabs > li {
	margin-bottom: -2px;
	}
	
.tab-content {
	padding: 0px 10px;
	}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
	border: none;
	border-radius: 0px;
	
	background: #0AB3EA;

	-webkit-box-shadow: 0px 0px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 1px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 1px rgba(50, 50, 50, 0.75);

	color: #fff;
	}
	
.tab-list {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 15px;
	}
	
.tab-list-img {
	width: 20%;
	height: auto;
	margin-right: 10px;
	float: left;
	}
	
.tab-list-content {
	width: 75%;
	float: right;
	}
	


.s-star-g {
	width: 38%;
	height: 15px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/g-star15.png') repeat-x;
	float: left;
	margin-top: -10px;
	z-index: 99;
	position: relative;
	}
	
.s-star22-35 {
	width: 70%;
	height: 15px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/star15.png') repeat-x;
	}
.s-b-star22-60 {
	width: 60%;
	height: 15px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/b-star.png') repeat-x;
	}	
	
.s-star22-60 {
	width: 60%;
	height: 15px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/star15.png') repeat-x;
	}	
	
.s-star22-full {
	width: 100%;
	height: 15px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/star15.png') repeat-x;
	}
	
.sml-add {
	width: 100%;
	height: auto;
	}
	
.sml-add-1 {
	float: left;
	width: auto;
	height: auto;
	margin-bottom: 10px;
	margin-left: 10px;
	}
	
.sml-add-2 {
	float: right;
	width: auto;
	height: auto;
	margin-right: 10px;
	margin-bottom: 10px;
	}
	
.s-star-top {
	margin-top: -11px !important;
	margin-left: 10px !important;
	background-color: #ffffff !important;
	padding: 0px;
	width: 38%;
	background: #000;
	/*float: left;*/
	}
	
.s-star-top > .s-star-g {
	width: 100%;
	}
	
	
	
.list_carousel > .caroufredsel_wrapper {
	height: 180px !important;
	}
	
	
	
	
	/*			Paralax Slider			*/
	
	
.da-slider{
	width: 100%;
	min-width: 520px;
	height: 400px;
	position: relative;
	z-index: 99;
	position: relative;
	margin: 0px auto;
	overflow: hidden;
	-webkit-transition: background-position 1s ease-out 0.3s;
	-moz-transition: background-position 1s ease-out 0.3s;
	-o-transition: background-position 1s ease-out 0.3s;
	-ms-transition: background-position 1s ease-out 0.3s;
	transition: background-position 1s ease-out 0.3s;
}
.da-slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	text-align: left;
}
.da-slide-current{
	z-index: 1000;
}
.da-slider-fb .da-slide{
	left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
	left: 0px;
}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
	position: absolute;
	opacity: 0;
	left: 110%;
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
	left: 10%;
	opacity: 1;
}
.da-slider-fb .da-slide .da-img{
	left: 60%;
	opacity: 1;
}
.da-slide h2{
	color: #666;
	font-size: 66px;
	width: 50%;
	top: 60px;
	white-space: nowrap;
	z-index: 10;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	font-family: 'Abel',sans-serif;
	font-weight: 100;
}
.da-slide p{
	width: 45%;
	top: 155px;
	color: #666;
	font-size: 18px;
	line-height: 26px;
	height: 80px;
	overflow: hidden;
	font-style: italic;
	font-family: 'Abel',sans-serif;
	font-weight: 400;
	font-style: italic;
}
.da-slide .da-img{
	text-align: center;
	width: 30%;
	top: 70px;
	height: 256px;
	line-height: 320px;
	left: 110%; /*60%*/
}
.da-slide .da-link{
	top: 270px; /*depends on p height*/
	border-radius: 30px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: #999;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border: 8px solid rgba(255,255,255,0.8);
	padding: 2px 20px 0px;
	font-size: 18px;
	line-height: 30px;
	width: 100px;
	text-align: center;
	background: rgba(255,255,255,0.2);
}
.da-slide .da-link:hover{
	background: rgba(255,255,255,0.3);
	color: #666;
}
.da-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 20px;
	z-index: 2000;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #0AB3EA;
	margin: 3px;
	cursor: pointer;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots span.da-dots-current:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span{
	position: absolute;
	top: 50%;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background: #0AB3EA;
	cursor: pointer;
	z-index: 2000;
	opacity: 0;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
	-webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out-out 0.2s;
	transition: opacity 0.4s ease-in-out-out 0.2s;
}
.da-slider:hover .da-arrows span{
	opacity: 1;
}
.da-arrows span:after{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
	background: transparent url('/newmoban/_external/demo.mobanwang.com/mb/lo201606/201606043/html/img/arrows.png') no-repeat top left;
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
	background-position: top right;
}
.da-arrows span.da-arrows-prev{
	left: 15px;
}
.da-arrows span.da-arrows-next{
	right: 15px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link{
	left: 10%;
	opacity: 1;
}
.da-slide-current .da-img{
	left: 60%;
	opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2{
	-webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright p{
	-webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .da-link{
	-webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft h2{
	-webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft p{
	-webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-link{
	-webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright h2{
	-webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright p{
	-webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toright .da-link{
	-webkit-animation: toRightAnim3 0.4s ease-in-out both;
	-moz-animation: toRightAnim3 0.4s ease-in-out both;
	-o-animation: toRightAnim3 0.4s ease-in-out both;
	-ms-animation: toRightAnim3 0.4s ease-in-out both;
	animation: toRightAnim3 0.4s ease-in-out both;
}
.da-slide-toright .da-img{
	-webkit-animation: toRightAnim4 0.6s ease-in-out both;
	-moz-animation: toRightAnim4 0.6s ease-in-out both;
	-o-animation: toRightAnim4 0.6s ease-in-out both;
	-ms-animation: toRightAnim4 0.6s ease-in-out both;
	animation: toRightAnim4 0.6s ease-in-out both;
}
@-webkit-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft h2{
	-webkit-animation: toLeftAnim1 0.6s ease-in-out both;
	-moz-animation: toLeftAnim1 0.6s ease-in-out both;
	-o-animation: toLeftAnim1 0.6s ease-in-out both;
	-ms-animation: toLeftAnim1 0.6s ease-in-out both;
	animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft p{
	-webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toleft .da-link{
	-webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}
@-webkit-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}


	/*		End SLider		*/