Create serverstatus

.github/workflows/serverstatus.yml

@@ -0,0 +1,42 @@
+name: "serverstatus docker build"
+
+env:
+  PROJECT: serverstatus
+
+on:
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    env:
+      ACTIONS_ALLOW_UNSECURE_COMMANDS: true
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Set tag
+        id: tag
+        run: |
+          TAG=$(cat ${{ env.PROJECT }}/Dockerfile | awk 'NR==4 {print $3}')
+          echo "::set-env name=TAG::$TAG"
+      - name: Docker Hub login
+        env:
+          DOCKER_USERNAME: ${{ secrets.DOCKER_USERNAME }}
+          DOCKER_PASSWORD: ${{ secrets.DOCKER_PASSWORD }}
+        run: |
+          echo "${DOCKER_PASSWORD}" | docker login --username ${DOCKER_USERNAME} --password-stdin
+      - name: Set up Docker Buildx
+        id: buildx
+        uses: crazy-max/ghaction-docker-buildx@v1
+        with:
+          buildx-version: latest
+      - name: Build Dockerfile
+        env:
+          DOCKER_USERNAME: ${{ secrets.DOCKER_USERNAME }}
+        run: |
+          docker buildx build \
+          --platform=linux/amd64,linux/arm64 \
+          --output "type=image,push=true" \
+          --file ${{ env.PROJECT }}/Dockerfile ./${{ env.PROJECT }} \
+          --tag $(echo "${DOCKER_USERNAME}" | tr '[:upper:]' '[:lower:]')/${{ env.PROJECT }}:latest \
+          --tag $(echo "${DOCKER_USERNAME}" | tr '[:upper:]' '[:lower:]')/${{ env.PROJECT }}:${TAG}

serverstatus/.gitignore

@@ -0,0 +1 @@
+.DS_Store

serverstatus/Dockerfile

@@ -0,0 +1,22 @@
+FROM ubuntu:bionic-20200112 as builder
+MAINTAINER Stille <[email protected]>
+
+ENV VERSION 2.0
+WORKDIR /
+
+COPY . /
+RUN apt-get update && \
+    apt-get -y install wget && \
+    /bin/bash -c '/bin/echo -e "1\n\nn\n" | ./status.sh' && \
+    cp -rf /web /usr/local/ServerStatus/
+
+FROM nginx:1.17.8
+MAINTAINER Stille <[email protected]>
+
+COPY --from=builder /usr/local/ServerStatus/server /ServerStatus/server/
+COPY --from=builder /usr/local/ServerStatus/web /usr/share/nginx/html/
+
+EXPOSE 80 35601
+
+CMD nohup sh -c '/etc/init.d/nginx start && /ServerStatus/server/sergate --config=/ServerStatus/server/config.json --web-dir=/usr/share/nginx/html'
+

serverstatus/README.md

@@ -0,0 +1,60 @@
+# serverstatus
+
+GitHub [stilleshan/dockerfiles](https://github.com/stilleshan/dockerfiles)  
+Docker [stilleshan/serverstatus](https://hub.docker.com/r/stilleshan/serverstatus)
+> *docker image support for X86 and ARM*
+
+## 简介
+ServerStatus 在 GitHub 上已经有各种版本,本项目是基于 [ToyoDAdoubi/ServerStatus-Toyo](https://github.com/ToyoDAdoubi/ServerStatus-Toyo) 一键脚本项目,并整合网友制作的[美化主题](https://www.hostloc.com/thread-494384-1-1.html),打包为 docker 镜像,方便一键安装和迁移.
+> *docker image support for X86 and ARM*
+
+![screenshot](./screenshot.jpg)
+
+## 更新
+**2021-06-06** 更新 docker 镜像同时支持 X86 和 ARM
+
+## 部署
+### 创建配置文件
+推荐直接 **git clone** 本仓库到服务器 **/root** 目录内.或者手动下载仓库中的 **config.json** 至 **/root/ServerStatus/** 目录内.
+```shell
+cd /root
+git clone https://github.com/stilleshan/ServerStatus.git
+```
+
+### 启动容器
+示例 **8888** 端口为 Web 访问端口, **35601** 为客户端通信端口,根据需求自行修改映射端口.注意防火墙需放行此端口.
+```shell
+docker run -d --name=serverstatus --restart=always -p 8888:80 -p 35601:35601 -v ~/ServerStatus/config.json:/ServerStatus/server/config.json stilleshan/serverstatus
+```
+
+### 访问地址
+```
+http://服务器IP:8888
+```
+> 使用域名和 HTTPS 协议可配置 Nginx 反向代理
+
+
+### 配置
+**config.json** 为服务器端配置文件,默认已经添加示例配置,可以根据示例格式修改,删除或者增加服务器.修改完毕后重启容器.
+```shell
+docker restart serverstatus
+```
+
+### 自定义前端页面
+上述默认启动命令没有挂载 web 目录,如需自定义修改前端页面,需 **git clone** 本仓库到服务器 **/root** 目录内,执行以下命令挂载 web 目录.
+```shell
+docker run -d --name=serverstatus --restart=always -p 8888:80 -p 35601:35601 -v ~/ServerStatus/config.json:/ServerStatus/server/config.json -v ~/ServerStatus/web:/usr/share/nginx/html stilleshan/serverstatus
+```
+
+### 客户端
+客户端需获取客户端服务器的运行情况,建议使用一键脚本安装.可参考图文教程: [服务器安装ServerStatus监控探针教程](https://www.ioiox.com/archives/27.html)
+```shell
+wget -N --no-check-certificate https://raw.githubusercontent.com/stilleshan/ServerStatus/master/status.sh && chmod +x status.sh && bash status.sh c
+```
+
+## 相关链接
+- GitHub [stilleshan/ServerStatus](https://github.com/stilleshan/ServerStatus)
+- Docker [stilleshan/serverstatus](https://hub.docker.com/r/stilleshan/serverstatus)
+- 原版项目Github [ToyoDAdoubi/ServerStatus-Toyo](https://github.com/ToyoDAdoubi/ServerStatus-Toyo)
+- Dockerfile参考 [cppla/ServerStatus](https://github.com/cppla/ServerStatus)
+

serverstatus/config.json

@@ -0,0 +1,31 @@
+{"servers":
+ [
+  {
+   "username": "1",
+   "password": "1",
+   "name": "腾讯云-上海",
+   "type": "KVM",
+   "host": "None",
+   "location": "CN",
+   "disabled": false
+  },
+  {
+   "username": "2",
+   "password": "2",
+   "name": "阿里云-香港",
+   "type": "KVM",
+   "host": "None",
+   "location": "HK",
+   "disabled": false
+  },
+  {
+   "username": "3",
+   "password": "3",
+   "name": "谷歌云-日本",
+   "type": "KVM",
+   "host": "None",
+   "location": "JP",
+   "disabled": false
+  }
+ ]
+}

serverstatus/status.sh

@@ -0,0 +1,1107 @@
+#!/usr/bin/env bash
+PATH=/bin:/sbin:/usr/bin:/usr/sbin:/usr/local/bin:/usr/local/sbin:~/bin
+export PATH
+
+#=================================================
+#	System Required: CentOS/Debian/Ubuntu
+#	Description: ServerStatus client + server
+#	Version: 1.0.15
+#	Author: Toyo
+#	Blog: https://doub.io/shell-jc3/
+#=================================================
+
+sh_ver="1.0.15"
+filepath=$(cd "$(dirname "$0")"; pwd)
+file_1=$(echo -e "${filepath}"|awk -F "$0" '{print $1}')
+file="/usr/local/ServerStatus"
+web_file="/usr/local/ServerStatus/web"
+server_file="/usr/local/ServerStatus/server"
+server_conf="/usr/local/ServerStatus/server/config.json"
+server_conf_1="/usr/local/ServerStatus/server/config.conf"
+client_file="/usr/local/ServerStatus/client"
+client_log_file="/tmp/serverstatus_client.log"
+server_log_file="/tmp/serverstatus_server.log"
+jq_file="${file}/jq"
+
+Green_font_prefix="\033[32m" && Red_font_prefix="\033[31m" && Green_background_prefix="\033[42;37m" && Red_background_prefix="\033[41;37m" && Font_color_suffix="\033[0m"
+Info="${Green_font_prefix}[信息]${Font_color_suffix}"
+Error="${Red_font_prefix}[错误]${Font_color_suffix}"
+Tip="${Green_font_prefix}[注意]${Font_color_suffix}"
+
+#检查系统
+check_sys(){
+	if [[ -f /etc/redhat-release ]]; then
+		release="centos"
+	elif cat /etc/issue | grep -q -E -i "debian"; then
+		release="debian"
+	elif cat /etc/issue | grep -q -E -i "ubuntu"; then
+		release="ubuntu"
+	elif cat /etc/issue | grep -q -E -i "centos|red hat|redhat"; then
+		release="centos"
+	elif cat /proc/version | grep -q -E -i "debian"; then
+		release="debian"
+	elif cat /proc/version | grep -q -E -i "ubuntu"; then
+		release="ubuntu"
+	elif cat /proc/version | grep -q -E -i "centos|red hat|redhat"; then
+		release="centos"
+    fi
+	bit=`uname -m`
+}
+check_installed_server_status(){
+	[[ ! -e "${server_file}/sergate" ]] && echo -e "${Error} ServerStatus 服务端没有安装，请检查 !" && exit 1
+}
+check_installed_client_status(){
+	if [[ ! -e "${client_file}/status-client.py" ]]; then
+		if [[ ! -e "${file}/status-client.py" ]]; then
+			echo -e "${Error} ServerStatus 客户端没有安装，请检查 !" && exit 1
+		fi
+	fi
+}
+check_pid_server(){
+	PID=`ps -ef| grep "sergate"| grep -v grep| grep -v ".sh"| grep -v "init.d"| grep -v "service"| awk '{print $2}'`
+}
+check_pid_client(){
+	PID=`ps -ef| grep "status-client.py"| grep -v grep| grep -v ".sh"| grep -v "init.d"| grep -v "service"| awk '{print $2}'`
+}
+Download_Server_Status_server(){
+	cd "/tmp"
+	wget -N --no-check-certificate "https://github.com/ToyoDAdoubi/ServerStatus-Toyo/archive/master.zip"
+	[[ ! -e "master.zip" ]] && echo -e "${Error} ServerStatus 服务端下载失败 !" && exit 1
+	unzip master.zip
+	rm -rf master.zip
+	[[ ! -e "/tmp/ServerStatus-Toyo-master" ]] && echo -e "${Error} ServerStatus 服务端解压失败 !" && exit 1
+	cd "/tmp/ServerStatus-Toyo-master/server"
+	make
+	[[ ! -e "sergate" ]] && echo -e "${Error} ServerStatus 服务端编译失败 !" && cd "${file_1}" && rm -rf "/tmp/ServerStatus-Toyo-master" && exit 1
+	cd "${file_1}"
+	[[ ! -e "${file}" ]] && mkdir "${file}"
+	if [[ ! -e "${server_file}" ]]; then
+		mkdir "${server_file}"
+		mv "/tmp/ServerStatus-Toyo-master/server/sergate" "${server_file}/sergate"
+		mv "/tmp/ServerStatus-Toyo-master/web" "${web_file}"
+	else
+		if [[ -e "${server_file}/sergate" ]]; then
+			mv "${server_file}/sergate" "${server_file}/sergate1"
+			mv "/tmp/ServerStatus-Toyo-master/server/sergate" "${server_file}/sergate"
+		else
+			mv "/tmp/ServerStatus-Toyo-master/server/sergate" "${server_file}/sergate"
+			mv "/tmp/ServerStatus-Toyo-master/web" "${web_file}"
+		fi
+	fi
+	if [[ ! -e "${server_file}/sergate" ]]; then
+		echo -e "${Error} ServerStatus 服务端移动重命名失败 !"
+		[[ -e "${server_file}/sergate1" ]] && mv "${server_file}/sergate1" "${server_file}/sergate"
+		rm -rf "/tmp/ServerStatus-Toyo-master"
+		exit 1
+	else
+		[[ -e "${server_file}/sergate1" ]] && rm -rf "${server_file}/sergate1"
+		rm -rf "/tmp/ServerStatus-Toyo-master"
+	fi
+}
+Download_Server_Status_client(){
+	cd "/tmp"
+	wget -N --no-check-certificate "https://raw.githubusercontent.com/ToyoDAdoubi/ServerStatus-Toyo/master/clients/status-client.py"
+	[[ ! -e "status-client.py" ]] && echo -e "${Error} ServerStatus 客户端下载失败 !" && exit 1
+	cd "${file_1}"
+	[[ ! -e "${file}" ]] && mkdir "${file}"
+	if [[ ! -e "${client_file}" ]]; then
+		mkdir "${client_file}"
+		mv "/tmp/status-client.py" "${client_file}/status-client.py"
+	else
+		if [[ -e "${client_file}/status-client.py" ]]; then
+			mv "${client_file}/status-client.py" "${client_file}/status-client1.py"
+			mv "/tmp/status-client.py" "${client_file}/status-client.py"
+		else
+			mv "/tmp/status-client.py" "${client_file}/status-client.py"
+		fi
+	fi
+	if [[ ! -e "${client_file}/status-client.py" ]]; then
+		echo -e "${Error} ServerStatus 客户端移动失败 !"
+		[[ -e "${client_file}/status-client1.py" ]] && mv "${client_file}/status-client1.py" "${client_file}/status-client.py"
+		rm -rf "/tmp/status-client.py"
+		exit 1
+	else
+		[[ -e "${client_file}/status-client1.py" ]] && rm -rf "${client_file}/status-client1.py"
+		rm -rf "/tmp/status-client.py"
+	fi
+}
+Service_Server_Status_server(){
+	if [[ ${release} = "centos" ]]; then
+		if ! wget --no-check-certificate "https://raw.githubusercontent.com/ToyoDAdoubi/doubi/master/service/server_status_server_centos" -O /etc/init.d/status-server; then
+			echo -e "${Error} ServerStatus 服务端服务管理脚本下载失败 !" && exit 1
+		fi
+		chmod +x /etc/init.d/status-server
+		chkconfig --add status-server
+		chkconfig status-server on
+	else
+		if ! wget --no-check-certificate "https://raw.githubusercontent.com/ToyoDAdoubi/doubi/master/service/server_status_server_debian" -O /etc/init.d/status-server; then
+			echo -e "${Error} ServerStatus 服务端服务管理脚本下载失败 !" && exit 1
+		fi
+		chmod +x /etc/init.d/status-server
+		update-rc.d -f status-server defaults
+	fi
+	echo -e "${Info} ServerStatus 服务端服务管理脚本下载完成 !"
+}
+Service_Server_Status_client(){
+	if [[ ${release} = "centos" ]]; then
+		if ! wget --no-check-certificate "https://raw.githubusercontent.com/ToyoDAdoubi/doubi/master/service/server_status_client_centos" -O /etc/init.d/status-client; then
+			echo -e "${Error} ServerStatus 客户端服务管理脚本下载失败 !" && exit 1
+		fi
+		chmod +x /etc/init.d/status-client
+		chkconfig --add status-client
+		chkconfig status-client on
+	else
+		if ! wget --no-check-certificate "https://raw.githubusercontent.com/ToyoDAdoubi/doubi/master/service/server_status_client_debian" -O /etc/init.d/status-client; then
+			echo -e "${Error} ServerStatus 客户端服务管理脚本下载失败 !" && exit 1
+		fi
+		chmod +x /etc/init.d/status-client
+		update-rc.d -f status-client defaults
+	fi
+	echo -e "${Info} ServerStatus 客户端服务管理脚本下载完成 !"
+}
+Installation_dependency(){
+	mode=$1
+	[[ -z ${mode} ]] && mode="server"
+	if [[ ${mode} == "server" ]]; then
+		python_status=$(python --help)
+		if [[ ${release} == "centos" ]]; then
+			yum update
+			if [[ -z ${python_status} ]]; then
+				yum install -y python unzip vim make
+				yum groupinstall "Development Tools" -y
+			else
+				yum install -y unzip vim make
+				yum groupinstall "Development Tools" -y
+			fi
+		else
+			apt-get update
+			if [[ -z ${python_status} ]]; then
+				apt-get install -y python unzip vim build-essential make
+			else
+				apt-get install -y unzip vim build-essential make
+			fi
+		fi
+	else
+		python_status=$(python --help)
+		if [[ ${release} == "centos" ]]; then
+			if [[ -z ${python_status} ]]; then
+				yum update
+				yum install -y python
+			fi
+		else
+			if [[ -z ${python_status} ]]; then
+				apt-get update
+				apt-get install -y python
+			fi
+		fi
+	fi
+}
+Write_server_config(){
+	cat > ${server_conf}<<-EOF
+{"servers":
+ [
+  {
+   "username": "username01",
+   "password": "password",
+   "name": "Server 01",
+   "type": "KVM",
+   "host": "",
+   "location": "Hong Kong",
+   "disabled": false
+  }
+ ]
+}
+EOF
+}
+Write_server_config_conf(){
+	cat > ${server_conf_1}<<-EOF
+PORT = ${server_port_s}
+EOF
+}
+Read_config_client(){
+	if [[ ! -e "${client_file}/status-client.py" ]]; then
+		if [[ ! -e "${file}/status-client.py" ]]; then
+			echo -e "${Error} ServerStatus 客户端文件不存在 !" && exit 1
+		else
+			client_text="$(cat "${file}/status-client.py"|sed 's/\"//g;s/,//g;s/ //g')"
+			rm -rf "${file}/status-client.py"
+		fi
+	else
+		client_text="$(cat "${client_file}/status-client.py"|sed 's/\"//g;s/,//g;s/ //g')"
+	fi
+	client_server="$(echo -e "${client_text}"|grep "SERVER="|awk -F "=" '{print $2}')"
+	client_port="$(echo -e "${client_text}"|grep "PORT="|awk -F "=" '{print $2}')"
+	client_user="$(echo -e "${client_text}"|grep "USER="|awk -F "=" '{print $2}')"
+	client_password="$(echo -e "${client_text}"|grep "PASSWORD="|awk -F "=" '{print $2}')"
+}
+Read_config_server(){
+	if [[ ! -e "${server_conf_1}" ]]; then
+		server_port_s="35601"
+		Write_server_config_conf
+		server_port="35601"
+	else
+		server_port="$(cat "${server_conf_1}"|grep "PORT = "|awk '{print $3}')"
+	fi
+}
+Set_server(){
+	mode=$1
+	[[ -z ${mode} ]] && mode="server"
+	if [[ ${mode} == "server" ]]; then
+		echo -e "请输入 ServerStatus 服务端中网站要设置的 域名[server]
+默认为本机IP为域名，例如输入: toyoo.pw ，如果要使用本机IP，请留空直接回车"
+		read -e -p "(默认: 本机IP):" server_s
+		[[ -z "$server_s" ]] && server_s=""
+	else
+		echo -e "请输入 ServerStatus 服务端的 IP/域名[server]"
+		read -e -p "(默认: 127.0.0.1):" server_s
+		[[ -z "$server_s" ]] && server_s="127.0.0.1"
+	fi
+	
+	echo && echo "	================================================"
+	echo -e "	IP/域名[server]: ${Red_background_prefix} ${server_s} ${Font_color_suffix}"
+	echo "	================================================" && echo
+}
+Set_server_http_port(){
+	while true
+		do
+		echo -e "请输入 ServerStatus 服务端中网站要设置的 域名/IP的端口[1-65535]（如果是域名的话，一般用 80 端口）"
+		read -e -p "(默认: 8888):" server_http_port_s
+		[[ -z "$server_http_port_s" ]] && server_http_port_s="8888"
+		echo $((${server_http_port_s}+0)) &>/dev/null
+		if [[ $? -eq 0 ]]; then
+			if [[ ${server_http_port_s} -ge 1 ]] && [[ ${server_http_port_s} -le 65535 ]]; then
+				echo && echo "	================================================"
+				echo -e "	端口: ${Red_background_prefix} ${server_http_port_s} ${Font_color_suffix}"
+				echo "	================================================" && echo
+				break
+			else
+				echo "输入错误, 请输入正确的端口。"
+			fi
+		else
+			echo "输入错误, 请输入正确的端口。"
+		fi
+	done
+}
+Set_server_port(){
+	while true
+		do
+		echo -e "请输入 ServerStatus 服务端监听的端口[1-65535]（用于服务端接收客户端消息的端口，客户端要填写这个端口）"
+		read -e -p "(默认: 35601):" server_port_s
+		[[ -z "$server_port_s" ]] && server_port_s="35601"
+		echo $((${server_port_s}+0)) &>/dev/null
+		if [[ $? -eq 0 ]]; then
+			if [[ ${server_port_s} -ge 1 ]] && [[ ${server_port_s} -le 65535 ]]; then
+				echo && echo "	================================================"
+				echo -e "	端口: ${Red_background_prefix} ${server_port_s} ${Font_color_suffix}"
+				echo "	================================================" && echo
+				break
+			else
+				echo "输入错误, 请输入正确的端口。"
+			fi
+		else
+			echo "输入错误, 请输入正确的端口。"
+		fi
+	done
+}
+Set_username(){
+	mode=$1
+	[[ -z ${mode} ]] && mode="server"
+	if [[ ${mode} == "server" ]]; then
+		echo -e "请输入 ServerStatus 服务端要设置的用户名[username]（字母/数字，不可与其他账号重复）"
+	else
+		echo -e "请输入 ServerStatus 服务端中对应配置的用户名[username]（字母/数字，不可与其他账号重复）"
+	fi
+	read -e -p "(默认: 取消):" username_s
+	[[ -z "$username_s" ]] && echo "已取消..." && exit 0
+	echo && echo "	================================================"
+	echo -e "	账号[username]: ${Red_background_prefix} ${username_s} ${Font_color_suffix}"
+	echo "	================================================" && echo
+}
+Set_password(){
+	mode=$1
+	[[ -z ${mode} ]] && mode="server"
+	if [[ ${mode} == "server" ]]; then
+		echo -e "请输入 ServerStatus 服务端要设置的密码[password]（字母/数字，可重复）"
+	else
+		echo -e "请输入 ServerStatus 服务端中对应配置的密码[password]（字母/数字）"
+	fi
+	read -e -p "(默认: doub.io):" password_s
+	[[ -z "$password_s" ]] && password_s="doub.io"
+	echo && echo "	================================================"
+	echo -e "	密码[password]: ${Red_background_prefix} ${password_s} ${Font_color_suffix}"
+	echo "	================================================" && echo
+}
+Set_name(){
+	echo -e "请输入 ServerStatus 服务端要设置的节点名称[name]（支持中文，前提是你的系统和SSH工具支持中文输入，仅仅是个名字）"
+	read -e -p "(默认: Server 01):" name_s
+	[[ -z "$name_s" ]] && name_s="Server 01"
+	echo && echo "	================================================"
+	echo -e "	节点名称[name]: ${Red_background_prefix} ${name_s} ${Font_color_suffix}"
+	echo "	================================================" && echo
+}
+Set_type(){
+	echo -e "请输入 ServerStatus 服务端要设置的节点虚拟化类型[type]（例如 OpenVZ / KVM）"
+	read -e -p "(默认: KVM):" type_s
+	[[ -z "$type_s" ]] && type_s="KVM"
+	echo && echo "	================================================"
+	echo -e "	虚拟化类型[type]: ${Red_background_prefix} ${type_s} ${Font_color_suffix}"
+	echo "	================================================" && echo
+}
+Set_location(){
+	echo -e "请输入 ServerStatus 服务端要设置的节点位置[location]（支持中文，前提是你的系统和SSH工具支持中文输入）"
+	read -e -p "(默认: Hong Kong):" location_s
+	[[ -z "$location_s" ]] && location_s="Hong Kong"
+	echo && echo "	================================================"
+	echo -e "	节点位置[location]: ${Red_background_prefix} ${location_s} ${Font_color_suffix}"
+	echo "	================================================" && echo
+}
+Set_config_server(){
+	Set_username "server"
+	Set_password "server"
+	Set_name
+	Set_type
+	Set_location
+}
+Set_config_client(){
+	Set_server "client"
+	Set_server_port
+	Set_username "client"
+	Set_password "client"
+}
+Set_ServerStatus_server(){
+	check_installed_server_status
+	echo && echo -e " 你要做什么？
+	
+ ${Green_font_prefix} 1.${Font_color_suffix} 添加 节点配置
+ ${Green_font_prefix} 2.${Font_color_suffix} 删除 节点配置
+————————
+ ${Green_font_prefix} 3.${Font_color_suffix} 修改 节点配置 - 节点用户名
+ ${Green_font_prefix} 4.${Font_color_suffix} 修改 节点配置 - 节点密码
+ ${Green_font_prefix} 5.${Font_color_suffix} 修改 节点配置 - 节点名称
+ ${Green_font_prefix} 6.${Font_color_suffix} 修改 节点配置 - 节点虚拟化
+ ${Green_font_prefix} 7.${Font_color_suffix} 修改 节点配置 - 节点位置
+ ${Green_font_prefix} 8.${Font_color_suffix} 修改 节点配置 - 全部参数
+————————
+ ${Green_font_prefix} 9.${Font_color_suffix} 启用/禁用 节点配置
+————————
+ ${Green_font_prefix}10.${Font_color_suffix} 修改 服务端监听端口" && echo
+	read -e -p "(默认: 取消):" server_num
+	[[ -z "${server_num}" ]] && echo "已取消..." && exit 1
+	if [[ ${server_num} == "1" ]]; then
+		Add_ServerStatus_server
+	elif [[ ${server_num} == "2" ]]; then
+		Del_ServerStatus_server
+	elif [[ ${server_num} == "3" ]]; then
+		Modify_ServerStatus_server_username
+	elif [[ ${server_num} == "4" ]]; then
+		Modify_ServerStatus_server_password
+	elif [[ ${server_num} == "5" ]]; then
+		Modify_ServerStatus_server_name
+	elif [[ ${server_num} == "6" ]]; then
+		Modify_ServerStatus_server_type
+	elif [[ ${server_num} == "7" ]]; then
+		Modify_ServerStatus_server_location
+	elif [[ ${server_num} == "8" ]]; then
+		Modify_ServerStatus_server_all
+	elif [[ ${server_num} == "9" ]]; then
+		Modify_ServerStatus_server_disabled
+	elif [[ ${server_num} == "10" ]]; then
+		Read_config_server
+		Del_iptables "${server_port}"
+		Set_server_port
+		Write_server_config_conf
+		Add_iptables "${server_port_s}"
+	else
+		echo -e "${Error} 请输入正确的数字[1-10]" && exit 1
+	fi
+	Restart_ServerStatus_server
+}
+List_ServerStatus_server(){
+	conf_text=$(${jq_file} '.servers' ${server_conf}|${jq_file} ".[]|.username"|sed 's/\"//g')
+	conf_text_total=$(echo -e "${conf_text}"|wc -l)
+	[[ ${conf_text_total} = "0" ]] && echo -e "${Error} 没有发现 一个节点配置，请检查 !" && exit 1
+	conf_text_total_a=$(echo $((${conf_text_total}-1)))
+	conf_list_all=""
+	for((integer = 0; integer <= ${conf_text_total_a}; integer++))
+	do
+		now_text=$(${jq_file} '.servers' ${server_conf}|${jq_file} ".[${integer}]"|sed 's/\"//g;s/,$//g'|sed '$d;1d')
+		now_text_username=$(echo -e "${now_text}"|grep "username"|awk -F ": " '{print $2}')
+		now_text_password=$(echo -e "${now_text}"|grep "password"|awk -F ": " '{print $2}')
+		now_text_name=$(echo -e "${now_text}"|grep "name"|grep -v "username"|awk -F ": " '{print $2}')
+		now_text_type=$(echo -e "${now_text}"|grep "type"|awk -F ": " '{print $2}')
+		now_text_location=$(echo -e "${now_text}"|grep "location"|awk -F ": " '{print $2}')
+		now_text_disabled=$(echo -e "${now_text}"|grep "disabled"|awk -F ": " '{print $2}')
+		if [[ ${now_text_disabled} == "false" ]]; then
+			now_text_disabled_status="${Green_font_prefix}启用${Font_color_suffix}"
+		else
+			now_text_disabled_status="${Red_font_prefix}禁用${Font_color_suffix}"
+		fi
+		conf_list_all=${conf_list_all}"用户名: ${Green_font_prefix}"${now_text_username}"${Font_color_suffix} 密码: ${Green_font_prefix}"${now_text_password}"${Font_color_suffix} 节点名: ${Green_font_prefix}"${now_text_name}"${Font_color_suffix} 类型: ${Green_font_prefix}"${now_text_type}"${Font_color_suffix} 位置: ${Green_font_prefix}"${now_text_location}"${Font_color_suffix} 状态: ${Green_font_prefix}"${now_text_disabled_status}"${Font_color_suffix}\n"
+	done
+	echo && echo -e "节点总数 ${Green_font_prefix}"${conf_text_total}"${Font_color_suffix}"
+	echo -e ${conf_list_all}
+}
+Add_ServerStatus_server(){
+	Set_config_server
+	Set_username_ch=$(cat ${server_conf}|grep '"username": "'"${username_s}"'"')
+	[[ ! -z "${Set_username_ch}" ]] && echo -e "${Error} 用户名已被使用 !" && exit 1
+	sed -i '3i\  },' ${server_conf}
+	sed -i '3i\   "disabled": false' ${server_conf}
+	sed -i '3i\   "location": "'"${location_s}"'",' ${server_conf}
+	sed -i '3i\   "host": "'"None"'",' ${server_conf}
+	sed -i '3i\   "type": "'"${type_s}"'",' ${server_conf}
+	sed -i '3i\   "name": "'"${name_s}"'",' ${server_conf}
+	sed -i '3i\   "password": "'"${password_s}"'",' ${server_conf}
+	sed -i '3i\   "username": "'"${username_s}"'",' ${server_conf}
+	sed -i '3i\  {' ${server_conf}
+	echo -e "${Info} 添加节点成功 ${Green_font_prefix}[ 节点名称: ${name_s}, 节点用户名: ${username_s}, 节点密码: ${password_s} ]${Font_color_suffix} !"
+}
+Del_ServerStatus_server(){
+	List_ServerStatus_server
+	[[ "${conf_text_total}" = "1" ]] && echo -e "${Error} 节点配置仅剩 1个，不能删除 !" && exit 1
+	echo -e "请输入要删除的节点用户名"
+	read -e -p "(默认: 取消):" del_server_username
+	[[ -z "${del_server_username}" ]] && echo -e "已取消..." && exit 1
+	del_username=`cat -n ${server_conf}|grep '"username": "'"${del_server_username}"'"'|awk '{print $1}'`
+	if [[ ! -z ${del_username} ]]; then
+		del_username_min=$(echo $((${del_username}-1)))
+		del_username_max=$(echo $((${del_username}+7)))
+		del_username_max_text=$(sed -n "${del_username_max}p" ${server_conf})
+		del_username_max_text_last=`echo ${del_username_max_text:((${#del_username_max_text} - 1))}`
+		if [[ ${del_username_max_text_last} != "," ]]; then
+			del_list_num=$(echo $((${del_username_min}-1)))
+			sed -i "${del_list_num}s/,$//g" ${server_conf}
+		fi
+		sed -i "${del_username_min},${del_username_max}d" ${server_conf}
+		echo -e "${Info} 节点删除成功 ${Green_font_prefix}[ 节点用户名: ${del_server_username} ]${Font_color_suffix} "
+	else
+		echo -e "${Error} 请输入正确的节点用户名 !" && exit 1
+	fi
+}
+Modify_ServerStatus_server_username(){
+	List_ServerStatus_server
+	echo -e "请输入要修改的节点用户名"
+	read -e -p "(默认: 取消):" manually_username
+	[[ -z "${manually_username}" ]] && echo -e "已取消..." && exit 1
+	Set_username_num=$(cat -n ${server_conf}|grep '"username": "'"${manually_username}"'"'|awk '{print $1}')
+	if [[ ! -z ${Set_username_num} ]]; then
+		Set_username
+		Set_username_ch=$(cat ${server_conf}|grep '"username": "'"${username_s}"'"')
+		[[ ! -z "${Set_username_ch}" ]] && echo -e "${Error} 用户名已被使用 !" && exit 1
+		sed -i "${Set_username_num}"'s/"username": "'"${manually_username}"'"/"username": "'"${username_s}"'"/g' ${server_conf}
+		echo -e "${Info} 修改成功 [ 原节点用户名: ${manually_username}, 新节点用户名: ${username_s} ]"
+	else
+		echo -e "${Error} 请输入正确的节点用户名 !" && exit 1
+	fi
+}
+Modify_ServerStatus_server_password(){
+	List_ServerStatus_server
+	echo -e "请输入要修改的节点用户名"
+	read -e -p "(默认: 取消):" manually_username
+	[[ -z "${manually_username}" ]] && echo -e "已取消..." && exit 1
+	Set_username_num=$(cat -n ${server_conf}|grep '"username": "'"${manually_username}"'"'|awk '{print $1}')
+	if [[ ! -z ${Set_username_num} ]]; then
+		Set_password
+		Set_password_num_a=$(echo $((${Set_username_num}+1)))
+		Set_password_num_text=$(sed -n "${Set_password_num_a}p" ${server_conf}|sed 's/\"//g;s/,$//g'|awk -F ": " '{print $2}')
+		sed -i "${Set_password_num_a}"'s/"password": "'"${Set_password_num_text}"'"/"password": "'"${password_s}"'"/g' ${server_conf}
+		echo -e "${Info} 修改成功 [ 原节点密码: ${Set_password_num_text}, 新节点密码: ${password_s} ]"
+	else
+		echo -e "${Error} 请输入正确的节点用户名 !" && exit 1
+	fi
+}
+Modify_ServerStatus_server_name(){
+	List_ServerStatus_server
+	echo -e "请输入要修改的节点用户名"
+	read -e -p "(默认: 取消):" manually_username
+	[[ -z "${manually_username}" ]] && echo -e "已取消..." && exit 1
+	Set_username_num=$(cat -n ${server_conf}|grep '"username": "'"${manually_username}"'"'|awk '{print $1}')
+	if [[ ! -z ${Set_username_num} ]]; then
+		Set_name
+		Set_name_num_a=$(echo $((${Set_username_num}+2)))
+		Set_name_num_a_text=$(sed -n "${Set_name_num_a}p" ${server_conf}|sed 's/\"//g;s/,$//g'|awk -F ": " '{print $2}')
+		sed -i "${Set_name_num_a}"'s/"name": "'"${Set_name_num_a_text}"'"/"name": "'"${name_s}"'"/g' ${server_conf}
+		echo -e "${Info} 修改成功 [ 原节点名称: ${Set_name_num_a_text}, 新节点名称: ${name_s} ]"
+	else
+		echo -e "${Error} 请输入正确的节点用户名 !" && exit 1
+	fi
+}
+Modify_ServerStatus_server_type(){
+	List_ServerStatus_server
+	echo -e "请输入要修改的节点用户名"
+	read -e -p "(默认: 取消):" manually_username
+	[[ -z "${manually_username}" ]] && echo -e "已取消..." && exit 1
+	Set_username_num=$(cat -n ${server_conf}|grep '"username": "'"${manually_username}"'"'|awk '{print $1}')
+	if [[ ! -z ${Set_username_num} ]]; then
+		Set_type
+		Set_type_num_a=$(echo $((${Set_username_num}+3)))
+		Set_type_num_a_text=$(sed -n "${Set_type_num_a}p" ${server_conf}|sed 's/\"//g;s/,$//g'|awk -F ": " '{print $2}')
+		sed -i "${Set_type_num_a}"'s/"type": "'"${Set_type_num_a_text}"'"/"type": "'"${type_s}"'"/g' ${server_conf}
+		echo -e "${Info} 修改成功 [ 原节点虚拟化: ${Set_type_num_a_text}, 新节点虚拟化: ${type_s} ]"
+	else
+		echo -e "${Error} 请输入正确的节点用户名 !" && exit 1
+	fi
+}
+Modify_ServerStatus_server_location(){
+	List_ServerStatus_server
+	echo -e "请输入要修改的节点用户名"
+	read -e -p "(默认: 取消):" manually_username
+	[[ -z "${manually_username}" ]] && echo -e "已取消..." && exit 1
+	Set_username_num=$(cat -n ${server_conf}|grep '"username": "'"${manually_username}"'"'|awk '{print $1}')
+	if [[ ! -z ${Set_username_num} ]]; then
+		Set_location
+		Set_location_num_a=$(echo $((${Set_username_num}+5)))
+		Set_location_num_a_text=$(sed -n "${Set_location_num_a}p" ${server_conf}|sed 's/\"//g;s/,$//g'|awk -F ": " '{print $2}')
+		sed -i "${Set_location_num_a}"'s/"location": "'"${Set_location_num_a_text}"'"/"location": "'"${location_s}"'"/g' ${server_conf}
+		echo -e "${Info} 修改成功 [ 原节点位置: ${Set_location_num_a_text}, 新节点位置: ${location_s} ]"
+	else
+		echo -e "${Error} 请输入正确的节点用户名 !" && exit 1
+	fi
+}
+Modify_ServerStatus_server_all(){
+	List_ServerStatus_server
+	echo -e "请输入要修改的节点用户名"
+	read -e -p "(默认: 取消):" manually_username
+	[[ -z "${manually_username}" ]] && echo -e "已取消..." && exit 1
+	Set_username_num=$(cat -n ${server_conf}|grep '"username": "'"${manually_username}"'"'|awk '{print $1}')
+	if [[ ! -z ${Set_username_num} ]]; then
+		Set_username
+		Set_password
+		Set_name
+		Set_type
+		Set_location
+		sed -i "${Set_username_num}"'s/"username": "'"${manually_username}"'"/"username": "'"${username_s}"'"/g' ${server_conf}
+		Set_password_num_a=$(echo $((${Set_username_num}+1)))
+		Set_password_num_text=$(sed -n "${Set_password_num_a}p" ${server_conf}|sed 's/\"//g;s/,$//g'|awk -F ": " '{print $2}')
+		sed -i "${Set_password_num_a}"'s/"password": "'"${Set_password_num_text}"'"/"password": "'"${password_s}"'"/g' ${server_conf}
+		Set_name_num_a=$(echo $((${Set_username_num}+2)))
+		Set_name_num_a_text=$(sed -n "${Set_name_num_a}p" ${server_conf}|sed 's/\"//g;s/,$//g'|awk -F ": " '{print $2}')
+		sed -i "${Set_name_num_a}"'s/"name": "'"${Set_name_num_a_text}"'"/"name": "'"${name_s}"'"/g' ${server_conf}
+		Set_type_num_a=$(echo $((${Set_username_num}+3)))
+		Set_type_num_a_text=$(sed -n "${Set_type_num_a}p" ${server_conf}|sed 's/\"//g;s/,$//g'|awk -F ": " '{print $2}')
+		sed -i "${Set_type_num_a}"'s/"type": "'"${Set_type_num_a_text}"'"/"type": "'"${type_s}"'"/g' ${server_conf}
+		Set_location_num_a=$(echo $((${Set_username_num}+5)))
+		Set_location_num_a_text=$(sed -n "${Set_location_num_a}p" ${server_conf}|sed 's/\"//g;s/,$//g'|awk -F ": " '{print $2}')
+		sed -i "${Set_location_num_a}"'s/"location": "'"${Set_location_num_a_text}"'"/"location": "'"${location_s}"'"/g' ${server_conf}
+		echo -e "${Info} 修改成功。"
+	else
+		echo -e "${Error} 请输入正确的节点用户名 !" && exit 1
+	fi
+}
+Modify_ServerStatus_server_disabled(){
+	List_ServerStatus_server
+	echo -e "请输入要修改的节点用户名"
+	read -e -p "(默认: 取消):" manually_username
+	[[ -z "${manually_username}" ]] && echo -e "已取消..." && exit 1
+	Set_username_num=$(cat -n ${server_conf}|grep '"username": "'"${manually_username}"'"'|awk '{print $1}')
+	if [[ ! -z ${Set_username_num} ]]; then
+		Set_disabled_num_a=$(echo $((${Set_username_num}+6)))
+		Set_disabled_num_a_text=$(sed -n "${Set_disabled_num_a}p" ${server_conf}|sed 's/\"//g;s/,$//g'|awk -F ": " '{print $2}')
+		if [[ ${Set_disabled_num_a_text} == "false" ]]; then
+			disabled_s="true"
+		else
+			disabled_s="false"
+		fi
+		sed -i "${Set_disabled_num_a}"'s/"disabled": '"${Set_disabled_num_a_text}"'/"disabled": '"${disabled_s}"'/g' ${server_conf}
+		echo -e "${Info} 修改成功 [ 原禁用状态: ${Set_disabled_num_a_text}, 新禁用状态: ${disabled_s} ]"
+	else
+		echo -e "${Error} 请输入正确的节点用户名 !" && exit 1
+	fi
+}
+Set_ServerStatus_client(){
+	check_installed_client_status
+	Set_config_client
+	Read_config_client
+	Del_iptables_OUT "${client_port}"
+	Modify_config_client
+	Add_iptables_OUT "${server_port_s}"
+	Restart_ServerStatus_client
+}
+Modify_config_client(){
+	sed -i 's/SERVER = "'"${client_server}"'"/SERVER = "'"${server_s}"'"/g' "${client_file}/status-client.py"
+	sed -i "s/PORT = ${client_port}/PORT = ${server_port_s}/g" "${client_file}/status-client.py"
+	sed -i 's/USER = "'"${client_user}"'"/USER = "'"${username_s}"'"/g' "${client_file}/status-client.py"
+	sed -i 's/PASSWORD = "'"${client_password}"'"/PASSWORD = "'"${password_s}"'"/g' "${client_file}/status-client.py"
+}
+Install_jq(){
+	if [[ ! -e ${jq_file} ]]; then
+		if [[ ${bit} = "x86_64" ]]; then
+			wget --no-check-certificate "https://github.com/stedolan/jq/releases/download/jq-1.5/jq-linux64" -O ${jq_file}
+		else
+			wget --no-check-certificate "https://github.com/stedolan/jq/releases/download/jq-1.5/jq-linux32" -O ${jq_file}
+		fi
+		[[ ! -e ${jq_file} ]] && echo -e "${Error} JQ解析器 下载失败，请检查 !" && exit 1
+		chmod +x ${jq_file}
+		echo -e "${Info} JQ解析器 安装完成，继续..." 
+	else
+		echo -e "${Info} JQ解析器 已安装，继续..."
+	fi
+}
+Install_caddy(){
+	echo
+	echo -e "${Info} 是否由脚本自动配置HTTP服务(服务端的在线监控网站)，如果选择 N，则请在其他HTTP服务中配置网站根目录为：${Green_font_prefix}${web_file}${Font_color_suffix} [Y/n]"
+	read -e -p "(默认: Y 自动部署):" caddy_yn
+	[[ -z "$caddy_yn" ]] && caddy_yn="y"
+	if [[ "${caddy_yn}" == [Yy] ]]; then
+		Set_server "server"
+		Set_server_http_port
+		if [[ ! -e "/usr/local/caddy/caddy" ]]; then
+			wget -N --no-check-certificate https://raw.githubusercontent.com/ToyoDAdoubi/doubi/master/caddy_install.sh
+			chmod +x caddy_install.sh
+			bash caddy_install.sh install
+			rm -rf caddy_install.sh
+			[[ ! -e "/usr/local/caddy/caddy" ]] && echo -e "${Error} Caddy安装失败，请手动部署，Web网页文件位置：${Web_file}" && exit 1
+		else
+			echo -e "${Info} 发现Caddy已安装，开始配置..."
+		fi
+		if [[ ! -s "/usr/local/caddy/Caddyfile" ]]; then
+			cat > "/usr/local/caddy/Caddyfile"<<-EOF
+http://${server_s}:${server_http_port_s} {
+ root ${web_file}
+ timeouts none
+ gzip
+}
+EOF
+			/etc/init.d/caddy restart
+		else
+			echo -e "${Info} 发现 Caddy 配置文件非空，开始追加 ServerStatus 网站配置内容到文件最后..."
+			cat >> "/usr/local/caddy/Caddyfile"<<-EOF
+http://${server_s}:${server_http_port_s} {
+ root ${web_file}
+ timeouts none
+ gzip
+}
+EOF
+			/etc/init.d/caddy restart
+		fi
+	else
+		echo -e "${Info} 跳过 HTTP服务部署，请手动部署，Web网页文件位置：${web_file} ，如果位置改变，请注意修改服务脚本文件 /etc/init.d/status-server 中的 WEB_BIN 变量 !"
+	fi
+}
+Install_ServerStatus_server(){
+	[[ -e "${server_file}/sergate" ]] && echo -e "${Error} 检测到 ServerStatus 服务端已安装 !" && exit 1
+	Set_server_port
+	echo -e "${Info} 开始安装/配置 依赖..."
+	Installation_dependency "server"
+	Install_caddy
+	echo -e "${Info} 开始下载/安装..."
+	Download_Server_Status_server
+	Install_jq
+	echo -e "${Info} 开始下载/安装 服务脚本(init)..."
+	Service_Server_Status_server
+	echo -e "${Info} 开始写入 配置文件..."
+	Write_server_config
+	Write_server_config_conf
+	echo -e "${Info} 开始设置 iptables防火墙..."
+	Set_iptables
+	echo -e "${Info} 开始添加 iptables防火墙规则..."
+	Add_iptables "${server_port_s}"
+	[[ ! -z "${server_http_port_s}" ]] && Add_iptables "${server_http_port_s}"
+	echo -e "${Info} 开始保存 iptables防火墙规则..."
+	Save_iptables
+	echo -e "${Info} 所有步骤 安装完毕，开始启动..."
+	Start_ServerStatus_server
+}
+Install_ServerStatus_client(){
+	[[ -e "${client_file}/status-client.py" ]] && echo -e "${Error} 检测到 ServerStatus 客户端已安装 !" && exit 1
+	check_sys
+	if [[ ${release} == "centos" ]]; then
+		cat /etc/redhat-release |grep 7\..*|grep -i centos>/dev/null
+		if [[ $? != 0 ]]; then
+			echo -e "${Info} 检测到你的系统为 CentOS6，该系统自带的 Python2.6 版本过低，会导致无法运行客户端，如果你有能力升级为 Python2.7，那么请继续(否则建议更换系统)：[y/N]"
+			read -e -p "(默认: N 继续安装):" sys_centos6
+			[[ -z "$sys_centos6" ]] && sys_centos6="n"
+			if [[ "${sys_centos6}" == [Nn] ]]; then
+				echo -e "\n${Info} 已取消...\n"
+				exit 1
+			fi
+		fi
+	fi
+	echo -e "${Info} 开始设置 用户配置..."
+	Set_config_client
+	echo -e "${Info} 开始安装/配置 依赖..."
+	Installation_dependency "client"
+	echo -e "${Info} 开始下载/安装..."
+	Download_Server_Status_client
+	echo -e "${Info} 开始下载/安装 服务脚本(init)..."
+	Service_Server_Status_client
+	echo -e "${Info} 开始写入 配置..."
+	Read_config_client
+	Modify_config_client
+	echo -e "${Info} 开始设置 iptables防火墙..."
+	Set_iptables
+	echo -e "${Info} 开始添加 iptables防火墙规则..."
+	Add_iptables_OUT "${server_port_s}"
+	echo -e "${Info} 开始保存 iptables防火墙规则..."
+	Save_iptables
+	echo -e "${Info} 所有步骤 安装完毕，开始启动..."
+	Start_ServerStatus_client
+}
+Update_ServerStatus_server(){
+	check_installed_server_status
+	check_pid_server
+	[[ ! -z ${PID} ]] && /etc/init.d/status-server stop
+	Download_Server_Status_server
+	rm -rf /etc/init.d/status-server
+	Service_Server_Status_server
+	Start_ServerStatus_server
+}
+Update_ServerStatus_client(){
+	check_installed_client_status
+	check_pid_client
+	[[ ! -z ${PID} ]] && /etc/init.d/status-client stop
+	if [[ ! -e "${client_file}/status-client.py" ]]; then
+		if [[ ! -e "${file}/status-client.py" ]]; then
+			echo -e "${Error} ServerStatus 客户端文件不存在 !" && exit 1
+		else
+			client_text="$(cat "${file}/status-client.py"|sed 's/\"//g;s/,//g;s/ //g')"
+			rm -rf "${file}/status-client.py"
+		fi
+	else
+		client_text="$(cat "${client_file}/status-client.py"|sed 's/\"//g;s/,//g;s/ //g')"
+	fi
+	server_s="$(echo -e "${client_text}"|grep "SERVER="|awk -F "=" '{print $2}')"
+	server_port_s="$(echo -e "${client_text}"|grep "PORT="|awk -F "=" '{print $2}')"
+	username_s="$(echo -e "${client_text}"|grep "USER="|awk -F "=" '{print $2}')"
+	password_s="$(echo -e "${client_text}"|grep "PASSWORD="|awk -F "=" '{print $2}')"
+	Download_Server_Status_client
+	Read_config_client
+	Modify_config_client
+	rm -rf /etc/init.d/status-client
+	Service_Server_Status_client
+	Start_ServerStatus_client
+}
+Start_ServerStatus_server(){
+	check_installed_server_status
+	check_pid_server
+	[[ ! -z ${PID} ]] && echo -e "${Error} ServerStatus 正在运行，请检查 !" && exit 1
+	/etc/init.d/status-server start
+}
+Stop_ServerStatus_server(){
+	check_installed_server_status
+	check_pid_server
+	[[ -z ${PID} ]] && echo -e "${Error} ServerStatus 没有运行，请检查 !" && exit 1
+	/etc/init.d/status-server stop
+}
+Restart_ServerStatus_server(){
+	check_installed_server_status
+	check_pid_server
+	[[ ! -z ${PID} ]] && /etc/init.d/status-server stop
+	/etc/init.d/status-server start
+}
+Uninstall_ServerStatus_server(){
+	check_installed_server_status
+	echo "确定要卸载 ServerStatus 服务端(如果同时安装了客户端，则只会删除服务端) ? [y/N]"
+	echo
+	read -e -p "(默认: n):" unyn
+	[[ -z ${unyn} ]] && unyn="n"
+	if [[ ${unyn} == [Yy] ]]; then
+		check_pid_server
+		[[ ! -z $PID ]] && kill -9 ${PID}
+		Read_config_server
+		Del_iptables "${server_port}"
+		Save_iptables
+		if [[ -e "${client_file}/status-client.py" ]]; then
+			rm -rf "${server_file}"
+			rm -rf "${web_file}"
+		else
+			rm -rf "${file}"
+		fi
+		rm -rf "/etc/init.d/status-server"
+		if [[ -e "/etc/init.d/caddy" ]]; then
+			/etc/init.d/caddy stop
+			wget -N --no-check-certificate https://raw.githubusercontent.com/ToyoDAdoubi/doubi/master/caddy_install.sh
+			chmod +x caddy_install.sh
+			bash caddy_install.sh uninstall
+			rm -rf caddy_install.sh
+		fi
+		if [[ ${release} = "centos" ]]; then
+			chkconfig --del status-server
+		else
+			update-rc.d -f status-server remove
+		fi
+		echo && echo "ServerStatus 卸载完成 !" && echo
+	else
+		echo && echo "卸载已取消..." && echo
+	fi
+}
+Start_ServerStatus_client(){
+	check_installed_client_status
+	check_pid_client
+	[[ ! -z ${PID} ]] && echo -e "${Error} ServerStatus 正在运行，请检查 !" && exit 1
+	/etc/init.d/status-client start
+}
+Stop_ServerStatus_client(){
+	check_installed_client_status
+	check_pid_client
+	[[ -z ${PID} ]] && echo -e "${Error} ServerStatus 没有运行，请检查 !" && exit 1
+	/etc/init.d/status-client stop
+}
+Restart_ServerStatus_client(){
+	check_installed_client_status
+	check_pid_client
+	[[ ! -z ${PID} ]] && /etc/init.d/status-client stop
+	/etc/init.d/status-client start
+}
+Uninstall_ServerStatus_client(){
+	check_installed_client_status
+	echo "确定要卸载 ServerStatus 客户端(如果同时安装了服务端，则只会删除客户端) ? [y/N]"
+	echo
+	read -e -p "(默认: n):" unyn
+	[[ -z ${unyn} ]] && unyn="n"
+	if [[ ${unyn} == [Yy] ]]; then
+		check_pid_client
+		[[ ! -z $PID ]] && kill -9 ${PID}
+		Read_config_client
+		Del_iptables_OUT "${client_port}"
+		Save_iptables
+		if [[ -e "${server_file}/sergate" ]]; then
+			rm -rf "${client_file}"
+		else
+			rm -rf "${file}"
+		fi
+		rm -rf /etc/init.d/status-client
+		if [[ ${release} = "centos" ]]; then
+			chkconfig --del status-client
+		else
+			update-rc.d -f status-client remove
+		fi
+		echo && echo "ServerStatus 卸载完成 !" && echo
+	else
+		echo && echo "卸载已取消..." && echo
+	fi
+}
+View_ServerStatus_client(){
+	check_installed_client_status
+	Read_config_client
+	clear && echo "————————————————————" && echo
+	echo -e "  ServerStatus 客户端配置信息：
+ 
+  IP \t: ${Green_font_prefix}${client_server}${Font_color_suffix}
+  端口 \t: ${Green_font_prefix}${client_port}${Font_color_suffix}
+  账号 \t: ${Green_font_prefix}${client_user}${Font_color_suffix}
+  密码 \t: ${Green_font_prefix}${client_password}${Font_color_suffix}
+ 
+————————————————————"
+}
+View_client_Log(){
+	[[ ! -e ${client_log_file} ]] && echo -e "${Error} 没有找到日志文件 !" && exit 1
+	echo && echo -e "${Tip} 按 ${Red_font_prefix}Ctrl+C${Font_color_suffix} 终止查看日志" && echo -e "如果需要查看完整日志内容，请用 ${Red_font_prefix}cat ${client_log_file}${Font_color_suffix} 命令。" && echo
+	tail -f ${client_log_file}
+}
+View_server_Log(){
+	[[ ! -e ${erver_log_file} ]] && echo -e "${Error} 没有找到日志文件 !" && exit 1
+	echo && echo -e "${Tip} 按 ${Red_font_prefix}Ctrl+C${Font_color_suffix} 终止查看日志" && echo -e "如果需要查看完整日志内容，请用 ${Red_font_prefix}cat ${erver_log_file}${Font_color_suffix} 命令。" && echo
+	tail -f ${erver_log_file}
+}
+Add_iptables_OUT(){
+	iptables_ADD_OUT_port=$1
+	iptables -I OUTPUT -m state --state NEW -m tcp -p tcp --dport ${iptables_ADD_OUT_port} -j ACCEPT
+	iptables -I OUTPUT -m state --state NEW -m udp -p udp --dport ${iptables_ADD_OUT_port} -j ACCEPT
+}
+Del_iptables_OUT(){
+	iptables_DEL_OUT_port=$1
+	iptables -D OUTPUT -m state --state NEW -m tcp -p tcp --dport ${iptables_DEL_OUT_port} -j ACCEPT
+	iptables -D OUTPUT -m state --state NEW -m udp -p udp --dport ${iptables_DEL_OUT_port} -j ACCEPT
+}
+Add_iptables(){
+	iptables_ADD_IN_port=$1
+	iptables -I INPUT -m state --state NEW -m tcp -p tcp --dport ${iptables_ADD_IN_port} -j ACCEPT
+	iptables -I INPUT -m state --state NEW -m udp -p udp --dport ${iptables_ADD_IN_port} -j ACCEPT
+}
+Del_iptables(){
+	iptables_DEL_IN_port=$1
+	iptables -D INPUT -m state --state NEW -m tcp -p tcp --dport ${iptables_DEL_IN_port} -j ACCEPT
+	iptables -D INPUT -m state --state NEW -m udp -p udp --dport ${iptables_DEL_IN_port} -j ACCEPT
+}
+Save_iptables(){
+	if [[ ${release} == "centos" ]]; then
+		service iptables save
+	else
+		iptables-save > /etc/iptables.up.rules
+	fi
+}
+Set_iptables(){
+	if [[ ${release} == "centos" ]]; then
+		service iptables save
+		chkconfig --level 2345 iptables on
+	else
+		iptables-save > /etc/iptables.up.rules
+		echo -e '#!/bin/bash\n/sbin/iptables-restore < /etc/iptables.up.rules' > /etc/network/if-pre-up.d/iptables
+		chmod +x /etc/network/if-pre-up.d/iptables
+	fi
+}
+Update_Shell(){
+	sh_new_ver=$(wget --no-check-certificate -qO- -t1 -T3 "https://raw.githubusercontent.com/ToyoDAdoubi/doubi/master/status.sh"|grep 'sh_ver="'|awk -F "=" '{print $NF}'|sed 's/\"//g'|head -1) && sh_new_type="github"
+	[[ -z ${sh_new_ver} ]] && echo -e "${Error} 无法链接到 Github !" && exit 0
+	if [[ -e "/etc/init.d/status-client" ]]; then
+		rm -rf /etc/init.d/status-client
+		Service_Server_Status_client
+	fi
+	if [[ -e "/etc/init.d/status-server" ]]; then
+		rm -rf /etc/init.d/status-server
+		Service_Server_Status_server
+	fi
+	wget -N --no-check-certificate "https://raw.githubusercontent.com/ToyoDAdoubi/doubi/master/status.sh" && chmod +x status.sh
+	echo -e "脚本已更新为最新版本[ ${sh_new_ver} ] !(注意：因为更新方式为直接覆盖当前运行的脚本，所以可能下面会提示一些报错，无视即可)" && exit 0
+}
+menu_client(){
+echo && echo -e "  ServerStatus 一键安装管理脚本 ${Red_font_prefix}[v${sh_ver}]${Font_color_suffix}
+  -- Toyo | doub.io/shell-jc3 --
+  
+ ${Green_font_prefix} 0.${Font_color_suffix} 升级脚本
+ ————————————
+ ${Green_font_prefix} 1.${Font_color_suffix} 安装 客户端
+ ${Green_font_prefix} 2.${Font_color_suffix} 更新 客户端
+ ${Green_font_prefix} 3.${Font_color_suffix} 卸载 客户端
+————————————
+ ${Green_font_prefix} 4.${Font_color_suffix} 启动 客户端
+ ${Green_font_prefix} 5.${Font_color_suffix} 停止 客户端
+ ${Green_font_prefix} 6.${Font_color_suffix} 重启 客户端
+————————————
+ ${Green_font_prefix} 7.${Font_color_suffix} 设置 客户端配置
+ ${Green_font_prefix} 8.${Font_color_suffix} 查看 客户端信息
+ ${Green_font_prefix} 9.${Font_color_suffix} 查看 客户端日志
+————————————
+ ${Green_font_prefix}10.${Font_color_suffix} 切换为 服务端菜单" && echo
+if [[ -e "${client_file}/status-client.py" ]]; then
+	check_pid_client
+	if [[ ! -z "${PID}" ]]; then
+		echo -e " 当前状态: 客户端 ${Green_font_prefix}已安装${Font_color_suffix} 并 ${Green_font_prefix}已启动${Font_color_suffix}"
+	else
+		echo -e " 当前状态: 客户端 ${Green_font_prefix}已安装${Font_color_suffix} 但 ${Red_font_prefix}未启动${Font_color_suffix}"
+	fi
+else
+	if [[ -e "${file}/status-client.py" ]]; then
+		check_pid_client
+		if [[ ! -z "${PID}" ]]; then
+			echo -e " 当前状态: 客户端 ${Green_font_prefix}已安装${Font_color_suffix} 并 ${Green_font_prefix}已启动${Font_color_suffix}"
+		else
+			echo -e " 当前状态: 客户端 ${Green_font_prefix}已安装${Font_color_suffix} 但 ${Red_font_prefix}未启动${Font_color_suffix}"
+		fi
+	else
+		echo -e " 当前状态: 客户端 ${Red_font_prefix}未安装${Font_color_suffix}"
+	fi
+fi
+echo
+read -e -p " 请输入数字 [0-10]:" num
+case "$num" in
+	0)
+	Update_Shell
+	;;
+	1)
+	Install_ServerStatus_client
+	;;
+	2)
+	Update_ServerStatus_client
+	;;
+	3)
+	Uninstall_ServerStatus_client
+	;;
+	4)
+	Start_ServerStatus_client
+	;;
+	5)
+	Stop_ServerStatus_client
+	;;
+	6)
+	Restart_ServerStatus_client
+	;;
+	7)
+	Set_ServerStatus_client
+	;;
+	8)
+	View_ServerStatus_client
+	;;
+	9)
+	View_client_Log
+	;;
+	10)
+	menu_server
+	;;
+	*)
+	echo "请输入正确数字 [0-10]"
+	;;
+esac
+}
+menu_server(){
+echo && echo -e "  ServerStatus 一键安装管理脚本 ${Red_font_prefix}[v${sh_ver}]${Font_color_suffix}
+  -- Toyo | doub.io/shell-jc3 --
+  
+ ${Green_font_prefix} 0.${Font_color_suffix} 升级脚本
+ ————————————
+ ${Green_font_prefix} 1.${Font_color_suffix} 安装 服务端
+ ${Green_font_prefix} 2.${Font_color_suffix} 更新 服务端
+ ${Green_font_prefix} 3.${Font_color_suffix} 卸载 服务端
+————————————
+ ${Green_font_prefix} 4.${Font_color_suffix} 启动 服务端
+ ${Green_font_prefix} 5.${Font_color_suffix} 停止 服务端
+ ${Green_font_prefix} 6.${Font_color_suffix} 重启 服务端
+————————————
+ ${Green_font_prefix} 7.${Font_color_suffix} 设置 服务端配置
+ ${Green_font_prefix} 8.${Font_color_suffix} 查看 服务端信息
+ ${Green_font_prefix} 9.${Font_color_suffix} 查看 服务端日志
+————————————
+ ${Green_font_prefix}10.${Font_color_suffix} 切换为 客户端菜单" && echo
+if [[ -e "${server_file}/sergate" ]]; then
+	check_pid_server
+	if [[ ! -z "${PID}" ]]; then
+		echo -e " 当前状态: 服务端 ${Green_font_prefix}已安装${Font_color_suffix} 并 ${Green_font_prefix}已启动${Font_color_suffix}"
+	else
+		echo -e " 当前状态: 服务端 ${Green_font_prefix}已安装${Font_color_suffix} 但 ${Red_font_prefix}未启动${Font_color_suffix}"
+	fi
+else
+	echo -e " 当前状态: 服务端 ${Red_font_prefix}未安装${Font_color_suffix}"
+fi
+echo
+read -e -p " 请输入数字 [0-10]:" num
+case "$num" in
+	0)
+	Update_Shell
+	;;
+	1)
+	Install_ServerStatus_server
+	;;
+	2)
+	Update_ServerStatus_server
+	;;
+	3)
+	Uninstall_ServerStatus_server
+	;;
+	4)
+	Start_ServerStatus_server
+	;;
+	5)
+	Stop_ServerStatus_server
+	;;
+	6)
+	Restart_ServerStatus_server
+	;;
+	7)
+	Set_ServerStatus_server
+	;;
+	8)
+	List_ServerStatus_server
+	;;
+	9)
+	View_server_Log
+	;;
+	10)
+	menu_client
+	;;
+	*)
+	echo "请输入正确数字 [0-10]"
+	;;
+esac
+}
+check_sys
+action=$1
+if [[ ! -z $action ]]; then
+	if [[ $action = "s" ]]; then
+		menu_server
+	elif [[ $action = "c" ]]; then
+		menu_client
+	fi
+else
+	menu_server
+fi

serverstatus/web/css/bootstrap.min.css

@@ -0,0 +1,5160 @@
+
+/*! * Bootstrap v3.0.3 (http://getbootstrap.com) * Copyright 2013 Twitter, Inc. * Licensed under http://www.apache.org/licenses/LICENSE-2.0*/
+	/*! normalize.css v2.1.3 | MIT License | git.io/normalize*/
+	article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
+	display:block
+}
+audio,canvas,video {
+	display:inline-block
+}
+audio:not([controls]) {
+	display:none;
+	height:0
+}
+[hidden],template {
+	display:none
+}
+html {
+	font-family:sans-serif;
+	-webkit-text-size-adjust:100%;
+	-ms-text-size-adjust:100%
+}
+body {
+	margin:0
+}
+a {
+	background:transparent
+}
+a:focus {
+	outline:thin dotted
+}
+a:active,a:hover {
+	outline:0
+}
+h1 {
+	margin:.67em 0;
+	font-size:2em
+}
+abbr[title] {
+	border-bottom:1px dotted
+}
+b,strong {
+	font-weight:bold
+}
+dfn {
+	font-style:italic
+}
+hr {
+	height:0;
+	-moz-box-sizing:content-box;
+	box-sizing:content-box
+}
+mark {
+	color:#000;
+	background:#ff0
+}
+code,kbd,pre,samp {
+	font-family:monospace,serif;
+	font-size:1em
+}
+pre {
+	white-space:pre-wrap
+}
+q {
+	quotes:"\201C" "\201D" "\2018" "\2019"
+}
+small {
+	font-size:80%
+}
+sub,sup {
+	position:relative;
+	font-size:75%;
+	line-height:0;
+	vertical-align:baseline
+}
+sup {
+	top:-0.5em
+}
+sub {
+	bottom:-0.25em
+}
+img {
+	border:0
+}
+svg:not(:root) {
+	overflow:hidden
+}
+figure {
+	margin:0
+}
+fieldset {
+	padding:.35em .625em .75em;
+	margin:0 2px;
+	border:1px solid #c0c0c0
+}
+legend {
+	padding:0;
+	border:0
+}
+button,input,select,textarea {
+	margin:0;
+	font-family:inherit;
+	font-size:100%
+}
+button,input {
+	line-height:normal
+}
+button,select {
+	text-transform:none
+}
+button,html input[type="button"],input[type="reset"],input[type="submit"] {
+	cursor:pointer;
+	-webkit-appearance:button
+}
+button[disabled],html input[disabled] {
+	cursor:default
+}
+input[type="checkbox"],input[type="radio"] {
+	padding:0;
+	box-sizing:border-box
+}
+input[type="search"] {
+	-webkit-box-sizing:content-box;
+	-moz-box-sizing:content-box;
+	box-sizing:content-box;
+	-webkit-appearance:textfield
+}
+input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
+	-webkit-appearance:none
+}
+button::-moz-focus-inner,input::-moz-focus-inner {
+	padding:0;
+	border:0
+}
+textarea {
+	overflow:auto;
+	vertical-align:top
+}
+table {
+	border-collapse:collapse;
+	border-spacing:0
+}
+@media print {
+	* {
+	color:#000!important;
+	text-shadow:none!important;
+	background:transparent!important;
+	box-shadow:none!important
+}
+a,a:visited {
+	text-decoration:underline
+}
+a[href]:after {
+	content:" (" attr(href) ")"
+}
+abbr[title]:after {
+	content:" (" attr(title) ")"
+}
+a[href^="javascript:"]:after,a[href^="#"]:after {
+	content:""
+}
+pre,blockquote {
+	border:1px solid #999;
+	page-break-inside:avoid
+}
+thead {
+	display:table-header-group
+}
+tr,img {
+	page-break-inside:avoid
+}
+img {
+	max-width:100%!important
+}
+@page {
+	margin:2cm .5cm
+}
+p,h2,h3 {
+	orphans:3;
+	widows:3
+}
+h2,h3 {
+	page-break-after:avoid
+}
+select {
+	background:#fff!important
+}
+.navbar {
+	display:none
+}
+.table td,.table th {
+	background-color:#fff!important
+}
+.btn>.caret,.dropup>.btn>.caret {
+	border-top-color:#000!important
+}
+.label {
+	border:1px solid #000
+}
+.table {
+	border-collapse:collapse!important
+}
+.table-bordered th,.table-bordered td {
+	border:1px solid #ddd!important
+}
+}*,*:before,*:after {
+	-webkit-box-sizing:border-box;
+	-moz-box-sizing:border-box;
+	box-sizing:border-box
+}
+html {
+	font-size:62.5%;
+	-webkit-tap-highlight-color:rgba(0,0,0,0)
+}
+body {
+	font-family:"Microsoft YaHei", 微软雅黑, 黑体, 宋体, sans-serif;
+	font-size:14px;
+	line-height:1.428571429;
+	color:#333;
+	background-color:#fff
+}
+input,button,select,textarea {
+	font-family:inherit;
+	font-size:inherit;
+	line-height:inherit
+}
+a {
+	color:#428bca;
+	text-decoration:none
+}
+a:hover,a:focus {
+	color:#2a6496;
+	text-decoration:underline
+}
+a:focus {
+	outline:thin dotted;
+	outline:5px auto -webkit-focus-ring-color;
+	outline-offset:-2px
+}
+img {
+	vertical-align:middle
+}
+.img-responsive {
+	display:block;
+	height:auto;
+	max-width:100%
+}
+.img-rounded {
+	border-radius:6px
+}
+.img-thumbnail {
+	display:inline-block;
+	height:auto;
+	max-width:100%;
+	padding:4px;
+	line-height:1.428571429;
+	background-color:#fff;
+	border:1px solid #ddd;
+	border-radius:4px;
+	-webkit-transition:all .2s ease-in-out;
+	transition:all .2s ease-in-out
+}
+.img-circle {
+	border-radius:50%
+}
+hr {
+	margin-top:20px;
+	margin-bottom:20px;
+	border:0;
+	border-top:1px solid #eee
+}
+.sr-only {
+	position:absolute;
+	width:1px;
+	height:1px;
+	padding:0;
+	margin:-1px;
+	overflow:hidden;
+	clip:rect(0,0,0,0);
+	border:0
+}
+h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
+	font-family:"Microsoft YaHei", 微软雅黑, 黑体, 宋体, sans-serif;
+	font-weight:500;
+	line-height:1.1;
+	color:inherit
+}
+h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small {
+	font-weight:normal;
+	line-height:1;
+	color:#999
+}
+h1,h2,h3 {
+	margin-top:20px;
+	margin-bottom:10px
+}
+h1 small,h2 small,h3 small,h1 .small,h2 .small,h3 .small {
+	font-size:65%
+}
+h4,h5,h6 {
+	margin-top:10px;
+	margin-bottom:10px
+}
+h4 small,h5 small,h6 small,h4 .small,h5 .small,h6 .small {
+	font-size:75%
+}
+h1,.h1 {
+	font-size:36px
+}
+h2,.h2 {
+	font-size:30px
+}
+h3,.h3 {
+	font-size:24px
+}
+h4,.h4 {
+	font-size:18px
+}
+h5,.h5 {
+	font-size:14px
+}
+h6,.h6 {
+	font-size:12px
+}
+p {
+	margin:0 0 10px
+}
+.lead {
+	margin-bottom:20px;
+	font-size:16px;
+	font-weight:200;
+	line-height:1.4
+}
+@media(min-width:768px) {
+	.lead {
+	font-size:21px
+}
+}small,.small {
+	font-size:85%
+}
+cite {
+	font-style:normal
+}
+.text-muted {
+	color:#999
+}
+.text-primary {
+	color:#428bca
+}
+.text-primary:hover {
+	color:#3071a9
+}
+.text-warning {
+	color:#8a6d3b
+}
+.text-warning:hover {
+	color:#66512c
+}
+.text-danger {
+	color:#a94442
+}
+.text-danger:hover {
+	color:#843534
+}
+.text-success {
+	color:#3c763d
+}
+.text-success:hover {
+	color:#2b542c
+}
+.text-info {
+	color:#31708f
+}
+.text-info:hover {
+	color:#245269
+}
+.text-left {
+	text-align:left
+}
+.text-right {
+	text-align:right
+}
+.text-center {
+	text-align:center
+}
+.page-header {
+	padding-bottom:9px;
+	margin:40px 0 20px;
+	border-bottom:1px solid #eee
+}
+ul,ol {
+	margin-top:0;
+	margin-bottom:10px
+}
+ul ul,ol ul,ul ol,ol ol {
+	margin-bottom:0
+}
+.list-unstyled {
+	padding-left:0;
+	list-style:none
+}
+.list-inline {
+	padding-left:0;
+	list-style:none
+}
+.list-inline>li {
+	display:inline-block;
+	padding-right:5px;
+	padding-left:5px
+}
+.list-inline>li:first-child {
+	padding-left:0
+}
+dl {
+	margin-top:0;
+	margin-bottom:20px
+}
+dt,dd {
+	line-height:1.428571429
+}
+dt {
+	font-weight:bold
+}
+dd {
+	margin-left:0
+}
+@media(min-width:768px) {
+	.dl-horizontal dt {
+	float:left;
+	width:160px;
+	overflow:hidden;
+	clear:left;
+	text-align:right;
+	text-overflow:ellipsis;
+	white-space:nowrap
+}
+.dl-horizontal dd {
+	margin-left:180px
+}
+.dl-horizontal dd:before,.dl-horizontal dd:after {
+	display:table;
+	content:" "
+}
+.dl-horizontal dd:after {
+	clear:both
+}
+.dl-horizontal dd:before,.dl-horizontal dd:after {
+	display:table;
+	content:" "
+}
+.dl-horizontal dd:after {
+	clear:both
+}
+}abbr[title],abbr[data-original-title] {
+	cursor:help;
+	border-bottom:1px dotted #999
+}
+.initialism {
+	font-size:90%;
+	text-transform:uppercase
+}
+blockquote {
+	padding:10px 20px;
+	margin:0 0 20px;
+	border-left:5px solid #eee
+}
+blockquote p {
+	font-size:17.5px;
+	font-weight:300;
+	line-height:1.25
+}
+blockquote p:last-child {
+	margin-bottom:0
+}
+blockquote small,blockquote .small {
+	display:block;
+	line-height:1.428571429;
+	color:#999
+}
+blockquote small:before,blockquote .small:before {
+	content:'\2014 \00A0'
+}
+blockquote.pull-right {
+	padding-right:15px;
+	padding-left:0;
+	border-right:5px solid #eee;
+	border-left:0
+}
+blockquote.pull-right p,blockquote.pull-right small,blockquote.pull-right .small {
+	text-align:right
+}
+blockquote.pull-right small:before,blockquote.pull-right .small:before {
+	content:''
+}
+blockquote.pull-right small:after,blockquote.pull-right .small:after {
+	content:'\00A0 \2014'
+}
+blockquote:before,blockquote:after {
+	content:""
+}
+address {
+	margin-bottom:20px;
+	font-style:normal;
+	line-height:1.428571429
+}
+code,kbd,pre,samp {
+	font-family:Menlo,Monaco,Consolas,"Courier New",monospace
+}
+code {
+	padding:2px 4px;
+	font-size:90%;
+	color:#c7254e;
+	white-space:nowrap;
+	background-color:#f9f2f4;
+	border-radius:4px
+}
+pre {
+	display:block;
+	padding:9.5px;
+	margin:0 0 10px;
+	font-size:13px;
+	line-height:1.428571429;
+	color:#333;
+	word-break:break-all;
+	word-wrap:break-word;
+	background-color:#f5f5f5;
+	border:1px solid #ccc;
+	border-radius:4px
+}
+pre code {
+	padding:0;
+	font-size:inherit;
+	color:inherit;
+	white-space:pre-wrap;
+	background-color:transparent;
+	border-radius:0
+}
+.pre-scrollable {
+	max-height:340px;
+	overflow-y:scroll
+}
+.container {
+	padding-right:15px;
+	padding-left:15px;
+	margin-right:auto;
+	margin-left:auto
+}
+.container:before,.container:after {
+	display:table;
+	content:" "
+}
+.container:after {
+	clear:both
+}
+.container:before,.container:after {
+	display:table;
+	content:" "
+}
+.container:after {
+	clear:both
+}
+@media(min-width:768px) {
+	.container {
+	width:750px
+}
+}@media(min-width:992px) {
+	.container {
+	width:970px
+}
+}@media(min-width:1200px) {
+	.container {
+	width:1170px
+}
+}.row {
+	margin-right:-15px;
+	margin-left:-15px
+}
+.row:before,.row:after {
+	display:table;
+	content:" "
+}
+.row:after {
+	clear:both
+}
+.row:before,.row:after {
+	display:table;
+	content:" "
+}
+.row:after {
+	clear:both
+}
+.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
+	position:relative;
+	min-height:1px;
+	padding-right:15px;
+	padding-left:15px
+}
+.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
+	float:left
+}
+.col-xs-12 {
+	width:100%
+}
+.col-xs-11 {
+	width:91.66666666666666%
+}
+.col-xs-10 {
+	width:83.33333333333334%
+}
+.col-xs-9 {
+	width:75%
+}
+.col-xs-8 {
+	width:66.66666666666666%
+}
+.col-xs-7 {
+	width:58.333333333333336%
+}
+.col-xs-6 {
+	width:50%
+}
+.col-xs-5 {
+	width:41.66666666666667%
+}
+.col-xs-4 {
+	width:33.33333333333333%
+}
+.col-xs-3 {
+	width:25%
+}
+.col-xs-2 {
+	width:16.666666666666664%
+}
+.col-xs-1 {
+	width:8.333333333333332%
+}
+.col-xs-pull-12 {
+	right:100%
+}
+.col-xs-pull-11 {
+	right:91.66666666666666%
+}
+.col-xs-pull-10 {
+	right:83.33333333333334%
+}
+.col-xs-pull-9 {
+	right:75%
+}
+.col-xs-pull-8 {
+	right:66.66666666666666%
+}
+.col-xs-pull-7 {
+	right:58.333333333333336%
+}
+.col-xs-pull-6 {
+	right:50%
+}
+.col-xs-pull-5 {
+	right:41.66666666666667%
+}
+.col-xs-pull-4 {
+	right:33.33333333333333%
+}
+.col-xs-pull-3 {
+	right:25%
+}
+.col-xs-pull-2 {
+	right:16.666666666666664%
+}
+.col-xs-pull-1 {
+	right:8.333333333333332%
+}
+.col-xs-pull-0 {
+	right:0
+}
+.col-xs-push-12 {
+	left:100%
+}
+.col-xs-push-11 {
+	left:91.66666666666666%
+}
+.col-xs-push-10 {
+	left:83.33333333333334%
+}
+.col-xs-push-9 {
+	left:75%
+}
+.col-xs-push-8 {
+	left:66.66666666666666%
+}
+.col-xs-push-7 {
+	left:58.333333333333336%
+}
+.col-xs-push-6 {
+	left:50%
+}
+.col-xs-push-5 {
+	left:41.66666666666667%
+}
+.col-xs-push-4 {
+	left:33.33333333333333%
+}
+.col-xs-push-3 {
+	left:25%
+}
+.col-xs-push-2 {
+	left:16.666666666666664%
+}
+.col-xs-push-1 {
+	left:8.333333333333332%
+}
+.col-xs-push-0 {
+	left:0
+}
+.col-xs-offset-12 {
+	margin-left:100%
+}
+.col-xs-offset-11 {
+	margin-left:91.66666666666666%
+}
+.col-xs-offset-10 {
+	margin-left:83.33333333333334%
+}
+.col-xs-offset-9 {
+	margin-left:75%
+}
+.col-xs-offset-8 {
+	margin-left:66.66666666666666%
+}
+.col-xs-offset-7 {
+	margin-left:58.333333333333336%
+}
+.col-xs-offset-6 {
+	margin-left:50%
+}
+.col-xs-offset-5 {
+	margin-left:41.66666666666667%
+}
+.col-xs-offset-4 {
+	margin-left:33.33333333333333%
+}
+.col-xs-offset-3 {
+	margin-left:25%
+}
+.col-xs-offset-2 {
+	margin-left:16.666666666666664%
+}
+.col-xs-offset-1 {
+	margin-left:8.333333333333332%
+}
+.col-xs-offset-0 {
+	margin-left:0
+}
+@media(min-width:768px) {
+	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
+	float:left
+}
+.col-sm-12 {
+	width:100%
+}
+.col-sm-11 {
+	width:91.66666666666666%
+}
+.col-sm-10 {
+	width:83.33333333333334%
+}
+.col-sm-9 {
+	width:75%
+}
+.col-sm-8 {
+	width:66.66666666666666%
+}
+.col-sm-7 {
+	width:58.333333333333336%
+}
+.col-sm-6 {
+	width:50%
+}
+.col-sm-5 {
+	width:41.66666666666667%
+}
+.col-sm-4 {
+	width:33.33333333333333%
+}
+.col-sm-3 {
+	width:25%
+}
+.col-sm-2 {
+	width:16.666666666666664%
+}
+.col-sm-1 {
+	width:8.333333333333332%
+}
+.col-sm-pull-12 {
+	right:100%
+}
+.col-sm-pull-11 {
+	right:91.66666666666666%
+}
+.col-sm-pull-10 {
+	right:83.33333333333334%
+}
+.col-sm-pull-9 {
+	right:75%
+}
+.col-sm-pull-8 {
+	right:66.66666666666666%
+}
+.col-sm-pull-7 {
+	right:58.333333333333336%
+}
+.col-sm-pull-6 {
+	right:50%
+}
+.col-sm-pull-5 {
+	right:41.66666666666667%
+}
+.col-sm-pull-4 {
+	right:33.33333333333333%
+}
+.col-sm-pull-3 {
+	right:25%
+}
+.col-sm-pull-2 {
+	right:16.666666666666664%
+}
+.col-sm-pull-1 {
+	right:8.333333333333332%
+}
+.col-sm-pull-0 {
+	right:0
+}
+.col-sm-push-12 {
+	left:100%
+}
+.col-sm-push-11 {
+	left:91.66666666666666%
+}
+.col-sm-push-10 {
+	left:83.33333333333334%
+}
+.col-sm-push-9 {
+	left:75%
+}
+.col-sm-push-8 {
+	left:66.66666666666666%
+}
+.col-sm-push-7 {
+	left:58.333333333333336%
+}
+.col-sm-push-6 {
+	left:50%
+}
+.col-sm-push-5 {
+	left:41.66666666666667%
+}
+.col-sm-push-4 {
+	left:33.33333333333333%
+}
+.col-sm-push-3 {
+	left:25%
+}
+.col-sm-push-2 {
+	left:16.666666666666664%
+}
+.col-sm-push-1 {
+	left:8.333333333333332%
+}
+.col-sm-push-0 {
+	left:0
+}
+.col-sm-offset-12 {
+	margin-left:100%
+}
+.col-sm-offset-11 {
+	margin-left:91.66666666666666%
+}
+.col-sm-offset-10 {
+	margin-left:83.33333333333334%
+}
+.col-sm-offset-9 {
+	margin-left:75%
+}
+.col-sm-offset-8 {
+	margin-left:66.66666666666666%
+}
+.col-sm-offset-7 {
+	margin-left:58.333333333333336%
+}
+.col-sm-offset-6 {
+	margin-left:50%
+}
+.col-sm-offset-5 {
+	margin-left:41.66666666666667%
+}
+.col-sm-offset-4 {
+	margin-left:33.33333333333333%
+}
+.col-sm-offset-3 {
+	margin-left:25%
+}
+.col-sm-offset-2 {
+	margin-left:16.666666666666664%
+}
+.col-sm-offset-1 {
+	margin-left:8.333333333333332%
+}
+.col-sm-offset-0 {
+	margin-left:0
+}
+}@media(min-width:992px) {
+	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
+	float:left
+}
+.col-md-12 {
+	width:100%
+}
+.col-md-11 {
+	width:91.66666666666666%
+}
+.col-md-10 {
+	width:83.33333333333334%
+}
+.col-md-9 {
+	width:75%
+}
+.col-md-8 {
+	width:66.66666666666666%
+}
+.col-md-7 {
+	width:58.333333333333336%
+}
+.col-md-6 {
+	width:50%
+}
+.col-md-5 {
+	width:41.66666666666667%
+}
+.col-md-4 {
+	width:33.33333333333333%
+}
+.col-md-3 {
+	width:25%
+}
+.col-md-2 {
+	width:16.666666666666664%
+}
+.col-md-1 {
+	width:8.333333333333332%
+}
+.col-md-pull-12 {
+	right:100%
+}
+.col-md-pull-11 {
+	right:91.66666666666666%
+}
+.col-md-pull-10 {
+	right:83.33333333333334%
+}
+.col-md-pull-9 {
+	right:75%
+}
+.col-md-pull-8 {
+	right:66.66666666666666%
+}
+.col-md-pull-7 {
+	right:58.333333333333336%
+}
+.col-md-pull-6 {
+	right:50%
+}
+.col-md-pull-5 {
+	right:41.66666666666667%
+}
+.col-md-pull-4 {
+	right:33.33333333333333%
+}
+.col-md-pull-3 {
+	right:25%
+}
+.col-md-pull-2 {
+	right:16.666666666666664%
+}
+.col-md-pull-1 {
+	right:8.333333333333332%
+}
+.col-md-pull-0 {
+	right:0
+}
+.col-md-push-12 {
+	left:100%
+}
+.col-md-push-11 {
+	left:91.66666666666666%
+}
+.col-md-push-10 {
+	left:83.33333333333334%
+}
+.col-md-push-9 {
+	left:75%
+}
+.col-md-push-8 {
+	left:66.66666666666666%
+}
+.col-md-push-7 {
+	left:58.333333333333336%
+}
+.col-md-push-6 {
+	left:50%
+}
+.col-md-push-5 {
+	left:41.66666666666667%
+}
+.col-md-push-4 {
+	left:33.33333333333333%
+}
+.col-md-push-3 {
+	left:25%
+}
+.col-md-push-2 {
+	left:16.666666666666664%
+}
+.col-md-push-1 {
+	left:8.333333333333332%
+}
+.col-md-push-0 {
+	left:0
+}
+.col-md-offset-12 {
+	margin-left:100%
+}
+.col-md-offset-11 {
+	margin-left:91.66666666666666%
+}
+.col-md-offset-10 {
+	margin-left:83.33333333333334%
+}
+.col-md-offset-9 {
+	margin-left:75%
+}
+.col-md-offset-8 {
+	margin-left:66.66666666666666%
+}
+.col-md-offset-7 {
+	margin-left:58.333333333333336%
+}
+.col-md-offset-6 {
+	margin-left:50%
+}
+.col-md-offset-5 {
+	margin-left:41.66666666666667%
+}
+.col-md-offset-4 {
+	margin-left:33.33333333333333%
+}
+.col-md-offset-3 {
+	margin-left:25%
+}
+.col-md-offset-2 {
+	margin-left:16.666666666666664%
+}
+.col-md-offset-1 {
+	margin-left:8.333333333333332%
+}
+.col-md-offset-0 {
+	margin-left:0
+}
+}@media(min-width:1200px) {
+	.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
+	float:left
+}
+.col-lg-12 {
+	width:100%
+}
+.col-lg-11 {
+	width:91.66666666666666%
+}
+.col-lg-10 {
+	width:83.33333333333334%
+}
+.col-lg-9 {
+	width:75%
+}
+.col-lg-8 {
+	width:66.66666666666666%
+}
+.col-lg-7 {
+	width:58.333333333333336%
+}
+.col-lg-6 {
+	width:50%
+}
+.col-lg-5 {
+	width:41.66666666666667%
+}
+.col-lg-4 {
+	width:33.33333333333333%
+}
+.col-lg-3 {
+	width:25%
+}
+.col-lg-2 {
+	width:16.666666666666664%
+}
+.col-lg-1 {
+	width:8.333333333333332%
+}
+.col-lg-pull-12 {
+	right:100%
+}
+.col-lg-pull-11 {
+	right:91.66666666666666%
+}
+.col-lg-pull-10 {
+	right:83.33333333333334%
+}
+.col-lg-pull-9 {
+	right:75%
+}
+.col-lg-pull-8 {
+	right:66.66666666666666%
+}
+.col-lg-pull-7 {
+	right:58.333333333333336%
+}
+.col-lg-pull-6 {
+	right:50%
+}
+.col-lg-pull-5 {
+	right:41.66666666666667%
+}
+.col-lg-pull-4 {
+	right:33.33333333333333%
+}
+.col-lg-pull-3 {
+	right:25%
+}
+.col-lg-pull-2 {
+	right:16.666666666666664%
+}
+.col-lg-pull-1 {
+	right:8.333333333333332%
+}
+.col-lg-pull-0 {
+	right:0
+}
+.col-lg-push-12 {
+	left:100%
+}
+.col-lg-push-11 {
+	left:91.66666666666666%
+}
+.col-lg-push-10 {
+	left:83.33333333333334%
+}
+.col-lg-push-9 {
+	left:75%
+}
+.col-lg-push-8 {
+	left:66.66666666666666%
+}
+.col-lg-push-7 {
+	left:58.333333333333336%
+}
+.col-lg-push-6 {
+	left:50%
+}
+.col-lg-push-5 {
+	left:41.66666666666667%
+}
+.col-lg-push-4 {
+	left:33.33333333333333%
+}
+.col-lg-push-3 {
+	left:25%
+}
+.col-lg-push-2 {
+	left:16.666666666666664%
+}
+.col-lg-push-1 {
+	left:8.333333333333332%
+}
+.col-lg-push-0 {
+	left:0
+}
+.col-lg-offset-12 {
+	margin-left:100%
+}
+.col-lg-offset-11 {
+	margin-left:91.66666666666666%
+}
+.col-lg-offset-10 {
+	margin-left:83.33333333333334%
+}
+.col-lg-offset-9 {
+	margin-left:75%
+}
+.col-lg-offset-8 {
+	margin-left:66.66666666666666%
+}
+.col-lg-offset-7 {
+	margin-left:58.333333333333336%
+}
+.col-lg-offset-6 {
+	margin-left:50%
+}
+.col-lg-offset-5 {
+	margin-left:41.66666666666667%
+}
+.col-lg-offset-4 {
+	margin-left:33.33333333333333%
+}
+.col-lg-offset-3 {
+	margin-left:25%
+}
+.col-lg-offset-2 {
+	margin-left:16.666666666666664%
+}
+.col-lg-offset-1 {
+	margin-left:8.333333333333332%
+}
+.col-lg-offset-0 {
+	margin-left:0
+}
+}table {
+	max-width:100%;
+	background-color:transparent
+}
+th {
+	text-align:left
+}
+.table {
+	width:100%;
+	margin-bottom:20px
+}
+.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {
+	padding:8px;
+	line-height:1.428571429;
+	vertical-align:top;
+
+}
+.table>thead>tr>th {
+	vertical-align:bottom;
+	border-bottom:2px solid #ddd
+}
+.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td {
+	border-top:0
+}
+.table>tbody+tbody {
+	border-top:2px solid #ddd
+}
+.table .table {
+	background-color:#fff
+}
+.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td {
+	padding:5px
+}
+.table-bordered {
+	border:1px solid #ddd
+}
+.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td {
+	border:1px solid #ddd
+}
+.table-bordered>thead>tr>th,.table-bordered>thead>tr>td {
+	border-bottom-width:2px
+}
+.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th {
+	background-color:#f9f9f9
+}
+.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th {
+	background-color:#f5f5f5
+}
+table col[class*="col-"] {
+	position:static;
+	display:table-column;
+	float:none
+}
+table td[class*="col-"],table th[class*="col-"] {
+	display:table-cell;
+	float:none
+}
+.table>thead>tr>.active,.table>tbody>tr>.active,.table>tfoot>tr>.active,.table>thead>.active>td,.table>tbody>.active>td,.table>tfoot>.active>td,.table>thead>.active>th,.table>tbody>.active>th,.table>tfoot>.active>th {
+	background-color:#f5f5f5
+}
+.table-hover>tbody>tr>.active:hover,.table-hover>tbody>.active:hover>td,.table-hover>tbody>.active:hover>th {
+	background-color:#e8e8e8
+}
+.table>thead>tr>.success,.table>tbody>tr>.success,.table>tfoot>tr>.success,.table>thead>.success>td,.table>tbody>.success>td,.table>tfoot>.success>td,.table>thead>.success>th,.table>tbody>.success>th,.table>tfoot>.success>th {
+	background-color:#dff0d8
+}
+.table-hover>tbody>tr>.success:hover,.table-hover>tbody>.success:hover>td,.table-hover>tbody>.success:hover>th {
+	background-color:#d0e9c6
+}
+.table>thead>tr>.danger,.table>tbody>tr>.danger,.table>tfoot>tr>.danger,.table>thead>.danger>td,.table>tbody>.danger>td,.table>tfoot>.danger>td,.table>thead>.danger>th,.table>tbody>.danger>th,.table>tfoot>.danger>th {
+	background-color:#f2dede
+}
+.table-hover>tbody>tr>.danger:hover,.table-hover>tbody>.danger:hover>td,.table-hover>tbody>.danger:hover>th {
+	background-color:#ebcccc
+}
+.table>thead>tr>.warning,.table>tbody>tr>.warning,.table>tfoot>tr>.warning,.table>thead>.warning>td,.table>tbody>.warning>td,.table>tfoot>.warning>td,.table>thead>.warning>th,.table>tbody>.warning>th,.table>tfoot>.warning>th {
+	background-color:#fcf8e3
+}
+.table-hover>tbody>tr>.warning:hover,.table-hover>tbody>.warning:hover>td,.table-hover>tbody>.warning:hover>th {
+	background-color:#faf2cc
+}
+@media(max-width:767px) {
+	.table-responsive {
+	width:100%;
+	margin-bottom:15px;
+	overflow-x:scroll;
+	overflow-y:hidden;
+	border:1px solid #ddd;
+	-ms-overflow-style:-ms-autohiding-scrollbar;
+	-webkit-overflow-scrolling:touch
+}
+.table-responsive>.table {
+	margin-bottom:0
+}
+.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td {
+	white-space:nowrap
+}
+.table-responsive>.table-bordered {
+	border:0
+}
+.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child {
+	border-left:0
+}
+.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child {
+	border-right:0
+}
+.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td {
+	border-bottom:0
+}
+}fieldset {
+	padding:0;
+	margin:0;
+	border:0
+}
+legend {
+	display:block;
+	width:100%;
+	padding:0;
+	margin-bottom:20px;
+	font-size:21px;
+	line-height:inherit;
+	color:#333;
+	border:0;
+	border-bottom:1px solid #e5e5e5
+}
+label {
+	display:inline-block;
+	margin-bottom:5px;
+	font-weight:bold
+}
+input[type="search"] {
+	-webkit-box-sizing:border-box;
+	-moz-box-sizing:border-box;
+	box-sizing:border-box
+}
+input[type="radio"],input[type="checkbox"] {
+	margin:4px 0 0;
+	margin-top:1px \9;
+	line-height:normal
+}
+input[type="file"] {
+	display:block
+}
+select[multiple],select[size] {
+	height:auto
+}
+select optgroup {
+	font-family:inherit;
+	font-size:inherit;
+	font-style:inherit
+}
+input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
+	outline:thin dotted;
+	outline:5px auto -webkit-focus-ring-color;
+	outline-offset:-2px
+}
+input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {
+	height:auto
+}
+output {
+	display:block;
+	padding-top:7px;
+	font-size:14px;
+	line-height:1.428571429;
+	color:#555;
+	vertical-align:middle
+}
+.form-control {
+	display:block;
+	width:100%;
+	height:34px;
+	padding:6px 12px;
+	font-size:14px;
+	line-height:1.428571429;
+	color:#555;
+	vertical-align:middle;
+	background-color:#fff;
+	background-image:none;
+	border:1px solid #ccc;
+	border-radius:4px;
+	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
+	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
+	-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
+}
+.form-control:focus {
+	border-color:#66afe9;
+	outline:0;
+	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
+	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
+}
+.form-control:-moz-placeholder {
+	color:#999
+}
+.form-control::-moz-placeholder {
+	color:#999;
+	opacity:1
+}
+.form-control:-ms-input-placeholder {
+	color:#999
+}
+.form-control::-webkit-input-placeholder {
+	color:#999
+}
+.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
+	cursor:not-allowed;
+	background-color:#eee
+}
+textarea.form-control {
+	height:auto
+}
+.form-group {
+	margin-bottom:15px
+}
+.radio,.checkbox {
+	display:block;
+	min-height:20px;
+	padding-left:20px;
+	margin-top:10px;
+	margin-bottom:10px;
+	vertical-align:middle
+}
+.radio label,.checkbox label {
+	display:inline;
+	margin-bottom:0;
+	font-weight:normal;
+	cursor:pointer
+}
+.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"] {
+	float:left;
+	margin-left:-20px
+}
+.radio+.radio,.checkbox+.checkbox {
+	margin-top:-5px
+}
+.radio-inline,.checkbox-inline {
+	display:inline-block;
+	padding-left:20px;
+	margin-bottom:0;
+	font-weight:normal;
+	vertical-align:middle;
+	cursor:pointer
+}
+.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline {
+	margin-top:0;
+	margin-left:10px
+}
+input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline {
+	cursor:not-allowed
+}
+.input-sm {
+	height:30px;
+	padding:5px 10px;
+	font-size:12px;
+	line-height:1.5;
+	border-radius:3px
+}
+select.input-sm {
+	height:30px;
+	line-height:30px
+}
+textarea.input-sm {
+	height:auto
+}
+.input-lg {
+	height:46px;
+	padding:10px 16px;
+	font-size:18px;
+	line-height:1.33;
+	border-radius:6px
+}
+select.input-lg {
+	height:46px;
+	line-height:46px
+}
+textarea.input-lg {
+	height:auto
+}
+.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline {
+	color:#8a6d3b
+}
+.has-warning .form-control {
+	border-color:#8a6d3b;
+	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
+	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
+}
+.has-warning .form-control:focus {
+	border-color:#66512c;
+	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;
+	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b
+}
+.has-warning .input-group-addon {
+	color:#8a6d3b;
+	background-color:#fcf8e3;
+	border-color:#8a6d3b
+}
+.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline {
+	color:#a94442
+}
+.has-error .form-control {
+	border-color:#a94442;
+	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
+	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
+}
+.has-error .form-control:focus {
+	border-color:#843534;
+	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;
+	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483
+}
+.has-error .input-group-addon {
+	color:#a94442;
+	background-color:#f2dede;
+	border-color:#a94442
+}
+.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline {
+	color:#3c763d
+}
+.has-success .form-control {
+	border-color:#3c763d;
+	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
+	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
+}
+.has-success .form-control:focus {
+	border-color:#2b542c;
+	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;
+	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168
+}
+.has-success .input-group-addon {
+	color:#3c763d;
+	background-color:#dff0d8;
+	border-color:#3c763d
+}
+.form-control-static {
+	margin-bottom:0
+}
+.help-block {
+	display:block;
+	margin-top:5px;
+	margin-bottom:10px;
+	color:#737373
+}
+@media(min-width:768px) {
+	.form-inline .form-group {
+	display:inline-block;
+	margin-bottom:0;
+	vertical-align:middle
+}
+.form-inline .form-control {
+	display:inline-block
+}
+.form-inline select.form-control {
+	width:auto
+}
+.form-inline .radio,.form-inline .checkbox {
+	display:inline-block;
+	padding-left:0;
+	margin-top:0;
+	margin-bottom:0
+}
+.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] {
+	float:none;
+	margin-left:0
+}
+}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
+	padding-top:7px;
+	margin-top:0;
+	margin-bottom:0
+}
+.form-horizontal .radio,.form-horizontal .checkbox {
+	min-height:27px
+}
+.form-horizontal .form-group {
+	margin-right:-15px;
+	margin-left:-15px
+}
+.form-horizontal .form-group:before,.form-horizontal .form-group:after {
+	display:table;
+	content:" "
+}
+.form-horizontal .form-group:after {
+	clear:both
+}
+.form-horizontal .form-group:before,.form-horizontal .form-group:after {
+	display:table;
+	content:" "
+}
+.form-horizontal .form-group:after {
+	clear:both
+}
+.form-horizontal .form-control-static {
+	padding-top:7px
+}
+@media(min-width:768px) {
+	.form-horizontal .control-label {
+	text-align:right
+}
+}.btn {
+	display:inline-block;
+	padding:6px 12px;
+	margin-bottom:0;
+	font-size:14px;
+	font-weight:normal;
+	line-height:1.428571429;
+	text-align:center;
+	white-space:nowrap;
+	vertical-align:middle;
+	cursor:pointer;
+	background-image:none;
+	border:1px solid transparent;
+	border-radius:4px;
+	-webkit-user-select:none;
+	-moz-user-select:none;
+	-ms-user-select:none;
+	-o-user-select:none;
+	user-select:none
+}
+.btn:focus {
+	outline:thin dotted;
+	outline:5px auto -webkit-focus-ring-color;
+	outline-offset:-2px
+}
+.btn:hover,.btn:focus {
+	color:#333;
+	text-decoration:none
+}
+.btn:active,.btn.active {
+	background-image:none;
+	outline:0;
+	-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
+	box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)
+}
+.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
+	pointer-events:none;
+	cursor:not-allowed;
+	opacity:.65;
+	filter:alpha(opacity=65);
+	-webkit-box-shadow:none;
+	box-shadow:none
+}
+.btn-default {
+	color:#333;
+	background-color:#fff;
+	border-color:#ccc
+}
+.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default {
+	color:#333;
+	background-color:#ebebeb;
+	border-color:#adadad
+}
+.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default {
+	background-image:none
+}
+.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {
+	background-color:#fff;
+	border-color:#ccc
+}
+.btn-default .badge {
+	color:#fff;
+	background-color:#fff
+}
+.btn-primary {
+	color:#fff;
+	background-color:#428bca;
+	border-color:#357ebd
+}
+.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {
+	color:#fff;
+	background-color:#3276b1;
+	border-color:#285e8e
+}
+.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {
+	background-image:none
+}
+.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {
+	background-color:#428bca;
+	border-color:#357ebd
+}
+.btn-primary .badge {
+	color:#428bca;
+	background-color:#fff
+}
+.btn-warning {
+	color:#fff;
+	background-color:#f0ad4e;
+	border-color:#eea236
+}
+.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning {
+	color:#fff;
+	background-color:#ed9c28;
+	border-color:#d58512
+}
+.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning {
+	background-image:none
+}
+.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active {
+	background-color:#f0ad4e;
+	border-color:#eea236
+}
+.btn-warning .badge {
+	color:#f0ad4e;
+	background-color:#fff
+}
+.btn-danger {
+	color:#fff;
+	background-color:#d9534f;
+	border-color:#d43f3a
+}
+.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger {
+	color:#fff;
+	background-color:#d2322d;
+	border-color:#ac2925
+}
+.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger {
+	background-image:none
+}
+.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active {
+	background-color:#d9534f;
+	border-color:#d43f3a
+}
+.btn-danger .badge {
+	color:#d9534f;
+	background-color:#fff
+}
+.btn-success {
+	color:#fff;
+	background-color:#5cb85c;
+	border-color:#4cae4c
+}
+.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success {
+	color:#fff;
+	background-color:#47a447;
+	border-color:#398439
+}
+.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success {
+	background-image:none
+}
+.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active {
+	background-color:#5cb85c;
+	border-color:#4cae4c
+}
+.btn-success .badge {
+	color:#5cb85c;
+	background-color:#fff
+}
+.btn-info {
+	color:#fff;
+	background-color:#5bc0de;
+	border-color:#46b8da
+}
+.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info {
+	color:#fff;
+	background-color:#39b3d7;
+	border-color:#269abc
+}
+.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info {
+	background-image:none
+}
+.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active {
+	background-color:#5bc0de;
+	border-color:#46b8da
+}
+.btn-info .badge {
+	color:#5bc0de;
+	background-color:#fff
+}
+.btn-link {
+	font-weight:normal;
+	color:#428bca;
+	cursor:pointer;
+	border-radius:0
+}
+.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
+	background-color:transparent;
+	-webkit-box-shadow:none;
+	box-shadow:none
+}
+.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active {
+	border-color:transparent
+}
+.btn-link:hover,.btn-link:focus {
+	color:#2a6496;
+	text-decoration:underline;
+	background-color:transparent
+}
+.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus {
+	color:#999;
+	text-decoration:none
+}
+.btn-lg {
+	padding:10px 16px;
+	font-size:18px;
+	line-height:1.33;
+	border-radius:6px
+}
+.btn-sm {
+	padding:5px 10px;
+	font-size:12px;
+	line-height:1.5;
+	border-radius:3px
+}
+.btn-xs {
+	padding:1px 5px;
+	font-size:12px;
+	line-height:1.5;
+	border-radius:3px
+}
+.btn-block {
+	display:block;
+	width:100%;
+	padding-right:0;
+	padding-left:0
+}
+.btn-block+.btn-block {
+	margin-top:5px
+}
+input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {
+	width:100%
+}
+.fade {
+	opacity:0;
+	-webkit-transition:opacity .15s linear;
+	transition:opacity .15s linear
+}
+.fade.in {
+	opacity:1
+}
+.collapse {
+	display:none
+}
+.collapse.in {
+	display:block
+}
+.collapsing {
+	position:relative;
+	height:0;
+	overflow:hidden;
+	-webkit-transition:height .35s ease;
+	transition:height .35s ease
+}
+@font-face {
+	font-family:'Glyphicons Halflings';
+	src:url('../fonts/glyphicons-halflings-regular.eot');
+	src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')
+}
+.glyphicon {
+	position:relative;
+	top:1px;
+	display:inline-block;
+	font-family:'Glyphicons Halflings';
+	-webkit-font-smoothing:antialiased;
+	font-style:normal;
+	font-weight:normal;
+	line-height:1;
+	-moz-osx-font-smoothing:grayscale
+}
+.glyphicon:empty {
+	width:1em
+}
+.glyphicon-asterisk:before {
+	content:"\2a"
+}
+.glyphicon-plus:before {
+	content:"\2b"
+}
+.glyphicon-euro:before {
+	content:"\20ac"
+}
+.glyphicon-minus:before {
+	content:"\2212"
+}
+.glyphicon-cloud:before {
+	content:"\2601"
+}
+.glyphicon-envelope:before {
+	content:"\2709"
+}
+.glyphicon-pencil:before {
+	content:"\270f"
+}
+.glyphicon-glass:before {
+	content:"\e001"
+}
+.glyphicon-music:before {
+	content:"\e002"
+}
+.glyphicon-search:before {
+	content:"\e003"
+}
+.glyphicon-heart:before {
+	content:"\e005"
+}
+.glyphicon-star:before {
+	content:"\e006"
+}
+.glyphicon-star-empty:before {
+	content:"\e007"
+}
+.glyphicon-user:before {
+	content:"\e008"
+}
+.glyphicon-film:before {
+	content:"\e009"
+}
+.glyphicon-th-large:before {
+	content:"\e010"
+}
+.glyphicon-th:before {
+	content:"\e011"
+}
+.glyphicon-th-list:before {
+	content:"\e012"
+}
+.glyphicon-ok:before {
+	content:"\e013"
+}
+.glyphicon-remove:before {
+	content:"\e014"
+}
+.glyphicon-zoom-in:before {
+	content:"\e015"
+}
+.glyphicon-zoom-out:before {
+	content:"\e016"
+}
+.glyphicon-off:before {
+	content:"\e017"
+}
+.glyphicon-signal:before {
+	content:"\e018"
+}
+.glyphicon-cog:before {
+	content:"\e019"
+}
+.glyphicon-trash:before {
+	content:"\e020"
+}
+.glyphicon-home:before {
+	content:"\e021"
+}
+.glyphicon-file:before {
+	content:"\e022"
+}
+.glyphicon-time:before {
+	content:"\e023"
+}
+.glyphicon-road:before {
+	content:"\e024"
+}
+.glyphicon-download-alt:before {
+	content:"\e025"
+}
+.glyphicon-download:before {
+	content:"\e026"
+}
+.glyphicon-upload:before {
+	content:"\e027"
+}
+.glyphicon-inbox:before {
+	content:"\e028"
+}
+.glyphicon-play-circle:before {
+	content:"\e029"
+}
+.glyphicon-repeat:before {
+	content:"\e030"
+}
+.glyphicon-refresh:before {
+	content:"\e031"
+}
+.glyphicon-list-alt:before {
+	content:"\e032"
+}
+.glyphicon-lock:before {
+	content:"\e033"
+}
+.glyphicon-flag:before {
+	content:"\e034"
+}
+.glyphicon-headphones:before {
+	content:"\e035"
+}
+.glyphicon-volume-off:before {
+	content:"\e036"
+}
+.glyphicon-volume-down:before {
+	content:"\e037"
+}
+.glyphicon-volume-up:before {
+	content:"\e038"
+}
+.glyphicon-qrcode:before {
+	content:"\e039"
+}
+.glyphicon-barcode:before {
+	content:"\e040"
+}
+.glyphicon-tag:before {
+	content:"\e041"
+}
+.glyphicon-tags:before {
+	content:"\e042"
+}
+.glyphicon-book:before {
+	content:"\e043"
+}
+.glyphicon-bookmark:before {
+	content:"\e044"
+}
+.glyphicon-print:before {
+	content:"\e045"
+}
+.glyphicon-camera:before {
+	content:"\e046"
+}
+.glyphicon-font:before {
+	content:"\e047"
+}
+.glyphicon-bold:before {
+	content:"\e048"
+}
+.glyphicon-italic:before {
+	content:"\e049"
+}
+.glyphicon-text-height:before {
+	content:"\e050"
+}
+.glyphicon-text-width:before {
+	content:"\e051"
+}
+.glyphicon-align-left:before {
+	content:"\e052"
+}
+.glyphicon-align-center:before {
+	content:"\e053"
+}
+.glyphicon-align-right:before {
+	content:"\e054"
+}
+.glyphicon-align-justify:before {
+	content:"\e055"
+}
+.glyphicon-list:before {
+	content:"\e056"
+}
+.glyphicon-indent-left:before {
+	content:"\e057"
+}
+.glyphicon-indent-right:before {
+	content:"\e058"
+}
+.glyphicon-facetime-video:before {
+	content:"\e059"
+}
+.glyphicon-picture:before {
+	content:"\e060"
+}
+.glyphicon-map-marker:before {
+	content:"\e062"
+}
+.glyphicon-adjust:before {
+	content:"\e063"
+}
+.glyphicon-tint:before {
+	content:"\e064"
+}
+.glyphicon-edit:before {
+	content:"\e065"
+}
+.glyphicon-share:before {
+	content:"\e066"
+}
+.glyphicon-check:before {
+	content:"\e067"
+}
+.glyphicon-move:before {
+	content:"\e068"
+}
+.glyphicon-step-backward:before {
+	content:"\e069"
+}
+.glyphicon-fast-backward:before {
+	content:"\e070"
+}
+.glyphicon-backward:before {
+	content:"\e071"
+}
+.glyphicon-play:before {
+	content:"\e072"
+}
+.glyphicon-pause:before {
+	content:"\e073"
+}
+.glyphicon-stop:before {
+	content:"\e074"
+}
+.glyphicon-forward:before {
+	content:"\e075"
+}
+.glyphicon-fast-forward:before {
+	content:"\e076"
+}
+.glyphicon-step-forward:before {
+	content:"\e077"
+}
+.glyphicon-eject:before {
+	content:"\e078"
+}
+.glyphicon-chevron-left:before {
+	content:"\e079"
+}
+.glyphicon-chevron-right:before {
+	content:"\e080"
+}
+.glyphicon-plus-sign:before {
+	content:"\e081"
+}
+.glyphicon-minus-sign:before {
+	content:"\e082"
+}
+.glyphicon-remove-sign:before {
+	content:"\e083"
+}
+.glyphicon-ok-sign:before {
+	content:"\e084"
+}
+.glyphicon-question-sign:before {
+	content:"\e085"
+}
+.glyphicon-info-sign:before {
+	content:"\e086"
+}
+.glyphicon-screenshot:before {
+	content:"\e087"
+}
+.glyphicon-remove-circle:before {
+	content:"\e088"
+}
+.glyphicon-ok-circle:before {
+	content:"\e089"
+}
+.glyphicon-ban-circle:before {
+	content:"\e090"
+}
+.glyphicon-arrow-left:before {
+	content:"\e091"
+}
+.glyphicon-arrow-right:before {
+	content:"\e092"
+}
+.glyphicon-arrow-up:before {
+	content:"\e093"
+}
+.glyphicon-arrow-down:before {
+	content:"\e094"
+}
+.glyphicon-share-alt:before {
+	content:"\e095"
+}
+.glyphicon-resize-full:before {
+	content:"\e096"
+}
+.glyphicon-resize-small:before {
+	content:"\e097"
+}
+.glyphicon-exclamation-sign:before {
+	content:"\e101"
+}
+.glyphicon-gift:before {
+	content:"\e102"
+}
+.glyphicon-leaf:before {
+	content:"\e103"
+}
+.glyphicon-fire:before {
+	content:"\e104"
+}
+.glyphicon-eye-open:before {
+	content:"\e105"
+}
+.glyphicon-eye-close:before {
+	content:"\e106"
+}
+.glyphicon-warning-sign:before {
+	content:"\e107"
+}
+.glyphicon-plane:before {
+	content:"\e108"
+}
+.glyphicon-calendar:before {
+	content:"\e109"
+}
+.glyphicon-random:before {
+	content:"\e110"
+}
+.glyphicon-comment:before {
+	content:"\e111"
+}
+.glyphicon-magnet:before {
+	content:"\e112"
+}
+.glyphicon-chevron-up:before {
+	content:"\e113"
+}
+.glyphicon-chevron-down:before {
+	content:"\e114"
+}
+.glyphicon-retweet:before {
+	content:"\e115"
+}
+.glyphicon-shopping-cart:before {
+	content:"\e116"
+}
+.glyphicon-folder-close:before {
+	content:"\e117"
+}
+.glyphicon-folder-open:before {
+	content:"\e118"
+}
+.glyphicon-resize-vertical:before {
+	content:"\e119"
+}
+.glyphicon-resize-horizontal:before {
+	content:"\e120"
+}
+.glyphicon-hdd:before {
+	content:"\e121"
+}
+.glyphicon-bullhorn:before {
+	content:"\e122"
+}
+.glyphicon-bell:before {
+	content:"\e123"
+}
+.glyphicon-certificate:before {
+	content:"\e124"
+}
+.glyphicon-thumbs-up:before {
+	content:"\e125"
+}
+.glyphicon-thumbs-down:before {
+	content:"\e126"
+}
+.glyphicon-hand-right:before {
+	content:"\e127"
+}
+.glyphicon-hand-left:before {
+	content:"\e128"
+}
+.glyphicon-hand-up:before {
+	content:"\e129"
+}
+.glyphicon-hand-down:before {
+	content:"\e130"
+}
+.glyphicon-circle-arrow-right:before {
+	content:"\e131"
+}
+.glyphicon-circle-arrow-left:before {
+	content:"\e132"
+}
+.glyphicon-circle-arrow-up:before {
+	content:"\e133"
+}
+.glyphicon-circle-arrow-down:before {
+	content:"\e134"
+}
+.glyphicon-globe:before {
+	content:"\e135"
+}
+.glyphicon-wrench:before {
+	content:"\e136"
+}
+.glyphicon-tasks:before {
+	content:"\e137"
+}
+.glyphicon-filter:before {
+	content:"\e138"
+}
+.glyphicon-briefcase:before {
+	content:"\e139"
+}
+.glyphicon-fullscreen:before {
+	content:"\e140"
+}
+.glyphicon-dashboard:before {
+	content:"\e141"
+}
+.glyphicon-paperclip:before {
+	content:"\e142"
+}
+.glyphicon-heart-empty:before {
+	content:"\e143"
+}
+.glyphicon-link:before {
+	content:"\e144"
+}
+.glyphicon-phone:before {
+	content:"\e145"
+}
+.glyphicon-pushpin:before {
+	content:"\e146"
+}
+.glyphicon-usd:before {
+	content:"\e148"
+}
+.glyphicon-gbp:before {
+	content:"\e149"
+}
+.glyphicon-sort:before {
+	content:"\e150"
+}
+.glyphicon-sort-by-alphabet:before {
+	content:"\e151"
+}
+.glyphicon-sort-by-alphabet-alt:before {
+	content:"\e152"
+}
+.glyphicon-sort-by-order:before {
+	content:"\e153"
+}
+.glyphicon-sort-by-order-alt:before {
+	content:"\e154"
+}
+.glyphicon-sort-by-attributes:before {
+	content:"\e155"
+}
+.glyphicon-sort-by-attributes-alt:before {
+	content:"\e156"
+}
+.glyphicon-unchecked:before {
+	content:"\e157"
+}
+.glyphicon-expand:before {
+	content:"\e158"
+}
+.glyphicon-collapse-down:before {
+	content:"\e159"
+}
+.glyphicon-collapse-up:before {
+	content:"\e160"
+}
+.glyphicon-log-in:before {
+	content:"\e161"
+}
+.glyphicon-flash:before {
+	content:"\e162"
+}
+.glyphicon-log-out:before {
+	content:"\e163"
+}
+.glyphicon-new-window:before {
+	content:"\e164"
+}
+.glyphicon-record:before {
+	content:"\e165"
+}
+.glyphicon-save:before {
+	content:"\e166"
+}
+.glyphicon-open:before {
+	content:"\e167"
+}
+.glyphicon-saved:before {
+	content:"\e168"
+}
+.glyphicon-import:before {
+	content:"\e169"
+}
+.glyphicon-export:before {
+	content:"\e170"
+}
+.glyphicon-send:before {
+	content:"\e171"
+}
+.glyphicon-floppy-disk:before {
+	content:"\e172"
+}
+.glyphicon-floppy-saved:before {
+	content:"\e173"
+}
+.glyphicon-floppy-remove:before {
+	content:"\e174"
+}
+.glyphicon-floppy-save:before {
+	content:"\e175"
+}
+.glyphicon-floppy-open:before {
+	content:"\e176"
+}
+.glyphicon-credit-card:before {
+	content:"\e177"
+}
+.glyphicon-transfer:before {
+	content:"\e178"
+}
+.glyphicon-cutlery:before {
+	content:"\e179"
+}
+.glyphicon-header:before {
+	content:"\e180"
+}
+.glyphicon-compressed:before {
+	content:"\e181"
+}
+.glyphicon-earphone:before {
+	content:"\e182"
+}
+.glyphicon-phone-alt:before {
+	content:"\e183"
+}
+.glyphicon-tower:before {
+	content:"\e184"
+}
+.glyphicon-stats:before {
+	content:"\e185"
+}
+.glyphicon-sd-video:before {
+	content:"\e186"
+}
+.glyphicon-hd-video:before {
+	content:"\e187"
+}
+.glyphicon-subtitles:before {
+	content:"\e188"
+}
+.glyphicon-sound-stereo:before {
+	content:"\e189"
+}
+.glyphicon-sound-dolby:before {
+	content:"\e190"
+}
+.glyphicon-sound-5-1:before {
+	content:"\e191"
+}
+.glyphicon-sound-6-1:before {
+	content:"\e192"
+}
+.glyphicon-sound-7-1:before {
+	content:"\e193"
+}
+.glyphicon-copyright-mark:before {
+	content:"\e194"
+}
+.glyphicon-registration-mark:before {
+	content:"\e195"
+}
+.glyphicon-cloud-download:before {
+	content:"\e197"
+}
+.glyphicon-cloud-upload:before {
+	content:"\e198"
+}
+.glyphicon-tree-conifer:before {
+	content:"\e199"
+}
+.glyphicon-tree-deciduous:before {
+	content:"\e200"
+}
+.caret {
+	display:inline-block;
+	width:0;
+	height:0;
+	margin-left:2px;
+	vertical-align:middle;
+	border-top:4px solid;
+	border-right:4px solid transparent;
+	border-left:4px solid transparent
+}
+.dropdown {
+	position:relative
+}
+.dropdown-toggle:focus {
+	outline:0
+}
+.dropdown-menu {
+	position:absolute;
+	top:100%;
+	left:0;
+	z-index:1000;
+	display:none;
+	float:left;
+	min-width:160px;
+	padding:5px 0;
+	margin:2px 0 0;
+	font-size:14px;
+	list-style:none;
+	background-color:#fff;
+	border:1px solid #ccc;
+	border:1px solid rgba(0,0,0,0.15);
+	-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);
+	box-shadow:0 6px 12px rgba(0,0,0,0.175);
+	background-clip:padding-box
+}
+.dropdown-menu.pull-right {
+	right:0;
+	left:auto
+}
+.dropdown-menu .divider {
+	height:1px;
+	margin:9px 0;
+	overflow:hidden;
+	background-color:#e5e5e5
+}
+.dropdown-menu>li>a {
+	display:block;
+	padding:3px 20px;
+	clear:both;
+	font-weight:normal;
+	line-height:1.428571429;
+	color:#333;
+	white-space:nowrap
+}
+.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
+	color:#262626;
+	text-decoration:none;
+	background-color:#f5f5f5
+}
+.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
+	color:#fff;
+	text-decoration:none;
+	background-color:#428bca;
+	outline:0
+}
+.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
+	color:#999
+}
+.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
+	text-decoration:none;
+	cursor:not-allowed;
+	background-color:transparent;
+	background-image:none;
+	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
+}
+.open>.dropdown-menu {
+	display:block
+}
+.open>a {
+	outline:0
+}
+.dropdown-header {
+	display:block;
+	padding:3px 20px;
+	font-size:12px;
+	line-height:1.428571429;
+	color:#999
+}
+.dropdown-backdrop {
+	position:fixed;
+	top:0;
+	right:0;
+	bottom:0;
+	left:0;
+	z-index:990
+}
+.pull-right>.dropdown-menu {
+	right:0;
+	left:auto
+}
+.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
+	border-top:0;
+	border-bottom:4px solid;
+	content:""
+}
+.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
+	top:auto;
+	bottom:100%;
+	margin-bottom:1px
+}
+@media(min-width:768px) {
+	.navbar-right .dropdown-menu {
+	right:0;
+	left:auto
+}
+}.btn-group,.btn-group-vertical {
+	position:relative;
+	display:inline-block;
+	vertical-align:middle
+}
+.btn-group>.btn,.btn-group-vertical>.btn {
+	position:relative;
+	float:left
+}
+.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active {
+	z-index:2
+}
+.btn-group>.btn:focus,.btn-group-vertical>.btn:focus {
+	outline:0
+}
+.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
+	margin-left:-1px
+}
+.btn-toolbar:before,.btn-toolbar:after {
+	display:table;
+	content:" "
+}
+.btn-toolbar:after {
+	clear:both
+}
+.btn-toolbar:before,.btn-toolbar:after {
+	display:table;
+	content:" "
+}
+.btn-toolbar:after {
+	clear:both
+}
+.btn-toolbar .btn-group {
+	float:left
+}
+.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group,.btn-toolbar>.btn-group+.btn-group {
+	margin-left:5px
+}
+.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+	border-radius:0
+}
+.btn-group>.btn:first-child {
+	margin-left:0
+}
+.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
+	border-top-right-radius:0;
+	border-bottom-right-radius:0
+}
+.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
+	border-bottom-left-radius:0;
+	border-top-left-radius:0
+}
+.btn-group>.btn-group {
+	float:left
+}
+.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
+	border-radius:0
+}
+.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle {
+	border-top-right-radius:0;
+	border-bottom-right-radius:0
+}
+.btn-group>.btn-group:last-child>.btn:first-child {
+	border-bottom-left-radius:0;
+	border-top-left-radius:0
+}
+.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
+	outline:0
+}
+.btn-group-xs>.btn {
+	padding:1px 5px;
+	font-size:12px;
+	line-height:1.5;
+	border-radius:3px
+}
+.btn-group-sm>.btn {
+	padding:5px 10px;
+	font-size:12px;
+	line-height:1.5;
+	border-radius:3px
+}
+.btn-group-lg>.btn {
+	padding:10px 16px;
+	font-size:18px;
+	line-height:1.33;
+	border-radius:6px
+}
+.btn-group>.btn+.dropdown-toggle {
+	padding-right:8px;
+	padding-left:8px
+}
+.btn-group>.btn-lg+.dropdown-toggle {
+	padding-right:12px;
+	padding-left:12px
+}
+.btn-group.open .dropdown-toggle {
+	-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
+	box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)
+}
+.btn-group.open .dropdown-toggle.btn-link {
+	-webkit-box-shadow:none;
+	box-shadow:none
+}
+.btn .caret {
+	margin-left:0
+}
+.btn-lg .caret {
+	border-width:5px 5px 0;
+	border-bottom-width:0
+}
+.dropup .btn-lg .caret {
+	border-width:0 5px 5px
+}
+.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
+	display:block;
+	float:none;
+	width:100%;
+	max-width:100%
+}
+.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after {
+	display:table;
+	content:" "
+}
+.btn-group-vertical>.btn-group:after {
+	clear:both
+}
+.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after {
+	display:table;
+	content:" "
+}
+.btn-group-vertical>.btn-group:after {
+	clear:both
+}
+.btn-group-vertical>.btn-group>.btn {
+	float:none
+}
+.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
+	margin-top:-1px;
+	margin-left:0
+}
+.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
+	border-radius:0
+}
+.btn-group-vertical>.btn:first-child:not(:last-child) {
+	border-top-right-radius:4px;
+	border-bottom-right-radius:0;
+	border-bottom-left-radius:0
+}
+.btn-group-vertical>.btn:last-child:not(:first-child) {
+	border-top-right-radius:0;
+	border-bottom-left-radius:4px;
+	border-top-left-radius:0
+}
+.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
+	border-radius:0
+}
+.btn-group-vertical>.btn-group:first-child>.btn:last-child,.btn-group-vertical>.btn-group:first-child>.dropdown-toggle {
+	border-bottom-right-radius:0;
+	border-bottom-left-radius:0
+}
+.btn-group-vertical>.btn-group:last-child>.btn:first-child {
+	border-top-right-radius:0;
+	border-top-left-radius:0
+}
+.btn-group-justified {
+	display:table;
+	width:100%;
+	border-collapse:separate;
+	table-layout:fixed
+}
+.btn-group-justified>.btn,.btn-group-justified>.btn-group {
+	display:table-cell;
+	float:none;
+	width:1%
+}
+.btn-group-justified>.btn-group .btn {
+	width:100%
+}
+[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"] {
+	display:none
+}
+.input-group {
+	position:relative;
+	display:table;
+	border-collapse:separate
+}
+.input-group[class*="col-"] {
+	float:none;
+	padding-right:0;
+	padding-left:0
+}
+.input-group .form-control {
+	width:100%;
+	margin-bottom:0
+}
+.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
+	height:46px;
+	padding:10px 16px;
+	font-size:18px;
+	line-height:1.33;
+	border-radius:6px
+}
+select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
+	height:46px;
+	line-height:46px
+}
+textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn {
+	height:auto
+}
+.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
+	height:30px;
+	padding:5px 10px;
+	font-size:12px;
+	line-height:1.5;
+	border-radius:3px
+}
+select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
+	height:30px;
+	line-height:30px
+}
+textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn {
+	height:auto
+}
+.input-group-addon,.input-group-btn,.input-group .form-control {
+	display:table-cell
+}
+.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) {
+	border-radius:0
+}
+.input-group-addon,.input-group-btn {
+	width:1%;
+	white-space:nowrap;
+	vertical-align:middle
+}
+.input-group-addon {
+	padding:6px 12px;
+	font-size:14px;
+	font-weight:normal;
+	line-height:1;
+	color:#555;
+	text-align:center;
+	background-color:#eee;
+	border:1px solid #ccc;
+	border-radius:4px
+}
+.input-group-addon.input-sm {
+	padding:5px 10px;
+	font-size:12px;
+	border-radius:3px
+}
+.input-group-addon.input-lg {
+	padding:10px 16px;
+	font-size:18px;
+	border-radius:6px
+}
+.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"] {
+	margin-top:0
+}
+.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
+	border-top-right-radius:0;
+	border-bottom-right-radius:0
+}
+.input-group-addon:first-child {
+	border-right:0
+}
+.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child) {
+	border-bottom-left-radius:0;
+	border-top-left-radius:0
+}
+.input-group-addon:last-child {
+	border-left:0
+}
+.input-group-btn {
+	position:relative;
+	white-space:nowrap
+}
+.input-group-btn:first-child>.btn {
+	margin-right:-1px
+}
+.input-group-btn:last-child>.btn {
+	margin-left:-1px
+}
+.input-group-btn>.btn {
+	position:relative
+}
+.input-group-btn>.btn+.btn {
+	margin-left:-4px
+}
+.input-group-btn>.btn:hover,.input-group-btn>.btn:active {
+	z-index:2
+}
+.nav {
+	padding-left:0;
+	margin-bottom:0;
+	list-style:none
+}
+.nav:before,.nav:after {
+	display:table;
+	content:" "
+}
+.nav:after {
+	clear:both
+}
+.nav:before,.nav:after {
+	display:table;
+	content:" "
+}
+.nav:after {
+	clear:both
+}
+.nav>li {
+	position:relative;
+	display:block
+}
+.nav>li>a {
+	position:relative;
+	display:block;
+	padding:10px 15px
+}
+.nav>li>a:hover,.nav>li>a:focus {
+	text-decoration:none;
+	background-color:#eee
+}
+.nav>li.disabled>a {
+	color:#999
+}
+.nav>li.disabled>a:hover,.nav>li.disabled>a:focus {
+	color:#999;
+	text-decoration:none;
+	cursor:not-allowed;
+	background-color:transparent
+}
+.nav .open>a,.nav .open>a:hover,.nav .open>a:focus {
+	background-color:#eee;
+	border-color:#428bca
+}
+.nav .nav-divider {
+	height:1px;
+	margin:9px 0;
+	overflow:hidden;
+	background-color:#e5e5e5
+}
+.nav>li>a>img {
+	max-width:none
+}
+.nav-tabs {
+	border-bottom:1px solid #ddd
+}
+.nav-tabs>li {
+	float:left;
+	margin-bottom:-1px
+}
+.nav-tabs>li>a {
+	margin-right:2px;
+	line-height:1.428571429;
+	border:1px solid transparent;
+	border-radius:4px 4px 0 0
+}
+.nav-tabs>li>a:hover {
+	border-color:#eee #eee #ddd
+}
+.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
+	color:#555;
+	cursor:default;
+	background-color:#fff;
+	border:1px solid #ddd;
+	border-bottom-color:transparent
+}
+.nav-tabs.nav-justified {
+	width:100%;
+	border-bottom:0
+}
+.nav-tabs.nav-justified>li {
+	float:none
+}
+.nav-tabs.nav-justified>li>a {
+	margin-bottom:5px;
+	text-align:center
+}
+.nav-tabs.nav-justified>.dropdown .dropdown-menu {
+	top:auto;
+	left:auto
+}
+@media(min-width:768px) {
+	.nav-tabs.nav-justified>li {
+	display:table-cell;
+	width:1%
+}
+.nav-tabs.nav-justified>li>a {
+	margin-bottom:0
+}
+}.nav-tabs.nav-justified>li>a {
+	margin-right:0;
+	border-radius:4px
+}
+.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
+	border:1px solid #ddd
+}
+@media(min-width:768px) {
+	.nav-tabs.nav-justified>li>a {
+	border-bottom:1px solid #ddd;
+	border-radius:4px 4px 0 0
+}
+.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
+	border-bottom-color:#fff
+}
+}.nav-pills>li {
+	float:left
+}
+.nav-pills>li>a {
+	border-radius:4px
+}
+.nav-pills>li+li {
+	margin-left:2px
+}
+.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
+	color:#fff;
+	background-color:#428bca
+}
+.nav-stacked>li {
+	float:none
+}
+.nav-stacked>li+li {
+	margin-top:2px;
+	margin-left:0
+}
+.nav-justified {
+	width:100%
+}
+.nav-justified>li {
+	float:none
+}
+.nav-justified>li>a {
+	margin-bottom:5px;
+	text-align:center
+}
+.nav-justified>.dropdown .dropdown-menu {
+	top:auto;
+	left:auto
+}
+@media(min-width:768px) {
+	.nav-justified>li {
+	display:table-cell;
+	width:1%
+}
+.nav-justified>li>a {
+	margin-bottom:0
+}
+}.nav-tabs-justified {
+	border-bottom:0
+}
+.nav-tabs-justified>li>a {
+	margin-right:0;
+	border-radius:4px
+}
+.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
+	border:1px solid #ddd
+}
+@media(min-width:768px) {
+	.nav-tabs-justified>li>a {
+	border-bottom:1px solid #ddd;
+	border-radius:4px 4px 0 0
+}
+.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
+	border-bottom-color:#fff
+}
+}.tab-content>.tab-pane {
+	display:none
+}
+.tab-content>.active {
+	display:block
+}
+.nav-tabs .dropdown-menu {
+	margin-top:-1px;
+	border-top-right-radius:0;
+	border-top-left-radius:0
+}
+.navbar {
+	position:relative;
+	min-height:50px;
+	margin-bottom:20px;
+	border:1px solid transparent
+}
+.navbar:before,.navbar:after {
+	display:table;
+	content:" "
+}
+.navbar:after {
+	clear:both
+}
+.navbar:before,.navbar:after {
+	display:table;
+	content:" "
+}
+.navbar:after {
+	clear:both
+}
+@media(min-width:768px) {
+	.navbar {
+	border-radius:4px
+}
+}.navbar-header:before,.navbar-header:after {
+	display:table;
+	content:" "
+}
+.navbar-header:after {
+	clear:both
+}
+.navbar-header:before,.navbar-header:after {
+	display:table;
+	content:" "
+}
+.navbar-header:after {
+	clear:both
+}
+@media(min-width:768px) {
+	.navbar-header {
+	float:left
+}
+}.navbar-collapse {
+	max-height:340px;
+	padding-right:15px;
+	padding-left:15px;
+	overflow-x:visible;
+	border-top:1px solid transparent;
+	box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
+	-webkit-overflow-scrolling:touch
+}
+.navbar-collapse:before,.navbar-collapse:after {
+	display:table;
+	content:" "
+}
+.navbar-collapse:after {
+	clear:both
+}
+.navbar-collapse:before,.navbar-collapse:after {
+	display:table;
+	content:" "
+}
+.navbar-collapse:after {
+	clear:both
+}
+.navbar-collapse.in {
+	overflow-y:auto
+}
+@media(min-width:768px) {
+	.navbar-collapse {
+	width:auto;
+	border-top:0;
+	box-shadow:none
+}
+.navbar-collapse.collapse {
+	display:block!important;
+	height:auto!important;
+	padding-bottom:0;
+	overflow:visible!important
+}
+.navbar-collapse.in {
+	overflow-y:visible
+}
+.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
+	padding-right:0;
+	padding-left:0
+}
+}.container>.navbar-header,.container>.navbar-collapse {
+	margin-right:-15px;
+	margin-left:-15px
+}
+@media(min-width:768px) {
+	.container>.navbar-header,.container>.navbar-collapse {
+	margin-right:0;
+	margin-left:0
+}
+}.navbar-static-top {
+	z-index:1000;
+	border-width:0 0 1px
+}
+@media(min-width:768px) {
+	.navbar-static-top {
+	border-radius:0
+}
+}.navbar-fixed-top,.navbar-fixed-bottom {
+	position:fixed;
+	right:0;
+	left:0;
+	z-index:1030
+}
+@media(min-width:768px) {
+	.navbar-fixed-top,.navbar-fixed-bottom {
+	border-radius:0
+}
+}.navbar-fixed-top {
+	top:0;
+	border-width:0 0 1px
+}
+.navbar-fixed-bottom {
+	bottom:0;
+	margin-bottom:0;
+	border-width:1px 0 0
+}
+.navbar-brand {
+	float:left;
+	padding:15px 15px;
+	font-size:18px;
+	line-height:20px
+}
+.navbar-brand:hover,.navbar-brand:focus {
+	text-decoration:none
+}
+@media(min-width:768px) {
+	.navbar>.container .navbar-brand {
+	margin-left:-15px
+}
+}.navbar-toggle {
+	position:relative;
+	float:right;
+	padding:9px 10px;
+	margin-top:8px;
+	margin-right:15px;
+	margin-bottom:8px;
+	background-color:transparent;
+	background-image:none;
+	border:1px solid transparent;
+	border-radius:4px
+}
+.navbar-toggle .icon-bar {
+	display:block;
+	width:22px;
+	height:2px;
+	border-radius:1px
+}
+.navbar-toggle .icon-bar+.icon-bar {
+	margin-top:4px
+}
+@media(min-width:768px) {
+	.navbar-toggle {
+	display:none
+}
+}.navbar-nav {
+	margin:7.5px -15px
+}
+.navbar-nav>li>a {
+	padding-top:10px;
+	padding-bottom:10px;
+	line-height:20px
+}
+@media(max-width:767px) {
+	.navbar-nav .open .dropdown-menu {
+	position:static;
+	float:none;
+	width:auto;
+	margin-top:0;
+	background-color:transparent;
+	border:0;
+	box-shadow:none
+}
+.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header {
+	padding:5px 15px 5px 25px
+}
+.navbar-nav .open .dropdown-menu>li>a {
+	line-height:20px
+}
+.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus {
+	background-image:none
+}
+}@media(min-width:768px) {
+	.navbar-nav {
+	float:left;
+	margin:0
+}
+.navbar-nav>li {
+	float:left
+}
+.navbar-nav>li>a {
+	padding-top:15px;
+	padding-bottom:15px
+}
+.navbar-nav.navbar-right:last-child {
+	margin-right:-15px
+}
+}@media(min-width:768px) {
+	.navbar-left {
+	float:left!important
+}
+.navbar-right {
+	float:right!important
+}
+}.navbar-form {
+	padding:10px 15px;
+	margin-top:8px;
+	margin-right:-15px;
+	margin-bottom:8px;
+	margin-left:-15px;
+	border-top:1px solid transparent;
+	border-bottom:1px solid transparent;
+	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
+	box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)
+}
+@media(min-width:768px) {
+	.navbar-form .form-group {
+	display:inline-block;
+	margin-bottom:0;
+	vertical-align:middle
+}
+.navbar-form .form-control {
+	display:inline-block
+}
+.navbar-form select.form-control {
+	width:auto
+}
+.navbar-form .radio,.navbar-form .checkbox {
+	display:inline-block;
+	padding-left:0;
+	margin-top:0;
+	margin-bottom:0
+}
+.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"] {
+	float:none;
+	margin-left:0
+}
+}@media(max-width:767px) {
+	.navbar-form .form-group {
+	margin-bottom:5px
+}
+}@media(min-width:768px) {
+	.navbar-form {
+	width:auto;
+	padding-top:0;
+	padding-bottom:0;
+	margin-right:0;
+	margin-left:0;
+	border:0;
+	-webkit-box-shadow:none;
+	box-shadow:none
+}
+.navbar-form.navbar-right:last-child {
+	margin-right:-15px
+}
+}.navbar-nav>li>.dropdown-menu {
+	margin-top:0;
+	border-top-right-radius:0;
+	border-top-left-radius:0
+}
+.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
+	border-bottom-right-radius:0;
+	border-bottom-left-radius:0
+}
+.navbar-nav.pull-right>li>.dropdown-menu,.navbar-nav>li>.dropdown-menu.pull-right {
+	right:0;
+	left:auto
+}
+.navbar-btn {
+	margin-top:8px;
+	margin-bottom:8px
+}
+.navbar-btn.btn-sm {
+	margin-top:10px;
+	margin-bottom:10px
+}
+.navbar-btn.btn-xs {
+	margin-top:14px;
+	margin-bottom:14px
+}
+.navbar-text {
+	margin-top:15px;
+	margin-bottom:15px
+}
+@media(min-width:768px) {
+	.navbar-text {
+	float:left;
+	margin-right:15px;
+	margin-left:15px
+}
+.navbar-text.navbar-right:last-child {
+	margin-right:0
+}
+}.navbar-default {
+	background-color:#f8f8f8;
+	border-color:#e7e7e7
+}
+.navbar-default .navbar-brand {
+	color:#777
+}
+.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {
+	color:#5e5e5e;
+	background-color:transparent
+}
+.navbar-default .navbar-text {
+	color:#777
+}
+.navbar-default .navbar-nav>li>a {
+	color:#777
+}
+.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
+	color:#333;
+	background-color:transparent
+}
+.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
+	color:#555;
+	background-color:#e7e7e7
+}
+.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus {
+	color:#ccc;
+	background-color:transparent
+}
+.navbar-default .navbar-toggle {
+	border-color:#ddd
+}
+.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
+	background-color:#ddd
+}
+.navbar-default .navbar-toggle .icon-bar {
+	background-color:#ccc
+}
+.navbar-default .navbar-collapse,.navbar-default .navbar-form {
+	border-color:#e7e7e7
+}
+.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus {
+	color:#555;
+	background-color:#e7e7e7
+}
+@media(max-width:767px) {
+	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
+	color:#777
+}
+.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
+	color:#333;
+	background-color:transparent
+}
+.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
+	color:#555;
+	background-color:#e7e7e7
+}
+.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
+	color:#ccc;
+	background-color:transparent
+}
+}.navbar-default .navbar-link {
+	color:#777
+}
+.navbar-default .navbar-link:hover {
+	color:#333
+}
+.navbar-inverse {
+	background-color:#222;
+	border-color:#080808
+}
+.navbar-inverse .navbar-brand {
+	color:#999
+}
+.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {
+	color:#fff;
+	background-color:transparent
+}
+.navbar-inverse .navbar-text {
+	color:#999
+}
+.navbar-inverse .navbar-nav>li>a {
+	color:#999
+}
+.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus {
+	color:#fff;
+	background-color:transparent
+}
+.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus {
+	color:#fff;
+	background-color:#080808
+}
+.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus {
+	color:#444;
+	background-color:transparent
+}
+.navbar-inverse .navbar-toggle {
+	border-color:#333;
+	display: none;
+}
+.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
+	background-color:#333
+}
+.navbar-inverse .navbar-toggle .icon-bar {
+	background-color:#fff
+}
+.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
+	border-color:#101010
+}
+.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus {
+	color:#fff;
+	background-color:#080808
+}
+@media(max-width:767px) {
+	.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
+	border-color:#080808
+}
+.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
+	background-color:#080808
+}
+.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
+	color:#999
+}
+.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
+	color:#fff;
+	background-color:transparent
+}
+.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
+	color:#fff;
+	background-color:#080808
+}
+.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
+	color:#444;
+	background-color:transparent
+}
+}.navbar-inverse .navbar-link {
+	color:#999
+}
+.navbar-inverse .navbar-link:hover {
+	color:#fff
+}
+.breadcrumb {
+	padding:8px 15px;
+	margin-bottom:20px;
+	list-style:none;
+	background-color:#f5f5f5;
+	border-radius:4px
+}
+.breadcrumb>li {
+	display:inline-block
+}
+.breadcrumb>li+li:before {
+	padding:0 5px;
+	color:#ccc;
+	content:"/\00a0"
+}
+.breadcrumb>.active {
+	color:#999
+}
+.pagination {
+	display:inline-block;
+	padding-left:0;
+	margin:20px 0;
+	border-radius:4px
+}
+.pagination>li {
+	display:inline
+}
+.pagination>li>a,.pagination>li>span {
+	position:relative;
+	float:left;
+	padding:6px 12px;
+	margin-left:-1px;
+	line-height:1.428571429;
+	text-decoration:none;
+	background-color:#fff;
+	border:1px solid #ddd
+}
+.pagination>li:first-child>a,.pagination>li:first-child>span {
+	margin-left:0;
+	border-bottom-left-radius:4px;
+	border-top-left-radius:4px
+}
+.pagination>li:last-child>a,.pagination>li:last-child>span {
+	border-top-right-radius:4px;
+	border-bottom-right-radius:4px
+}
+.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
+	background-color:#eee
+}
+.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
+	z-index:2;
+	color:#fff;
+	cursor:default;
+	background-color:#428bca;
+	border-color:#428bca
+}
+.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
+	color:#999;
+	cursor:not-allowed;
+	background-color:#fff;
+	border-color:#ddd
+}
+.pagination-lg>li>a,.pagination-lg>li>span {
+	padding:10px 16px;
+	font-size:18px
+}
+.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
+	border-bottom-left-radius:6px;
+	border-top-left-radius:6px
+}
+.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
+	border-top-right-radius:6px;
+	border-bottom-right-radius:6px
+}
+.pagination-sm>li>a,.pagination-sm>li>span {
+	padding:5px 10px;
+	font-size:12px
+}
+.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
+	border-bottom-left-radius:3px;
+	border-top-left-radius:3px
+}
+.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
+	border-top-right-radius:3px;
+	border-bottom-right-radius:3px
+}
+.pager {
+	padding-left:0;
+	margin:20px 0;
+	text-align:center;
+	list-style:none
+}
+.pager:before,.pager:after {
+	display:table;
+	content:" "
+}
+.pager:after {
+	clear:both
+}
+.pager:before,.pager:after {
+	display:table;
+	content:" "
+}
+.pager:after {
+	clear:both
+}
+.pager li {
+	display:inline
+}
+.pager li>a,.pager li>span {
+	display:inline-block;
+	padding:5px 14px;
+	background-color:#fff;
+	border:1px solid #ddd;
+	border-radius:15px
+}
+.pager li>a:hover,.pager li>a:focus {
+	text-decoration:none;
+	background-color:#eee
+}
+.pager .next>a,.pager .next>span {
+	float:right
+}
+.pager .previous>a,.pager .previous>span {
+	float:left
+}
+.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span {
+	color:#999;
+	cursor:not-allowed;
+	background-color:#fff
+}
+.label {
+	display:inline;
+	padding:.2em .6em .3em;
+	font-size:75%;
+	font-weight:bold;
+	line-height:1;
+	color:#fff;
+	text-align:center;
+	white-space:nowrap;
+	vertical-align:baseline;
+	border-radius:.25em
+}
+.label[href]:hover,.label[href]:focus {
+	color:#fff;
+	text-decoration:none;
+	cursor:pointer
+}
+.label:empty {
+	display:none
+}
+.btn .label {
+	position:relative;
+	top:-1px
+}
+.label-default {
+	background-color:#999
+}
+.label-default[href]:hover,.label-default[href]:focus {
+	background-color:#808080
+}
+.label-primary {
+	background-color:#428bca
+}
+.label-primary[href]:hover,.label-primary[href]:focus {
+	background-color:#3071a9
+}
+.label-success {
+	background-color:#5cb85c
+}
+.label-success[href]:hover,.label-success[href]:focus {
+	background-color:#449d44
+}
+.label-info {
+	background-color:#5bc0de
+}
+.label-info[href]:hover,.label-info[href]:focus {
+	background-color:#31b0d5
+}
+.label-warning {
+	background-color:#f0ad4e
+}
+.label-warning[href]:hover,.label-warning[href]:focus {
+	background-color:#ec971f
+}
+.label-danger {
+	background-color:#d9534f
+}
+.label-danger[href]:hover,.label-danger[href]:focus {
+	background-color:#c9302c
+}
+.badge {
+	display:inline-block;
+	min-width:10px;
+	padding:3px 7px;
+	font-size:12px;
+	font-weight:bold;
+	line-height:1;
+	color:#fff;
+	text-align:center;
+	white-space:nowrap;
+	vertical-align:baseline;
+	background-color:#999;
+	border-radius:10px
+}
+.badge:empty {
+	display:none
+}
+.btn .badge {
+	position:relative;
+	top:-1px
+}
+a.badge:hover,a.badge:focus {
+	color:#fff;
+	text-decoration:none;
+	cursor:pointer
+}
+a.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
+	color:#428bca;
+	background-color:#fff
+}
+.nav-pills>li>a>.badge {
+	margin-left:3px
+}
+.jumbotron {
+	padding:30px;
+	margin-bottom:30px;
+	font-size:21px;
+	font-weight:200;
+	line-height:2.1428571435;
+	color:inherit;
+	background-color:#eee
+}
+.jumbotron h1,.jumbotron .h1 {
+	line-height:1;
+	color:inherit
+}
+.jumbotron p {
+	line-height:1.4
+}
+.container .jumbotron {
+	border-radius:6px
+}
+.jumbotron .container {
+	max-width:100%
+}
+@media screen and (min-width:768px) {
+	.jumbotron {
+	padding-top:48px;
+	padding-bottom:48px
+}
+.container .jumbotron {
+	padding-right:60px;
+	padding-left:60px
+}
+.jumbotron h1,.jumbotron .h1 {
+	font-size:63px
+}
+}.thumbnail {
+	display:block;
+	padding:4px;
+	margin-bottom:20px;
+	line-height:1.428571429;
+	background-color:#fff;
+	border:1px solid #ddd;
+	border-radius:4px;
+	-webkit-transition:all .2s ease-in-out;
+	transition:all .2s ease-in-out
+}
+.thumbnail>img,.thumbnail a>img {
+	display:block;
+	height:auto;
+	max-width:100%;
+	margin-right:auto;
+	margin-left:auto
+}
+a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active {
+	border-color:#428bca
+}
+.thumbnail .caption {
+	padding:9px;
+	color:#333
+}
+.alert {
+	padding:15px;
+	margin-bottom:20px;
+	border:1px solid transparent;
+	border-radius:4px
+}
+.alert h4 {
+	margin-top:0;
+	color:inherit
+}
+.alert .alert-link {
+	font-weight:bold
+}
+.alert>p,.alert>ul {
+	margin-bottom:0
+}
+.alert>p+p {
+	margin-top:5px
+}
+.alert-dismissable {
+	padding-right:35px
+}
+.alert-dismissable .close {
+	position:relative;
+	top:-2px;
+	right:-21px;
+	color:inherit
+}
+.alert-success {
+	color:#3c763d;
+	background-color:#dff0d8;
+	border-color:#d6e9c6
+}
+.alert-success hr {
+	border-top-color:#c9e2b3
+}
+.alert-success .alert-link {
+	color:#2b542c
+}
+.alert-info {
+	color:#31708f;
+	background-color:#d9edf7;
+	border-color:#bce8f1
+}
+.alert-info hr {
+	border-top-color:#a6e1ec
+}
+.alert-info .alert-link {
+	color:#245269
+}
+.alert-warning {
+	color:#8a6d3b;
+	background-color:#fcf8e3;
+	border-color:#faebcc
+}
+.alert-warning hr {
+	border-top-color:#f7e1b5
+}
+.alert-warning .alert-link {
+	color:#66512c
+}
+.alert-danger {
+	color:#a94442;
+	background-color:#f2dede;
+	border-color:#ebccd1
+}
+.alert-danger hr {
+	border-top-color:#e4b9c0
+}
+.alert-danger .alert-link {
+	color:#843534
+}
+@-webkit-keyframes progress-bar-stripes {
+	from {
+	background-position:40px 0
+}
+to {
+	background-position:0 0
+}
+}@keyframes progress-bar-stripes {
+	from {
+	background-position:40px 0
+}
+to {
+	background-position:0 0
+}
+}.progress {
+	height:20px;
+	margin-bottom:20px;
+	overflow:hidden;
+	background-color:#f5f5f5;
+	border-radius:4px;
+	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
+	box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)
+}
+.progress-bar {
+	float:left;
+	width:0;
+	height:100%;
+	font-size:12px;
+	line-height:20px;
+	color:#fff;
+	text-align:center;
+	background-color:#428bca;
+	-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);
+	box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);
+	-webkit-transition:width .6s ease;
+	transition:width .6s ease
+}
+.progress-striped .progress-bar {
+	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
+	background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
+	background-size:40px 40px
+}
+.progress.active .progress-bar {
+	-webkit-animation:progress-bar-stripes 2s linear infinite;
+	animation:progress-bar-stripes 2s linear infinite
+}
+.progress-bar-success {
+	background-color:#5cb85c
+}
+.progress-striped .progress-bar-success {
+	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
+	background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
+}
+.progress-bar-info {
+	background-color:#5bc0de
+}
+.progress-striped .progress-bar-info {
+	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
+	background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
+}
+.progress-bar-warning {
+	background-color:#f0ad4e
+}
+.progress-striped .progress-bar-warning {
+	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
+	background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
+}
+.progress-bar-danger {
+	background-color:#d9534f
+}
+.progress-striped .progress-bar-danger {
+	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
+	background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
+}
+.media,.media-body {
+	overflow:hidden;
+	zoom:1
+}
+.media,.media .media {
+	margin-top:15px
+}
+.media:first-child {
+	margin-top:0
+}
+.media-object {
+	display:block
+}
+.media-heading {
+	margin:0 0 5px
+}
+.media>.pull-left {
+	margin-right:10px
+}
+.media>.pull-right {
+	margin-left:10px
+}
+.media-list {
+	padding-left:0;
+	list-style:none
+}
+.list-group {
+	padding-left:0;
+	margin-bottom:20px
+}
+.list-group-item {
+	position:relative;
+	display:block;
+	padding:10px 15px;
+	margin-bottom:-1px;
+	background-color:#fff;
+	border:1px solid #ddd
+}
+.list-group-item:first-child {
+	border-top-right-radius:4px;
+	border-top-left-radius:4px
+}
+.list-group-item:last-child {
+	margin-bottom:0;
+	border-bottom-right-radius:4px;
+	border-bottom-left-radius:4px
+}
+.list-group-item>.badge {
+	float:right
+}
+.list-group-item>.badge+.badge {
+	margin-right:5px
+}
+a.list-group-item {
+	color:#555
+}
+a.list-group-item .list-group-item-heading {
+	color:#333
+}
+a.list-group-item:hover,a.list-group-item:focus {
+	text-decoration:none;
+	background-color:#f5f5f5
+}
+a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus {
+	z-index:2;
+	color:#fff;
+	background-color:#428bca;
+	border-color:#428bca
+}
+a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading {
+	color:inherit
+}
+a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text {
+	color:#e1edf7
+}
+.list-group-item-heading {
+	margin-top:0;
+	margin-bottom:5px
+}
+.list-group-item-text {
+	margin-bottom:0;
+	line-height:1.3
+}
+.panel {
+	margin-bottom:20px;
+	background-color:#fff;
+	border:1px solid transparent;
+	border-radius:4px;
+	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);
+	box-shadow:0 1px 1px rgba(0,0,0,0.05)
+}
+.panel-body {
+	padding:15px
+}
+.panel-body:before,.panel-body:after {
+	display:table;
+	content:" "
+}
+.panel-body:after {
+	clear:both
+}
+.panel-body:before,.panel-body:after {
+	display:table;
+	content:" "
+}
+.panel-body:after {
+	clear:both
+}
+.panel>.list-group {
+	margin-bottom:0
+}
+.panel>.list-group .list-group-item {
+	border-width:1px 0
+}
+.panel>.list-group .list-group-item:first-child {
+	border-top-right-radius:0;
+	border-top-left-radius:0
+}
+.panel>.list-group .list-group-item:last-child {
+	border-bottom:0
+}
+.panel-heading+.list-group .list-group-item:first-child {
+	border-top-width:0
+}
+.panel>.table,.panel>.table-responsive>.table {
+	margin-bottom:0
+}
+.panel>.panel-body+.table,.panel>.panel-body+.table-responsive {
+	border-top:1px solid #ddd
+}
+.panel>.table>tbody:first-child th,.panel>.table>tbody:first-child td {
+	border-top:0
+}
+.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
+	border:0
+}
+.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
+	border-left:0
+}
+.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
+	border-right:0
+}
+.panel>.table-bordered>thead>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:last-child>th,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:last-child>td,.panel>.table-responsive>.table-bordered>thead>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td {
+	border-bottom:0
+}
+.panel>.table-responsive {
+	margin-bottom:0;
+	border:0
+}
+.panel-heading {
+	padding:10px 15px;
+	border-bottom:1px solid transparent;
+	border-top-right-radius:3px;
+	border-top-left-radius:3px
+}
+.panel-heading>.dropdown .dropdown-toggle {
+	color:inherit
+}
+.panel-title {
+	margin-top:0;
+	margin-bottom:0;
+	font-size:16px;
+	color:inherit
+}
+.panel-title>a {
+	color:inherit
+}
+.panel-footer {
+	padding:10px 15px;
+	background-color:#f5f5f5;
+	border-top:1px solid #ddd;
+	border-bottom-right-radius:3px;
+	border-bottom-left-radius:3px
+}
+.panel-group .panel {
+	margin-bottom:0;
+	overflow:hidden;
+	border-radius:4px
+}
+.panel-group .panel+.panel {
+	margin-top:5px
+}
+.panel-group .panel-heading {
+	border-bottom:0
+}
+.panel-group .panel-heading+.panel-collapse .panel-body {
+	border-top:1px solid #ddd
+}
+.panel-group .panel-footer {
+	border-top:0
+}
+.panel-group .panel-footer+.panel-collapse .panel-body {
+	border-bottom:1px solid #ddd
+}
+.panel-default {
+	border-color:#ddd
+}
+.panel-default>.panel-heading {
+	color:#333;
+	background-color:#f5f5f5;
+	border-color:#ddd
+}
+.panel-default>.panel-heading+.panel-collapse .panel-body {
+	border-top-color:#ddd
+}
+.panel-default>.panel-footer+.panel-collapse .panel-body {
+	border-bottom-color:#ddd
+}
+.panel-primary {
+	border-color:#428bca
+}
+.panel-primary>.panel-heading {
+	color:#fff;
+	background-color:#428bca;
+	border-color:#428bca
+}
+.panel-primary>.panel-heading+.panel-collapse .panel-body {
+	border-top-color:#428bca
+}
+.panel-primary>.panel-footer+.panel-collapse .panel-body {
+	border-bottom-color:#428bca
+}
+.panel-success {
+	border-color:#d6e9c6
+}
+.panel-success>.panel-heading {
+	color:#3c763d;
+	background-color:#dff0d8;
+	border-color:#d6e9c6
+}
+.panel-success>.panel-heading+.panel-collapse .panel-body {
+	border-top-color:#d6e9c6
+}
+.panel-success>.panel-footer+.panel-collapse .panel-body {
+	border-bottom-color:#d6e9c6
+}
+.panel-warning {
+	border-color:#faebcc
+}
+.panel-warning>.panel-heading {
+	color:#8a6d3b;
+	background-color:#fcf8e3;
+	border-color:#faebcc
+}
+.panel-warning>.panel-heading+.panel-collapse .panel-body {
+	border-top-color:#faebcc
+}
+.panel-warning>.panel-footer+.panel-collapse .panel-body {
+	border-bottom-color:#faebcc
+}
+.panel-danger {
+	border-color:#ebccd1
+}
+.panel-danger>.panel-heading {
+	color:#a94442;
+	background-color:#f2dede;
+	border-color:#ebccd1
+}
+.panel-danger>.panel-heading+.panel-collapse .panel-body {
+	border-top-color:#ebccd1
+}
+.panel-danger>.panel-footer+.panel-collapse .panel-body {
+	border-bottom-color:#ebccd1
+}
+.panel-info {
+	border-color:#bce8f1
+}
+.panel-info>.panel-heading {
+	color:#31708f;
+	background-color:#d9edf7;
+	border-color:#bce8f1
+}
+.panel-info>.panel-heading+.panel-collapse .panel-body {
+	border-top-color:#bce8f1
+}
+.panel-info>.panel-footer+.panel-collapse .panel-body {
+	border-bottom-color:#bce8f1
+}
+.well {
+	min-height:20px;
+	padding:19px;
+	margin-bottom:20px;
+	background-color:#f5f5f5;
+	border:1px solid #e3e3e3;
+	border-radius:4px;
+	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
+	box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)
+}
+.well blockquote {
+	border-color:#ddd;
+	border-color:rgba(0,0,0,0.15)
+}
+.well-lg {
+	padding:24px;
+	border-radius:6px
+}
+.well-sm {
+	padding:9px;
+	border-radius:3px
+}
+.close {
+	float:right;
+	font-size:21px;
+	font-weight:bold;
+	line-height:1;
+	color:#000;
+	text-shadow:0 1px 0 #fff;
+	opacity:.2;
+	filter:alpha(opacity=20)
+}
+.close:hover,.close:focus {
+	color:#000;
+	text-decoration:none;
+	cursor:pointer;
+	opacity:.5;
+	filter:alpha(opacity=50)
+}
+button.close {
+	padding:0;
+	cursor:pointer;
+	background:transparent;
+	border:0;
+	-webkit-appearance:none
+}
+.modal-open {
+	overflow:hidden
+}
+.modal {
+	position:fixed;
+	top:0;
+	right:0;
+	bottom:0;
+	left:0;
+	z-index:1040;
+	display:none;
+	overflow:auto;
+	overflow-y:scroll
+}
+.modal.fade .modal-dialog {
+	-webkit-transform:translate(0,-25%);
+	-ms-transform:translate(0,-25%);
+	transform:translate(0,-25%);
+	-webkit-transition:-webkit-transform .3s ease-out;
+	-moz-transition:-moz-transform .3s ease-out;
+	-o-transition:-o-transform .3s ease-out;
+	transition:transform .3s ease-out
+}
+.modal.in .modal-dialog {
+	-webkit-transform:translate(0,0);
+	-ms-transform:translate(0,0);
+	transform:translate(0,0)
+}
+.modal-dialog {
+	position:relative;
+	z-index:1050;
+	width:auto;
+	margin:10px
+}
+.modal-content {
+	position:relative;
+	background-color:#fff;
+	border:1px solid #999;
+	border:1px solid rgba(0,0,0,0.2);
+	border-radius:6px;
+	outline:0;
+	-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);
+	box-shadow:0 3px 9px rgba(0,0,0,0.5);
+	background-clip:padding-box
+}
+.modal-backdrop {
+	position:fixed;
+	top:0;
+	right:0;
+	bottom:0;
+	left:0;
+	z-index:1030;
+	background-color:#000
+}
+.modal-backdrop.fade {
+	opacity:0;
+	filter:alpha(opacity=0)
+}
+.modal-backdrop.in {
+	opacity:.5;
+	filter:alpha(opacity=50)
+}
+.modal-header {
+	min-height:16.428571429px;
+	padding:15px;
+	border-bottom:1px solid #e5e5e5
+}
+.modal-header .close {
+	margin-top:-2px
+}
+.modal-title {
+	margin:0;
+	line-height:1.428571429
+}
+.modal-body {
+	position:relative;
+	padding:20px
+}
+.modal-footer {
+	padding:19px 20px 20px;
+	margin-top:15px;
+	text-align:right;
+	border-top:1px solid #e5e5e5
+}
+.modal-footer:before,.modal-footer:after {
+	display:table;
+	content:" "
+}
+.modal-footer:after {
+	clear:both
+}
+.modal-footer:before,.modal-footer:after {
+	display:table;
+	content:" "
+}
+.modal-footer:after {
+	clear:both
+}
+.modal-footer .btn+.btn {
+	margin-bottom:0;
+	margin-left:5px
+}
+.modal-footer .btn-group .btn+.btn {
+	margin-left:-1px
+}
+.modal-footer .btn-block+.btn-block {
+	margin-left:0
+}
+@media screen and (min-width:768px) {
+	.modal-dialog {
+	width:600px;
+	margin:30px auto
+}
+.modal-content {
+	-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);
+	box-shadow:0 5px 15px rgba(0,0,0,0.5)
+}
+}.tooltip {
+	position:absolute;
+	z-index:1030;
+	display:block;
+	font-size:12px;
+	line-height:1.4;
+	opacity:0;
+	filter:alpha(opacity=0);
+	visibility:visible
+}
+.tooltip.in {
+	opacity:.9;
+	filter:alpha(opacity=90)
+}
+.tooltip.top {
+	padding:5px 0;
+	margin-top:-3px
+}
+.tooltip.right {
+	padding:0 5px;
+	margin-left:3px
+}
+.tooltip.bottom {
+	padding:5px 0;
+	margin-top:3px
+}
+.tooltip.left {
+	padding:0 5px;
+	margin-left:-3px
+}
+.tooltip-inner {
+	max-width:200px;
+	padding:3px 8px;
+	color:#fff;
+	text-align:center;
+	text-decoration:none;
+	background-color:#000;
+	border-radius:4px
+}
+.tooltip-arrow {
+	position:absolute;
+	width:0;
+	height:0;
+	border-color:transparent;
+	border-style:solid
+}
+.tooltip.top .tooltip-arrow {
+	bottom:0;
+	left:50%;
+	margin-left:-5px;
+	border-top-color:#000;
+	border-width:5px 5px 0
+}
+.tooltip.top-left .tooltip-arrow {
+	bottom:0;
+	left:5px;
+	border-top-color:#000;
+	border-width:5px 5px 0
+}
+.tooltip.top-right .tooltip-arrow {
+	right:5px;
+	bottom:0;
+	border-top-color:#000;
+	border-width:5px 5px 0
+}
+.tooltip.right .tooltip-arrow {
+	top:50%;
+	left:0;
+	margin-top:-5px;
+	border-right-color:#000;
+	border-width:5px 5px 5px 0
+}
+.tooltip.left .tooltip-arrow {
+	top:50%;
+	right:0;
+	margin-top:-5px;
+	border-left-color:#000;
+	border-width:5px 0 5px 5px
+}
+.tooltip.bottom .tooltip-arrow {
+	top:0;
+	left:50%;
+	margin-left:-5px;
+	border-bottom-color:#000;
+	border-width:0 5px 5px
+}
+.tooltip.bottom-left .tooltip-arrow {
+	top:0;
+	left:5px;
+	border-bottom-color:#000;
+	border-width:0 5px 5px
+}
+.tooltip.bottom-right .tooltip-arrow {
+	top:0;
+	right:5px;
+	border-bottom-color:#000;
+	border-width:0 5px 5px
+}
+.popover {
+	position:absolute;
+	top:0;
+	left:0;
+	z-index:1010;
+	display:none;
+	max-width:276px;
+	padding:1px;
+	text-align:left;
+	white-space:normal;
+	background-color:#fff;
+	border:1px solid #ccc;
+	border:1px solid rgba(0,0,0,0.2);
+	border-radius:6px;
+	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
+	box-shadow:0 5px 10px rgba(0,0,0,0.2);
+	background-clip:padding-box
+}
+.popover.top {
+	margin-top:-10px
+}
+.popover.right {
+	margin-left:10px
+}
+.popover.bottom {
+	margin-top:10px
+}
+.popover.left {
+	margin-left:-10px
+}
+.popover-title {
+	padding:8px 14px;
+	margin:0;
+	font-size:14px;
+	font-weight:normal;
+	line-height:18px;
+	background-color:#f7f7f7;
+	border-bottom:1px solid #ebebeb;
+	border-radius:5px 5px 0 0
+}
+.popover-content {
+	padding:9px 14px
+}
+.popover .arrow,.popover .arrow:after {
+	position:absolute;
+	display:block;
+	width:0;
+	height:0;
+	border-color:transparent;
+	border-style:solid
+}
+.popover .arrow {
+	border-width:11px
+}
+.popover .arrow:after {
+	border-width:10px;
+	content:""
+}
+.popover.top .arrow {
+	bottom:-11px;
+	left:50%;
+	margin-left:-11px;
+	border-top-color:#999;
+	border-top-color:rgba(0,0,0,0.25);
+	border-bottom-width:0
+}
+.popover.top .arrow:after {
+	bottom:1px;
+	margin-left:-10px;
+	border-top-color:#fff;
+	border-bottom-width:0;
+	content:" "
+}
+.popover.right .arrow {
+	top:50%;
+	left:-11px;
+	margin-top:-11px;
+	border-right-color:#999;
+	border-right-color:rgba(0,0,0,0.25);
+	border-left-width:0
+}
+.popover.right .arrow:after {
+	bottom:-10px;
+	left:1px;
+	border-right-color:#fff;
+	border-left-width:0;
+	content:" "
+}
+.popover.bottom .arrow {
+	top:-11px;
+	left:50%;
+	margin-left:-11px;
+	border-bottom-color:#999;
+	border-bottom-color:rgba(0,0,0,0.25);
+	border-top-width:0
+}
+.popover.bottom .arrow:after {
+	top:1px;
+	margin-left:-10px;
+	border-bottom-color:#fff;
+	border-top-width:0;
+	content:" "
+}
+.popover.left .arrow {
+	top:50%;
+	right:-11px;
+	margin-top:-11px;
+	border-left-color:#999;
+	border-left-color:rgba(0,0,0,0.25);
+	border-right-width:0
+}
+.popover.left .arrow:after {
+	right:1px;
+	bottom:-10px;
+	border-left-color:#fff;
+	border-right-width:0;
+	content:" "
+}
+.carousel {
+	position:relative
+}
+.carousel-inner {
+	position:relative;
+	width:100%;
+	overflow:hidden
+}
+.carousel-inner>.item {
+	position:relative;
+	display:none;
+	-webkit-transition:.6s ease-in-out left;
+	transition:.6s ease-in-out left
+}
+.carousel-inner>.item>img,.carousel-inner>.item>a>img {
+	display:block;
+	height:auto;
+	max-width:100%;
+	line-height:1
+}
+.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
+	display:block
+}
+.carousel-inner>.active {
+	left:0
+}
+.carousel-inner>.next,.carousel-inner>.prev {
+	position:absolute;
+	top:0;
+	width:100%
+}
+.carousel-inner>.next {
+	left:100%
+}
+.carousel-inner>.prev {
+	left:-100%
+}
+.carousel-inner>.next.left,.carousel-inner>.prev.right {
+	left:0
+}
+.carousel-inner>.active.left {
+	left:-100%
+}
+.carousel-inner>.active.right {
+	left:100%
+}
+.carousel-control {
+	position:absolute;
+	top:0;
+	bottom:0;
+	left:0;
+	width:15%;
+	font-size:20px;
+	color:#fff;
+	text-align:center;
+	text-shadow:0 1px 2px rgba(0,0,0,0.6);
+	opacity:.5;
+	filter:alpha(opacity=50)
+}
+.carousel-control.left {
+	background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));
+	background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);
+	background-repeat:repeat-x;
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)
+}
+.carousel-control.right {
+	right:0;
+	left:auto;
+	background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));
+	background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);
+	background-repeat:repeat-x;
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)
+}
+.carousel-control:hover,.carousel-control:focus {
+	color:#fff;
+	text-decoration:none;
+	outline:0;
+	opacity:.9;
+	filter:alpha(opacity=90)
+}
+.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
+	position:absolute;
+	top:50%;
+	z-index:5;
+	display:inline-block
+}
+.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {
+	left:50%
+}
+.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right {
+	right:50%
+}
+.carousel-control .icon-prev,.carousel-control .icon-next {
+	width:20px;
+	height:20px;
+	margin-top:-10px;
+	margin-left:-10px;
+	font-family:serif
+}
+.carousel-control .icon-prev:before {
+	content:'\2039'
+}
+.carousel-control .icon-next:before {
+	content:'\203a'
+}
+.carousel-indicators {
+	position:absolute;
+	bottom:10px;
+	left:50%;
+	z-index:15;
+	width:60%;
+	padding-left:0;
+	margin-left:-30%;
+	text-align:center;
+	list-style:none
+}
+.carousel-indicators li {
+	display:inline-block;
+	width:10px;
+	height:10px;
+	margin:1px;
+	text-indent:-999px;
+	cursor:pointer;
+	background-color:#000 \9;
+	background-color:rgba(0,0,0,0);
+	border:1px solid #fff;
+	border-radius:10px
+}
+.carousel-indicators .active {
+	width:12px;
+	height:12px;
+	margin:0;
+	background-color:#fff
+}
+.carousel-caption {
+	position:absolute;
+	right:15%;
+	bottom:20px;
+	left:15%;
+	z-index:10;
+	padding-top:20px;
+	padding-bottom:20px;
+	color:#fff;
+	text-align:center;
+	text-shadow:0 1px 2px rgba(0,0,0,0.6)
+}
+.carousel-caption .btn {
+	text-shadow:none
+}
+@media screen and (min-width:768px) {
+	.carousel-control .glyphicons-chevron-left,.carousel-control .glyphicons-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next {
+	width:30px;
+	height:30px;
+	margin-top:-15px;
+	margin-left:-15px;
+	font-size:30px
+}
+.carousel-caption {
+	right:20%;
+	left:20%;
+	padding-bottom:30px
+}
+.carousel-indicators {
+	bottom:20px
+}
+}.clearfix:before,.clearfix:after {
+	display:table;
+	content:" "
+}
+.clearfix:after {
+	clear:both
+}
+.center-block {
+	display:block;
+	margin-right:auto;
+	margin-left:auto
+}
+.pull-right {
+	float:right!important
+}
+.pull-left {
+	float:left!important
+}
+.hide {
+	display:none!important
+}
+.show {
+	display:block!important
+}
+.invisible {
+	visibility:hidden
+}
+.text-hide {
+	font:0/0 a;
+	color:transparent;
+	text-shadow:none;
+	background-color:transparent;
+	border:0
+}
+.hidden {
+	display:none!important;
+	visibility:hidden!important
+}
+.affix {
+	position:fixed
+}
+@-ms-viewport {
+	width:device-width
+}
+.visible-xs,tr.visible-xs,th.visible-xs,td.visible-xs {
+	display:none!important
+}
+@media(max-width:767px) {
+	.visible-xs {
+	display:block!important
+}
+table.visible-xs {
+	display:table
+}
+tr.visible-xs {
+	display:table-row!important
+}
+th.visible-xs,td.visible-xs {
+	display:table-cell!important
+}
+}@media(min-width:768px) and (max-width:991px) {
+	.visible-xs.visible-sm {
+	display:block!important
+}
+table.visible-xs.visible-sm {
+	display:table
+}
+tr.visible-xs.visible-sm {
+	display:table-row!important
+}
+th.visible-xs.visible-sm,td.visible-xs.visible-sm {
+	display:table-cell!important
+}
+}@media(min-width:992px) and (max-width:1199px) {
+	.visible-xs.visible-md {
+	display:block!important
+}
+table.visible-xs.visible-md {
+	display:table
+}
+tr.visible-xs.visible-md {
+	display:table-row!important
+}
+th.visible-xs.visible-md,td.visible-xs.visible-md {
+	display:table-cell!important
+}
+}@media(min-width:1200px) {
+	.visible-xs.visible-lg {
+	display:block!important
+}
+table.visible-xs.visible-lg {
+	display:table
+}
+tr.visible-xs.visible-lg {
+	display:table-row!important
+}
+th.visible-xs.visible-lg,td.visible-xs.visible-lg {
+	display:table-cell!important
+}
+}.visible-sm,tr.visible-sm,th.visible-sm,td.visible-sm {
+	display:none!important
+}
+@media(max-width:767px) {
+	.visible-sm.visible-xs {
+	display:block!important
+}
+table.visible-sm.visible-xs {
+	display:table
+}
+tr.visible-sm.visible-xs {
+	display:table-row!important
+}
+th.visible-sm.visible-xs,td.visible-sm.visible-xs {
+	display:table-cell!important
+}
+}@media(min-width:768px) and (max-width:991px) {
+	.visible-sm {
+	display:block!important
+}
+table.visible-sm {
+	display:table
+}
+tr.visible-sm {
+	display:table-row!important
+}
+th.visible-sm,td.visible-sm {
+	display:table-cell!important
+}
+}@media(min-width:992px) and (max-width:1199px) {
+	.visible-sm.visible-md {
+	display:block!important
+}
+table.visible-sm.visible-md {
+	display:table
+}
+tr.visible-sm.visible-md {
+	display:table-row!important
+}
+th.visible-sm.visible-md,td.visible-sm.visible-md {
+	display:table-cell!important
+}
+}@media(min-width:1200px) {
+	.visible-sm.visible-lg {
+	display:block!important
+}
+table.visible-sm.visible-lg {
+	display:table
+}
+tr.visible-sm.visible-lg {
+	display:table-row!important
+}
+th.visible-sm.visible-lg,td.visible-sm.visible-lg {
+	display:table-cell!important
+}
+}.visible-md,tr.visible-md,th.visible-md,td.visible-md {
+	display:none!important
+}
+@media(max-width:767px) {
+	.visible-md.visible-xs {
+	display:block!important
+}
+table.visible-md.visible-xs {
+	display:table
+}
+tr.visible-md.visible-xs {
+	display:table-row!important
+}
+th.visible-md.visible-xs,td.visible-md.visible-xs {
+	display:table-cell!important
+}
+}@media(min-width:768px) and (max-width:991px) {
+	.visible-md.visible-sm {
+	display:block!important
+}
+table.visible-md.visible-sm {
+	display:table
+}
+tr.visible-md.visible-sm {
+	display:table-row!important
+}
+th.visible-md.visible-sm,td.visible-md.visible-sm {
+	display:table-cell!important
+}
+}@media(min-width:992px) and (max-width:1199px) {
+	.visible-md {
+	display:block!important
+}
+table.visible-md {
+	display:table
+}
+tr.visible-md {
+	display:table-row!important
+}
+th.visible-md,td.visible-md {
+	display:table-cell!important
+}
+}@media(min-width:1200px) {
+	.visible-md.visible-lg {
+	display:block!important
+}
+table.visible-md.visible-lg {
+	display:table
+}
+tr.visible-md.visible-lg {
+	display:table-row!important
+}
+th.visible-md.visible-lg,td.visible-md.visible-lg {
+	display:table-cell!important
+}
+}.visible-lg,tr.visible-lg,th.visible-lg,td.visible-lg {
+	display:none!important
+}
+@media(max-width:767px) {
+	.visible-lg.visible-xs {
+	display:block!important
+}
+table.visible-lg.visible-xs {
+	display:table
+}
+tr.visible-lg.visible-xs {
+	display:table-row!important
+}
+th.visible-lg.visible-xs,td.visible-lg.visible-xs {
+	display:table-cell!important
+}
+}@media(min-width:768px) and (max-width:991px) {
+	.visible-lg.visible-sm {
+	display:block!important
+}
+table.visible-lg.visible-sm {
+	display:table
+}
+tr.visible-lg.visible-sm {
+	display:table-row!important
+}
+th.visible-lg.visible-sm,td.visible-lg.visible-sm {
+	display:table-cell!important
+}
+}@media(min-width:992px) and (max-width:1199px) {
+	.visible-lg.visible-md {
+	display:block!important
+}
+table.visible-lg.visible-md {
+	display:table
+}
+tr.visible-lg.visible-md {
+	display:table-row!important
+}
+th.visible-lg.visible-md,td.visible-lg.visible-md {
+	display:table-cell!important
+}
+}@media(min-width:1200px) {
+	.visible-lg {
+	display:block!important
+}
+table.visible-lg {
+	display:table
+}
+tr.visible-lg {
+	display:table-row!important
+}
+th.visible-lg,td.visible-lg {
+	display:table-cell!important
+}
+}.hidden-xs {
+	display:block!important
+}
+table.hidden-xs {
+	display:table
+}
+tr.hidden-xs {
+	display:table-row!important
+}
+th.hidden-xs,td.hidden-xs {
+	display:table-cell!important
+}
+@media(max-width:767px) {
+	.hidden-xs,tr.hidden-xs,th.hidden-xs,td.hidden-xs {
+	display:none!important
+}
+}@media(min-width:768px) and (max-width:991px) {
+	.hidden-xs.hidden-sm,tr.hidden-xs.hidden-sm,th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm {
+	display:none!important
+}
+}@media(min-width:992px) and (max-width:1199px) {
+	.hidden-xs.hidden-md,tr.hidden-xs.hidden-md,th.hidden-xs.hidden-md,td.hidden-xs.hidden-md {
+	display:none!important
+}
+}@media(min-width:1200px) {
+	.hidden-xs.hidden-lg,tr.hidden-xs.hidden-lg,th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg {
+	display:none!important
+}
+}.hidden-sm {
+	display:block!important
+}
+table.hidden-sm {
+	display:table
+}
+tr.hidden-sm {
+	display:table-row!important
+}
+th.hidden-sm,td.hidden-sm {
+	display:table-cell!important
+}
+@media(max-width:767px) {
+	.hidden-sm.hidden-xs,tr.hidden-sm.hidden-xs,th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs {
+	display:none!important
+}
+}@media(min-width:768px) and (max-width:991px) {
+	.hidden-sm,tr.hidden-sm,th.hidden-sm,td.hidden-sm {
+	display:none!important
+}
+}@media(min-width:992px) and (max-width:1199px) {
+	.hidden-sm.hidden-md,tr.hidden-sm.hidden-md,th.hidden-sm.hidden-md,td.hidden-sm.hidden-md {
+	display:none!important
+}
+}@media(min-width:1200px) {
+	.hidden-sm.hidden-lg,tr.hidden-sm.hidden-lg,th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg {
+	display:none!important
+}
+}.hidden-md {
+	display:block!important
+}
+table.hidden-md {
+	display:table
+}
+tr.hidden-md {
+	display:table-row!important
+}
+th.hidden-md,td.hidden-md {
+	display:table-cell!important
+}
+@media(max-width:767px) {
+	.hidden-md.hidden-xs,tr.hidden-md.hidden-xs,th.hidden-md.hidden-xs,td.hidden-md.hidden-xs {
+	display:none!important
+}
+}@media(min-width:768px) and (max-width:991px) {
+	.hidden-md.hidden-sm,tr.hidden-md.hidden-sm,th.hidden-md.hidden-sm,td.hidden-md.hidden-sm {
+	display:none!important
+}
+}@media(min-width:992px) and (max-width:1199px) {
+	.hidden-md,tr.hidden-md,th.hidden-md,td.hidden-md {
+	display:none!important
+}
+}@media(min-width:1200px) {
+	.hidden-md.hidden-lg,tr.hidden-md.hidden-lg,th.hidden-md.hidden-lg,td.hidden-md.hidden-lg {
+	display:none!important
+}
+}.hidden-lg {
+	display:block!important
+}
+table.hidden-lg {
+	display:table
+}
+tr.hidden-lg {
+	display:table-row!important
+}
+th.hidden-lg,td.hidden-lg {
+	display:table-cell!important
+}
+@media(max-width:767px) {
+	.hidden-lg.hidden-xs,tr.hidden-lg.hidden-xs,th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs {
+	display:none!important
+}
+}@media(min-width:768px) and (max-width:991px) {
+	.hidden-lg.hidden-sm,tr.hidden-lg.hidden-sm,th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm {
+	display:none!important
+}
+}@media(min-width:992px) and (max-width:1199px) {
+	.hidden-lg.hidden-md,tr.hidden-lg.hidden-md,th.hidden-lg.hidden-md,td.hidden-lg.hidden-md {
+	display:none!important
+}
+}@media(min-width:1200px) {
+	.hidden-lg,tr.hidden-lg,th.hidden-lg,td.hidden-lg {
+	display:none!important
+}
+}.visible-print,tr.visible-print,th.visible-print,td.visible-print {
+	display:none!important
+}
+@media print {
+	.visible-print {
+	display:block!important
+}
+table.visible-print {
+	display:table
+}
+tr.visible-print {
+	display:table-row!important
+}
+th.visible-print,td.visible-print {
+	display:table-cell!important
+}
+.hidden-print,tr.hidden-print,th.hidden-print,td.hidden-print {
+	display:none!important
+}
+}

serverstatus/web/css/global.css

@@ -0,0 +1,406 @@
+
+/* Dev */
+.dev_badge   { display: inline-block; border-radius: 3px; background-color: #ff3b3b; color: #ffffff; font-size: 0.9em; font-weight: bold; padding: 0px 4px; }
+.dev_warning { font-weight: bold; font-size: 24px; color: #ff0000; border: 2px dashed #ff0000; text-align: center; padding: 4px; }
+
+
+/* Upstream changes */
+.btn-lg { overflow: hidden; }
+
+.actions.multi > a.btn  { margin: 0px 8px 8px 0px; }
+.actions.multi > .btn + .btn:not(.btn-block) { margin: 0px 8px 8px 0px; }
+
+.page-banner-null {
+	padding-bottom: 0px;
+	padding-top: 100px;
+}
+
+.form-group.buttonalign {
+	margin: 0px;
+	line-height: 50px;
+}
+
+.flag-null {
+	background-position: -162px -36px;
+}
+
+.m-t-h2 { margin-top: 84px; }
+
+.banner-breadcrumbs ul > li > span {
+	color: rgba(196, 227, 255, 0.6);
+	display: block;
+	font-size: 16px;
+	height: 100%;
+	line-height: 18px;
+	margin: 0 12px;
+	padding: 30px 12px;
+	text-transform: none;
+	white-space: normal;
+}
+
+.banner-breadcrumbs ul > li.active > span {
+	color: #ffffff;
+}
+
+@media (max-width: 991px)
+{
+	.browser-analytics {
+		width: 238px;
+		height: 152px;
+		background-repeat: no-repeat;
+	}
+}
+
+@media (max-width: 299px)
+{
+	.navbar-header .navbar-login {
+		display: none;
+	}
+}
+
+select.form-control {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    background-image: url('../_images/arrow.html');
+    background-repeat: no-repeat;
+    background-position: 100% 50%;
+    background-size: 30px 50px;
+    cursor: pointer;
+}
+
+/* Generic */
+.file_hidden {
+	width: 0.1px;
+	height: 0.1px;
+	opacity: 0;
+	overflow: hidden;
+	position: absolute;
+	z-index: -1;
+}
+
+.textleft { text-align: left; }
+.textright { text-align: right; }
+.textcenter { text-align: center; }
+
+.textunderline { text-decoration:underline; }
+
+hr.hr10			{ height:10px; border:none; margin:0px; padding:0px; width:100%; }
+hr.hr15			{ height:15px; border:none; margin:0px; padding:0px; width:100%; }
+hr.hr20			{ height:20px; border:none; margin:0px; padding:0px; width:100%; }
+hr.hr30			{ height:30px; border:none; margin:0px; padding:0px; width:100%; }
+hr.hr50			{ height:50px; border:none; margin:0px; padding:0px; width:100%; }
+
+/* Message blocks */
+.block_message            { background-color: #ffffff; padding: 16px 0px; }
+
+.base_message             { color: #616366; box-sizing: border-box; width: 100%; font-size: 15px; line-height: 25px; margin: 0px auto 10px auto; padding: 15px; text-align: left; border: 1px solid #000000; border-radius: 5px; overflow: hidden; }
+.success_message          { color: #5ba65f; border-color: #66bb6a; }
+.warning_message          { color: #fca426; border-color: #ffb13d; }
+.error_message            { color: #e53935; border-color: #ff4d4a; }
+.info_message             { color: #1e88e5; border-color: #54aaff; }
+
+
+/* Pricing */
+.package > .package-header > .gv  { display: none; }
+
+.package.great_value > .package-header        { background-color: #1e88e5; border-top-left-radius: 2px; border-top-right-radius: 2px; position: relative; }
+.package.great_value > .package-header > .gv  { display: block; position: absolute; top: 0px; right: 0px; background-image: url('../_images/great_value.html'); width: 92px; height: 70px; opacity: 0.90; }
+.package.great_value > .package-header > h3   { color: #ffffff; }
+.package.great_value > .package-header > span { color: #ffffff; }
+
+
+/* News */
+.post > .post-avatar { display: none; }
+
+@media (max-width: 767px)
+{
+	.post-header {
+		padding-left: 0px;
+	}
+}
+
+@media (min-width: 768px)
+{
+	.post { padding-left: 0px; }
+}
+
+.news_recent_item   { margin-bottom: 8px; }
+.news_recent_button { width: 100%; margin-bottom: 8px; position: relative; }
+
+.news_content img   { max-width: 100%; }
+
+/* FAQ */
+@media (min-width: 768px)
+{
+	.vat_table { max-width: 50%; }
+}
+
+#speedtest_type {
+	display: inline-block;
+	width: 100px;
+	margin-left: 4px;
+}
+
+@media (max-width: 767px)
+{
+	.speedtest_table .btn-lg {
+		margin-bottom: 4px;
+	}
+}
+
+
+/* API */
+.nav-responsive > ul > li.dropdown.header { margin-top: 8px; margin-bottom: 8px; }
+@media (max-width: 767px)
+{
+	.nav-responsive > ul > li.dropdown.header { padding-left: 24px; }
+}
+
+pre code { white-space: pre; }
+
+.json_example .string   { color:green; }
+.json_example .number   { color:darkorange; }
+.json_example .boolean  { color:blue; }
+.json_example .null     { color:magenta; }
+.json_example .key      { color:red; }
+
+
+/* Docs */
+.docs-title a { color: #ffffff; transition: none; }
+.docs-title a:hover { color: #ffffff; transition: none; }
+
+.docs-freetrial        { display: block; width: 100%; padding: 16px 0px; background-color: #4cae4c; text-align: center; }
+.docs-freetrial > span { font-weight: bold; font-size: 22px; color: #ffffff; }
+
+.docs-contribute {}
+.docs-contribute .container        { padding-top: 40px; border-top: 1px solid #edf0f2; }
+
+@media (min-width: 768px) {
+	.banner-search {
+		width: 450px;
+	}
+}
+
+.doc_container     { padding: 0px 20px; }
+
+
+/* Docs index */
+.article_list          {}
+.article_list > li a   { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+
+.docs-panel-block      { width: 100%; }
+
+/* Docs article */
+.doc_tag {
+	display: inline-block;
+	height: 28px;
+	line-height: 28px;
+	border-radius: 3px;
+	color: #ffffff;
+	background-color: #1e88e4;
+	padding: 0px 10px;
+	white-space: nowrap;
+	text-align: center;
+	font-size: 14px;
+	font-weight: bold;
+	margin: 0px 0px 8px 6px;
+}
+
+.doc_tag:link,
+.doc_tag:visited,
+.doc_tag:active,
+.doc_tag:hover
+{
+	color: #ffffff;
+}
+
+.doc_header        { border-bottom: 1px solid #edf0f2; margin-bottom: 16px; padding: 0px 0px 6px 0px; }
+.doc_header h1     { margin: 0px 0px 8px 0px; }
+.doc_header > div  { margin-bottom: 8px; }
+
+.doc_footer > div  { font-size: 14px; font-style: italic; margin-top: 24px; padding: 0px; }
+
+
+/* Docs article content */
+.doc_content            { font-family: "Raleway",Helvetica,Arial,sans-serif; }
+.doc_content            { font-size: 15px; font-weight: 300; font-style: normal; line-height: 25px; color: #616366; margin: 0px 0px 17px 0px; padding: 0px; }
+
+.doc_content h1         { font-size: 28px; font-weight: 500; font-style: normal; line-height: 34px; color: #363b40; margin: 25px 0px 25px 0px; padding: 0px; }
+.doc_content h2         { font-size: 28px; font-weight: 500; font-style: normal; line-height: 34px; color: #363b40; margin: 25px 0px 25px 0px; padding: 0px; }
+.doc_content h3         { font-size: 20px; font-weight: 500; font-style: normal; line-height: 28px; color: #363b40; margin: 25px 0px 25px 0px; padding: 0px; }
+.doc_content h4         { font-size: 16px; font-weight: 500; font-style: normal; line-height: 22px; color: #363b40; margin: 18px 0px 18px 0px; padding: 0px;  }
+.doc_content h5         { font-size: 15px; font-weight: bold; font-style: normal; line-height: 22px; color: #363b40; margin: 18px 0px 18px 0px; padding: 0px; }
+.doc_content h6         { font-size: 14px; font-weight: bold; font-style: normal; line-height: 20px; color: #363b40; margin: 18px 0px 18px 0px; padding: 0px; }
+.doc_content h6.s1      { font-size: 13px; font-weight: bold; font-style: normal; line-height: 20px; color: #363b40; margin: 18px 0px 18px 0px; padding: 0px; }
+
+.doc_content p          { font-size: 15px; font-weight: 300; font-style: normal; line-height: 25px; color: #616366; margin: 0px 0px 17px 0px; padding: 0px; }
+
+.doc_content ul         { list-style: disc; padding-left: 40px; }
+.doc_content ol         { padding-left: 40px; }
+
+.doc_content blockquote      { font-size: 14px; margin: 0px 0px 20px 0px; padding: 10px 20px; border-left: 5px solid #eeeeee; }
+.doc_content blockquote > p  { font-size: 14px; }
+
+.doc_content code       { font-family: "Consolas", "Menlo", "Monaco", monospace, serif; }
+.doc_content code       { font-size: 0.9em; background-color: #f9f2f4; color: #c7254e; border-width: 0px; border-radius: 3px; padding: 2px 4px; }
+.doc_content p code     { font-size: 13px; }
+.doc_content pre        { font-size: 13px; line-height: 1.25em; background-color: #f9f2f4; color: #c7254e; border-width: 0px; border-radius: 3px; padding: 6px 10px; overflow: auto; }
+.doc_content pre code   { font-size: 13px; border-width: 0px; padding: 0px; }
+
+.doc_content pre {
+	padding: 0px 10px;
+	background-color: #f9f2f4;
+	background: linear-gradient(to bottom, #f9f2f4 0.0em, #f9f2f4 1.25em, #fffbfb 1.25em, #fffbfb 2.5em);
+	background: -webkit-linear-gradient(to bottom, #f9f2f4 0.0em, #f9f2f4 1.25em, #fffbfb 1.25em, #fffbfb 2.5em);
+	background-size: 100% 2.5em;
+	border: 1px solid #f9f2f4;
+}
+.doc_content pre code {
+	background-color: transparent;
+}
+
+.doc_content a          { color: #1e88e5; text-decoration: none; }
+.doc_content a:link,
+.doc_content a:visited,
+.doc_content a:active   {}
+.doc_content a:hover    { color: #3ba3ff; text-decoration: none; }
+.doc_content a img      { border: none; }
+
+.doc_content hr         { height: 0px; margin: 35px 0px; border-width: 0px; border-top: solid 1px #eeeeee; }
+.doc_content img        { max-width: 100%; }
+
+
+/* Docs submission */
+.tab-content .preview_text { width: 100%; height: 500px; margin: 0px; }
+.tab-content .preview_html { width: 100%; height: 500px; margin: 0px; overflow:scroll; }
+.tab-content .preview_spin { width: 100%; height: 500px; margin: 0px; position: relative; }
+
+
+/* Locations */
+.location-map-title {
+	position: relative;
+	z-index: 1;
+}
+@media (min-width: 768px)
+{
+	.location-map-title {
+		margin-bottom: 32px;
+	}
+}
+@media (min-width: 992px)
+{
+	.location-map-title {
+		margin-bottom: 64px;
+	}
+}
+
+
+/* Tools */
+.panel-calculator-block .row .control-label        { height: 20px; overflow: hidden; margin-top: 8px; margin-bottom: 0px; white-space: nowrap; }
+.panel-calculator-block .row .control-label > span { vertical-align: middle; }
+
+@media (min-width: 768px)
+{
+	.panel-subheader {
+		margin: 0px;
+		height: 50px;
+		line-height: 50px;
+	}
+}
+
+
+/* Legal */
+.legal-simple { font-size: 14px; color: #262626; }
+
+
+/* Error pages */
+.error-404sm {
+	font-weight: bold;
+	font-size: 64px;
+}
+
+@media (max-width: 767px)
+{
+	.error-404 {
+		display: none;
+	}
+}
+
+@media (min-width: 768px)
+{
+	.error-404sm {
+		display: none;
+	}
+}
+
+
+/* VBS reliability block */
+.aspect_div_560_400       { width: 100%; max-width: 560px; max-height: 400px; margin: 0px auto; }
+.aspect_div_560_400 > div { width: 100%; padding-bottom: 71%; position: relative; margin: 0px; }
+
+.image-reliability-sm .server-lg     { left: 36%; top: 0%; width: 28%; height: 48%; position: absolute; z-index: 2; background-size: 100% 100%; }
+.image-reliability-sm .server-left   { left: 0%; top: 48%; width: 16%; height: 28%; position: absolute; z-index: 2; background-size: 100% 100%; }
+.image-reliability-sm .server-right  { left: 82%; top: 48%; width: 16%; height: 28%; position: absolute; z-index: 2; background-size: 100% 100%; }
+.image-reliability-sm .server-center { left: 42%; top: 68%; width: 16%; height: 28%; position: absolute; z-index: 2; background-size: 100% 100%; }
+.image-reliability-sm .lock          { left: 60%; top: 60%; width: 51%; height: 50%; position: absolute; background-size: 100% 100%; }
+.image-reliability-sm .line-server-top    { left: 9%; top: 23%; width: 80%; position: absolute; z-index: 1; background-size: 100% 100%; }
+.image-reliability-sm .line-server-left   { left: 9%; top: 23%; height: 36%; position: absolute; z-index: 1; background-size: 100% 100%; }
+.image-reliability-sm .line-server-right  { left: 89%; top: 23%; height: 36%; position: absolute; z-index: 1; background-size: 100% 100%; }
+.image-reliability-sm .line-server-center { left: 50%; top: 23%; height: 55%; position: absolute; z-index: 1; background-size: 100% 100%; }
+
+@media (max-width: 767px)
+{
+	.image-reliability-sm { display: block; }
+	.image-reliability    { display: none; }
+}
+@media (min-width: 768px)
+{
+	.image-reliability-sm { display: none; }
+	.image-reliability    { display: block; }
+}
+
+
+/* Partner logos */
+
+.partner-logos {
+	text-align: center;
+	width: 100%;
+}
+
+.partner-logos div {
+	display: inline-block;
+	vertical-align: middle;
+	text-align: center;
+}
+
+.partner-logos div img {
+	opacity: 0.5;
+	max-width: 100%;
+}
+
+@media (max-width: 767px)
+{
+	.partner-logos div {
+		display: block;
+		margin: 32px 0px;
+	}
+}
+@media (min-width: 768px)
+{
+	.partner-logos div {
+		margin: 32px 16px;
+		max-width: 14%;
+	}
+}
+
+
+/* Logged out */
+
+.loggedout_vcenter { margin: 32px 0px; }
+@media (min-width: 768px) and (min-height: 700px)
+{
+	.loggedout_vcenter { position: absolute; top: 50%; width: 100%; margin-top: -220px; }
+}
+
+

serverstatus/web/css/light.css

@@ -0,0 +1,86 @@
+body { font-family:Molengo,"Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
+.announcement { color: #777; border-bottom: solid 3px #d0d0d0; background-color: #fff; padding: 10px 10px; text-align: center; transition: 0.3s; }
+.announcement p { display: inline-block;font-size: 15px;margin: 0;line-height: 1;text-indent: 5px; }
+.announcement i { display: inline-block;font-size: 15px;margin: 0;line-height: 1;color: #444; }
+
+.path-announcement2 {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.path-announcement {
+	margin-top: 50px;
+    background-color: #fafbfc;
+    border-bottom: 1px solid #e1e4e8;
+}
+.path-announcement p {
+    color: #444444;
+    line-height: 3.5;
+    margin-left: 20px;
+}
+.path-announcement a {
+	color: #666;
+    box-shadow: 0px 1px 0px 0px #999;
+	text-decoration: none;
+}
+.path-announcement a:focus,.path-announcement a:hover {
+	color: #337ab7;
+    box-shadow: 0px 1px 0px 0px #555;
+}
+.path-announcement i {
+	margin-right: 10px;
+}
+.path-announcement i,.path-announcement p {
+    display: inline;
+}
+
+.navbar { min-height: 50px; }
+.navbar-top { background-color: #444 !important; }
+.navbar-brand { color: #fff; padding: 10px; font-size: 20px; }
+.dropdown .dropdown-toggle { padding-bottom: 10px; padding-top: 10px; }
+.navbar-inverse .navbar-brand { color: #fff; padding: 15px 20px 10px; font-size: 16px; font-weight: 600; }
+.content { background: #ffffff; padding: 20px; border: 1px #eee solid; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1); box-shadow: 0 1px 10px rgba(0, 0, 0, .1); margin-bottom: 20px; margin-top: 50px; }
+.table { background: #ffffff; margin-bottom: 0; border-collapse: collapse; border-radius: 3px; }
+.table th, .table td { text-align: center; }
+.table-striped tbody > tr.even > td, .table-striped tbody > tr.even > th { background-color: #F9F9F9; }
+.table-striped tbody > tr.odd > td, .table-striped tbody > tr.odd > th { background-color: #FFF; }
+.progress { margin-bottom: 0; }
+.progress-bar { color: #000; }
+.table-hover > tbody > tr:hover > td { background: #E6E6E6; }
+tr.even.expandRow > :hover { background: #F9F9F9 !important; }
+tr.odd.expandRow > :hover { background: #FFF !important; }
+.expandRow > td { padding: 0 !important; border-top: 0px !important; }
+#cpu, #ram, #hdd, #network, #traffic { min-width: 55px; max-width: 100px; }
+
+@media only screen and (max-width: 992px) {
+	#location, tr td:nth-child(4)		{ display:none; visibility:hidden; }
+}
+@media only screen and (max-width: 720px) {
+	#type, tr td:nth-child(3)			{ display:none; visibility:hidden; }
+	#location, tr td:nth-child(4)		{ display:none; visibility:hidden; }
+	#uptime, tr td:nth-child(5)			{ display:none; visibility:hidden; }
+}
+@media only screen and (max-width: 600px) {
+	#type, tr td:nth-child(3)			{ display:none; visibility:hidden; }
+	#location, tr td:nth-child(4)		{ display:none; visibility:hidden; }
+	#uptime, tr td:nth-child(5)			{ display:none; visibility:hidden; }
+	#load, tr td:nth-child(6)			{ display:none; visibility:hidden; }
+}
+@media only screen and (max-width: 533px) {
+	#type, tr td:nth-child(3)			{ display:none; visibility:hidden; }
+	#location, tr td:nth-child(4)		{ display:none; visibility:hidden; }
+	#uptime, tr td:nth-child(5)			{ display:none; visibility:hidden; }
+	#traffic, tr td:nth-child(8)		{ display:none; visibility:hidden; }
+	#load, tr td:nth-child(6)			{ display:none; visibility:hidden; }
+}
+@media only screen and (max-width: 450px) {
+	body								{ font-size: 10px; }
+	.content 							{ padding: 0; }
+	#name, tr td:nth-child(2)			{ min-width: 20px; max-width: 60px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
+	#type, tr td:nth-child(3)			{ display:none; visibility:hidden; }
+	#location, tr td:nth-child(4)		{ display:none; visibility:hidden; }
+	#uptime, tr td:nth-child(5)			{ display:none; visibility:hidden; }
+	#traffic, tr td:nth-child(8)		{ display:none; visibility:hidden; }
+	#hdd, tr td:nth-child(11)		{ display:none; visibility:hidden; }
+	#cpu, #ram { min-width: 20px; max-width: 40px; }
+}

serverstatus/web/css/main.css

@@ -0,0 +1,6434 @@
+
+body.navbar-open {
+	overflow: hidden;
+}
+
+/* 1.2 General: Typography */
+body {
+        font-family: "Microsoft YaHei",微软雅黑,'icons';
+    }
+.desc {
+  font-size: 16px;
+  line-height: 28px;
+}
+
+a {
+	-webkit-transition: all ease-in .15s;
+	-moz-transition: all ease-in .15s;
+	-ms-transition: all ease-in .15s;
+	-o-transition: all ease-in .15s;
+	transition: all ease-in .15s;
+}
+.link-docs {
+  display: block;
+  margin: 18px 0 -8px 0;
+}
+.actions {
+  margin: 0;
+  padding: 24px 0;
+}
+
+/* 1.3 General: Helpers */
+
+@media (min-width: 768px) {
+	.clear-sm {
+		display: block;
+		clear: both;
+	}
+}
+@media (min-width: 992px) {
+	.clear-md {
+		display: block;
+		clear: both;
+	}
+}
+@media (min-width: 1200px) {
+	.clear-lg {
+		display: block;
+		clear: both;
+	}
+}
+@media (max-width: 767px) {
+	.clear-xs {
+		display: block;
+		clear: both;
+	}
+	.actions .btn {
+		width: 100%;
+		max-width: 380px;
+		margin-left: auto;
+		margin-right: auto;
+
+	}
+}
+
+/* 1.4 General: Icons */
+
+/*
+note: moved to layout
+@font-face {
+	font-family: 'icons';
+	src:url('../fonts/icons/icons.eot?kah05e');
+	src:url('../fonts/icons/icons.eot?kah05e#iefix') format('embedded-opentype'),
+		url('../fonts/icons/icons.ttf?kah05e') format('truetype'),
+		url('../fonts/icons/icons.woff?kah05e') format('woff'),
+		url('../fonts/icons/icons.svg?kah05e#apps') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+*/
+.icon {
+	display: inline-block;
+  color: #1e88e5;
+	font-family: 'icons';
+  font-size: 24px;
+	speak: none;
+	font-style: normal;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+
+	/* Better Font Rendering =========== */
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+.icon-xs {
+	height: 18px;
+	width: 18px;
+	font-size: 18px;
+}
+.icon-sm {
+	height: 28px;
+	width: 28px;
+	font-size: 28px;
+}
+.icon-lg {
+	height: 50px;
+	width: 50px;
+	font-size: 48px;
+}
+.icon-xlg {
+	height: 68px;
+	width: 68px;
+	font-size: 68px;
+}
+.icon-os {
+  color: #1e88e5;
+}
+
+.icon-docker:before {
+  content: "\e900";
+}
+.icon-controller:before {
+  content: "\e901";
+}
+.icon-workstation:before {
+  content: "\e902";
+}
+.icon-server:before {
+  content: "\e903";
+}
+.icon-nodejs:before {
+  content: "\e904";
+}
+.icon-debian:before {
+  content: "\e905";
+}
+.icon-mysql:before {
+  content: "\e906";
+}
+.icon-centos:before {
+  content: "\e907";
+}
+.icon-ubuntu:before {
+  content: "\e908";
+}
+.icon-windows:before {
+  content: "\e909";
+}
+.icon-linux:before {
+  content: "\e90a";
+}
+.icon-wordpress:before {
+  content: "\e90b";
+}
+.icon-webmin:before {
+  content: "\e90c";
+}
+.icon-owncloud:before {
+  content: "\e90d";
+}
+.icon-minecraft:before {
+  content: "\e90e";
+}
+.icon-lemp:before {
+  content: "\e90f";
+}
+.icon-drupal:before {
+  content: "\e910";
+}
+.icon-cpanel:before {
+  content: "\e911";
+}
+.icon-openvpn:before {
+  content: "\e912";
+}
+.icon-helping-hand:before {
+  content: "\e913";
+}
+.icon-globe:before {
+  content: "\e914";
+}
+.icon-realtime-protection:before {
+  content: "\e915";
+}
+.icon-last-hour:before {
+  content: "\e916";
+}
+.icon-admin-tools:before {
+  content: "\e917";
+}
+.icon-multiple-devices:before {
+  content: "\e918";
+}
+.icon-broadcasting:before {
+  content: "\e919";
+}
+.icon-electronics:before {
+  content: "\e91a";
+}
+.icon-infinity:before {
+  content: "\e91b";
+}
+.icon-settings:before {
+  content: "\e91c";
+}
+.icon-agreement:before {
+  content: "\e91d";
+}
+.icon-processor:before {
+  content: "\e91e";
+}
+.icon-download:before {
+  content: "\e91f";
+}
+.icon-upload:before {
+  content: "\e920";
+}
+.icon-question:before {
+  content: "\e921";
+}
+.icon-document:before {
+  content: "\e922";
+}
+.icon-message-add:before {
+  content: "\e923";
+}
+.icon-desktop-linux:before {
+  content: "\e924";
+}
+.icon-disc:before {
+  content: "\e925";
+}
+.icon-mouse:before {
+  content: "\e926";
+}
+.icon-location:before {
+  content: "\e927";
+}
+.icon-coreos:before {
+  content: "\e928";
+}
+.icon-freebsd:before {
+  content: "\e929";
+}
+.icon-password:before {
+  content: "\e92a";
+}
+.icon-mac-converter:before {
+  content: "\e92b";
+}
+.icon-ipv4-converter:before {
+  content: "\e92c";
+}
+.icon-unixtime-converter:before {
+  content: "\e92d";
+}
+.icon-ipv6-calculator:before {
+  content: "\e92e";
+}
+.icon-ipv4-calculator:before {
+  content: "\e92f";
+}
+.icon-plus:before {
+  content: "\e930";
+}
+.icon-discover:before {
+  content: "\e931";
+}
+.icon-visa:before {
+  content: "\e932";
+}
+.icon-mastercard:before {
+  content: "\e933";
+}
+.icon-amex:before {
+  content: "\e934";
+}
+.icon-jcb:before {
+  content: "\e935";
+}
+
+/* 1.4 General: Animations */
+
+.animated {
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+}
+.animated.infinite {
+	-webkit-animation-iteration-count: infinite;
+    -webkit-animation-timing-function: linear;
+    -moz-animation-iteration-count: infinite;
+    -moz-animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+}
+.animated.hinge {
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
+}
+.animated.bounceIn,
+.animated.bounceOut {
+  -webkit-animation-duration: .75s;
+  animation-duration: .75s;
+}
+.animated.flipOutX,
+.animated.flipOutY {
+  -webkit-animation-duration: .75s;
+  animation-duration: .75s;
+}
+@-webkit-keyframes zoomIn {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(.6, .6, .6);
+    transform: scale3d(.6, .6, .6);
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes zoomIn {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(.6, .6, .6);
+    transform: scale3d(.6, .6, .6);
+  }
+  to {
+    opacity: 1;
+  }
+}
+.zoomIn {
+  -webkit-animation-name: zoomIn;
+  animation-name: zoomIn;
+  transition: opacity 300ms ease-out transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
+}
+@-webkit-keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+.fadeIn {
+  -webkit-animation-name: fadeIn;
+  animation-name: fadeIn;
+}
+@-webkit-keyframes fadeInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-50%, 0, 0);
+    transform: translate3d(-50%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+@keyframes fadeInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-50%, 0, 0);
+    transform: translate3d(-50%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+.fadeInLeft {
+  -webkit-animation-name: fadeInLeft;
+  animation-name: fadeInLeft;
+}
+@-webkit-keyframes fadeInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(50%, 0, 0);
+    transform: translate3d(50%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+@keyframes fadeInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(50%, 0, 0);
+    transform: translate3d(50%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+.fadeInRight {
+  -webkit-animation-name: fadeInRight;
+  animation-name: fadeInRight;
+}
+@-webkit-keyframes fadeInRightShort {
+  from {
+    opacity: .5;
+    -webkit-transform: translate3d(20%, 0, 0);
+    transform: translate3d(20%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+@keyframes fadeInRightShort {
+  from {
+    opacity: .5;
+    -webkit-transform: translate3d(20%, 0, 0);
+    transform: translate3d(20%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+.fadeInRightShort {
+  -webkit-animation-name: fadeInRightShort;
+  animation-name: fadeInRightShort;
+}
+@-webkit-keyframes fadeInTop {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0,-50%,0);
+    transform: translate3d(0,-50%,0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+@keyframes fadeInTop {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0,-50%,0);
+    transform: translate3d(0,-50%,0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+.fadeInTop {
+  -webkit-animation-name: fadeInTop;
+  animation-name: fadeInTop;
+}
+
+@-webkit-keyframes lightSpeedIn {
+  from {
+    -webkit-transform: translate3d(500%, 0, 0) skewX(-30deg);
+    transform: translate3d(500%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+  60% {
+    -webkit-transform: skewX(20deg);
+    transform: skewX(20deg);
+    opacity: 1;
+  }
+  80% {
+    -webkit-transform: skewX(-5deg);
+    transform: skewX(-5deg);
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+@keyframes lightSpeedIn {
+  from {
+    -webkit-transform: translate3d(500%, 0, 0) skewX(-30deg);
+    transform: translate3d(500%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+  60% {
+    -webkit-transform: skewX(20deg);
+    transform: skewX(20deg);
+    opacity: 1;
+  }
+  80% {
+    -webkit-transform: skewX(-5deg);
+    transform: skewX(-5deg);
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+.lightSpeedIn {
+  -webkit-animation-name: lightSpeedIn;
+  animation-name: lightSpeedIn;
+  -webkit-animation-timing-function: ease-out;
+  animation-timing-function: ease-out;
+}
+@-webkit-keyframes rotateIn {
+  from {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: rotate(-360deg);
+    transform: rotate(-360deg);
+  }
+  to {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+@keyframes rotateIn {
+  from {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: rotate(-360deg);
+    transform: rotate(-360deg);
+  }
+  to {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+.rotateIn {
+  -webkit-animation-name: rotateIn;
+  animation-name: rotateIn;
+}
+@-webkit-keyframes flash {
+  from, 50%, to {
+    opacity: 1;
+  }
+
+  25%, 75% {
+    opacity: 0;
+  }
+}
+@keyframes flash {
+  from, 50%, to {
+    opacity: 1;
+  }
+
+  25%, 75% {
+    opacity: 0;
+  }
+}
+.flash {
+  -webkit-animation-name: flash;
+  animation-name: flash;
+}
+@keyframes speed {
+  0% {
+    -moz-transform: rotate(350deg);
+    -ms-transform: rotate(35deg);
+    -webkit-transform: rotate(350deg);
+    transform: rotate(350deg);
+  }
+  40% {
+    -moz-transform: rotate(340deg);
+    -ms-transform: rotate(340deg);
+    -webkit-transform: rotate(340deg);
+    transform: rotate(340deg);
+  }
+  100% {
+    -moz-transform: rotate(350deg);
+    -ms-transform: rotate(350deg);
+    -webkit-transform: rotate(350deg);
+    transform: rotate(350deg);
+  }
+}
+.speed {
+  -webkit-animation-name: speed;
+  animation-name: speed;
+}
+@-webkit-keyframes orbit {
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+@keyframes orbit {
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+.orbit {
+  	-webkit-animation-name: orbit;
+ 			animation-name: orbit;
+}
+@-webkit-keyframes orbitReverse {
+  0% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+  100% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+}
+@keyframes orbitReverse {
+  0% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+  100% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+}
+.orbitReverse {
+  	-webkit-animation-name: orbitReverse;
+ 			animation-name: orbitReverse;
+}
+
+
+/* -------------------------------
+   2.0 Page Structure
+------------------------------- */
+
+/* 2.1 Page: Container */
+
+@media (max-width: 991px) {
+	.container {
+		padding-left: 24px;
+		padding-right: 24px;
+	}
+}
+@media (max-width: 767px) {
+	.container {
+		padding-left: 20px;
+		padding-right: 20px;
+	}
+}
+
+/* 2.2 Page: Navbar */
+
+.page-navbar {
+	height: 96px;
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 1002;
+	width: 100%;
+	padding: 25px 0;
+}
+@media (min-width: 768px) {
+	.page-navbar {
+		-webkit-transition: background .5s, padding .1s;
+		-moz-transition: background .5s, padding .1s;
+		-o-transition: background .5s, padding .1s;
+		transition: background .5s, padding .1s;
+	}
+}
+@media (max-width: 767px) {
+	.page-navbar {
+		-webkit-transition: -webkit-transform .5s .5s, background .5s, padding .1s;
+		-moz-transition: -moz-transform .5s .5s, background .5s, padding .1s;
+		-o-transition: -o-transform .5s .5s, background .5s, padding .1s;
+		transition: transform .5s .5s, background .5s,  padding .1s;
+		-webkit-user-select: none;
+		-moz-user-select: none;
+		-ms-user-select: none;
+		-o-user-select: none;
+		user-select: none;
+	}
+}
+
+/* 2.2.1 Navbar: Brand */
+
+.navbar-brand {
+	/*height: 58px;
+	width: 167px;
+	background: url(../img/logo.png) no-repeat 0 0;
+	background-size: cover;*/
+	text-align: center;
+    padding-top: 20px;
+    font-size: 2.2em;
+    color: #eee !important;
+}
+.no-svg .navbar-brand {
+	background: url(../img/png/logo.png) no-repeat center center;
+}
+@media (max-width: 767px) {
+  .page-navbar .container {
+    padding: 0 10px;
+  }
+	.page-navbar .navbar-header {
+		position: relative;
+		z-index: 2;
+		/*padding: 0 0 0 36px;*/
+		margin: 0;
+		text-align: center;
+	}
+	.navbar-header .navbar-brand {
+		display: inline-block;
+		float: none;
+		height: 52px;
+		width: 152px;
+	}
+	.navbar-open .navbar-toggle span {
+		background-color: #1e88e5;
+	}
+	.navbar-brand {
+    margin: -3px 0 -11px;
+    margin-left: 2px;
+    padding-right: 700px;
+  }
+}
+
+/* 2.2.2 Navbar: Toggle */
+
+.navbar-toggle {
+	position: absolute;
+	z-index: 10;
+	right: 5px;
+}
+.navbar-toggle .icon-bar {
+	background-color: #fff;
+}
+.navbar-open.navbar-closing .navbar-toggle .icon-bar {
+	-webkit-transition-delay: .6s;
+	transition-delay: .6s;
+	background-color: #fff;
+}
+
+/* 2.2.3 Navbar: Container */
+
+@media (min-width: 767px) {
+	.navbar-container {
+		float: right;
+	}
+}
+@media (max-width: 767px) {
+	.navbar-container {
+		position: fixed;
+		left: 0;
+		top: 0;
+		height: 100%;
+		width: 100%;
+		padding-top: 25px;
+		background-color: transparent;
+		-webkit-transition: linear background .15s;
+		transition: linear background .15s;
+		visibility: hidden;
+		overflow-y: auto;
+	}
+	.navbar-open .navbar-container {
+		z-index: 3;
+		background-color: rgba(255,255,255,0.95);
+		visibility: visible;
+	}
+	.navbar-open.navbar-bgfade .navbar-container {
+		background-color: transparent;
+	}
+}
+
+/* 2.2.4 Navbar: Main */
+
+.navbar-main {
+	margin: 0;
+}
+.navbar-main > li > a {
+	padding: 15px 24px;
+	color: rgba(196, 227, 255, 0.8);
+  font-size: 16px;
+	font-weight: 500;
+	-webkit-transition: ease-in color .15s;
+					transition: ease-in color .15s;
+}
+.navbar-main > li.active > a,
+.navbar-main > li.open > a,
+.navbar-main > li:hover > a,
+.navbar-main > li:focus > a {
+	color: #fff;
+	text-decoration: none;
+}
+.navbar-open .navbar-main > li.active > a,
+.navbar-open .navbar-main > li:hover > a,
+.navbar-open .navbar-main > li:focus > a {
+	color: #1e88e5;
+}
+.page-navbar .navbar-buttons > li > a {
+  font-size: 14px;
+}
+@media (max-width: 1199px) {
+  .navbar-main > li > a {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+}
+@media (min-width: 768px) {
+	.navbar-main > li:first-child {
+		display: none;
+	}
+}
+@media (max-width: 991px) {
+	.navbar-main > li > a {
+		padding-left: 16px;
+	  padding-right: 16px;
+  }
+	.navbar-main .btn {
+		min-width: auto;
+		padding-left: 20px;
+		padding-right: 20px;
+	}
+}
+@media (max-width: 767px) {
+	.page-navbar .nav {
+		margin: 0 0 30px 0;
+	}
+	.page-navbar .nav > li {
+		position: relative;
+		padding-left: 65px;
+		padding-right: 65px;
+	}
+	.navbar-main > li > a {
+		color: #363b40;
+		text-align: center;
+	}
+	.page-navbar .navbar-buttons,
+	.page-navbar .navbar-main > li,
+	.navbar-open.navbar-closing .page-navbar .navbar-buttons,
+	.navbar-open.navbar-closing .page-navbar .navbar-main > li {
+		-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
+		transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
+		-webkit-transform: translate3d(-100%, 0, 0) translate3d(-2em, 0, 0) scale3d(0.5, 1, 1);
+		transform: translate3d(-100%, 0, 0) translate3d(-2em, 0, 0) scale3d(0.5, 1, 1);
+		-webkit-transform-origin: 100% 50%;
+		transform-origin: 100% 50%;
+	}
+	.navbar-open .page-navbar .nav > li,
+	.navbar-open .page-navbar .navbar-buttons  {
+		-webkit-transition: -webkit-transform 0.5s;
+		transition: transform 0.5s;
+		-webkit-transition-timing-function: cubic-bezier(0.56, 1.19, 0.2, 1.05);
+		transition-timing-function: cubic-bezier(0.56, 1.19, 0.2, 1.05);
+		-webkit-transform: translate3d(0, 0, 0);
+		transform: translate3d(0, 0, 0);
+	}
+	.navbar-open.navbar-closing .page-navbar .navbar-buttons,
+	.navbar-open .navbar-main > li:first-child {
+		-webkit-transition-delay: 0.05s;
+		transition-delay: 0.05s;
+	}
+	.navbar-open.navbar-closing .navbar-main > li:nth-child(5),
+	.navbar-open .navbar-main > li:nth-child(2) {
+		-webkit-transition-delay: 0.1s;
+		transition-delay: 0.1s;
+	}
+	.navbar-open.navbar-closing .navbar-main > li:nth-child(4),
+	.navbar-open .navbar-main > li:nth-child(3) {
+		-webkit-transition-delay: 0.15s;
+		transition-delay: 0.15s;
+	}
+	.navbar-open.navbar-closing .navbar-main > li:nth-child(3),
+	.navbar-open .navbar-main > li:nth-child(4) {
+		-webkit-transition-delay: .2s;
+		transition-delay: .2s;
+	}
+	.navbar-open.navbar-closing .navbar-main > li:nth-child(2),
+	.navbar-open .navbar-main > li:nth-child(5) {
+		-webkit-transition-delay: .25s;
+		transition-delay: .25s;
+	}
+	.navbar-open.navbar-closing .navbar-main > li:first-child,
+	.navbar-open .page-navbar .navbar-buttons {
+		-webkit-transition-delay: .3s;
+		transition-delay: .3s;
+	}
+}
+
+/* 2.2.5 Navbar: Buttons */
+
+.navbar-buttons {
+	float: left;
+	padding: 0;
+	margin: 0;
+	list-style: none;
+}
+.navbar-buttons > li {
+	float: left;
+	margin-left: 15px;
+}
+.navbar-login {
+	float: right;
+}
+.navbar-login.btn.btn-icon > i {
+	font-size: 28px;
+	color: #fff;
+}
+@media (min-width: 768px) {
+	.navbar-login {
+		display: none;
+	}
+}
+@media (max-width: 767px) {
+	.navbar-buttons {
+		float: none;
+		padding: 0;
+	}
+	.page-navbar .navbar-buttons > li {
+		width: 50%;
+		padding: 0 8px;
+		margin: 0;
+	}
+	.page-navbar .navbar-buttons > li:first-child {
+		width: 90%;
+    padding: 0 20px 0 60px;
+	}
+  .page-navbar .navbar-buttons .fixheaderbuttons{
+    padding: 0 20px 0 60px;
+    padding-top: 20px;
+  }
+	.page-navbar .navbar-buttons > li:last-child {
+		padding: 0 65px 0 8px;
+    padding-top: 20px;
+	}
+	.page-navbar .navbar-buttons > li .btn {
+		display: block;
+		width: 100%;
+		min-width: 0;
+	}
+	.page-navbar .navbar-buttons > li .btn-outline {
+		border-color: #1e88e5;
+		color: #1e88e5;
+	}
+	.page-navbar .navbar-buttons > li .btn-dark {
+		border-color: #1e88e5;
+		background-color: #1e88e5;
+	}
+}
+@media (min-width: 768px) and (max-width: 991px) {
+	.navbar-buttons li:last-child {
+		display: none;
+	}
+}
+
+/* 2.2.6 Page Navbar: Dropdown */
+
+.page-navbar .navbar-main > li .dropdown-menu {
+	border: none;
+	-webkit-border-radius: 4px;
+					border-radius: 4px;
+}
+.page-navbar .navbar-main > li .dropdown-menu:before {
+		display: none;
+}
+@media (min-width: 768px) {
+	html:not(.mobile) .page-navbar .navbar-main > li:hover .dropdown-menu,
+	html:not(.mobile) .page-navbar .navbar-main > li.open .dropdown-menu {
+		opacity: 1;
+		visibility: visible;
+		-webkit-transform: translateX(0px) translateY(0px);
+		transform: translateX(0px) translateY(0px);
+	}
+}
+@media (max-width: 767px) {
+	.page-navbar .navbar-main > li .dropdown-menu {
+		width: 100%;
+		min-width: 0;
+    padding: 0;
+		background: none;
+		-webkit-box-shadow: none;
+		box-shadow: none;
+    -webkit-transition: none;
+    transition: none;
+		-webkit-transform: translateX(0px) translateY(0);
+    transform: translateX(0px) translateY(0);
+	}
+	.page-navbar .navbar-main > li .dropdown-menu:after {
+		display: none;
+	}
+	.page-navbar .navbar-main > li.open .dropdown-menu {
+		opacity: 1;
+		visibility: visible;
+	}
+	.page-navbar .navbar-main > li .dropdown-menu > li {
+		text-align: center;
+	}
+	.page-navbar .navbar-main > li .dropdown-menu > li > a {
+    -webkit-transition: none;
+    transition: none;
+	}
+}
+
+/* 2.2.7 Page Navbar: Fixed */
+
+.page-navbar.navbar-fixed {
+	position: fixed;
+	height: 76px;
+	padding: 13px 0;
+	background: #026FCE;
+	background: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -ms-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -moz-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -o-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -webkit-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	-webkit-box-shadow: 0 0 40px rgba(37,45,51, .5);
+  box-shadow: 0 0 40px rgba(37,45,51, .5);
+	-webkit-transition: top .1s, background .1s, padding .1s;
+  transition: top .1s, background .1s, padding .1s;
+}
+.page-navbar.navbar-fixed.navbar-hidden {
+	top: -76px;
+	opacity: 0;
+}
+.page-navbar.navbar-fixed.navbar-visible {
+	top: 0;
+    opacity: 1;
+}
+
+/* 2.3 Page: BANNER */
+
+.page-banner {
+	position: relative;
+	padding: 50px 0 60px;
+	color: #fff;
+}
+.page-banner:after {
+	position: absolute;
+	top: 0;
+	left: 0;
+	display: block;
+	content: "";
+	width: 100%;
+  min-width: 700px;
+	background: #026FCE;
+	background: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -ms-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -moz-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -o-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -webkit-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+}
+.page-banner .container {
+  height: 100%;
+	position: relative;
+	z-index: 999;
+}
+@media (max-width: 991px) {
+	.page-banner {
+		padding-top: 95px;
+		padding-bottom: 60px;
+	}
+}
+@media (max-width: 767px) {
+	.page-banner.page-banner-home {
+		padding-bottom: 35px;
+	}
+}
+@media (max-width: 626px) {
+	.page-banner {
+		padding-top: 80px;
+	}
+}
+
+/* 2.3.1 Banner: Slogan */
+
+.banner-slogan:after {
+  display: block;
+  content: "";
+  clear: both;
+}
+.banner-slogan .banner-search {
+  float: none;
+	width: auto;
+	max-width: 610px;
+  padding: 0;
+  margin-left: auto;
+  margin-right: auto;
+}
+.banner-slogan .actions {
+  padding-bottom: 0;
+}
+.slogan-title {
+	max-width: 610px;
+  margin-left: auto;
+  margin-right: auto;
+	color: #fff;
+  font-weight: 600;
+  text-transform: none;
+}
+.slogan-desc {
+	max-width: 700px;
+	margin: -15px auto 25px auto;
+	color: rgba(196, 227, 255, 0.8);
+	font-size: 18px;
+	font-weight: 300;
+	line-height: 30px;
+  text-transform: none;
+}
+.slogan-desc a {
+	color: #fff;
+}
+@media (max-width: 991px) {
+	.slogan-desc {
+		line-height: 28px;
+	}
+}
+@media (max-width: 767px) {
+  .banner-slogan .actions {
+    padding-bottom: 0;
+  }
+	.slogan-title,
+	.slogan-desc {
+		max-width: 560px;
+		margin-left: auto;
+		margin-right: auto;
+	}
+}
+@media (max-width: 626px) {
+	.banner-slogan .register-form {
+		padding-top: 18px;
+	}
+}
+
+/* 2.3.2 Banner: Hero */
+
+.banner-slogan-hero {
+	padding: 25px 0 65px 0;
+}
+@media (max-width: 991px) {
+	.banner-slogan-hero {
+		padding: 25px 0 45px 0;
+	}
+}
+@media (max-width: 767px) {
+	.banner-slogan-hero {
+		padding: 0;
+	}
+}
+
+/* 2.3.3 Banner: Search */
+
+.banner-search .btn > i {
+	color: rgba(196, 227, 255, 0.6);
+}
+@media (min-width: 768px) {
+	.banner-search {
+		float: right;
+		width: 350px;
+		padding: 34px 0 0 0;
+	}
+}
+
+/* 2.3.4 Banner: Image */
+
+.banner-image {
+	position: relative;
+	margin: 45px 0 0 0;
+	text-align: right;
+}
+.banner-image .image {
+	display: inline-block;
+}
+@media (max-width: 991px) {
+	.banner-image {
+		margin-top: 85px;
+	}
+}
+
+/* 2.3.5 Banner: Tabs */
+
+.banner-tabs,
+.banner-breadcrumbs {
+  margin-top: 20px;
+  text-align: left;
+ }
+.banner-tabs.banner-tabs-pricing {
+	margin-top: 30px;
+}
+.banner-tabs .nav-tabs,
+.banner-breadcrumbs ul {
+	padding: 0;
+  margin: 0 -24px;
+  border: none;
+}
+.banner-tabs .nav-tabs:after,
+.banner-breadcrumbs ul:after {
+	display: block;
+	content: "";
+	clear: both;
+}
+.banner-tabs .nav-tabs > li > a,
+.banner-tabs .nav-tabs > li > span,
+.banner-breadcrumbs ul > li > a {
+	display: block;
+	height: 100%;
+	padding: 30px 12px;
+  margin: 0 12px;
+	color: rgba(196, 227, 255, 0.6);
+  font-size: 16px;
+	line-height: 18px;
+	white-space: normal;
+  text-transform: none;
+}
+.banner-tabs .nav-tabs > li > a:hover,
+.banner-breadcrumbs ul > li > a:hover {
+	color: #fff;
+}
+.banner-tabs .nav-tabs > li > a,
+.banner-tabs .nav-tabs > li > span {
+	position: relative;
+	font-weight: 500;
+}
+.banner-tabs .nav-tabs > li.active > a,
+.banner-tabs .nav-tabs > li.active > span,
+.banner-breadcrumbs ul > li.active > a {
+	color: #fff;
+}
+.banner-tabs .nav-tabs > li.active > span:after,
+.banner-tabs .nav-tabs > li.active > a:after {
+	position: absolute;
+	left: 50%;
+  bottom: 0;
+	display: block;
+	height: 16px;
+  width: 26px;
+  margin-left: -13px;
+  background: transparent;
+	content: "\f2f8";
+	color: #fff;
+	font-family: 'Material-Design-Iconic-Font';
+	font-size: 49px;
+	line-height: 26px;
+  text-align: center;
+}
+.banner-tabs .nav-tabs > li .badge {
+	margin-left: 10px;
+	background-color: rgba(196, 227, 255, 0.2);
+	color: rgba(196, 227, 255, 0.6);
+}
+.banner-tabs .nav-tabs > li.active .badge {
+	background-color: #fff;
+	color: #1e88e5;
+}
+
+.banner-tabs.tabs-responsive {
+  height: 78px;
+}
+.banner-tabs.tabs-responsive .nav-tabs {
+  height: 96px;
+}
+.banner-tabs.tabs-responsive .btn {
+  top: 14px;
+	color: rgba(196, 227, 255, 0.6);
+  font-size: 24px;
+}
+@media (max-width: 1199px) {
+  .banner-tabs .nav-tabs > li > a {
+    padding-left: 4px;
+    padding-right: 4px;
+  }
+	.banner-tabs .nav-tabs,
+	.banner-breadcrumbs ul {
+		padding: 0;
+		margin: 0 -16px;
+	}
+}
+
+/* 2.4.6 Banner: Breadcrumbs */
+
+.banner-breadcrumbs > ul {
+  list-style: none;
+}
+.banner-breadcrumbs ul > li {
+  float: left;
+	position: relative;
+}
+.banner-breadcrumbs ul > li > i {
+	position: absolute;
+	top: 30px;
+	right: -5px;
+	color: rgba(196, 227, 255, 0.6);
+}
+@media (min-width: 768px) {
+	.page-banner-breadcrumbs {
+		padding-bottom: 0;
+	}
+}
+@media (max-width: 767px) {
+	.banner-breadcrumbs {
+		display: none;
+	}
+}
+
+/* 2.4.7 Banner: Home */
+
+.page-banner-home:after {
+	height: 750px;
+}
+.page-banner-home .slogan-desc {
+  font-size: 20px;
+}
+.page-banner-home .banner-slogan,
+.page-banner-center {
+	text-align: center;
+}
+.page-banner-home .slogan-title {
+	font-size: 42px;
+  font-weight: bold;
+	line-height: 48px;
+}
+.page-banner-home .banner-image {
+	margin: 35px 0 0 0;
+}
+@media (min-width: 768px) {
+	.page-banner-home {
+		padding-bottom: 0;
+	}
+}
+@media (max-width: 767px) {
+	.page-banner-home {
+		position: relative;
+	}
+	.page-banner-home:after {
+		height: 100%;
+	}
+	.banner-image {
+		display: none;
+	}
+	.page-banner-home .slogan-desc {
+		display: none;
+	}
+}
+
+/* 2.3.8 Banner: Subpage */
+
+.page-banner-subpage:after {
+	height: 100%;
+}
+@media (min-width: 992px) {
+	.page-banner-subpage .banner-image {
+		padding-right: 80px;
+	}
+}
+@media (max-width: 991px) {
+	.page-banner-subpage .slogan-title {
+		font-size: 30px;
+		line-height: 38px;
+	}
+	.page-banner-subpage .banner-image {
+		padding-right: 30px;
+	}
+}
+@media (max-width: 767px) {
+	.page-banner-subpage {
+		text-align: center;
+	}
+}
+
+/* 2.3.8 Banner: Hero */
+
+.page-banner-hero .banner-tabs,
+.page-banner-hero .banner-breadcrumbs {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.page-banner-hero .banner-tabs li > a > i {
+  margin-left: 10px;
+}
+@media (min-width: 768px) {
+  .page-banner-hero {
+    height: 660px;
+    padding: 150px 0 0 0;
+  }
+}
+@media (max-width: 767px) {
+  .page-banner-hero {
+    padding: 100px 0;
+  }
+  .page-banner-hero .banner-tabs,
+  .page-banner-hero .banner-breadcrumbs {
+    bottom: -100px;
+  }
+}
+
+/* 2.3.8 Banner: Pricing */
+
+.banner-tabs-pricing .nav-tabs > li {
+	width: 33.333%;
+	text-align: center;
+}
+.banner-tabs-pricing .nav-tabs > li > span > span,
+.banner-tabs-pricing .nav-tabs > li > a > span {
+	display: block;
+}
+.banner-tabs-pricing .nav-tabs > li > a > i,
+.banner-tabs-pricing .nav-tabs > li > span > i {
+	margin: 0 0 32px 0;
+}
+@media (max-width: 567px) {
+	.banner-tabs-pricing .nav-tabs > li .service-icon {
+		display: none;
+	}
+}
+
+/* 2.3.9 Banner: Info */
+
+.banner-info {
+  padding: 100px 0 130px;
+}
+.banner-info h1 {
+  color: #fff;
+  font-size: 38px;
+}
+.banner-info .actions .btn {
+  min-width: 200px;
+}
+.error-404 {
+  color: #fff;
+  font-size: 280px;
+  font-weight: bold;
+}
+.error-maintenance i:first-child {
+  font-size: 240px;
+}
+.error-maintenance i:last-child {
+  font-size: 80px;
+}
+.bird-map {
+  display: inline-block;
+	height: 240px;
+	width: 244px;
+	background: url(../img/section/bird-map.svg);
+	background-size: cover;
+}
+.bird-tools {
+  display: inline-block;
+	height: 240px;
+	width: 354px;
+	background: url(../img/section/bird-tools.svg);
+	background-size: cover;
+}
+.bird-tools-lg {
+	height: 280px;
+	width: 412px;
+}
+.bird-shield {
+  display: inline-block;
+	height: 300px;
+	width: 408px;
+	background: url(../img/section/bird-shield.svg);
+	background-size: cover;
+}
+
+/* 2.5 Page: MAIN */
+
+.page-main .container {
+	position: relative;
+	padding-top: 80px;
+	padding-bottom: 80px;
+}
+@media (max-width: 767px) {
+	.page-main .container {
+		padding: 40px 0;
+	}
+}
+
+/* 2.5.2 Main: Sidebar */
+
+.main-sidebar {
+	width: 230px;
+}
+.main-sidebar .nav-sidebar {
+	width: 230px;
+	margin: 0;
+}
+.main-sidebar .sidebar-row .nav > li > a {
+	padding-left: 0;
+	padding-right: 0;
+}
+.main-sidebar .sidebar-tags .nav > li > a {
+	position: relative;
+	padding-right: 40px;
+	word-break: break-all;
+}
+.main-sidebar .sidebar-tags .nav > li > a .badge {
+	position: absolute;
+	top: 2px;
+	right: 0;
+}
+@media (min-width: 768px) {
+	.main-sidebar,
+	.main-sidebar .nav-sidebar {
+		width: 230px;
+	}
+	.main-sidebar .sidebar-row {
+		margin-bottom: 25px;
+	}
+	.main-sidebar-left:after {
+		left: 240px;
+	}
+	.main-sidebar-right:after {
+		right: 240px;
+	}
+	.main-sidebar-left {
+		float: left;
+	}
+	.main-sidebar-right {
+		float: right;
+	}
+	.main-sidebar .nav.affix {
+		position: fixed!important;
+		top: 0;
+		max-height: 100%;
+		padding: 70px 0 0 0;
+		margin: 0;
+		overflow-x: auto;
+		overflow-y: visible;
+		-webkit-transition: padding-top .1s;
+	}
+	.main-sidebar-floating-nav .nav.affix {
+		padding-top: 110px;
+	}
+}
+@media (max-width: 767px) {
+	.main-sidebar {
+		width: auto;
+		padding: 0 20px 48px 20px;
+		margin: 0 0 28px 0;
+		border-bottom: 1px solid #edf0f2;
+	}
+	.sidebar-tags,
+	.main-sidebar:after {
+		display: none;
+	}
+	.main-sidebar .nav .affix {
+		position: inherit;
+	}
+}
+
+/* 2.5.3 Main: Content */
+
+.main-content-center {
+  max-width: 900px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 25px;
+  padding-right: 25px
+}
+.main-content-center-sm {
+  max-width: 700px;
+}
+.main-content:after {
+	display: block;
+	content: "";
+	clear: both;
+}
+.content-row {
+	position: relative;
+	padding-bottom: 35px;
+	margin-bottom: 50px;
+	border-bottom: 1px solid #edf0f2;
+}
+.content-row:last-child {
+	margin-bottom: 0;
+	padding-bottom: 0;
+	border-bottom: none;
+}
+@media (min-width: 768px) {
+	.main-content-right {
+		margin-left: 250px;
+	}
+	.main-content-left {
+    float: left;
+    width: 100%;
+		margin-right: -280px;
+    padding-right: 280px;
+	}
+}
+@media (max-width: 767px) {
+	.content-row {
+		padding-left: 20px;
+		padding-right: 20px;
+	}
+	.main-content-right .content-row {
+		padding-left: 20px;
+	}
+}
+
+/* 2.6 Page: Footer */
+
+.page-footer {
+	padding: 60px 0 0;
+}
+.page-footer ul {
+	padding: 0;
+	margin: 0;
+	list-style: none;
+}
+.page-footer ul > li > a {
+	color: #616366;
+}
+.page-footer ul > li > a:hover {
+	color: #1e88e5;
+}
+
+/* 2.6.1 Footer: Nav */
+
+.footer-nav ul li {
+	margin: 0 0 10px 0;
+}
+.footer-nav {
+	margin: 0 0 35px 0;
+	padding: 0 0 60px 0;
+	border-bottom: 1px solid #edeff2;
+}
+@media (max-width: 767px) {
+	.footer-nav {
+		display: none;
+	}
+}
+
+/* 2.6.2 Footer: Bottom */
+
+.footer-bottom {
+	padding: 0 0 35px 0;
+}
+.footer-bottom .nav li {
+	display: inline-block;
+	margin: 0;
+}
+.footer-bottom .nav li a {
+	display: block;
+	padding: 8px 16px;
+	line-height: 24px;
+}
+.footer-bottom .social li {
+	display: inline-block;
+	margin-left: 13px;
+}
+.footer-bottom .social li > a > i {
+  font-size: 19px;
+  line-height: 24px;
+  vertical-align: initial;
+}
+.footer-copyright {
+	margin: 0;
+	line-height: 20px;
+}
+.footer-copyright small {
+	display: block;
+	padding-top: 5px;
+	color: #8a9399;
+	font-size: 13px;
+}
+.footer-bottom ul {
+	display: inline-block;
+}
+
+@media (max-width: 1199px) {
+	.footer-bottom {
+		text-align: center;
+	}
+	.footer-bottom ul {
+		display: block;
+	}
+	.footer-bottom .social {
+		padding: 10px 0 16px;
+	}
+	.footer-bottom .nav li a {
+		padding: 0 16px 0;
+	}
+}
+
+/* -------------------------------
+   3.0 Page Sections
+------------------------------- */
+
+/* 3.1 Section: General */
+
+.page-section {
+	padding-top: 48px;
+	padding-bottom: 55px;
+	border-bottom: 1px solid #edeff2;
+}
+.page-section:last-child {
+	border: none;
+}
+.section-row {
+	padding-bottom: 55px;
+	margin-bottom: 48px;
+	border-bottom: 1px solid #edf0f2;
+}
+.section-row:after,
+.section-row:before {
+  display: table;
+  content: "";
+  clear: both;
+}
+.section-row:first-child {
+	padding-top: 0;
+}
+.section-row:last-child {
+	padding-bottom: 0;
+	margin-bottom: 0;
+	border: none;
+}
+.section-title {
+	margin-left: auto;
+	margin-right: auto;
+}
+.section-desc {
+	margin-top: -4px;
+	margin-left: auto;
+	margin-right: auto;
+	font-size: 16px;
+	line-height: 28px;
+}
+.section-center .section-desc,
+.section-center .section-title {
+	max-width: 700px;
+}
+.section-center,
+.section-center .actions {
+	text-align: center;
+}
+.section-image .image {
+	position: relative;
+	margin-left: auto;
+	margin-right: auto;
+}
+.section-image .browser {
+  max-width: 440px;
+  margin: 35px auto;
+}
+.section-image .image:after,
+.section-image .image:before {
+  display: table;
+  content: "";
+  clear: both;
+}
+.image span {
+	display: block;
+}
+.section-image .image span {
+   -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+}
+@media (min-width: 768px) {
+	.section-center .section-desc,
+	.section-center .section-title {
+		text-align: center;
+	}
+}
+@media (max-width: 767px) {
+	.section-image {
+		padding-top: 30px;
+	}
+}
+
+/* 3.2 Section: Dark */
+
+.section-dark {
+	border: none;
+	background: #303C46;
+	background: linear-gradient(225deg, #39444d , #22292e 88%);
+	background-image: -ms-linear-gradient(225deg, #39444d , #22292e 88%);
+	background-image: -moz-linear-gradient(225deg, #39444d , #22292e 88%);
+	background-image: -o-linear-gradient(225deg, #39444d , #22292e 88%);
+	background-image: -webkit-linear-gradient(225deg, #39444d , #22292e 88%);
+	background-image: linear-gradient(225deg, #39444d , #22292e 88%);
+}
+
+/* 3.3 Section: Blue */
+
+.section-blue {
+  position: relative;
+  border: none;
+  overflow: hidden;
+}
+.section-blue .container {
+  position: relative;
+  z-index: 1;
+}
+.section-blue:before {
+  position:absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  content: "";
+  width: 100%;
+  height: 100%;
+  min-width: 700px;
+	border: none;
+	background: #026FCE;
+	background: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -ms-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -moz-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -o-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -webkit-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+}
+.section-dark .section-title,
+.section-blue .section-title {
+	color: #fff;
+}
+.section-blue .section-desc ,
+.section-blue p {
+	color: rgba(196, 227, 255, 0.8);
+}
+.section-dark .section-desc {
+	color: rgba(255, 255, 255, 0.6);
+}
+.section-blue .panel,
+.section-dark .panel {
+  border: none;
+  -webkit-box-shadow: 0 5px 20px -5px rgba(11,27,38, 0.2);
+  box-shadow: 0 5px 20px -5px rgba(11,27,38, 0.2);
+}
+.section-control-panel {
+  margin-top: -160px;
+  padding-top: 154px;
+}
+@media (max-width: 991px) {
+  .page-section.section-control-panel {
+    margin-top: -140px;
+    padding-top: 134px;
+  }
+}
+
+/* 3.4 Section: Packages */
+
+.packages {
+	padding: 32px 0 5px 0;
+}
+.package {
+	position: relative;
+	display: block;
+	margin: 0 0 20px 0;
+	border: 1px solid #e6e9eb;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+	text-align: center;
+}
+a.package:hover {
+	border-color: #1e88e5;
+}
+.package-single {
+	max-width: 360px;
+	margin-left: auto;
+	margin-right: auto;
+}
+@media (max-width: 379px) {
+	.packages .col-xs-6 {
+		width: 100%;
+	}
+}
+
+/* 3.4.1 Packages: Switcher */
+
+.packages-switcher {
+  position: relative;
+  height: 42px;
+  width: 278px;
+  margin: 25px auto 25px;
+  border: 1px solid #e6e9eb;
+  -webkit-border-radius: 30px;
+  border-radius: 30px;
+}
+.packages-switcher span {
+  position: relative;
+  z-index: 2;
+  display: block;
+  float: left;
+  width: 50%;
+  padding: 8px;
+  text-align: center;
+  cursor: pointer;
+	-webkit-transition: all ease-in .15s .15s;
+	transition: all ease-in .15s .15s;
+}
+.packages-switcher.monthly span:last-child,
+.packages-switcher:not(.monthly) span:first-child {
+  color: #fff;
+}
+.packages-switcher:after {
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  display: block;
+  content: "";
+  height: 34px;
+  width: 135px;
+  background-color: #1e88e5;
+  -webkit-border-radius: 30px;
+  border-radius: 30px;
+	-webkit-transition: all ease-in .3s;
+	transition: all ease-in .3s;
+}
+.packages-switcher.monthly:after {
+  left: 138px;
+}
+
+/* 3.4.1 Packages: Header */
+
+.package-header {
+	padding: 24px 20px 28px ;
+	border-bottom: 1px solid #e6e9eb;
+}
+.package-title {
+	margin: 0 0 10px 0;
+	font-size: 15px;
+	font-weight: bold;
+}
+.package-price {
+	display: block;
+	color: #1e88e5;
+	font-size: 33px;
+	font-weight: 500;
+	line-height: 40px;
+}
+.package-price .cycle {
+	font-size: 20px;
+  font-weight: 300;
+}
+.package-hourly {
+	display: block;
+	color: #8a9399;
+	font-size: 16px;
+	line-height: 15px;
+}
+
+/* 3.4.2 Packages: Body */
+
+.package-body {
+	padding: 24px;
+}
+.package-body ul {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+.package-body ul > li {
+	margin: 0 0 4px 0;
+	color: #616366;
+}
+.package-body ul > li:last-child {
+	margin: 0;
+}
+@media (max-width: 991px) {
+	.package-body {
+		padding: 24px 10px;
+	}
+}
+
+/* 3.4.3 Packages: Slider */
+
+.section-dark .package-slider-option {
+	margin-top: 40px;
+	background: #fff;
+	border: none;
+	-webkit-box-shadow: 0 5px 20px -5px rgba(11,27,38, 0.2);
+	box-shadow: 0 5px 20px -5px rgba(11,27,38, 0.2);
+}
+.plusminus-slider,
+.package-slider {
+  position: relative;
+	height: 34px;
+	border: 1px solid #e6e9eb;
+	background: #fff;
+	-webkit-border-radius: 30px;
+	border-radius: 30px;
+}
+.package-slider {
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: -17px;
+	margin: 0 24px;
+}
+.plusminus-slider .slider,
+.package-slider .slider {
+	position: absolute;
+	left: 0;
+	right: 0;
+  z-index: 99;
+	height: 34px;
+	margin: 0 58px 0 32px;
+  cursor: pointer;
+}
+.plusminus-slider .slider-label + .slider {
+  margin-right: 132px;
+}
+.plusminus-slider .slider-label {
+  position: absolute;
+  right: -1px;
+  top: -1px;
+	height: 34px;
+  width: 100px;
+  padding: 0 20px;
+	background: #e6e9eb;
+	-webkit-border-radius: 30px;
+	border-radius: 30px;
+  font-weight: bold;
+  line-height: 34px;
+}
+.plusminus-slider .slider-label input {
+  position: relative;
+  z-index: 9999;
+  border: none;
+  background: transparent;
+}
+.plusminus-slider .slider-label input:focus,
+.plusminus-slider .slider-label input:active {
+  outline: none;
+}
+.plusminus-slider .ui-slider-handle,
+.package-slider .ui-slider-handle {
+	position: absolute;
+	top: 3px;
+	z-index: 999;
+	height: 26px;
+	width: 26px;
+	background: #1e88e5;
+	-webkit-border-radius: 20px;
+	border-radius: 20px;
+	cursor: pointer;
+	-webkit-box-shadow: 0 3px 10px -3px rgba(37,45,51, .5);
+	box-shadow: 0 3px 10px -3px rgba(37,45,51, .5);
+	-webkit-transition: background ease .15s;
+	transition: background ease .15s;
+  outline: none;
+}
+.plusminus-slider .slider-handle:hover,
+.package-slider .slider-handle:hover {
+	color: #3ba3ff;
+	-webkit-box-shadow: 0 5px 15px -5px rgba(37,45,51, .7);
+	box-shadow: 0 5px 15px -5px rgba(37,45,51, .7);
+}
+.plusminus-slider .slider-actions,
+.package-slider .slider-actions {
+	position: absolute;
+	height: 100%;
+	width: 100%;
+}
+.plusminus-slider .slider-actions .btn,
+.package-slider .slider-actions .btn {
+	margin: 3px;
+	height: 26px;
+	width: 26px;
+	padding: 1px;
+}
+.plusminus-slider .slider-actions .btn > i,
+.package-slider .slider-actions .btn > i {
+	float:left;
+	font-size: 17px;
+}
+.plusminus-slider .slider-actions .btn > i:before,
+.package-slider .slider-actions .btn > i:before {
+	line-height: 24px;
+}
+.plusminus-slider .slider-actions .btn:first-child,
+.package-slider .slider-actions .btn:first-child {
+	float: left;
+}
+.plusminus-slider .slider-actions .btn:last-child,
+.package-slider .slider-actions .btn:last-child {
+	float: right;
+}
+.plusminus-slider-option .package-header,
+.package-slider-option .package-header {
+	position: relative;
+	padding-bottom: 38px;
+}
+.plusminus-slider-option .package-body,
+.package-slider-option .package-body {
+	padding-top: 38px;
+}
+
+/* 3.5 Section: Gallery */
+
+.section-gallery {
+  padding: 0!important;
+ }
+.section-gallery .row {
+  margin-left: 0;
+  margin-right: 0;
+}
+.section-gallery .row > [class*="col-"] {
+  padding-left: 0;
+  padding-right: 0;
+}
+.section-gallery img {
+  height: auto;
+  max-width: 100%;
+  opacity: 0.3;
+	-webkit-transition: opacity .25s ease-in-out;
+	-moz-transition: opacity .25s ease-in-out;
+	transition: opacity .25s ease-in-out;
+}
+.section-gallery img:hover {
+  opacity: 0.8;
+}
+@media (min-width: 992px) {
+  .page-section.section-hero {
+    padding-top: 68px;
+    padding-bottom: 75px;
+  }
+}
+@media (max-width: 991px) {
+	.page-section {
+		padding-top: 25px;
+		padding-bottom: 35px;
+	}
+	.section-row {
+		padding-bottom: 35px;
+		margin-bottom: 30px;
+	}
+}
+@media (max-width: 626px) {
+	.section-desc,
+	.section-title {
+		max-width: 100%;
+	}
+}
+
+/* 3.6 Section: Services */
+
+.service {
+  display: block;
+	padding: 24px;
+  border: 1px solid transparent;
+	text-align: center;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+@media (min-width: 992px) {
+  .service {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+}
+.service:hover {
+  border-color: #e6e9eb;
+}
+.service-body p {
+  margin-bottom: 24px;
+  color: #616366;
+  font-size: 16px;
+  line-height: 28px;
+}
+.service-icon {
+	display: inline-block;
+	height: 155px;
+	width: 205px;
+  margin-bottom: 25px;
+	background-repeat: no-repeat;
+	background-position: center center;
+	background-size: cover;
+}
+.service-icon-compute {
+	background-image: url(../img/services/compute.svg);
+}
+.service-icon-storage {
+	background-image: url(../img/services/storage.svg);
+}
+.service-icon-dedicated {
+	background-image: url(../img/services/dedicated.svg);
+}
+.service .link {
+  font-size: 16px;
+}
+.service-icon-xlg {
+	height: 300px;
+	width: 398px;
+}
+@media (max-width: 991px) {
+	.service-icon {
+		height: 120px;
+		width: 156px;
+	}
+	.service-icon-xlg {
+		height: 220px;
+		width: 288px;
+	}
+}
+@media (max-width: 767px) {
+	.services {
+		max-width: 380px;
+		margin: 0 auto;
+	}
+	.service {
+		padding: 30px 0;
+	}
+	.services [class*="col-"]:first-child .service {
+		padding-top: 0;
+	}
+	.services [class*="col-"]:last-child .service {
+		padding-bottom: 0;
+	}
+	.service-icon {
+		height: 120px;
+		width: 156px;
+	}
+}
+
+/* 3.7 Section: Features */
+
+.features-center {
+	text-align: center;
+}
+.feature {
+  padding-top: 20px;
+  margin-bottom: 20px;
+}
+.feature h4,
+.feature .h4 {
+	margin-top: 0;
+}
+.feature p {
+  margin-bottom: 0;
+	line-height: 24px;
+}
+
+/* 3.7.1 Features: Center*/
+
+@media (min-width: 992px) {
+	.features-center .feature {
+		padding: 0 30px;
+	}
+}
+@media (min-width: 1200px) {
+	.features-center .feature {
+		padding: 0 50px;
+	}
+}
+@media (max-width: 767px) {
+	.features-center {
+		max-width: 610px;
+		margin-left: auto;
+		margin-right: auto;
+	}
+}
+
+/* 3.7.2 Features: Icon */
+
+.feature > i {
+  margin-top: 20px;
+  margin-bottom: 14px;
+	font-size: 50px;
+}
+.features-icon-left .feature {
+	position: relative;
+	padding-left: 82px;
+	text-align: left;
+}
+.features-icon-left .feature > i {
+	position: absolute;
+	left: 0;
+	top: 0;
+}
+@media (max-width: 526px) {
+	.features-icon-left [class*="col-"] {
+		width: 100%;
+	}
+}
+.feature > .icon-step {
+  display: inline-block;
+  height: 52px;
+  width: 52px;
+  border: 2px solid #1e88e5;
+  color: #1e88e5;
+  font-size: 18px!important;
+  font-weight: bold;
+  font-style: normal;
+  text-align: center;
+  line-height: 48px;
+  -webkit-border-radius: 26px;
+  border-radius: 26px;
+}
+.location-map {
+	position: relative;
+}
+.location-map .map {
+	background: url(../img/map.svg) no-repeat center center;
+	background-size: cover;
+}
+.location-map .map-grey {
+	background: url(../img/map-grey.svg) no-repeat center center;
+	background-size: cover;
+}
+.location-container {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+}
+.section-dark .location-map .map {
+	opacity: 0.5;
+}
+
+/* 3.8 Section: Map */
+
+/* 3.8.1 Map: Large */
+
+.location-map-sm {
+	height: 260px;
+}
+.location-map-sm .location-container {
+	height: 260px;
+	width: 524px;
+	margin: -130px 0 0 -262px;
+}
+.location-map-sm .map {
+	height: 260px;
+	width: 524px;
+}
+.location-map-sm .location-name {
+	opacity: 0;
+	visibility: hidden;
+	-webkit-transition: all ease .15s;
+	transition: all ease .15s;
+	-webkit-transform: scale(0.65);
+	transform: scale(0.65);
+	-webkit-transform-origin: bottom left;
+	transform-origin: bottom left;
+}
+.location-map-sm .location:hover {
+	z-index: 1000;
+}
+.location-map-sm .location:hover .location-name {
+	opacity: 1;
+	visibility: visible;
+	-webkit-transform: scale(1);
+	transform: scale(1);
+}
+@media (max-width: 991px) {
+	.location-map-sm {
+		height: 170px;
+	}
+	.location-map-sm .location-container {
+		-webkit-transform: scale(0.65);
+		transform: scale(0.65);
+	}
+}
+
+/* 3.8.2 Map: Large */
+
+.location-map-lg .map {
+	height: 580px;
+	width: 1174px;
+}
+@media (min-width: 568px) {
+	.location-map-lg {
+		height: 520px;
+	}
+	.location-map-lg .location-container {
+		height: 580px;
+		width: 1174px;
+		margin: -290px 0 0 -582px;
+	}
+	.location-map .actions {
+		position: absolute;
+		bottom: 0;
+		left: 0;
+		width: 100%;
+	}
+}
+@media (min-width: 568px) and (max-width: 1199px) {
+	.location-map-lg {
+		height: 450px;
+	}
+	.location-map-lg .location-container {
+		-webkit-transform: scale(0.9);
+		-moz-transform: scale(0.9);
+		-ms-transform: scale(0.9);
+		-o-transform: scale(0.9);
+		transform: scale(0.9);
+	}
+}
+@media (min-width: 568px) and (max-width: 991px) {
+	.location-map-lg {
+		height: 424px;
+	}
+	.location-map-lg .location-container {
+		-webkit-transform: scale(0.68);
+		-moz-transform: scale(0.68);
+		-ms-transform: scale(0.68);
+		-o-transform: scale(0.68);
+		transform: scale(0.68);
+	}
+}
+@media (min-width: 568px) and (max-width: 767px) {
+	.location-map-lg {
+		height: 290px;
+	}
+	.location-map-lg .location-container {
+		-webkit-transform: scale(0.5);
+		-moz-transform: scale(0.5);
+		-ms-transform: scale(0.5);
+		-o-transform: scale(0.5);
+		transform: scale(0.5);
+	}
+}
+@media (max-width: 567px) {
+	.location-map-lg .map {
+		display: none;
+	}
+	.location-map-lg .location-container {
+		position: inherit;
+		top: auto;
+		left: auto;
+		max-width: 380px;
+		margin: 0 auto;
+		padding: 25px 0;
+	}
+	.location-container:after,
+	.location-container:before {
+		display: block;
+		content: "";
+		clear: both;
+	}
+	.location-map-lg .location-map {
+		padding: 0 30px;
+	}
+}
+
+/* 3.8.3 Map: Pin */
+
+.location-pin,
+.location-pin:after {
+	background-color: #1e88e4;
+	-webkit-border-radius: 100%;
+	-moz-border-radius: 100%;
+	border-radius: 100%;
+}
+.location-pin {
+	position: relative;
+	z-index: 999;
+	display: block;
+	height: 12px;
+	width: 12px;
+}
+.location-pin-lg {
+	position: relative;
+	display: block;
+	height: 20px;
+	width: 20px;
+}
+.location-pin:after {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	display: block;
+	content: "";
+	height: 22px;
+	width: 22px;
+	margin: -11px 0 0 -11px;
+	-webkit-animation: pulsate 2s linear;
+  animation: pulsate 2s linear;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+}
+.location-pin-lg:after {
+	height: 40px;
+	width: 40px;
+	margin: -20px 0 0 -20px;
+}
+.location-map-sm .location {
+	height: 8px;
+	width: 8px;
+	cursor: pointer;
+}
+.location-map-sm .location-pin {
+	height: 8px;
+	width: 8px;
+}
+.location-map-sm .location-pin:after {
+	height: 16px;
+	width: 16px;
+	margin: -8px 0 0 -8px;
+}
+@-webkit-keyframes pulsate{
+  0% {
+      -webkit-transform: scale(0);
+      opacity: .05;
+  }
+  20% {
+      -webkit-transform: scale(0.7);
+      opacity: .1;
+  }
+  40% {
+      -webkit-transform: scale(0.9);
+      opacity: .2;
+  }
+  60% {
+      -webkit-transform: scale(1.1);
+      opacity: .3;
+  }
+  100% {
+      -webkit-transform: scale(1.4);
+      opacity: 0;
+  }
+}
+@keyframes pulsate{
+  0% {
+      transform: scale(0);
+      opacity: .05;
+  }
+  20% {
+      transform: scale(0.7);
+      opacity: .1;
+  }
+  40% {
+      transform: scale(0.9);
+      opacity: .2;
+  }
+  60% {
+      transform: scale(1.1);
+      opacity: .3;
+  }
+  100% {
+      transform: scale(1.4);
+      opacity: 0;
+  }
+}
+
+/* 3.8.3 Map: Locations */
+
+.location {
+	position: absolute;
+	z-index: 998;
+	height: 12px;
+	width: 12px;
+}
+.location-name {
+	position: absolute;
+	z-index: 999;
+	display: block;
+	height: 28px;
+}
+.location-name span {
+	display: block;
+	height: 28px;
+	padding: 0 10px;
+	background-color: #1e88e4;
+	color: #fff;
+	font-size: 14px;
+	line-height: 28px;
+	white-space: nowrap;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+	-webkit-box-shadow: 0 5px 20px -5px rgba(11,27,38, 0.2);
+	box-shadow: 0 5px 20px -5px rgba(11,27,38, 0.2);
+}
+.location-name:after {
+	position: absolute;
+  z-index: -1;
+	display: block;
+	content: "";
+	height: 1px;
+	width: 20px;
+	background-color: #545a5e;
+}
+.location-map-grey .location-name:after {
+  background-color: #c4cacc;
+}
+.location-seattle {
+	top: 180px;
+	left: 150px;
+}
+.location-seattle .location-name {
+	bottom: 44px;
+	right: 44px;
+}
+.location-seattle .location-name:after {
+	bottom: -20px;
+	right: -49px;
+	width: 58px;
+	-webkit-transform: rotate(45deg);
+	transform: rotate(45deg);
+}
+.location-map-sm .location-seattle {
+	top: 84px;
+	left: 66px;
+}
+.location-silicon-valley {
+	top: 215px;
+	left: 148px;
+}
+.location-silicon-valley .location-name {
+	top: 35px;
+	right: 37px;
+}
+.location-silicon-valley .location-name:after {
+	top: -10px;
+	right: -35px;
+	width: 50px;
+	-webkit-transform: rotate(-45deg);
+	transform: rotate(-45deg);
+}
+.location-map-sm .location-silicon-valley {
+	top: 100px;
+	left: 64px;
+}
+.location-los-angeles {
+	top: 232px;
+	left: 160px;
+}
+.location-los-angeles .location-name {
+	top: 78px;
+	right: -45px;
+}
+.location-los-angeles .location-name:after {
+	left: 20%;
+	top: -70px;
+	height: 70px;
+	width: 1px;
+}
+.location-map-sm .location-los-angeles {
+	top: 108px;
+	left: 70px;
+}
+.location-dallas {
+	top: 238px;
+	left: 232px;
+}
+.location-dallas .location-name {
+	bottom: 72px;
+	right: -24px;
+}
+.location-dallas .location-name:after {
+	left: 50%;
+	bottom: -60px;
+	height: 60px;
+	width: 1px;
+}
+.location-map-sm .location-dallas {
+	top: 106px;
+	left: 98px;
+}
+
+.location-amsterdam {
+	top: 131px;
+	left: 545px;
+}
+
+.location-amsterdam .location-name {
+	bottom: 73px;
+	left: 73px;
+}
+.location-amsterdam .location-name:after {
+	bottom: -32px;
+	left: -78px;
+	width: 95px;
+	-webkit-transform: rotate(-45deg);
+	transform: rotate(-45deg);
+}
+.location-map-sm .location-amsterdam {
+	top: 60px;
+	left: 242px;
+}
+
+.location-shenzhen {
+   top: 245px;
+  right: 249px;
+}
+.location-shenzhen .location-name {
+  top: 35px;
+  right: 37px;
+}
+.location-shenzhen .location-name:after {
+  top: -10px;
+  right: -35px;
+  width: 50px;
+  -webkit-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+.location-map-sm .location-shenzhen {
+  top: 100px;
+  left: 64px;
+}
+
+.location-taiwan {
+    top: 235px;
+    right: 210px;
+  }
+  .location-taiwan .location-name {
+    bottom: -8px;
+    left: 52px;
+  }
+  .location-taiwan .location-name:after {
+    bottom: 13px;
+    left: -42px;
+    width: 54px;
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  
+.location-london {
+  top: 134px;
+  left: 525px;
+}
+.location-london .location-name {
+  bottom: 24px;
+  right: 24px;
+}
+.location-london .location-name:after {
+  bottom: -10px;
+  right: -24px;
+  width: 30px;
+  -webkit-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+.location-map-sm .location-london {
+  top: 62px;
+  left: 232px;
+}
+
+
+.location-kr {
+		top: 200px;
+		right: 200px;
+	}
+	.location-kr .location-name {
+		bottom: 36px;
+		left: -88px;
+	}
+	.location-kr .location-name:after {
+		bottom: -11px;
+		left: 41px;
+		width: 54px;
+		-webkit-transform: rotate(215deg);
+		transform: rotate(215deg);
+	}
+
+.location-paris {
+  top: 154px;
+  left: 538px;
+}
+.location-paris .location-name {
+  top: 50px;
+  left: 50px;
+}
+.location-paris .location-name:after {
+  top: -20px;
+  left: -52px;
+  width: 65px;
+  -webkit-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+.location-map-sm .location-paris {
+  top: 70px;
+  left: 240px;
+}
+.location-dallas {
+  top: 238px;
+  left: 232px;
+}
+.location-dallas .location-name {
+  bottom: 72px;
+  right: -24px;
+}
+.location-dallas .location-name:after {
+  left: 50%;
+  bottom: -60px;
+  height: 60px;
+  width: 1px;
+}
+.location-map-sm .location-dallas {
+  top: 106px;
+  left: 98px;
+}
+.location-hongkong {
+	top: 255px;
+	right: 249px;
+}
+.location-hongkong .location-name {
+	bottom: -40px;
+	left: 50px;
+}
+.location-hongkong .location-name:after {
+    bottom: 35px;
+    left: -48px;
+    width: 54px;
+	-webkit-transform: rotate(25deg);
+	transform: rotate(25deg);
+}
+.location-map-sm .location-hongkong {
+	top: 90px;
+	right: 72px;
+}
+.location-sgp {
+		top: 343px;
+		right: 255px;
+	}
+	.location-sgp .location-name {
+		bottom: -40px;
+		left: 50px;
+	}
+	.location-sgp .location-name:after {
+		bottom: 35px;
+		left: -48px;
+		width: 54px;
+		-webkit-transform: rotate(25deg);
+		transform: rotate(25deg);
+	}
+/*new*/
+
+.location-russia {
+	top: 100px;
+	right: 350px;
+}
+.location-russia .location-name {
+	bottom: 44px;
+	right: 44px;
+}
+.location-russia .location-name:after {
+	bottom: -20px;
+	right: -49px;
+	width: 58px;
+	-webkit-transform: rotate(45deg);
+	transform: rotate(45deg);
+}
+.location-map-sm .location-russia {
+	top: 84px;
+	left: 66px;
+}
+
+
+.location-korea {
+	top: 201px;
+	right: 199px;
+}
+.location-korea .location-name {
+	bottom: 50px;
+	left: 50px;
+}
+.location-korea .location-name:after {
+	bottom: -22px;
+	left: -58px;
+	width: 75px;
+	-webkit-transform: rotate(-45deg);
+	transform: rotate(-45deg);
+}
+
+.location-tokyo {
+	top: 201px;
+	right: 162px;
+}
+.location-tokyo .location-name {
+	bottom: 50px;
+	left: 50px;
+}
+.location-tokyo .location-name:after {
+	bottom: -22px;
+	left: -58px;
+	width: 75px;
+	-webkit-transform: rotate(-45deg);
+	transform: rotate(-45deg);
+}
+.location-map-sm .location-tokyo {
+	top: 90px;
+	right: 72px;
+}
+.location-sydney {
+	bottom: 102px;
+	right: 83px;
+}
+.location-sydney .location-name {
+	bottom: 50px;
+	left: 50px;
+}
+.location-sydney .location-name:after {
+	bottom: -22px;
+	left: -58px;
+	width: 75px;
+	-webkit-transform: rotate(-45deg);
+	transform: rotate(-45deg);
+}
+.location-map-sm .location-sydney {
+	bottom: 44px;
+	right: 36px;
+}
+.location-london .location-name,
+.location-seattle .location-name {
+	-webkit-transform-origin: bottom right;
+	transform-origin: bottom right;
+}
+.location-silicon-valley .location-name {
+	-webkit-transform-origin: top right;
+	transform-origin: top right;
+}
+.location-los-angeles .location-name {
+	-webkit-transform-origin: top center;
+	transform-origin: top center;
+}
+.location-dallas .location-name {
+	-webkit-transform-origin: bottom center;
+	transform-origin: bottom center;
+}
+.location-atlanta .location-name,
+.location-frankfurt .location-name {
+	-webkit-transform-origin: left center;
+	transform-origin: left center;
+}
+.location-miami .location-name,
+.location-paris .location-name {
+	-webkit-transform-origin: top left;
+	transform-origin: top left;
+}
+@media (max-width: 1199px) {
+	 .location-seattle .location-name {
+		bottom: 54px;
+		right: -26px;
+	}
+	.location-tokyo .location-name {
+		left: auto;
+		right: 50px;
+	}
+	.location-sydney .location-name {
+		left: auto;
+		right: 50px;
+	}
+	.location-tokyo .location-name:after,
+	.location-sydney .location-name:after {
+		left: auto;
+		right: -58px;
+		-webkit-transform: rotate(45deg);
+		transform: rotate(45deg);
+	}
+	.location-seattle .location-name:after {
+		right: 3px;
+		-webkit-transform: rotate(90deg);
+		transform: rotate(90deg);
+	}
+}
+@media (min-width: 568px) and (max-width: 767px) {
+	.location-map-lg .location-name {
+		height: 36px;
+		font-size: 20px;
+		line-height: 36px;
+	}
+}
+@media (max-width: 567px) {
+	.location-map-lg .location {
+		position: inherit;
+		top: auto;
+		bottom: auto;
+		left: auto;
+		right: auto;
+		float: left;
+		height: auto;
+		width: 50%;
+    margin-bottom: 8px;
+		padding-left: 30px;
+	}
+	.location-map-lg .location:after,
+	.location-map-lg .location:before {
+		display: block;
+		content: "";
+		clear: both;
+	}
+	.location-map-lg .location-pin {
+		position: absolute;
+		left: 0;
+		top: 4px;
+		margin: 5px 10px 5px;
+	}
+	.location-map-lg .location .location-name {
+		position: inherit;
+		left: auto;
+		right: auto;
+		top: auto;
+		bottom: auto;
+		display: inline-block;
+		background: transparent;
+		color: #616366;
+		-webkit-box-shadow: none;
+		-moz-box-shadow: none;
+		-ms-box-shadow: none;
+		-o-box-shadow: none;
+		box-shadow: none;
+	}
+	.location-map-lg .location .location-name > span {
+		position: inherit;
+		left: auto;
+		right: auto;
+		top: auto;
+		bottom: auto;
+		display: inline-block;
+		background: transparent;
+		color: #616366;
+		-webkit-box-shadow: none;
+		-moz-box-shadow: none;
+		-ms-box-shadow: none;
+		-o-box-shadow: none;
+		box-shadow: none;
+	}
+	.location-map-lg .location-name:after {
+		display: none;
+	}
+	.section-dark .location-map-lg .location .location-name span {
+		color: #fff;
+	}
+}
+
+/* 3.9 Section: Benchmarks */
+
+.benchmark-title h3 {
+	margin-bottom: 0;
+}
+@media (min-width: 992px) {
+	.benchmark-title {
+		padding-left: 80px;
+	}
+}
+
+/* 3.9.1 Benchmark: Graph */
+
+.benchmark-graph {
+	position: relative;
+	height: 380px;
+	margin: 20px 20px 25px 0;
+	padding: 0 0 30px 80px;
+}
+.graph {
+	position: relative;
+	height: 350px;
+	width: 100%;
+	border-bottom: 1px solid #e6e9eb;
+	border-left: 1px solid #e6e9eb;
+}
+.graph-grid,
+.graph-bars {
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	width: 100%;
+	height: 100%;
+	padding: 0;
+	margin: 0;
+	list-style: none;
+}
+.graph-grid li:first-child {
+	height: 15px;
+}
+.graph-grid li {
+	height: 47px;
+	width: 100%;
+	border-bottom: 1px dashed #edf0f2;
+}
+.graph-bars {
+	padding: 0 12px;
+}
+.graph-bars > li {
+	position: relative;
+	float: left;
+	height: 100%;
+	width: 33.33%;
+	padding: 0 12px;
+	vertical-align: bottom;
+}
+.graph-bars > li > .bar-holder {
+	position: relative;
+	height: 100%;
+	width: 100%;
+}
+.graph-bars > li .bar {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	display: block;
+	height: 2px;
+	width: 100%;
+	background-color: #e6e9eb;
+	border-radius: 4px 4px 0 0;
+	-webkit-transition: all ease-in 1s;
+			transition: all ease-in 1s;
+}
+.graph-bars > li .bar.bar-rackspace {
+	-webkit-transition-delay: 1s;
+			transition-delay: 1s;
+}
+.graph-bars > li .bar.bar-aws {
+	-webkit-transition-delay: 2s;
+			transition-delay: 2s;
+}
+.graph-bars > li .bar > span {
+	position: absolute;
+	top: -30px;
+	left: 0;
+	width: 100%;
+	color: #2b3033;
+	font-size: 13px;
+	font-weight: bold;
+	text-align: center;
+}
+.axis {
+	position: absolute;
+	margin: 0;
+	list-style: none;
+}
+.axis > li {
+	font-size: 13px;
+}
+.axis-x {
+	bottom: 0;
+	left: 0;
+	height: 30px;
+	width: 100%;
+	padding: 10px 0 0 80px;
+}
+.axis-x > li {
+	float: left;
+	width: 33.33%;
+	text-align: center;
+}
+.axis-y {
+	left: 0;
+	top: 0;
+	width: 80px;
+	height: 350px;
+	padding: 0 15px 0 0;
+}
+.axis-y > li {
+	width: 100%;
+	margin-bottom: 22px;
+	text-align: right;
+}
+@media (max-width: 991px) {
+	.graph-bars > li {
+		padding: 0 6px;
+	}
+}
+
+/* 3.9.2 Benchmark: Low End */
+
+.benchmark-low-end .graph-bars > li:first-child .bar {
+	background-color: #1e88e5;
+}
+.benchmark-low-end.benchmark-unixbench .graph-bars > li .bar.bar-vultr.animated {
+	height: 275px;
+}
+.benchmark-low-end.benchmark-unixbench .graph-bars > li .bar.bar-rackspace.animated {
+	height: 70px;
+}
+.benchmark-low-end.benchmark-unixbench .graph-bars > li .bar.bar-aws.animated {
+	height: 10px;
+}
+
+.benchmark-low-end.benchmark-performance .graph-bars > li .bar.bar-vultr.animated {
+	height: 240px;
+}
+.benchmark-low-end.benchmark-performance .graph-bars > li .bar.bar-rackspace.animated {
+	height: 60px;
+}
+.benchmark-low-end.benchmark-performance .graph-bars > li .bar.bar-aws.animated {
+	height: 10px;
+}
+.benchmark-low-end.benchmark-io .graph-bars > li .bar.bar-vultr.animated {
+	height: 332px;
+}
+.benchmark-low-end.benchmark-io .graph-bars > li .bar.bar-rackspace.animated {
+	height: 240px;
+}
+.benchmark-low-end.benchmark-io .graph-bars > li .bar.bar-aws.animated {
+	height: 120px;
+}
+
+/* 3.9.2 Benchmark: Mid Range */
+
+.benchmark-mid-range .graph-bars > li:first-child .bar {
+	background-color: #1e88e5;
+}
+.benchmark-mid-range.benchmark-unixbench .graph-bars > li .bar.bar-vultr.animated {
+	height: 340px;
+}
+.benchmark-mid-range.benchmark-unixbench .graph-bars > li .bar.bar-rackspace.animated {
+	height: 64px;
+}
+.benchmark-mid-range.benchmark-unixbench .graph-bars > li .bar.bar-aws.animated {
+	height: 9px;
+}
+.benchmark-mid-range.benchmark-performance .graph-bars > li .bar.bar-vultr.animated {
+	height: 90px;
+}
+.benchmark-mid-range.benchmark-performance .graph-bars > li .bar.bar-rackspace.animated {
+	height: 240px;
+}
+.benchmark-mid-range.benchmark-performance .graph-bars > li .bar.bar-aws.animated {
+	height: 340px;
+}
+.benchmark-mid-range.benchmark-io .graph-bars > li .bar.bar-vultr.animated {
+	height: 340px;
+}
+.benchmark-mid-range.benchmark-io .graph-bars > li .bar.bar-rackspace.animated {
+	height: 150px;
+}
+.benchmark-mid-range.benchmark-io .graph-bars > li .bar.bar-aws.animated {
+	height: 55px;
+}
+
+/* 3.10 Section: Post */
+
+.post {
+  position: relative;
+	width: 100%;
+	padding: 0 0 0 78px;
+  margin-bottom: 54px;
+	border-bottom: 1px solid #edf0f2;
+}
+.post.last,
+.post:last-child {
+  padding-bottom: 0;
+  margin-bottom: 0;
+	border-bottom: none;
+}
+@media (max-width: 767px) {
+	.post {
+		padding: 0 20px;
+	}
+	.post-header {
+		padding-left: 70px;
+	}
+}
+
+/* 3.10.1 Post: Small */
+
+.post-sm {
+	padding: 0 0 16px 72px;
+  margin-bottom: 16px;
+}
+.post-sm .post-avatar {
+  top: 2px;
+}
+@media (max-width: 767px) {
+	.post-sm {
+		padding: 0 20px 16px 20px;
+	}
+}
+
+/* 3.10.2 Post: Content */
+
+.post-content,
+.press-content {
+  padding: 22px 0 54px 0;
+}
+.post-content p  {
+  margin-bottom: 24px;
+  font-size: 16px;
+  line-height: 28px;
+}
+.post-content p:last-child {
+  margin-bottom: 0;
+}
+.post-content p img {
+  max-width: 100%;
+  height: auto;
+}
+.post-closed .post-title a {
+	color: #616366;
+}
+.post-title {
+	margin: 0 0 8px 0;
+}
+.post-title .label {
+	margin-right: 8px;
+}
+
+/* 3.10.3 Post: Avatar */
+
+.post-avatar {
+	position: absolute;
+	top: 6px;
+	left: 0;
+}
+.avatar {
+  display: inline-block;
+	height: 54px;
+	width: 54px;
+	background-color: #cce4fa;
+	-webkit-border-radius: 30px;
+  border-radius: 30px;
+	overflow: hidden;
+  cursor: pointer;
+}
+.avatar-md {
+	height: 48px;
+	width: 48px;
+}
+.avatar-sm {
+	height: 38px;
+	width: 38px;
+}
+.avatar > img {
+  max-height: 100%;
+}
+@media (max-width: 767px) {
+	.post-avatar {
+		left: 20px;
+	}
+}
+.panel-account {
+  text-align: center;
+}
+.panel-account .account-name {
+  display: block;
+  padding: 4px 0 0 ;
+  color: #fff;
+  font-size: 16px;
+  font-weight: 500;
+  cursor: pointer;
+}
+.panel-account .account-name > i {
+   margin-left: 8px;
+}
+.panel-account .account-name + .dropdown-menu {
+  min-width: 0;
+}
+
+/* 3.10.4 Post: Info */
+
+.post-info {
+	width: auto;
+	margin: 0 -8px;
+	padding: 0;
+	list-style: none;
+}
+.post-info:after,
+.post-info:before {
+	display: block;
+	content: "";
+	clear: both;
+}
+.post-info > li {
+	float: left;
+	padding: 0 8px;
+	color: #919499;
+	font-size: 13px;
+}
+.post-info > .post-date {
+	float: right;
+}
+.post-info i {
+	margin-left: 5px;
+	font-size: 14px;
+}
+@media (max-width: 767px) {
+	.post-info > .post-date {
+		float: left;
+		width: 100%;
+	}
+}
+
+/* 3.10.5 Post: Comments */
+
+.post-comments {
+  float: left;
+	width: 100%;
+	margin: 0 0 30px 0;
+	padding: 0;
+	list-style: none;
+}
+.post-comment-title {
+	margin-top: 0;
+}
+.posts-comments:after,
+.posts-comments:before {
+	display: block;
+	content: "";
+	clear: both;
+}
+.post-comments > li {
+	border-top: 1px solid #edf0f2;
+}
+.comment {
+	position: relative;
+	padding: 24px 0 24px 72px;
+}
+.comment-avatar {
+	position: absolute;
+	top: 24px;
+	left: 0;
+}
+.comment-header {
+	margin-bottom: 17px;
+}
+.comment-author {
+	display: block;
+	color: #363b40;
+	font-weight: bold;
+  line-height: 22px;
+}
+.comment-date {
+	color: #919499;
+	font-size: 13px;
+  line-height: 18px;
+}
+.comment-body p:last-child {
+	margin: 0;
+}
+@media (max-width: 767px) {
+	.comment {
+		padding-right: 20px;
+		padding-left: 20px;
+	}
+	.comment-avatar {
+		left: 20px;
+	}
+	.comment-header {
+		padding-left: 64px;
+	}
+	.post-comment-title {
+		padding: 0 20px;
+	}
+}
+
+/* 3.10.6 Post: Authot */
+
+.author-box {
+  margin-bottom: 54px
+}
+.author-box p:last-child {
+  margin-bottom: 0;
+}
+.author-avatar {
+  float: left;
+  margin-right: 16px;
+}
+.author-name {
+  margin-bottom: 0;
+  color: #363b40;
+  font-weight: bold;
+  line-height: 24px;
+}
+.author-role {
+  color: #919499;
+  font-size: 13px;
+  line-height: 18px;
+}
+
+/* 3.10.7 Post: Reply */
+
+.post-reply {
+	position: relative;
+	padding: 30px 0 0 72px;
+	border-top: 1px solid #edf0f2;
+}
+.reply-avatar {
+	position: absolute;
+	top: 20px;
+	left: 0;
+}
+.post-navigation {
+  display: block;
+  text-align: center;
+}
+.post-reply textarea {
+	resize: vertical;
+}
+@media (max-width: 767px) {
+	.post-reply {
+		padding-right: 20px;
+	}
+	.post-reply-title {
+		padding: 0 20px;
+	}
+}
+
+/* 3.11 Section: Partners */
+
+.list-partners {
+  margin: 0;
+  padding: 15px 0 0 0;
+  list-style: none;
+}
+.list-partners:after,
+.list-partners:before {
+  display: block;
+  content: "";
+  clear: both;
+}
+.list-partners > li {
+  float: left;
+  width: 20%;
+  margin-bottom: 25px;
+  text-align: center;
+}
+.list-partners > li > a {
+  display: block;
+  opacity: 0.5;
+}
+.list-partners > li > a:hover {
+  opacity: 1;
+}
+.list-partners > li > a img {
+  max-width: 100%;
+}
+@media (max-width: 767px) {
+ .list-partners > li {
+    width: 50%;
+ }
+  .list-partners > li:last-child {
+    width: 100%;
+  }
+}
+
+/* 3.12 Section: Register */
+
+.register-form {
+	width: 100%;
+	padding: 25px 0 0 0;
+}
+.register-form .register-container {
+	position: relative;
+	width: 740px;
+	margin: 0 auto 25px auto;
+}
+.register-form .register-container:after {
+	display: block;
+	content: "";
+	clear: both;
+}
+.register-form .form-control,
+.banner-search .form-control {
+	width: 100%;
+	border: none;
+	background-color: rgba(0,0,0, 0.2);
+  color: #fff;
+}
+.register-form .form-control:focus,
+.banner-search .form-control:focus {
+  -webkit-box-shadow: 0 2px 6px rgba(0,0,0, 0.11) inset;
+  box-shadow: 0 2px 6px rgba(0,0,0, 0.11) inset;
+}
+.register-form .form-group:first-child {
+	padding-left: 0;
+}
+.register-form .form-control::-webkit-input-placeholder,
+.banner-search .form-control::-webkit-input-placeholder {
+	color: rgba(196, 227, 255, 0.8);
+}
+.register-form .form-control:-moz-placeholder,
+.banner-search .form-control:-moz-placeholder {
+	color: rgba(196, 227, 255, 0.8);
+}
+.register-form .form-control::-moz-placeholder,
+.banner-search .form-control::-moz-placeholder {
+	color: rgba(196, 227, 255, 0.8);
+}
+.register-form .form-control:-ms-input-placeholder,
+.banner-search .form-control:-ms-input-placeholder {
+	color: rgba(196, 227, 255, 0.8);
+}
+@media (max-width: 991px) {
+	.register-form .register-container {
+		width: 648px;
+	}
+}
+@media (min-width: 768px) {
+	.register-form .register-container {
+		padding: 0 129px 0 0;
+	}
+	.register-form .form-group {
+		float: left;
+		width: 50%;
+		padding: 0 8px;
+		margin: 0;
+	}
+	.register-form .btn {
+		position: absolute;
+		top: 0;
+		right: 0;
+	}
+}
+@media (max-width: 767px) {
+	.register-form .register-container {
+		width: 100%;
+		max-width: 380px;
+	}
+	.register-form .form-group,
+	.register-form .btn {
+		width: 100%;
+	}
+}
+
+/* 3.13 Section: Team */
+
+.person {
+    margin: 30px auto;
+}
+.person-image {
+    border-radius: 100%;
+    height: 180px;
+    margin: 0 auto;
+    overflow: hidden;
+    position: relative;
+    width: 180px;
+}
+.person-image > img {
+    width: 100%;
+}
+.person-role {
+    color: #8a9399;
+    font-size: 14px;
+    line-height: 18px;
+    margin-top: -14px;
+}
+.person-name, .person-role {
+    text-align: center;
+}
+.person .person-actions {
+    background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(32, 35, 38, 0.85) 0px, rgba(32, 35, 38, 0.45) 90%) repeat scroll 0 0;
+    border-radius: 100%;
+    bottom: 0;
+    cursor: pointer;
+    height: 100%;
+    left: 0;
+    opacity: 0;
+    position: absolute;
+    transition: all 0.25s ease-in-out 0s;
+    visibility: hidden;
+    width: 100%;
+    z-index: 2;
+}
+.person .person-actions > * {
+    bottom: 20px;
+    left: 20px;
+    opacity: 0;
+    position: absolute;
+    transform: translateX(0px) translateY(15px);
+    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.15s ease-in 0s;
+    visibility: hidden;
+}
+@media (min-width: 768px) {
+.person-more > .person-image {
+    float: left;
+    margin-right: 24px;
+}
+.person-more > .person-image img {
+    max-width: 274px;
+}
+.person-more > .person-desc {
+    margin-left: 300px;
+}
+}
+.modal-person {
+    overflow: hidden;
+}
+.modal-person .person {
+    margin: 0;
+    padding: 30px;
+}
+.modal-person .person::after, .modal-person .person::before {
+    clear: both;
+    content: "";
+    display: table;
+}
+.modal-person .person-image {
+    max-width: none;
+}
+.modal-person .person-name {
+    margin-top: 0;
+}
+@media (min-width: 768px) {
+.modal-person .person-image {
+    height: 400px;
+    margin: -30px 30px -30px -30px;
+    width: 400px;
+}
+.modal-person .person-desc {
+    max-height: 340px;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+.modal-person .person-image > img {
+    height: 400px;
+    max-width: none;
+    width: auto;
+}
+}
+
+
+@media (min-width: 768px) and (max-width: 991px) {
+.modal-person .person-image {
+    width: 300px;
+}
+.modal-person .person-image > img {
+    margin-left: -50px;
+}
+}
+@media (max-width: 767px) {
+.modal-person .person-image {
+    margin: 0 auto 30px;
+    max-width: 360px;
+}
+}
+
+
+/* 3.14 Section: Press */
+
+.press-releases {
+	max-width: 740px;
+	margin: 0 auto;
+}
+.press-post {
+  padding-left: 0;
+}
+
+/* 3.15 Section: Server Status */
+
+.location-header {
+	padding: 0 0 20px 0;
+}
+.location-header h4,
+.location-header .h4 {
+	margin: 0;
+}
+.location-header h4 small,
+.location-header .h4 small {
+	display: block;
+	padding: 3px 0 0 0;
+	color: #919699;
+	font-size: 12px;
+  font-weight: 300;
+	text-transform: none;
+}
+.location-header .flag {
+	float: left;
+	margin-right: 15px;
+}
+.location-info {
+	margin: 0 0 -5px 0;
+	font-size: 14px;
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: translateX(0) translateY(0);
+  transform: translateX(0) translateY(0);
+  -webkit-transition: all ease-in .25s, transform .6s cubic-bezier(0.165, 0.84, 0.44, 1);
+  -moz-transition: all ease-in .25s, transform .6s cubic-bezier(0.165, 0.84, 0.44, 1);
+  transition: all ease-in .25s, transform .6s cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+.location-info > li {
+  margin: 0;
+}
+.location-header > i {
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  font-size: 24px;
+}
+.location-progress .progress {
+	margin: 0 0 15px 0;
+}
+.progress {
+	background-color: #d5dade;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+.progress-bar {
+	background:linear-gradient(to right, #44ce78 0%,#43ce9f 100%)!important;
+}
+
+.progress-bar-danger{
+  background: #d9534f!important;
+}
+.location-btn {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  display: block;
+  padding: 20px;
+  opacity: 0;
+  visibility: hidden;
+  text-align: center;
+  -webkit-transform: translateX(0px) translateY(30px);
+  transform: translateX(0px) translateY(30px);
+  -webkit-transition: opacity ease-in .25s, transform .6s cubic-bezier(0.165, 0.84, 0.44, 1);
+  -moz-transition: opacity ease-in .25s, transform .6s cubic-bezier(0.165, 0.84, 0.44, 1);
+  transition: opacity ease-in .25s, transform .6s cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+a.panel-location:hover .location-btn {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: translateX(0px) translateY(0);
+  transform: translateX(0px) translateY(0);
+}
+a.panel-location:hover .location-info {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform: translateX(0px) translateY(-30px);
+  transform: translateX(0px) translateY(-30px);
+}
+a.panel-location:hover,
+a.panel-location:active,
+a.panel-location:focus {
+  outline: none;
+}
+a.panel-location.location-warning:hover {
+  border-color: #ffb13d;
+}
+a.panel-location.location-warning:hover .location-btn {
+  color: #fca426;
+}
+
+/* 3.16 Section: Time Line */
+
+.time-line {
+  position: relative;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.time-line:after {
+  display: table;
+  content: "";
+  clear: both;
+}
+.time-line:before {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  display: block;
+  content: "";
+  height: 100%;
+  width: 2px;
+  border-right: 2px dashed rgba(196,227,255, 0.2);
+}
+.time-line > li {
+  position: relative;
+  float: left;
+  width: 50%;
+}
+.time-line > li:before {
+  position: absolute;
+  top: 70px;
+  left: 0;
+  z-index: 1;
+  display: block;
+  content: "";
+  height: 2px;
+  width: 40px;
+  border-top: 2px dashed rgba(196,227,255, 0.2);
+}
+.time-line > li .h4 {
+  color: #fff;
+  margin: 0 0 6px;
+}
+.time-line > li p {
+  margin: 0;
+  font-size: 16px;
+}
+.time-line > li:nth-child(odd) {
+  text-align: right;
+  padding-right: 50px;
+  padding-bottom: 60px;
+}
+.time-line > li:nth-child(odd):before {
+  top: 10px;
+  left: auto;
+  right: 0;
+}
+.time-line > li:nth-child(even) {
+  text-align: left;
+  padding-left: 50px;
+  padding-top: 60px;
+}
+.time-pin {
+  position: absolute;
+  top: 4px;
+  z-index: 2;
+  display: block;
+  height: 12px;
+  width: 12px;
+  background: #3fb6a1;
+  -webkit-border-radius: 6px;
+  border-radius: 6px;
+}
+.time-line > li:nth-child(odd) .time-pin {
+  right: -7px;
+}
+.time-line > li:nth-child(even) .time-pin {
+  top: 64px;
+  left: -5px;
+}
+@media (max-width: 768px) {
+  .time-line > li:before {
+    width: 20px;
+  }
+  .time-line > li:nth-child(odd) {
+    padding-right: 30px;
+  }
+  .time-line > li:nth-child(even) {
+    padding-left: 30px;
+  }
+}
+
+
+/* 3.17 Section: Contact Map */
+
+.section-contact-map {
+  padding: 0;
+  border: none;
+}
+
+.section-contact-map > #map {
+  height: 500px;
+  width: 100%;
+}
+
+/* -------------------------------
+   4.0 Components
+------------------------------- */
+
+.progress-sm {
+	height: 5px;
+}
+
+/* 4.1 Component: Panel */
+
+.package,
+.package:after {
+	-webkit-transition: all ease-in .3s;
+	-moz-transition: all ease-in .3s;
+	-ms-transition: all ease-in .3s;
+	-o-transition: all ease-in .3s;
+	transition: all ease-in .3s;
+}
+.panel-body {
+	position: relative;
+}
+.panel-chart {
+  position: absolute;
+  right: 20px;
+  top: 0;
+  height: 100%;
+  width: 30%;
+  overflow: hidden;
+}
+.panel-chart img {
+  width: 470px;
+  margin-top: 5px;
+}
+
+/* 4.2 Component: Block */
+
+@media (min-width: 992px) {
+	.blocks .row-table-md {
+		display: table;
+		table-layout: fixed;
+		height: 100%;
+		width: 100%;
+	}
+	.blocks .row-table-md > [class*="col-"] {
+		float: none;
+		display: table-cell;
+		padding-bottom: 20px;
+		height: 100%;
+    vertical-align: top;
+	}
+	.blocks .row-table-md > [class*="col-"] > .panel {
+		display: table;
+		height: 100%;
+		margin: 0;
+	}
+ 	.blocks .row-table-md > [class*="col-"] > .panel > .panel-body {
+    height: 100%;
+  }
+}
+@media (min-width: 768px) {
+	.blocks .row-table {
+		display: table;
+		table-layout: fixed;
+		height: 100%;
+		width: 100%;
+	}
+	.blocks .row-table > [class*="col-"] {
+		float: none;
+		display: table-cell;
+		padding-bottom: 20px;
+		height: 100%;
+	}
+	.blocks .row-table > [class*="col-"] > .panel {
+		display: table;
+		height: 100%;
+		margin: 0;
+	}
+}
+
+/* 4.3 Component: Accordion */
+
+.accordion {
+	max-width: 740px;
+	margin: 0 auto;
+	padding: 20px 0 0 0;
+	text-align: left;
+	list-style: none;
+}
+.accordion-full {
+  max-width: 100%;
+}
+.accordion > li {
+	position: relative;
+	padding: 0 0 7px 40px;
+}
+.accordion > li.open {
+	padding-bottom: 31px;
+}
+.accordion > li .plus-icon {
+	position: absolute;
+	left: -40px;
+	top: 50%;
+  margin-top: -9px;
+}
+.accordion > li.open .plus-icon span {
+	background-color: #1e88e5;
+}
+.accordion > li.open .plus-icon span:last-child {
+	-webkit-transform: rotate(-90deg);
+	-moz-transform: rotate(-90deg);
+	-ms-transform: rotate(-90deg);
+	-o-transform: rotate(-90deg);
+	transform: rotate(-90deg);
+}
+.accordion-title {
+  position: relative;
+	margin: 0 0 18px 0;
+	cursor: pointer;
+	-webkit-transition: color ease-in .15s;
+	-moz-transition: color ease-in .15s;
+	-ms-transition: color ease-in .15s;
+	-o-transition: color ease-in .15s;
+	transition: color ease-in .15s;
+}
+.accordion > li.open .accordion-title,
+.accordion-title:hover {
+	color: #1e88e5;
+}
+.accordion-bordered > li {
+  padding-top: 25px;
+  padding-bottom: 7px;
+  border-bottom: 1px solid #edf0f2;
+}
+.accordion-bordered > li.open {
+  padding-bottom: 40px;
+}
+.collapse {
+	display: none;
+}
+.collapse.in {
+	display: block;
+}
+.plus-icon {
+	position: relative;
+	display: block;
+	height: 16px;
+	width: 16px;
+}
+.plus-icon span {
+	position: absolute;
+	display: block;
+	background-color: #6d7073;
+	-webkit-transition: all ease-in .15s;
+	-moz-transition: all ease-in .15s;
+	-ms-transition: all ease-in .15s;
+	-o-transition: all ease-in .15s;
+	transition: all ease-in .15s;
+}
+.plus-icon span:first-child {
+	top: 7px;
+	height: 2px;
+	width: 16px;
+}
+.plus-icon span:last-child {
+	left: 7px;
+	height: 16px;
+	width: 2px;
+}
+
+/* 4.4 Component: Code */
+
+.code {
+	position: relative;
+}
+.code-title {
+	position: absolute;
+	top: 20px;
+	left: 20px;
+	margin: 0;
+	color: #616366;
+	font-size:16px;
+}
+.code pre {
+	padding-top: 50px;
+}
+.code pre code {
+	float: left;
+}
+
+/* 4.4 Component: Table */
+
+.table {
+  font-size: 0.9rem;
+  font-weight: 800;
+}
+.table small {
+		padding-top: 4px;
+		display: block;
+}
+.table b {
+		color: #2b3033;
+}
+.table > thead > tr > th:first-child,
+.table > tbody > tr > td:first-child,
+.table > tfoot > tr > td:first-child {
+	padding-left: 5px;
+}
+.table > thead > tr > th:last-child,
+.table > tbody > tr > td:last-child,
+.table > tfoot > tr > td:last-child {
+	padding-right: 5px;
+}
+.table .cell-actions .btn > i{
+		font-size: 24px;
+}
+.table .flag-sm {
+	margin-right: 10px;
+	vertical-align: sub;
+}
+
+.table-ondark {
+  color: #fff;
+}
+.table-ondark > thead > tr > th,
+.table-ondark > tbody > tr > td {
+  border-color: rgba(255,255,255, 0.1);
+}
+
+/* 4.5 Component: Coupon */
+
+.panel-coupon {
+  position: relative;
+  padding-right: 200px;
+  border-color: #1e88e5;
+  border-style: dashed;
+  -webkit-border-radius: 10px;
+  border-radius: 10px;
+}
+.panel-coupon:hover {
+  border-color: #3ba3ff;
+}
+.panel-coupon:hover .coupon-discount {
+  background-color: #3ba3ff;
+}
+.coupon-discount {
+  position: absolute;
+  right: -1px;
+  top: -1px;
+  bottom: -1px;
+  width: 200px;
+  padding: 24px;
+  background: #1e88e5;
+  -webkit-border-radius: 0 10px 10px 0;
+  border-radius: 0 10px 10px 0;
+  text-align: center;
+  -webkit-transition: all ease-in .15s;
+  transition: all ease-in .15s;
+}
+.coupon-discount span {
+  position: absolute;
+  right: 0;
+  left: 0;
+  top: 50%;
+  display: block;
+  margin: -10px 0;
+  color: #fff;
+  font-weight: bold;
+  font-size: 16px;
+}
+.coupon-discount span:hover {
+  color: #fff;
+}
+.coupon-desc {
+  padding: 40px;
+}
+.coupon-desc .display-2 {
+  margin-bottom: 24px;
+}
+.coupon-desc p {
+  margin-bottom: 0;
+}
+
+/* 4.3 Component: Glyphs */
+
+#logo-glyphs .panel {
+  height: 155px;
+  vertical-align: middle;
+}
+#logo-glyphs .panel img {
+
+}
+.inline-helper {
+  display: inline-block;
+  height: 100%;
+  vertical-align: middle;
+}
+.download-links {
+  margin-top: -5px;
+  text-align: center;
+}
+.download-links .link {
+  margin: 0 5px;
+}
+#brand-banners h3 {
+  color: #fff;
+}
+#brand-banners .banners {
+  text-align: left;
+}
+#brand-banners .banners ul {
+  width: 100%;
+}
+#brand-banners .banners ul > li {
+  float: none;
+  display: block;
+  margin-bottom: 40px;
+}
+#brand-banners .banners ul > li img {
+  max-width: 100%;
+}
+#brand-banners .banners ul > li:last-child {
+  margin: 0;
+}
+#brand-banners .banner-img {
+  display: inline-block;
+  margin-bottom: 20px;
+  -webkit-box-shadow: 0 5px 30px rgba(0,0,0, 0.3);
+  box-shadow: 0 5px 30px rgba(0,0,0, 0.3);
+}
+#brand-banners .banner-link {
+  display: block;
+  color: rgba(255, 255, 255, 0.4);
+}
+#brand-banners .banner-link > i {
+  margin-right: 16px;
+  font-size: 19px;
+}
+#brand-banners .banner-link:hover {
+  color: #fff;
+}
+#brand-banners .banner-img:focus,
+#brand-banners .banner-link:focus {
+  outline: none;
+}
+@media (max-width: 767px) {
+  .download-links {
+    margin-bottom: 20px;
+  }
+}
+
+/* 4.2 Component: Date Time */
+
+.date-time-field span {
+  position: absolute;
+  top: 50%;
+  right: -3px;
+  margin-top: -12px;
+  line-height: 24px;
+}
+.date-time-field .form-control {
+  padding-left: 15px;
+  padding-right: 15px;
+}
+.date-time-field .form-control[type="number"] {
+  padding-right: 0;
+}
+.panel-blue-gradient.panel-block .date-time-field .label-floatlabel {
+   left: 15px!important;
+}
+@media (max-width: 767px) {
+  .date-time-field .col-xs-4 {
+    margin-bottom: 15px;
+  }
+}
+.date-time-switcher {
+  margin: -10px 0 30px;
+  line-height: 36px;
+}
+.date-time-switcher .btn {
+  position: absolute;
+  top: 0;
+  right: -18px;
+  z-index: 999;
+}
+.date-time-switcher [class*="col-"]:first-child {
+  padding-right: 40px;
+}
+.date-time-switcher [class*="col-"]:last-child {
+  padding-left: 40px;
+}
+
+/* -------------------------------
+   5.0 Images
+------------------------------- */
+
+/* 5.1 Image: Bird One Click Apps */
+
+.image-apps {
+	position: relative;
+	display: inline-block;
+	height: 316px;
+	width: 316px;
+}
+.image-apps .bird {
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	margin: -100px 0 0 -100px;
+}
+.apps-circle {
+	height: 316px;
+	width: 316px;
+	border: 2px solid rgba(255,255,255, 0.2);
+	-webkit-border-radius: 200px;
+	border-radius: 200px;
+	-webkit-animation-duration: 20s;
+	animation-duration: 20s;
+	-webkit-animation-fill-mode: both;
+	animation-fill-mode: both;
+	-webkit-animation-iteration-count: infinite;
+  -webkit-animation-timing-function: linear;
+  -moz-animation-iteration-count: infinite;
+  -moz-animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+}
+.apps-circle .icon {
+	position: absolute;
+	display: block;
+	height: 62px;
+	width: 62px;
+	margin: -31px 0 0 -31px;
+	background: #fff;
+	-webkit-border-radius: 36px;
+	border-radius: 36px;
+	font-size: 28px;
+	line-height: 62px;
+	text-align: center;
+	-webkit-animation-duration: 20s;
+	animation-duration: 20s;
+	-webkit-animation-fill-mode: both;
+	animation-fill-mode: both;
+	-webkit-animation-iteration-count: infinite;
+  -webkit-animation-timing-function: linear;
+  -moz-animation-iteration-count: infinite;
+  -moz-animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+}
+.apps-circle .icon-lemp {
+	top: 50%;
+	left: 0;
+}
+.apps-circle .icon-wordpress {
+	top: 15%;
+	left: 15%;
+}
+.apps-circle .icon-minecraft {
+	top: 0%;
+	left: 50%;
+}
+.apps-circle .icon-webmin {
+	top: 15%;
+	left: 85%;
+}
+.apps-circle .icon-owncloud {
+	top: 50%;
+	left: 100%;
+}
+.apps-circle .icon-openvpn {
+	top: 85%;
+	left: 85%;
+}
+.apps-circle .icon-cpanel {
+	top: 100%;
+	left: 50%;
+}
+.apps-circle .icon-drupal {
+	top: 85%;
+	left: 15%;
+}
+@media (max-width: 991px) {
+	.image-apps .bird {
+		height: 160px;
+		width: 160px;
+		margin: -80px 0 0 -80px;
+	}
+	.image-apps,
+	.image-apps .apps-circle {
+		height: 266px;
+		width: 266px;
+	}
+}
+
+/* 5.2.1 Resposive Devices: Browser */
+
+.browser {
+	position: relative;
+	z-index: 2;
+	padding: 36px 10px 10px 10px;
+	margin: 0 auto;
+	background-color: #39444d;
+	border-radius: 6px;
+	overflow: hidden;
+}
+.browser-xlg {
+	height: 634px;
+}
+.browser-header {
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 36px;
+	width: 100%;
+	padding: 8px 35px 8px 55px;
+}
+.browser-buttons {
+	position: absolute;
+	left: 0;
+	top: 0;
+	float: left;
+	padding: 6px 10px;
+}
+.browser-buttons span {
+	display: inline-block;
+	height: 8px;
+	width: 8px;
+	margin: 0 5px 0 0;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+}
+.browser-buttons span:nth-child(1) {
+	background-color: #d74645;
+}
+.browser-buttons span:nth-child(2) {
+	background-color: #d7c045;
+}
+.browser-buttons span:nth-child(3) {
+	background-color: #43ab9b;
+}
+.browser-bar {
+	width: 100%;
+	height: 20px;
+	background-color: #2d363d;
+	-webkit-border-radius: 2px;
+	-moz-border-radius: 2px;
+	border-radius: 2px;
+}
+.browser-menu {
+	position: absolute;
+	right: 0;
+	top: 0;
+	padding: 14px 10px;
+}
+.browser-menu span {
+	display: block;
+	height: 1px;
+	width: 16px;
+	margin: 0 0 3px 0;
+	background-color: #2d363d;
+}
+.browser-body {
+  position: relative;
+	height: 100%;
+	width: 100%;
+	background-color: #fff;
+  overflow: hidden;
+}
+.browser-shadow,
+.phone-shadow {
+	position: absolute;
+	top: 0;
+	right: 0;
+	height: 100%;
+	width: 50%;
+	background-color: rgba(0,0,0, .05)
+}
+.browser-app-logo {
+  height: 280px;
+	background: #026FCE;
+	background: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -ms-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -moz-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -o-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -webkit-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+}
+.browser-app-logo > i {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: -76px 0 0 -56px;
+  color: #fff;
+  font-size: 112px;
+}
+.browser-app-logo > span {
+  position: absolute;
+  top: 50%;
+  display: block;
+  width: 100%;
+  margin-top: 56px;
+  color: #fff;
+  font-size: 16px;
+  font-weight: 500;
+  text-align: center;
+}
+
+/* 5.2.2 Resposive Devices: Phone */
+
+.phone {
+	background-color: #333d45;
+}
+.phone-xlg {
+	height: 445px;
+	width: 215px;
+	padding: 50px 10px;
+	-webkit-border-radius: 30px;
+	-moz-border-radius: 30px;
+	border-radius: 30px;
+}
+.phone-header {
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 50px;
+	width: 100%;
+}
+.phone-body {
+  position: relative;
+	height: 100%;
+	width: 100%;
+	background-color: #fff;
+  overflow: hidden;
+}
+.phone-speaker {
+	height: 3px;
+	width: 40px;
+	margin: 23px auto;
+	background-color: #22292e;
+	-webkit-border-radius: 2px;
+	-moz-border-radius: 2px;
+	border-radius: 2px;
+}
+.phone-footer {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	height: 50px;
+	width: 100%;
+}
+.phone-btn {
+	height: 34px;
+	width: 34px;
+	margin: 8px auto;
+	background-color: #22292e;
+	-webkit-border-radius: 100%;
+	-moz-border-radius: 100%;
+	border-radius: 100%;
+}
+@media (max-width: 1199px) {
+	.phone-xlg {
+		height: 405px;
+		width: 200px;
+	}
+}
+
+/* 5.3 Image: Storage How it works */
+
+.image-storage-how {
+	height: 240px;
+	width: 480px;
+}
+.image-storage-how span {
+	position: absolute;
+	z-index: 2;
+}
+.image-storage-how .computer-screen {
+	left: 30px;
+}
+.image-storage-how .file-mobile {
+	top: 95px;
+	left: 0;
+}
+.image-storage-how .file {
+	bottom: 0;
+	left: 50px;
+}
+.image-storage-how .server {
+	top: 60px;
+	right: 140px;
+}
+.image-storage-how .line-screen-top {
+	bottom: 170px;
+	right: 188px;
+	height: 0;
+	-webkit-transition-delay: 1s;
+	transition-delay: 1s;
+}
+.image-storage-how .line-screen {
+	top: 30px;
+	right: 188px;
+	width: 0;
+	-webkit-transition-delay: 1.3s;
+	transition-delay: 1.3s;
+}
+.image-storage-how .line-mobile {
+	top: 120px;
+	right: 230px;
+	width: 0;
+	-webkit-transition-delay: 1.6s;
+	transition-delay: 1.6s;
+}
+.image-storage-how .line-file-bottom {
+	top: 172px;
+	right: 188px;
+	height: 0;
+	-webkit-transition-delay: 1.9s;
+	transition-delay: 1.9s;
+}
+.image-storage-how .line-file {
+	bottom: 34px;
+	right: 188px;
+	width: 0;
+	-webkit-transition-delay: 2.2s;
+	transition-delay: 2.2s;
+}
+@media (max-width: 991px) {
+	.image-storage-how {
+		margin-top: 35px;
+	}
+	.image-storage-how .server-lines {
+		display: none;
+	}
+}
+/* 5.3.1 Image Storage: Animations */
+
+.image-storage-how.animated .file,
+.image-storage-how.animated .file-mobile,
+.image-storage-how.animated .computer-screen {
+  -webkit-animation-name: fadeInLeft;
+  animation-name: fadeInLeft;
+}
+.image-storage-how.animated .server {
+  -webkit-animation-name: fadeInRight;
+  animation-name: fadeInRight;
+}
+.image-storage-how.animated .line-mobile {
+	width: 220px;
+}
+.image-storage-how.animated .line-screen-top {
+	height: 38px;
+}
+.image-storage-how.animated .line-file-bottom {
+	height: 32px;
+}
+.image-storage-how.animated .line-file {
+	width: 190px;
+}
+.image-storage-how.animated .line-screen {
+	width: 164px;
+}
+
+.computer-screen {
+	height: 81px;
+	width: 98px;
+	background: url(../img/section/screen.svg) no-repeat 0 0;
+	background-size: cover;
+}
+.computer-screen-md {
+	height: 213px;
+	width: 258px;
+}
+.computer-screen-lg {
+	height: 242px;
+	width: 294px;
+}
+@media (max-width: 991px) {
+	.computer-screen-lg {
+		height: 213px;
+		width: 258px;
+	}
+}
+.file-mobile {
+	height: 50px;
+	width: 31px;
+	background: url(../img/section/file-mobile.svg) no-repeat 0 0;
+}
+.file {
+	height: 68px;
+	width: 52px;
+	background: url(../img/section/file.svg) no-repeat 0 0;
+}
+.file-sm {
+	height: 34px;
+	width: 26px;
+	background: url(../img/section/file.svg) no-repeat 0 0;
+}
+.line {
+	position: absolute;
+	z-index: 1!important;
+	-webkit-transition: linear all .3s;
+	transition: linear all .3s;
+}
+
+/* 5.4 Image: Instant deployment */
+
+@media (min-width: 768px) and (max-width: 991px) {
+	.image-intstant-deployment {
+		margin-top: 85px;
+	}
+}
+@media (min-width: 768px) and (max-width: 991px) {
+	.storage-deployment {
+		margin-top: 85px;
+	}
+}
+
+/* 5.5 Image: Active In Sec */
+
+.image-active-in-sec {
+	height: 200px;
+	width: 530px;
+}
+.image-active-in-sec .stop-watch {
+	position: absolute;
+	z-index: 2;
+}
+.image-active-in-sec .arrow-right {
+	position: absolute;
+	top: 100px;
+	right: 120px;
+	color: #f09e24;
+	font-size: 39px;
+}
+@media (max-width: 1199px) {
+	.image-active-in-sec {
+		width: 440px;
+	}
+}
+@media (min-width: 992px) {
+	.image-active-in-sec .stop-watch {
+		right: 180px;
+		top: 0;
+	}
+	.image-active-in-sec .server {
+		position: absolute;
+		top: 60px;
+		right: 0;
+	}
+}
+@media (max-width: 991px) {
+	.image-active-in-sec {
+		width: 200px;
+		margin-top: 35px;
+	}
+	.image-active-in-sec .stop-watch-lines {
+		display: none!important;
+	}
+	.image-active-in-sec .server {
+		height: 168px;
+		width: 135px;
+	}
+	.image-active-in-sec .stop-watch {
+		right: 0;
+		bottom: 0;
+		height: 140px;
+		width: 112px;
+	}
+	.image-active-in-sec .stop-watch .stop-watch-hand {
+		top: 38px;
+		right: 8px;
+		height: 96px;
+		width: 96px;
+	}
+	.image-active-in-sec .stop-watch .stop-watch-hand:before {
+		top: -2px;
+		height: 57px;
+		width: 10px;
+		margin: 0 0 0 -5px;
+	}
+}
+@media (max-width: 767px) {
+	.image-active-in-sec {
+		margin-top: -30px;
+		margin-bottom: -15px;
+ 		-webkit-transform: scale(0.7);
+ 				transform: scale(0.7);
+	}
+}
+
+.stop-watch {
+	height: 200px;
+	width: 160px;
+	background: url(../img/section/stop-watch.svg);
+}
+.stop-watch-sm {
+	height: 140px;
+	width: 112px;
+}
+.stop-watch .stop-watch-hand {
+	position: absolute;
+	top: 53px;
+	right: 12px;
+	height: 136px;
+	width: 136px;
+}
+.stop-watch-sm .stop-watch-hand {
+	top: 38px;
+	right: 8px;
+	height: 96px;
+	width: 96px;
+}
+.stop-watch-sm .stop-watch-hand:before {
+	top: -2px;
+	height: 57px;
+	width: 10px;
+	margin: 0 0 0 -5px;
+}
+.stop-watch-hand:before {
+	position: absolute;
+	top: -3px;
+	left: 50%;
+	display: block;
+	content: "";
+	height: 82px;
+	width: 14px;
+	margin: 0 0 0 -7px;
+	background: url(../img/section/stop-watch-hand.svg);
+}
+.stop-watch-lines {
+	position: absolute;
+	left: -190px;
+	top: 88px;
+	height: 63px;
+	width: 176px;
+	background: url(../img/section/stop-watch-lines.svg);
+}
+.server {
+	position: relative;
+	height: 112px;
+	width: 90px;
+	background: url(../img/section/server.svg);
+}
+.server-md {
+	height: 184px;
+	width: 148px;
+}
+.server-lg {
+	height: 224px;
+	width: 180px;
+}
+.server-lines {
+	position: absolute;
+	right: -180px;
+	top: 25px;
+	height: 63px;
+	width: 161px;
+	background: url(../img/section/server-lines.svg);
+}
+
+/* IMAGE: Advanced Networking */
+
+.image-advanced-networking {
+	height: 230px;
+	width: 500px;
+}
+.image-advanced-networking .globe {
+	position: relative;
+	margin: 0 auto;
+}
+.image-advanced-networking .circle {
+	position: absolute;
+}
+.image-advanced-networking .circle span {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	color: #fff;
+	font-size: 18px;
+	font-weight: bold;
+	line-height: 60px;
+	text-align: center;
+}
+.image-advanced-networking .line-v4,
+.image-advanced-networking .line-v6 {
+	-webkit-transition: linear all .3s .5s;
+	transition: linear all .3s .5s;
+}
+.image-advanced-networking .line-v4 {
+	position: absolute;
+	top: 112px;
+	left: 64px;
+	width: 0;
+}
+.image-advanced-networking .line-v6 {
+	position: absolute;
+	top: 64px;
+	right: 64px;
+	width: 0;
+}
+.image-advanced-networking .line-v6.animated {
+	width: 92px;
+}
+.image-advanced-networking .line-v4.animated {
+	width: 62px;
+}
+.image-advanced-networking .circle-v4 {
+	top: 82px;
+	left: 0;
+}
+.image-advanced-networking .circle-v6 {
+	top: 34px;
+	right: 0;
+}
+@media (max-width: 991px) {
+	.image-advanced-networking {
+		width: 100%;
+    margin-top: 10px;
+	}
+	.image-advanced-networking .line-v4,
+	.image-advanced-networking .line-v6,
+	.image-advanced-networking .circle {
+		display: none!important;
+	}
+}
+@media (max-width: 767px) {
+	.image-advanced-networking {
+		margin-top: -28px;
+		margin-bottom: -10px;
+		-webkit-transform: scale(0.8);
+				transform: scale(0.8);
+	}
+}
+.globe {
+	height: 230px;
+	width: 238px;
+	background: url(../img/section/globe.svg);
+}
+.globe-line {
+	position: absolute;
+	height: 2px;
+	width: 100px;
+}
+.circle {
+	position: relative;
+	background: #3594e8;
+	-webkit-border-radius: 100%;
+	border-radius: 100%;
+	overflow: hidden;
+}
+.circle:before {
+	position: absolute;
+  top: 0;
+  right: 0;
+  z-indes: 1;
+	display: block;
+	height: 100%;
+	width: 50%;
+	background-color: #1e88e5;
+	content: "";
+}
+.circle-orange {
+  background-color: #ffa826;
+}
+.circle-orange:before {
+  background-color: #f09e24;
+}
+.circle.circle-sm {
+	height: 18px;
+	width: 18px;
+}
+.circle.circle-lg {
+	height: 60px;
+	width: 60px;
+}
+.circle-xlg {
+  height: 140px;
+  width: 140px;
+}
+
+/* IMAGE: Bird */
+
+.image-vultr-faster {
+	height: 128px;
+	width: 320px;
+}
+.image-vultr-faster-lg {
+	height: 256px;
+	width: 460px;
+}
+@media (max-width: 991px) {
+	.image-vultr-faster-lg {
+		height: 220px;
+		width: 266px;
+	}
+}
+@media (max-width: 767px) {
+	.image-vultr-faster {
+		width: 128px;
+	}
+}
+.bird-fast {
+	position: relative;
+	height: 128px;
+	width: 128px;
+	background-image: url(../img/section/bird-fast.svg);
+	background-size: cover;
+}
+.bird-fast-lines {
+	position: absolute;
+	right: -202px;
+	top: 45px;
+	height: 63px;
+	width: 202px;
+	background-image: url(../img/section/bird-fast-lines.svg);
+}
+.bird-fast-lg {
+	height: 256px;
+	width: 256px;
+}
+.bird-fast-sm {
+	height: 62px;
+	width: 62px;
+}
+.bird-fast-lg .bird-fast-lines {
+	top: 90px;
+	right: -404px;
+	height: 126px;
+	width: 404px;
+}
+@media (max-width: 991px) {
+	.bird-fast-lg {
+		height: 220px;
+		width: 220px;
+	}
+	.bird-fast-lg .bird-fast-lines {
+		top: 76px;
+		right: -348px;
+		height: 108px;
+		width: 348px;
+	}
+}
+.image-bird-location {
+	height: 300px;
+	width: 406px;
+	background-image: url(../img/section/bird-location.svg);
+	background-size: cover;
+}
+.image-bird-iso {
+	height: 300px;
+	width: 405px;
+	background-image: url(../img/section/bird-iso.svg);
+	background-size: cover;
+}
+.image-bird-panel {
+	height: 300px;
+	width: 426px;
+	background-image: url(../img/section/bird-panel.svg);
+	background-size: cover;
+}
+.bird {
+	height: 140px;
+	width: 140px;
+	background: url(../img/section/bird.svg);
+	background-size: cover;
+}
+.bird-md {
+	height: 114px;
+	width: 114px;
+}
+.bird-lg {
+	height: 200px;
+	width: 200px;
+}
+.bird-xlg {
+	height: 280px;
+	width: 280px;
+}
+.lanch-flag {
+  display: block;
+	height: 114px;
+	width: 66px;
+	background: url(../img/section/flag.svg);
+	background-size: cover;
+}
+@media (max-width: 991px) {
+	.image-bird-location {
+		height: 220px;
+		width: 298px;
+	}
+}
+
+/* IMAGE: Vultr Team */
+
+.image-vultr-team {
+  position: relative;
+  height: 362px;
+  width: 400px;
+}
+.image-vultr-team span {
+  position: absolute;
+}
+.image-vultr-team span:nth-child(1) {
+  top: 122px;
+  left: 0;
+}
+.image-vultr-team span:nth-child(2) {
+  top: 242px;
+  left: 184px;
+}
+.image-vultr-team span:nth-child(3) {
+  bottom: 0;
+  right: 0;
+}
+.image-vultr-team span:nth-child(4) {
+  top: 62px;
+  left: 104px;
+}
+.image-vultr-team span:nth-child(5) {
+  top: 0;
+  left: 190px;
+}
+
+/* IMAGE: Vultr Lanch */
+
+.image-vultr-lanch {
+  position: relative;
+  height: 114px;
+  width: 128px;
+  margin: 0 auto;
+}
+.image-vultr-lanch .bird {
+  float: right;
+}
+.image-vultr-lanch .lanch-flag {
+  margin-left: -40px;
+}
+
+/* IMAGE: Upload ISO */
+
+.image-iso-upload {
+	width: 350px;
+	padding-top: 60px;
+}
+.image-iso-upload:after {
+	display: block;
+	content: "";
+	clear: both;
+}
+.image-iso-upload .upload-field {
+	float: left;
+}
+.image-iso-upload .disc {
+	position: absolute;
+	top: 0;
+	right: 0;
+}
+.upload-field {
+	height: 217px;
+	width: 278px;
+	border: 2px dashed #1e88e6;
+	-webkit-border-radius: 4px;
+			border-radius: 4px;
+}
+.upload-field .image-label {
+	margin-top: 66px;
+}
+@media (max-width: 991px) {
+	.image-iso-upload {
+		width: 300px;
+	}
+	.upload-field {
+		width: 258px;
+	}
+}
+@media (max-width: 767px) {
+	.image-iso-upload {
+		margin-top: -28px;
+		margin-bottom: -15px;
+		-webkit-transform: scale(0.8);
+				transform: scale(0.8);
+	}
+}
+.image-label {
+	height: 80px;
+	width: 100px;
+	margin: 0 auto;
+	text-align: center;
+}
+.image-label .icon {
+	margin: 0 0 10px 0;
+	color: #babcbf;
+	font-size: 52px;
+}
+.image-label span {
+	color: #babcbf;
+	font-size: 15px;
+}
+.disc {
+	height: 120px;
+	width: 120px;
+	background-image: url(../img/section/disc.svg);
+}
+.disc-label {
+	position: absolute;
+	bottom: 0;
+	left: 50%;
+	height: 32px;
+	width: 64px;
+	margin: 0 0 0 -32px;
+	background-color: #39444d;
+	color: #fff;
+	font-size: 21px;
+	font-weight: bold;
+	text-align: center;
+	line-height: 32px;
+	-webkit-border-radius: 3px;
+			border-radius: 3px;
+}
+
+/* IMAGE: ISO Snapshot */
+
+.image-iso-snapshot {
+	height: 217px;
+	width: 278px;
+  margin-top: 45px;
+}
+.image-iso-snapshot .server,
+.image-iso-snapshot .disc {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	z-index: 2;
+	margin: -60px 0 0 -60px;
+}
+.image-iso-snapshot .server {
+	margin: -56px 0 0 -45px;
+}
+.snapshot {
+	height: 217px;
+	width: 278px;
+	background-image: url(../img/section/snapshot.svg);
+}
+@media (max-width: 991px) {
+	.image-iso-snapshot {
+		margin-top: 25px;
+		margin-bottom: 25px;
+	}
+}
+@media (max-width: 767px) {
+	.image-iso-snapshot {
+		margin-top: -22px;
+		margin-bottom: -5px;
+		-webkit-transform: scale(0.8);
+				transform: scale(0.8);
+	}
+}
+
+/* IMAGE: Restore System */
+
+.image-system-restore {
+	width: 350px;
+	padding-top: 35px;
+}
+.image-system-restore:after {
+	display: block;
+	content: "";
+	clear: both;
+}
+.image-system-restore .computer-screen {
+	float: left;
+}
+.image-system-restore .folder-restore {
+	position: absolute;
+	top: 0;
+	right: 0;
+}
+.image-system-restore .image-label {
+	margin-top: 58px;
+	text-align: center;
+}
+.screen-label span {
+	color: #babcbf;
+	font-size: 16px;
+}
+.folder-restore {
+	height: 100px;
+	width: 120px;
+	background-image: url(../img/section/folder-restore.svg);
+}
+@media (min-width: 768px) and (max-width: 991px) {
+	.image-system-restore {
+		margin-top: 35px;
+	}
+}
+@media (max-width: 991px) {
+	.image-system-restore {
+		width: 300px;
+	}
+	.image-system-restore .image-label {
+		margin-top: 42px;
+	}
+}
+@media (max-width: 767px) {
+	.image-system-restore {
+		margin-top: -28px;
+		margin-bottom: -10px;
+		-webkit-transform: scale(0.8);
+				transform: scale(0.8);
+	}
+}
+
+/* IMAGE: Low Latency */
+
+.image-low-latency {
+	width: 332px;
+  margin: 12px 0 5px;
+}
+.image-low-latency .stop-watch {
+	position: absolute;
+	right: 0;
+	bottom: 0;
+}
+.image-low-latency .computer-screen {
+	position: relative;
+}
+.image-low-latency .computer-screen .browser-website {
+	position: absolute;
+	top: 10px;
+	left: 10px;
+}
+@media (min-width: 768px) and (max-width: 1199px) {
+	.image-low-latency {
+		margin-top: 25px;
+	}
+}
+@media (max-width: 991px) {
+	.image-low-latency {
+		width: 309px;
+	}
+}
+@media (max-width: 767px) {
+	.image-low-latency {
+		margin-top: -22px;
+		margin-bottom: -22px;
+		-webkit-transform: scale(0.8);
+		transform: scale(0.8);
+	}
+}
+.browser-website {
+	height: 175px;
+	width: 273px;
+	background-image: url(../img/section/browser.svg);
+}
+.browser-analytics {
+  float: left;
+  margin: 10px;
+	height: 175px;
+	width: 273px;
+	background-image: url(../img/section/browser-analytics.svg);
+}
+@media (min-width: 992px) {
+  .page-banner .image-shadow {
+    -webkit-filter: drop-shadow( 0 10px 25px rgba(11,27,38, 0.4));
+    filter: drop-shadow( 0 10px 25px rgba(11,27,38, 0.4));
+    -webkit-transform: translate3d(0, 0, 0);
+  }
+  .image-shadow {
+    -webkit-filter: drop-shadow( 0 10px 15px rgba(11,27,38, 0.3));
+    filter: drop-shadow( 0 10px 15px rgba(11,27,38, 0.3));
+    -webkit-transform: translate3d(0, 0, 0);
+  }
+  .image-shadow-sm {
+    -webkit-filter: drop-shadow( 0 5px 10px rgba(11,27,38, 0.2));
+    filter: drop-shadow( 0 px 10px rgba(11,27,38, 0.2));
+    -webkit-transform: translate3d(0, 0, 0);
+  }
+}
+@media (max-width: 991px) {
+	.browser-website {
+		height: 152px;
+		width: 239px;
+	}
+}
+
+/* IMAGE: Local Peering */
+
+.image-local-peering .user {
+	position: absolute;
+	bottom: 20px;
+	left: 50%;
+	margin: 0 0 0 -67px;
+	z-index: 5;
+}
+.image-local-peering .map-lines {
+	position: absolute;
+	top: 18px;
+	left: 67px;
+	z-index: 4;
+}
+@media (max-width: 991px) {
+	.image-local-peering {
+		height: 200px;
+		width: 345px;
+		margin-top: 35px;
+	}
+	.image-local-peering .user {
+		bottom: 0;
+	}
+}
+@media (max-width: 767px) {
+	.image-local-peering {
+		height: 260px;
+		width: 100%;
+		margin-top: -40px;
+		margin-bottom: -40px;
+		-webkit-transform: scale(0.7);
+		transform: scale(0.7);
+	}
+	.image-local-peering .location-map-sm {
+		height: 260px;
+	}
+	.image-local-peering .location-map-sm .location-container {
+		-webkit-transform: scale(1);
+		transform: scale(1);
+	}
+}
+.user {
+	height: 130px;
+	width: 134px;
+	background-image: url(../img/section/user.svg);
+}
+.user-sm {
+	height: 65px;
+	width: 67px;
+}
+.user-xs {
+	height: 45px;
+	width: 47px;
+}
+.map-lines {
+	height: 196px;
+	width: 420px;
+	background-image: url(../img/section/peering-lines.svg);
+}
+
+/* IMAGE: Fast Network */
+
+.image-fast-network {
+	height: 200px;
+	width: 450px;
+  margin: 12px 0 5px;
+}
+.image-fast-network .speedometer {
+	position: relative;
+	z-index: 2;
+	margin: 0 auto;
+}
+.image-fast-network .location-pin {
+	position: absolute;
+	top: 90px;
+}
+.image-fast-network .location-pin-left {
+	left: 0;
+}
+.image-fast-network .location-pin-right {
+	right: 0;
+}
+.image-fast-network .line-dashed-x {
+	position: absolute;
+	top: 50%;
+	left: 0;
+	z-index: 1;
+	width: 100%;
+}
+@media (max-width: 991px) {
+	.image-fast-network {
+		width: 100%;
+	}
+}
+@media (max-width: 767px) {
+	.image-fast-network {
+		margin-top: -22px;
+		margin-bottom: -22px;
+		-webkit-transform: scale(0.8);
+				transform: scale(0.8);
+	}
+}
+.speedometer {
+	height: 200px;
+	width: 200px;
+	background-image: url(../img/section/speedometer.svg);
+}
+.speedometer-hand {
+	height: 200px;
+	width: 200px;
+	background-image: url(../img/section/speedometer-hand.svg);
+}
+.speedometer-sm {
+	height: 130px;
+	width: 130px;
+	background-image: url(../img/section/speedometer.svg);
+}
+.speedometer-sm .speedometer-hand {
+	height: 130px;
+	width: 130px;
+	background-image: url(../img/section/speedometer-hand.svg);
+}
+.line-dashed-x {
+	height: 0;
+	border-bottom: 2px dashed #1e88e5;
+}
+.line-dashed-y {
+	width: 0;
+	border-right: 2px dashed #1e88e5;
+}
+
+/* IMAGE: Server present */
+
+.present {
+  position: relative;
+  padding-top: 100px
+}
+.present-top {
+  position: relative;
+  z-index: 3;
+  height: 48px;
+  width: 268px;
+  margin-bottom: -10px;
+  background: #4fb3ff;
+  -webkit-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-box-shadow: 0 5px 30px -5px rgba(11,27,38, 0.3);
+  box-shadow: 0 5px 30px -5px rgba(11,27,38, 0.3);
+  -webkit-transform: rotate(0deg);
+  transform: rotate(0deg);
+  -webkit-transform-origin: 80% 160%;
+  transform-origin: 80% 160%;
+  -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 3s 1s;
+  transition: all cubic-bezier(0.23, 1, 0.32, 1) 3s 1s;
+}
+.present-top:after {
+  position: absolute;
+  top: -69px;
+  left: 50%;
+  display: block;
+  content: "";
+  height: 70px;
+  width: 146px;
+  margin-left: -73px;
+  background: url(../img/section/present-sash.svg);
+}
+.present.animated .present-top {
+  -webkit-transform: rotate(70deg);
+  transform: rotate(70deg);
+}
+.present-bottom {
+  position: relative;
+  z-index: 2;
+  height: 164px;
+  width: 252px;
+  margin: 0 8px;
+  background: #45a3ff;
+  -webkit-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-box-shadow: 0 5px 30px -5px rgba(11,27,38, 0.3);
+  box-shadow: 0 5px 30px -5px rgba(11,27,38, 0.3);
+}
+.present-body {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+.present-bottom span,
+.present-top span {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  display: block;
+  content: "";
+  height: 100%;
+  width: 24px;
+  margin-left: -12px;
+  background: #fff;
+}
+.present-bottom span:after,
+.present-top span:after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: block;
+  content: "";
+  height: 100%;
+  width: 12px;
+  background: #e6edf0;
+}
+.present-bottom:before,
+.present-top:before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: block;
+  content: "";
+  height: 100%;
+  width: 50%;
+  -webkit-border-radius: 6px;
+  border-radius: 6px;
+}
+.present-top:before {
+  background: #469ff2;
+}
+.present-bottom:before {
+  background: #3a95f0;
+}
+.present-body .server {
+  position: absolute;
+  bottom: -60px;
+  left: 50%;
+  margin-left: -90px;
+  -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 3s 1.5s;
+  transition: all cubic-bezier(0.23, 1, 0.32, 1) 3s 1.5s;
+}
+.present.animated .server {
+  bottom: 60px
+}
+
+/* IMAGE: New Users */
+
+.image-new-users {
+  height: 220px;
+  width: 300px;
+}
+.image-new-users .user {
+  position: absolute;
+}
+.image-new-users .user:nth-child(1) {
+  left: 50%;
+  bottom: 0;
+  margin-left: -65px;
+}
+.image-new-users .user:nth-child(2) {
+  top: 70px;
+  left: 0
+}
+.image-new-users .user:nth-child(3) {
+  top: 70px;
+  right: 0;
+}
+.image-new-users .user:nth-child(4) {
+  right: 80px;
+}
+.image-new-users .user:nth-child(5) {
+  left: 80px;
+}
+
+/* IMAGE: No Payment */
+
+
+.image-no-payment {
+    position: relative;
+    height: 220px;
+    width: 254px;
+    margin: 0 auto;
+}
+.image-no-payment .payment-hand {
+  position: absolute;
+  bottom: 0;
+}
+.image-no-payment .payment-coin:nth-child(3) {
+  position: absolute;
+  top: 30px;
+  right: 88px;
+}
+.image-no-payment .payment-coin:nth-child(2) {
+  position: absolute;
+  top: 0;
+  right: 60px;
+  background: #c9ced1;
+}
+.image-no-payment .payment-coin:nth-child(2):before {
+  background: #c1c6c9;
+}
+.image-no-payment .payment-cross:after,
+.image-no-payment .payment-cross:before {
+  opacity: 0;
+  visibility: 1;
+  -webkit-transition: all ease 1s 1.2s;
+  transition: all ease 1s 1.2s;
+}
+.image-no-payment.animated .payment-hand{
+  -webkit-animation-name: zoomIn;
+  animation-name: zoomIn;
+}
+.image-no-payment.animated .payment-coin:nth-child(2),
+.image-no-payment.animated .payment-coin:nth-child(3) {
+  -webkit-animation-name: fadeInTop;
+  animation-name: fadeInTop;
+}
+.image-no-payment.animated .payment-coin:nth-child(2) {
+  -webkit-animation-delay: 0.4s;
+  animation-delay: 0.4s;
+}
+.image-no-payment.animated .payment-coin:nth-child(3) {
+  -webkit-animation-delay: 0.8s;
+  animation-delay: 0.8s;
+}
+.image-no-payment.animated .payment-cross:after,
+.image-no-payment.animated .payment-cross:before {
+  opacity: 1;
+  visibility: visible;
+}
+.image-no-payment.animated .payment-cross:after {
+  -webkit-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+.image-no-payment.animated .payment-cross:before {
+  -webkit-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+.payment-hand {
+  height: 95px;
+  width: 253px;
+  background: url(../img/section/hand.svg);
+}
+.payment-coin {
+  position: relative;
+  height: 80px;
+  width: 80px;
+  background: #dbe2e5;
+  overflow: hidden;
+  -webkit-border-radius: 40px;
+  border-radius: 40px;
+  -webkit-transform: translate3d(0,0,0);
+  transform: translate3d(0,0,0);
+}
+.payment-coin-md {
+  height: 56px;
+  width: 56px;
+}
+.payment-coin:before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: block;
+  content: "";
+  height: 100%;
+  width: 50%;
+  background: #d5dbde;
+}
+.payment-cross {
+  position: relative;
+  height: 250px;
+  width: 10px;
+  margin: 0 auto;
+}
+.payment-cross:before,
+.payment-cross:after {
+  position: absolute;
+  display: block;
+  content: "";
+  height: 100%;
+  width: 6px;
+  background: #f24646;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+}
+
+/* IMAGE: Disk Usage Chart */
+
+.disk-usage {
+   margin-bottom: 25px;
+   text-align: left;
+}
+.disk-usage .display-title {
+  padding-left: 40px;
+  color: rgba(255,255,255, 0.3);
+}
+.disk-usage-chart {
+  position: relative;
+  height: 158px;
+  padding-bottom: 0;
+  padding-left: 40px;
+}
+.duc-data {
+  height: 158px;
+  width: 0;
+  overflow: hidden;
+  -webkit-transition: all linear 5s;
+  transition: all linear 5s;
+}
+.duc-data:after {
+  display: block;
+  content: "";
+  height: 158px;
+  width: 995px;
+  background: url(../img/chart.svg);
+}
+.duc-axis-x,
+.duc-axis-y {
+  position: absolute;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.duc-axis-x > li,
+.duc-axis-y > li {
+  color: rgba(255,255,255, 0.3);
+  font-size: 11px;
+}
+.duc-axis-x:after,
+.duc-axis-y:after {
+  position: absolute;
+  display: block;
+  content: "";
+  background: rgba(255,255,255, 0.3);
+}
+.duc-axis-y {
+  top: 0;
+  left: -20px;
+  height: 100%;
+  width: 60px;
+}
+.duc-axis-y:after {
+  top: 0;
+  right: 0;
+  height: 100%;
+  width: 1px;
+}
+.duc-axis-y > li {
+  height: 20%;
+  padding-right: 16px;
+  text-align: right;
+}
+.duc-axis-x {
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin-left: 40px;
+}
+.duc-axis-x:after {
+  bottom: 0;
+  left: 0;
+  height: 1px;
+  width: 100%;
+}
+.animated .duc-data {
+  width: 100%;
+}
+.duc-data-bar {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 0;
+  margin-left: 40px;
+  overflow: hidden;
+  -webkit-transition: all linear 2s;
+  transition: all linear 2s;
+}
+.duc-data-bar:before {
+  position: absolute;
+  bottom: 0;
+  display: block;
+  content: "";
+  height: 158px;
+  width: 1000px;
+  background: url(../img/bar-chart.svg);
+}
+.animated .duc-data-bar,
+.animated .duc-data-bar-2 {
+  height: 158px;
+}
+.duc-data-bar-2 {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 0;
+  margin-left: 40px;
+  overflow: hidden;
+  -webkit-transition: all linear 2s 1s;
+  transition: all linear 2s 1s;
+}
+.duc-data-bar-2:before {
+  position: absolute;
+  bottom: 0;
+  display: block;
+  content: "";
+  height: 158px;
+  width: 1000px;
+  background: url(../img/bar-chart-2.svg);
+}
+
+
+/* IMAGE: Reliability */
+
+.image-reliability {
+  position: relative;
+  height: 400px;
+  width: 560px;
+  margin: 60px auto 25px;
+}
+.image-reliability .server {
+  position: absolute;
+  z-index: 3;
+}
+.image-reliability .server-lg {
+  left: 50%;
+  margin-left: -90px;
+}
+.image-reliability .server .lock {
+  position: absolute;
+  bottom: -5px;
+  right: -13px;
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform: scale(1.4);
+  transform: scale(1.4);
+  -webkit-transition: all linear .25s 2.5s;
+  transition: all linear .25s 2.5s;
+}
+.image-reliability .server-left {
+  bottom: 100px;
+  left: 0;
+}
+.image-reliability .server-center {
+  bottom: 0;
+  left: 50%;
+  margin-left: -45px;
+}
+.image-reliability .server-right {
+  bottom: 100px;
+  right: 0;
+}
+.image-reliability .line {
+  position: absolute;
+  border-color: rgba(196,227,255, 0.2);
+}
+.image-reliability .line-server-top {
+  left: 45px;
+  z-index: 1;
+  right: 45px;
+  top: 110px;
+}
+.image-reliability .line-server-left {
+  left: 45px;
+  top: 112px;
+  height: 76px;
+}
+.image-reliability .line-server-right {
+  right: 45px;
+  top: 112px;
+  height: 76px;
+}
+.image-reliability .line-server-center {
+  right: 50%;
+  top: 212px;
+  height: 76px;
+}
+.image-reliability .file {
+  position: absolute;
+  z-index: 2;
+  top: 60px;
+  left: 50%;
+  margin-left: -26px;
+  -webkit-transition: all linear 1s;
+  transition: all linear 1s;
+}
+.image-reliability .file-top {
+  -webkit-transform: translateY(-400px);
+  transform: translateY(-400px);
+}
+.image-reliability.animated .server-lg {
+  -webkit-animation: serverZoom .5s 1s;
+  animation: serverZoom .5s 1s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.image-reliability.animated .file-top {
+  -webkit-transform: translateY(50px);
+  transform: translateY(50px);
+}
+.image-reliability.animated .file-left {
+  -webkit-animation: fileLeft1 1s 1s, fileLeft2 .5s 2s;
+  animation: fileLeft1 1s 1s, fileLeft2 .5s 2s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.image-reliability.animated .file-right {
+  -webkit-animation: fileRight1 1s 1s, fileRight2 .5s 2s;
+  animation: fileRight1 1s 1s, fileRight2 .5s 2s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.image-reliability.animated .file-center {
+  -webkit-animation: fileCenter 1s 1.75s;
+  animation: fileCenter 1s 1.75s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.image-reliability.animated .server .lock {
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: scale(1);
+  transform: scale(1);
+}
+.image-reliability.animated .server-center,
+.image-reliability.animated .server-left,
+.image-reliability.animated .server-right {
+  -webkit-animation: serverZoom .5s 2s;
+  animation: serverZoom .5s 2s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+@keyframes serverZoom {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+  50% {
+    -webkit-transform: scale(1.1);
+    transform: scale(1.1);
+  }
+  100% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+@keyframes fileLeft1 {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(-232px, 0, 0);
+    transform: translate3d(-232px, 0, 0);
+  }
+}
+@keyframes fileLeft2 {
+  0% {
+    -webkit-transform: translate3d(-232px, 0, 0);
+    transform: translate3d(-232px, 0, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(-232px, 140px, 0);
+    transform: translate3d(-232px, 140px, 0);
+  }
+}
+@keyframes fileRight1 {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(232px, 0, 0);
+    transform: translate3d(232px, 0, 0);
+  }
+}
+@keyframes fileRight2 {
+  0% {
+    -webkit-transform: translate3d(232px, 0, 0);
+    transform: translate3d(232px, 0, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(232px, 140px, 0);
+    transform: translate3d(232px, 140px, 0);
+  }
+}
+@keyframes fileCenter {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(0, 240px, 0);
+    transform: translate3d(0, 240px, 0);
+  }
+}
+.lock {
+  height: 56px;
+  width: 46px;
+  background: url(../img/section/lock.svg);
+}
+
+/* IMAGE: No Neighbors */
+
+.image-no-neighbors  {
+  position: relative;
+  height: 450px;
+  width: 900px;
+  margin: 60px auto 55px;
+}
+.image-no-neighbors .server {
+  position: absolute;
+  z-index: 3;
+}
+.image-no-neighbors .server-lg {
+  top: 50%;
+  left: 50%;
+  margin: -112px 0 0 -110px;
+ }
+ .image-no-neighbors .server .bird {
+  position: absolute;
+  bottom: -20px;
+  right: -60px;
+  height: 170px;
+  width: 170px;
+ }
+ .image-no-neighbors .users {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  height: 480px;
+  width: 900px;
+  margin: -240px 0 0 -450px;
+}
+ .image-no-neighbors .users-1 {
+  -webkit-transition: all linear 1s 0.4s;
+  transition: all linear 1s 0.4s;
+}
+ .image-no-neighbors .users-2 {
+  -webkit-transition: all linear 1s 1.4s;
+  transition: all linear 1s 1.4s;
+}
+ .image-no-neighbors .users-3 {
+  -webkit-transition: all linear 1s 2.4s;
+  transition: all linear 1s 2.4s;
+}
+ .image-no-neighbors .user {
+  position: absolute;
+ }
+ .image-no-neighbors .user-1 {
+  bottom: 0;
+  left: 0;
+ }
+ .image-no-neighbors .user-2 {
+  top: 0;
+  right: 0;
+ }
+ .image-no-neighbors .user-3 {
+  top: 41%;
+  right: 50px;
+ }
+ .image-no-neighbors .user-4 {
+  bottom: 30%;
+  left: 40px;
+ }
+ .image-no-neighbors .user-5 {
+  top: 80%;
+  right: 20px;
+ }
+ .image-no-neighbors .user-6 {
+  top: 10%;
+  left: 40px;
+ }
+.force-field,
+.force-field:after {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  z-index: 9;
+  display: block;
+  content: "";
+  height: 480px;
+  width: 480px;
+  margin: 0 0 0 -240px;
+	background: linear-gradient(105deg, rgba(196,227,255, 0.5) 0%, rgba(196,227,255, 0) 100%);
+	background-image: -ms-linear-gradient(105deg, rgba(196,227,255, 0.5) 0%, rgba(196,227,255, 0) 100%);
+	background-image: -moz-linear-gradient(105deg, rgba(196,227,255, 0.5) 0%, rgba(196,227,255, 0) 100%);
+	background-image: -o-linear-gradient(105deg, rgba(196,227,255, 0.5) 0%, rgba(196,227,255, 0) 100%);
+	background-image: -webkit-linear-gradient(105deg, rgba(196,227,255, 0.5) 0%, rgba(196,227,255, 0) 100%);
+	background-image: linear-gradient(105deg, rgba(196,227,255, 0.5) 0%, rgba(196,227,255, 0) 100%);
+  -webkit-border-radius: 100%;
+  border-radius: 100%;
+  box-shadow: 0 0 50px rgba(196,227,255, 0.2) ,0 0 175px rgba(196,227,255, 0.3) inset;
+  -webkit-transition: all linear 2s;
+  transition: all linear 2s;
+}
+.image-no-neighbors.animated .force-field:after {
+  -webkit-animation: forceZoom 2s, forceZoom 2s 1s, forceZoom 2s 2s;
+  animation: forceZoom 2s, forceZoom 2s 1s, forceZoom 2s 2s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.image-no-neighbors.animated .users  {
+  width: 3000px;
+  height: 3000px;
+  margin: -1500px 0 0 -1500px;
+}
+@keyframes forceZoom {
+  0% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+    opacity: 1;
+  }
+  100% {
+    -webkit-transform: scale3d(5, 5, 5);
+    transform: scale3d(5, 5, 5);
+    opacity: 0;
+  }
+}
+@media (max-width: 991px) {
+  .image-no-neighbors  {
+    width: 100%;
+  }
+}
+@media (max-width: 767px) {
+  .image-no-neighbors  {
+    margin: -130px auto -85px;
+    -webkit-transform: scale3d(0.4, 0.4, 0.4);
+    transform: scale3d(0.4, 0.4, 0.4);
+  }
+}
+
+/* IMAGE: Performance */
+
+.image-performance {
+  position: relative;
+  width: 234px;
+  height: 350px;
+  margin: 60px auto 0;
+}
+.image-performance .ssd {
+  height: 292px;
+  width: 234px;
+  background: url(../img/section/ssd_disk.svg);
+}
+.image-performance .speedometer {
+  position: absolute;
+  right: -100px;
+  bottom: 0;
+}
+
+/* IMAGE: DDos */
+
+.image-high-availability,
+.image-ddos {
+   position: relative;
+   height: 220px;
+   width: 230px;
+   margin: 12px 0 5px;
+}
+.image-high-availability .speedometer,
+.image-ddos .shield {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+}
+.shield {
+  height: 150px;
+  width: 120px;
+  background: url(../img/section/shield.svg);
+}
+
+/* IMAGE: 8 CPUS */
+
+.image-dedicated-cpus {
+  width: 240px;
+  height: 240px;
+}
+.image-dedicated-cpus .cpu,
+.image-dedicated-cpus .cpu-number {
+  float: left;
+  margin: 10px;
+  opacity: 0;
+}
+.image-dedicated-cpus.animated .cpu:nth-child(1) {
+  -webkit-animation: zoomIn .2s 0s;
+  animation: zoomIn .2s 0s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.image-dedicated-cpus.animated .cpu:nth-child(2) {
+  -webkit-animation: zoomIn .2s .1s;
+  animation: zoomIn .2s .1s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.image-dedicated-cpus.animated .cpu:nth-child(3) {
+  -webkit-animation: zoomIn .2s .2s;
+  animation: zoomIn .2s .2s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.image-dedicated-cpus.animated .cpu:nth-child(4) {
+  -webkit-animation: zoomIn .2s .3s;
+  animation: zoomIn .2s .3s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.image-dedicated-cpus.animated .cpu-number {
+  -webkit-animation: zoomIn .2s .4s;
+  animation: zoomIn .2s .4s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.image-dedicated-cpus.animated .cpu:nth-child(6) {
+  -webkit-animation: zoomIn .2s .5s;
+  animation: zoomIn .2s .5s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.image-dedicated-cpus.animated .cpu:nth-child(7) {
+  -webkit-animation: zoomIn .2s .6s;
+  animation: zoomIn .2s .6s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.image-dedicated-cpus.animated .cpu:nth-child(8) {
+  -webkit-animation: zoomIn .2s .7s;
+  animation: zoomIn .2s .7s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.image-dedicated-cpus.animated .cpu:nth-child(9) {
+  -webkit-animation: zoomIn .2s .8s;
+  animation: zoomIn .2s .8s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.cpu-number {
+  height: 57px;
+  width: 57px;
+  color: #363b40;
+  font-size: 46px;
+  font-weight: 500;
+  text-align: center;
+  line-height: 57px;
+}
+.cpu {
+  height: 57px;
+  width: 57px;
+  background: url(../img/section/cpu.svg);
+}
+
+/* IMAGE: Node Uptime  */
+
+.image-node-uptime {
+  position: relative;
+  height: 220px;
+  width: 220px;
+  margin-top: 30px;
+}
+.image-network-uptime {
+  position: relative;
+  height: 240px;
+  width: 300px;
+}
+.image-network-uptime .circle,
+.image-node-uptime .circle {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  text-align: center;
+  -webkit-box-shadow: 0 5px 25px rgba(11,27,38, 0.3);
+  box-shadow: 0 5px 25px rgba(11,27,38, 0.3);
+}
+.image-network-uptime .circle span,
+.image-node-uptime .circle span {
+  position: relative;
+  z-index: 2;
+  display: inline-block;
+  margin: 50px 0 0;
+  color: #fff;
+  font-size: 38px;
+  font-weight: 500;
+}
+.image-network-uptime .circle span small,
+.image-node-uptime .circle span small {
+  display: block;
+  margin-top: 3px;
+  color: rgba(0,0,0, 0.4);
+  font-size: 13px;
+  font-weight: bold;
+  text-transform: none;
+}
+.large-checkmark {
+  display: inline-block;
+  height: 220px;
+  width: 220px;
+  background-color: #25b867;
+  -webkit-border-radius: 150px;
+  border-radius: 150px;
+  -webkit-box-shadow: 0 10px 60px -10px rgba(37,45,51, .5);
+  box-shadow: 0 10px 60px -10px rgba(37,45,51, .5);
+}
+.large-checkmark > i {
+  font-size: 148px;
+  line-height: 220px;
+}
+

serverstatus/web/css/panel.css

@@ -0,0 +1,2013 @@
+.responsive-image .browser {
+	width: 86%;
+	-webkit-box-shadow: 0 10px 60px -10px rgba(37,45,51, .5);
+	box-shadow: 0 10px 60px -10px rgba(37,45,51, .5);
+}
+.responsive-image.desktop-size .browser {
+  min-width: 768px;
+}
+.responsive-image .phone {
+	-webkit-box-shadow: 0 10px 70px -10px rgba(37,45,51, .5);
+	box-shadow: 0 10px 70px -10px rgba(37,45,51, .5);
+}
+.responsive-image .play:after,
+.responsive-image .browser:after,
+.responsive-image .phone:after {
+  display: block;
+  content: "";
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 999;
+  width: 50%;
+  background-color: rgba(0,0,0, 0.05);
+}
+.image-lines {
+  position: absolute;
+  top: 100px;
+  left: -80px;
+  height: 54px;
+  width: 300px;
+  background: url(../img/section/lines.svg);
+}
+.image-lines-right {
+  left: auto;
+  right: -84px;
+}
+@media (max-width: 1199px) {
+	.page-banner-home .responsive-image .phone {
+		left: -30px;
+	}
+}
+@media (max-width: 991px) {
+	.page-banner-home .responsive-image .phone {
+    display: none;
+		left: -20px;
+	}
+  .responsive-image {
+    margin: 0 -24px;
+  }
+  .responsive-image .browser:not(.mobile-size) {
+    min-width: 758px;
+  }
+}
+
+/* 5.2 Image: Resposive Devices */
+
+.responsive-image {
+	position: relative;
+}
+.responsive-image .phone {
+	position: absolute;
+	left: -20px;
+	bottom: -19px;
+	z-index: 3;
+	overflow: hidden;
+}
+
+.play {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1001;
+  cursor: pointer;
+	background: #026FCE;
+	background: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -ms-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -moz-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -o-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -webkit-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	-webkit-transition: all .25s ease-in-out;
+	-moz-transition: all .25s ease-in-out;
+	transition: all .25s ease-in-out;
+}
+.animated .play {
+  opacity: 0;
+  visibility: hidden;
+}
+.play-btn {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  right: 0;
+  display: inline-block;
+  height: 52px;
+  width: 52px;
+  margin: -26px 0 0 -26px;
+  border: 2px solid rgba(196, 227, 255, 0.8);
+  color: rgba(196, 227, 255, 0.8);
+  font-size: 24px;
+  line-height: 50px;
+  text-align: center;
+  -webkit-border-radius: 100%;
+  border-radius: 100%;
+	-webkit-transition: all .25s ease-in-out;
+	-moz-transition: all .25s ease-in-out;
+	transition: all .25s ease-in-out;
+}
+.play-btn > i {
+  margin-left: 2px;
+}
+.play:hover .play-btn {
+  color: #fff;
+  border-color: #fff;
+}
+.browser .play-btn {
+  display: inline-block;
+  height: 100px;
+  width: 100px;
+  margin: -50px 0 0 -50px;
+  font-size: 42px;
+  line-height: 98px;
+}
+.reponsive-image-types {
+  margin-bottom: 30px;
+  padding: 0;
+  border: none;
+  list-style: none;
+  text-align: center;
+}
+.responsive-image .browser {
+   -webkit-transition: all ease 0.5s;
+}
+
+.mobile-size .mobile-size-hidden {
+	display: none!important;
+}
+/* Control Panel Preview */
+
+.control-panel {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  color: #616366;
+  font-size: 11px;
+  line-height: 15px;
+  text-align: left;
+  visibility: visible!important;
+}
+.control-panel p {
+  margin-bottom: 10px;
+}
+
+/* Control Panel Navigation */
+
+.cp-navbar {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 68px;
+  padding: 24px 0;
+  overflow: hidden;
+}
+.cp-navbar > * {
+	position: relative;
+	z-index: 1;
+}
+.cp-navbar:after {
+	position: absolute;
+	top: 0;
+	left: 0;
+	display: block;
+	content: "";
+	height: 100%;
+	width: 350px;
+	background: #026FCE;
+	background: linear-gradient(80deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -ms-linear-gradient(80deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -moz-linear-gradient(80deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -o-linear-gradient(80deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: -webkit-linear-gradient(80deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+	background-image: linear-gradient(80deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
+}
+.cp-navbar .navbar-header {
+  float: none;
+  margin-bottom: 30px;
+	text-align: center;
+}
+.cp-navbar .navbar-brand {
+	display: inline-block;
+	float: none;
+  height: 32px;
+	width: 32px;
+	background-image: url(../img/section/bird2.html);
+	background-size:32px auto;
+	font-size: 0;
+	line-height: 32px;
+	text-indent: -9999px;
+}
+.cp-navbar .navbar-nav {
+	display: block;
+	width: 68px;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+.cp-navbar .navbar-nav > li {
+  float: none;
+  margin-bottom: 12px;
+}
+.cp-navbar .navbar-nav > li > span {
+	display: block;
+  padding: 6px 0;
+	color: rgba(196, 227, 255, 0.8);
+  font-size: 10px;
+  font-weight: bold;
+	text-align: center;
+  line-height: 16px;
+}
+.cp-navbar .navbar-nav > li.active > span:after {
+  position: absolute;
+  right: -3px;
+  top: 50%;
+  display: block;
+  height: 16px;
+  width: 8px;
+  margin: -8px 0 0 0;
+  content: "\f2f4";
+  color: #fff;
+  font-family: 'Material-Design-Iconic-Font';
+  font-size: 30px;
+  line-height: 16px;
+}
+.cp-navbar .navbar-nav > li > span > i {
+  position: relative;
+	display: block;
+	margin-bottom: 5px;
+	font-size: 17px;
+}
+.desktop-size .navbar-toggle,
+.desktop-size .notification-toggle,
+.tablet-size .notification-toggle,
+.desktop-size .cp-navbar .navbar-logout {
+  display: none;
+}
+.tablet-size .cp-navbar {
+  height: 58px;
+  width: 100%;
+  padding: 12px 0;
+}
+.tablet-size .cp-navbar:after,
+.mobile-size .cp-navbar:after {
+  width: 120%;
+}
+.tablet-size .cp-navbar .navbar-header {
+  float: left;
+  width: auto;
+  padding-left: 18px;
+  padding-right: 6px;
+  margin: 0;
+}
+.tablet-size .cp-navbar .navbar-nav {
+  float: right;
+  width: auto;
+}
+.tablet-size .cp-navbar .navbar-nav > li {
+  float: left;
+  margin: 0;
+}
+.tablet-size .cp-navbar .navbar-nav > li > span {
+  padding: 0 14px;
+}
+.tablet-size .cp-navbar .navbar-nav > li.active > span:after {
+  top: auto;
+  bottom: -10px;
+  right: 50%;
+  height: 8px;
+  width: 16px;
+  margin: 0 -8px 0 0;
+  content: "\f2f8";
+}
+.mobile-size .cp-navbar {
+  height: 38px;
+  width: 100%;
+  padding: 4px 0;
+}
+.mobile-size .cp-navbar .navbar-container {
+  display: none;
+}
+.mobile-size .cp-navbar .navbar {
+  padding: 0 10px;
+}
+.mobile-size .cp-navbar .navbar-header {
+  padding-left: 18px;
+  margin: 0;
+}
+.mobile-size .cp-navbar .navbar-brand {
+  margin-top: -3px;
+  margin-bottom: -3px;
+}
+.mobile-size .cp-navbar .navbar-toggle {
+  display: block;
+  position: absolute;
+  top: 6px;
+  left: 6px;
+  z-index: 3;
+  padding: 5px;
+}
+.mobile-size .cp-navbar .navbar-toggle .icon-bar {
+  height: 1px;
+  width: 14px;
+  background-color: #fff;
+}
+.mobile-size .cp-navbar .navbar-toggle .icon-bar + .icon-bar {
+  margin-top: 3px;
+}
+.mobile-size .cp-navbar .navbar-header .notification-toggle {
+  float: right;
+  padding: 9px 5px;
+}
+.mobile-size .cp-navbar .navbar-header .notification-toggle > i {
+  color: #fff;
+  font-size: 15px;
+}
+
+/* Control Panel Content */
+
+.cp-content .row {
+  margin-left: -5px;
+  margin-right: -5px;
+}
+.cp-content [class*="col-"] {
+  padding-right: 5px;
+  padding-left: 5px;
+}
+.cp-content .h6 {
+  display: block;
+  margin: 0 0 20px 0;
+}
+.cp-content .panel {
+  padding: 14px;
+  margin-bottom: 12px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+}
+.cp-content .tabs-container {
+  margin-bottom: 20px;
+}
+.cp-content .tabs-container > .btn {
+  display: none;
+}
+.cp-content .nav-tabs {
+  margin: 0 -8px;
+  border-bottom: none;
+}
+.cp-content .nav-tabs > li > span {
+  display: inline-block;
+  padding: 10px 1px;
+  margin: 0 8px;
+  line-height: 10px;
+}
+.mobile-size .cp-content {
+  margin: 38px 0 0 0
+}
+.mobile-size .cp-content .h6 {
+  margin-top: 6px;
+  font-size: 12px;
+  line-height: 16px;
+}
+.mobile-size .step-list > li:nth-child(2) .h6 {
+  margin-bottom: 10px;
+}
+
+/* Control Panel: Server List */
+
+.cp-server-loading {
+
+}
+
+/* Control Panel: Server List */
+
+.cp-server-list {
+	opacity: 0;
+	visibility: hidden;
+}
+.no-data {
+  width: 200px;
+	padding-top: 100px;
+  margin: 0 auto;
+  text-align: center;
+}
+.no-data .server {
+  display: inline-block;
+  margin-bottom: 10px;
+}
+.tablet-size .no-data {
+  padding-top: 60px;
+}
+.mobile-size .no-data {
+  width: 150px;
+  padding-top: 40px;
+}
+.mobile-size .no-data .server {
+  height: 59px;
+  width: 47px;
+}
+.cp-servers-table {
+	position: absolute;
+	top: 20px;
+	opacity: 0;
+	visibility: hidden;
+}
+.desktop-size .cp-servers-table {
+    width: 700px;
+}
+.desktop-size .cp-servers-table-mobile {
+  display: none;
+}
+
+
+/* Control Panel: Server Deploying */
+
+.cp-server-deploying {
+	position: absolute;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	z-index: 999;
+	background: #fff;
+	height: 100%;
+	margin-left: 68px;
+	opacity: 0;
+	visibility: hidden;
+}
+.tablet-size .cp-server-deploying,
+.mobile-size .cp-server-deploying {
+	margin-left: 0;
+}
+
+/* Control Panel: Server Deployment */
+
+/* Deploy Server: STEPS */
+
+.cp-content .step-list {
+  padding: 10px 0 24px 0;
+  margin: 0;
+  list-style: none;
+}
+.cp-content .step-list > li {
+  position: relative;
+  padding: 0 0 0 40px;
+  margin: 24px 0 0 0;
+}
+.tablet-size .cp-content .step-list {
+  padding-bottom: 30px;
+}
+.tablet-size .cp-content .step-list > li {
+  margin: 18px 0 0 0;
+}
+.cp-content .step-list > li:after,
+.cp-content .step-list > li:before {
+  display: table;
+  content: "";
+  clear: both;
+}
+.cp-content .step-list li > .step {
+  display: inline-block;
+  height: 26px;
+  width: 26px;
+  border: 1px solid #D2D8DC;
+  color: #8a9399;
+  font-size: 11px;
+  font-weight: bold;
+  text-align: center;
+  line-height: 26px;
+  -webkit-border-radius: 26px;
+  border-radius: 26px;
+}
+.desktop-size .cp-content .step-list li > .step,
+.tablet-size .cp-content .step-list li > .step {
+  position: absolute;
+  top: -3px;
+  left: 0;
+}
+.mobile-size .cp-content .step-list > li {
+  padding: 0;
+  margin-top: 14px;
+}
+.mobile-size .cp-content .step-list li > .step {
+  float: left;
+}
+.mobile-size .cp-content .step-list li > .h6 {
+  margin-left: 36px;
+  white-space: nowrap;
+}
+
+/* Deploy Server: PANELS */
+
+.cp-content .panel .select-icon {
+  position: relative;
+  font-size: 28px;
+}
+.cp-content .panel .select-icon:before {
+  color: #1e88e5;
+}
+.cp-content .panel .select-icon span,
+.cp-content .panel .select-icon span:before  {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  height: 100%;
+  width: 102%;
+  background: #fff;
+  opacity: 0;
+}
+.cp-content .panel .select-icon span:before  {
+  left: 50%;
+  top: 50%;
+  content: "\f26b";
+  height: 26px;
+  width: 26px;
+  margin: -13px 0 0 -13px;
+  background: #1e88e5;
+  -webkit-border-radius: 40px;
+  border-radius: 40px;
+  color: #fff;
+  font-size: 14px;
+  font-family: 'Material-Design-Iconic-Font';
+  text-align: center;
+  line-height: 26px;
+  -webkit-transform: scale(.5);
+  -ms-transform: scale(.5);
+  transform: scale(.5);
+}
+.cp-content .select-name {
+  display: block;
+	margin: 0;
+  color: #363b40;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 11px;
+}
+.cp-content .select-name small {
+	display: block;
+  margin-top: 4px;
+	color: #919699;
+	font-size: 8px;
+  font-weight: 300;
+	text-transform: none;
+}
+.cp-content .select-header {
+  position: relative;
+  padding-left: 44px;
+}
+.cp-content .select-header:after,
+.cp-content .select-header:before {
+  display: table;
+  content: "";
+  clear: both;
+}
+.cp-content .select-header .select-icon {
+	position: absolute;
+  top: 50%;
+  left: 0;
+}
+.cp-content .select-header .select-icon.icon {
+  margin-top: -15px;
+}
+.cp-content .select-header .select-icon.flag {
+  margin-top: -10px;
+}
+.cp-content .select-options {
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  right: -1px;
+  z-index: 1;
+  display: none;
+  width: 101%;
+  padding: 55px 0 14px 0;
+  margin: 0;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  list-style: none;
+}
+.cp-content .select-options > li {
+  padding: 2px 14px;
+  color: #616366;
+  font-size: 10px;
+}
+
+/* Deploy Server: PACKAGES */
+
+.cp-content .packages {
+  padding: 0;
+}
+.cp-content .package {
+   margin-bottom: 12px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+}
+.cp-content .package-header {
+  padding: 12px;
+}
+.cp-content .package-title {
+  margin-bottom: 4px;
+  font-size: 11px;
+  line-height: 16px;
+}
+.cp-content .package-price {
+  font-size: 24px;
+  font-weight: 300;
+  line-height: 24px;
+}
+.cp-content .package-price .cycle {
+  font-size: 12px;
+}
+.cp-content .package-body ul > li {
+  margin-bottom: 2px;
+}
+.cp-content .package-hourly {
+  font-size: 10px;
+  line-height: 10px;
+}
+.cp-content .package-body {
+  padding: 12px;
+}
+.cp-content .form-control {
+  height: 28px;
+  font-size: 11px;
+  -webkit-border-radius: 1px;
+  border-radius: 1px;
+}
+
+/* Deploy Server: CHECKBOX */
+
+.cp-content .checkbox-style {
+  position: relative;
+  display: inline-block;
+  height: 12px;
+  width: 12px;
+  margin-top: -6px;
+  margin-right: 6px;
+  background: #fff;
+  border: 2px solid #cacdcf;
+  border-radius: 2px;
+  -webkit-transition: all .15s ease;
+  transition: all .15s ease;
+  cursor: pointer;
+  vertical-align: middle;
+}
+.cp-content .checkbox-style:before {
+  position: absolute;
+  top: -2px;
+  left: -2px;
+  display: block;
+  content: "\f26b";
+  height: 12px;
+  width: 12px;
+  opacity: 0;
+  color: #fff;
+  font-size: 12px;
+  font-family: 'Material-Design-Iconic-Font';
+  text-align: center;
+  line-height: 12px;
+  -webkit-transition: 0.15s ease-in-out;
+  transition: 0.15s ease-in-out;
+  -webkit-transform: scale(.7);
+  -ms-transform: scale(.7);
+  transform: scale(.7);
+}
+
+.cp-content .checkbox {
+  white-space: nowrap;
+}
+
+/* Deploy Server: LABEL */
+
+.cp-content .label {
+  padding: 3px 4px;
+  font-size: 8px;
+  -webkit-border-radius: 1px;
+  border-radius: 1px;
+}
+
+/* Deploy Server: SUMMARY */
+
+.cp-deploy-summary {
+  position: absolute;
+  right: 0;
+  left: 0;
+  z-index: 9999;
+  padding: 14px 0;
+  background: #fff;
+}
+.cp-deploy-summary:after,
+.cp-deploy-summary:before {
+  display: table;
+  content: "";
+  clear: both;
+}
+.cp-summary-price {
+  display: inline-block;
+  padding: 8px 0;
+  font-size: 13px;
+  font-weight: bold;
+}
+.cp-summary-price span {
+  color: #1e88e5;
+}
+.cp-summary-btn {
+  float: right;
+  display: block;
+  padding: 8px 14px;
+  background: #1e88e5;
+  color: #fff;
+  font-weight: bold;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+}
+.desktop-size .cp-deploy-summary {
+  bottom: 0;
+  margin-left: 68px;
+  -webkit-box-shadow: 0 0 15px rgba(0,0,0, 0.1);
+  box-shadow: 0 0 15px rgba(0,0,0, 0.1);
+}
+.desktop-size .cp-deploy-server .cp-content .cp-container > .cp-deploy-summary {
+  display: none;
+}
+.mobile-size .cp-deploy-server > .cp-deploy-summary,
+.tablet-size .cp-deploy-server > .cp-deploy-summary {
+  display: none;
+}
+.tablet-size .cp-deploy-summary {
+  border-top: 1px solid #edf0f2;
+}
+.mobile-size .cp-summary-price {
+  padding-top: 0;
+  padding-bottom: 15px;
+}
+.mobile-size .cp-deploy-summary {
+  border-top: 1px solid #edf0f2;
+  text-align: center;
+}
+.mobile-size .cp-summary-btn {
+  display: block;
+  width: 100%;
+}
+
+/* Control Panel: HEADER */
+
+.cp-header {
+  margin-bottom: 0px;
+  border-bottom: 1px solid #edf0f2;
+  text-align: left;
+}
+.cp-header .h1 {
+  display: inline-block;
+  margin: 30px 0 18px;
+  font-size: 17px;
+  line-height: 20px;
+}
+.cp-header .tabs-container {
+  margin: 0 0 -1px 0;
+}
+.cp-header-hero {
+  text-align: center;
+}
+.cp-header-hero .h1 {
+  margin: 38px 0 32px;
+  font-size: 20px;
+  line-height: 24px;
+}
+.mobile-size .cp-header .h1 {
+  margin: 10px 0 0;
+  font-size: 14px;
+  font-weight: 500;
+}
+.mobile-size .cp-header-hero .h1 {
+  margin: 15px 0 10px;
+}
+
+/* Deploy BTN */
+
+.cp-deploy-btn {
+  position: absolute;
+  height: 36px;
+  width: 36px;
+  background: #1e88e5;
+  color: #fff;
+  font-size: 18px;
+  text-align: center;
+  line-height: 36px;
+  -webkit-border-radius: 100%;
+  border-radius: 100%;
+  -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.2);
+  box-shadow: 0 3px 10px rgba(0,0,0, 0.2);
+}
+.tablet-size .control-panel .cp-deploy-btn,
+.desktop-size .control-panel .cp-deploy-btn {
+  bottom: -15px;
+  right: 20px;
+  -webkit-animation: all ease .4s 0.5s;
+  animation: all ease .4s .5s;
+}
+.mobile-size .control-panel .cp-deploy-btn {
+  bottom: -42px;
+  right: 10px;
+  z-index: 9999;
+  -webkit-animation: all ease .4s 0.5s;
+  animation: all ease .4s .5s;
+}
+
+/* Contorl Panel Content */
+
+.cp-content {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  margin-left: 68px;
+}
+.cp-container {
+  position: relative;
+  max-width: 776px;
+  margin: 0 auto;
+  padding: 0 20px;
+}
+.mobile-size .cp-container {
+  padding: 0 10px;
+}
+.tablet-size .cp-content .col-sm-3 {
+  width: 33.33333333%;
+}
+.tablet-size .cp-content .col-sm-3.col-xs-6 {
+  width: 25%;
+}
+.mobile-size .cp-content .col-sm-3 {
+  width: 100%;
+}
+
+/* desktop */
+
+.desktop-size .control-panel .cursor {
+  position: absolute;
+  right: 300px;
+  top: 200px;
+  z-index: 3;
+}
+
+/* tablet */
+
+.tablet-size.browser {
+  height: 460px;
+  width: 758px;
+  padding: 10px 50px;
+  border-radius: 20px;
+}
+.mobile-size .browser-header,
+.tablet-size .browser-header {
+  display: none;
+}
+.tablet-size .cp-sidebar {
+  height: 64px;
+  width: 658px;
+  background: url(../img/panel/panel-tablet-nav.png);
+}
+.tablet-size .cp-content {
+  margin: 58px 0 0 0
+}
+.tablet-size.browser:after {
+  display: block;
+  content: "";
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  height: 34px;
+  width: 34px;
+  margin: auto 8px;
+  background-color: #22292e;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%;
+}
+.tablet-size.browser:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  top: 0;
+  height: 6px;
+  width: 6px;
+  margin: auto 23px;
+  background-color: #22292e;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+
+/* mobile */
+
+.mobile-size.browser {
+  height: 445px;
+  width: 215px;
+  padding: 50px 10px;
+  border-radius: 20px;
+}
+.mobile-size.browser:after {
+  top: auto;
+  left: 0;
+  right: 0;
+  display: block;
+  content: "";
+  height: 34px;
+  width: 34px;
+  margin: 8px auto;
+  background-color: #22292e;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%;
+}
+.mobile-size.browser:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  height: 3px;
+  width: 40px;
+  margin: 23px auto;
+  background-color: #22292e;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+
+/* cursor */
+
+.cp-cursor {
+  position: absolute;
+  z-index: 1000;
+  right: 300px;
+  top: 200px;
+  width: 28px;
+  height: 31px;
+}
+.desktop-size .cp-cursor:before {
+  position: absolute;
+  z-index: 1;
+  display: block;
+  content:"";
+  width: 28px;
+  height: 31px;
+  background: url(../img/panel/cursor-pointer%402x.png);
+  background-size: cover;
+}
+.animated .cp-cursor:after {
+  position: absolute;
+  top: -5px;
+  left: 0;
+  z-index: -1;
+  height: 40px;
+  width: 40px;
+  display: block;
+  content: "";
+  background: #1e88e5;
+  margin: -10px;
+  -webkit-border-radius: 100%;
+  border-radius: 100%;
+  opacity: 1;
+  -ms-filter: none;
+  filter: none;
+  -webkit-transform: scale(0);
+  transform: scale(0);
+}
+.tablet-size .cp-cursor {
+  right: 220px;
+  top: 250px;
+}
+.mobile-size .cp-cursor {
+  right: 100px;
+  top: 100px;
+}
+@media(max-width: 1199px) {
+  .cp-cursor {
+    right: 210px
+  }
+}
+@media(max-width: 991px) {
+  .cp-cursor {
+    right: 220px
+  }
+}
+.cp-deploy-server {
+  position: relative;
+  z-index: 998;
+  height: 100%;
+  opacity: 0;
+}
+.mobile-size .cp-deploy-server .cp-content,
+.tablet-size .cp-deploy-server .cp-content,
+.desktop-size .cp-deploy-server .cp-content {
+  z-index: 9999;
+  height: 1400px;
+  background: #fff;
+}
+.tablet-size .cp-deploy-server .cp-content {
+  height: 1560px;
+}
+.mobile-size .cp-deploy-server .cp-content {
+  height: 2960px;
+}
+
+/* Table */
+
+.cp-servers-table {
+	padding-top: 20px;
+}
+.cp-servers-table .table {
+	font-size: 11px;
+}
+.cp-servers-table .table thead th {
+	padding: 6px 10px
+}
+.cp-servers-table .table > thead > tr > th,
+.cp-servers-table .table > tbody > tr > th,
+.cp-servers-table .table > tfoot > tr > th,
+.cp-servers-table .table > thead > tr > td,
+.cp-servers-table .table > tbody > tr > td,
+.cp-servers-table .table > tfoot > tr > td {
+	padding: 6px 7px;
+}
+.cp-servers-table .table .flag-xs {
+	margin-right: 4px;
+	margin-bottom: -3px;
+}
+.mobile-size .cp-servers-table {
+	top: 0;
+	left: 0;
+	right:0;
+}
+.mobile-size .cp-servers-table .table thead {
+	display: none;
+}
+.mobile-size .cp-servers-table .cp-table-servers > tbody > tr {
+		position: relative;
+		padding-left: 20px;
+}
+.mobile-size .cp-servers-table .cp-table-servers > tbody > tr > .cp-cell-title {
+	padding-right: 30px;
+}
+/*
+.mobile-size .cp-servers-table .cp-table-servers > tbody > tr > .cp-cell-os {
+	position: absolute;
+	top: 0;
+	right: 0;
+}
+*/
+.mobile-size .cp-servers-table .cp-table-servers > tbody > tr > .cp-cell-os {
+  display: none;
+}
+/*
+.mobile-size .cp-servers-table .cp-table-servers > tbody > tr > .cp-cell-checkbox {
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+*/
+.mobile-size .cp-servers-table .cp-table-servers > tbody > tr > .cp-cell-checkbox {
+  display: none;
+}
+.mobile-size .cp-servers-table .table ,
+.mobile-size .cp-servers-table .table tbody,
+.mobile-size .cp-servers-table .table tr,
+.mobile-size .cp-servers-table .table td {
+	display: block;
+}
+.mobile-size .cp-servers-table .table td {
+	border: none;
+	padding-top: 3px;
+	padding-bottom: 3px;
+}
+
+.mobile-size .cp-servers-table {
+    display: none;
+}
+.mobile-size .cp-servers-table-mobile {
+  position: absolute;
+  top: 20px;
+  opacity: 0;
+  visibility: hidden;
+}
+
+.mobile-size .cp-cell-costs,
+.mobile-size .cp-cell-status {
+		float: left;
+		width: 50%;
+}
+.mobile-size .cp-cell-status {
+	text-align: right;
+	margin-bottom: 12px;
+}
+.cp-table-label {
+		display: none;
+}
+.mobile-size .cp-table-labe {
+	display: block;
+}
+
+.cp-cell-location {
+  white-space: nowrap;
+}
+
+.cp-progress {
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	height: 12px;
+	width: 160px;
+	margin: -6px 0 0 -80px;
+  border: 1px solid #e6e9eb;
+  -webkit-border-radius: 30px;
+  border-radius: 30px;
+}
+.cp-progress-bar {
+	position: absolute;
+	top: 2px;
+	left: 2px;
+  height: 6px;
+	width: 0;
+	background: #1e88e5;
+  -webkit-border-radius: 30px;
+  border-radius: 30px;
+}
+
+/************************************
+
+ANIMATIONS
+
+************************************** /
+
+
+/* Desktop Animation: Step 1: click on deploy button */
+
+.animated .cp-cursor:after {
+  -webkit-animation: cursorTap .4s .5s, cursorTap .4s 1.9s, cursorTap .4s 3s, cursorTap .4s 3.8s, cursorTap .4s 5s, cursorTap .4s 6.2s, cursorTap .4s 7.4s, cursorTap .4s 9.8s;
+  animation: cursorTap .4s .5s, cursorTap .4s 1.9s, cursorTap .4s 3s, cursorTap .4s 3.8s, cursorTap .4s 5s, cursorTap .4s 6.2s, cursorTap .4s 7.4s, cursorTap .4s 9.8s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.desktop-size .animated .cp-deploy-btn {
+  -webkit-animation: all ease .25s .5s;
+  animation: all ease .25s .5s;
+}
+.desktop-size .animated .cp-cursor {
+  -webkit-animation: cursorMove .5s, cursorMove2 .6s 1.5s, cursorMove3 .8s 2.3s, cursorMove4 .3s 3.5s, cursorMove5 .4s 4s, cursorMove6 .4s 5.8s, cursorMove7 1s 6.5s, cursorMove8 .8s 9.1s;
+  animation: cursorMove .5s, cursorMove2 .6s 1.5s, cursorMove3 .8s 2.3s, cursorMove4 .3s 3.5s, cursorMove5 .4s 4s, cursorMove6 .4s 5.8s, cursorMove7 1s 6.5s, cursorMove8 .8s 9.1s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.tablet-size .animated .cp-deploy-server .cp-content {
+  -webkit-animation: tabletContentMove 1s 2.3s, tabletContentMove2 1s 4s, tabletContentMove3 .8s 5.2s, tabletContentMove4 1s 6.5s;
+  animation: tabletContentMove 1s 2.3s, tabletContentMove2 1s 4s, tabletContentMove3 .8s 5.2s, tabletContentMove4 1s 6.5s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.tablet-size .animated .cp-cursor {
+  -webkit-animation: tabletCursorMove .5s, tabletCursorMove2 .6s 1.5s, tabletCursorMove3 .8s 2.3s, tabletCursorMove4 .3s 3.5s, tabletCursorMove5 .4s 4s, tabletCursorMove6 .4s 5.8s, tabletCursorMove7 1s 6.5s, tabletCursorMove8 .8s 9.1s;
+  animation: tabletCursorMove .5s, tabletCursorMove2 .6s 1.5s, tabletCursorMove3 .8s 2.3s, tabletCursorMove4 .3s 3.5s, tabletCursorMove5 .4s 4s, tabletCursorMove6 .4s 5.8s, tabletCursorMove7 1s 6.5s, tabletCursorMove8 .8s 9.1s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.tablet-size .animated .cp-deploy-btn,
+.desktop-size .animated .cp-deploy-btn {
+  -webkit-animation-name: click;
+  animation-name: click;
+}
+.mobile-size .animated .cp-cursor:after {
+  -webkit-animation: cursorTap .4s .5s, cursorTap .4s 2.2s, cursorTap .4s 3.5s, cursorTap .4s 4.3s, cursorTap .4s 6s, cursorTap .4s 9.3s, cursorTap .4s 11.5s, cursorTap .4s 13.2s;
+  animation: cursorTap .4s .5s, cursorTap .4s 2.2s, cursorTap .4s 3.5s, cursorTap .4s 4.3s, cursorTap .4s 6s, cursorTap .4s 9.3s, cursorTap .4s 11.5s, cursorTap .4s 13.2s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.mobile-size .animated .cp-cursor {
+  -webkit-animation: mobileCursorMove .5s, mobileCursorMove2 .6s 1.5s,  mobileCursorMove3 .6s 2.5s,  mobileCursorMove4 .3s 4s,  mobileCursorMove5 .3s 9s,  mobileCursorMove6 .3s 11s,  mobileCursorMove7 .3s 12.9s;
+  animation: mobileCursorMove .5s, mobileCursorMove2 .6s 1.5s,  mobileCursorMove3 .6s 2.5s,  mobileCursorMove4 .3s 4s,  mobileCursorMove5 .3s 9s,  mobileCursorMove6 .3s 11s,  mobileCursorMove7 .3s 12.9s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.mobile-size .animated .cp-deploy-server .cp-content {
+  -webkit-animation: mobileContentMove 0.8s 1.3s, mobileContentMove2 1.5s 2.5s, mobileContentMove3 1.5s 4.7s, mobileContentMove4 2.5s 6.5s, mobileContentMove5 1.5s 10s;
+  animation: mobileContentMove 0.8s 1.3s, mobileContentMove2 1.5s 2.5s, mobileContentMove3 1.5s 4.7s, mobileContentMove4 2.5s 6.5s, mobileContentMove5 1.5s 10s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+/*
+.mobile-size .animated .cp-navbar {
+  -webkit-animation: mobileContentMove 0.8s 1.3s;
+  animation: mobileContentMove 0.8s 1.3s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+*/
+
+/* Desktop Animation: Step 2: Show Deploy Content */
+
+.animated .cp-server-list {
+  -webkit-animation: show 0s 0s, hide .5s .7s, show .5s 12s;
+  animation: show 0s 0s, hide .5s .7s, show .5s 12s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.animated .cp-server-list .no-data {
+  -webkit-animation: hide 0s 1s;
+  animation: hide 0s 1s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.animated .cp-servers-table {
+  -webkit-animation: show 0s 1s;
+  animation: show 0s 1s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.animated .cp-servers-table-mobile {
+  -webkit-animation: show 0s 1s;
+  animation: show 0s 1s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.animated .cp-deploy-server {
+  -webkit-animation: show .5s .9s, hide 0s 11s;
+  animation: show .5s .9s, hide 0s 11s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.desktop-size .animated .cp-deploy-server .cp-content {
+  -webkit-animation: contentMove 1s 2.3s, contentMove2 1s 4s, contentMove3 .8s 5.2s, contentMove4 1s 6.5s;
+  animation: contentMove 1s 2.3s, contentMove2 1s 4s, contentMove3 .8s 5.2s, contentMove4 1s 6.5s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.tablet-size .animated .cp-navbar {
+  -webkit-animation: tabletContentMove 1s 2.3s, tabletMenuBack 0s 11s;
+  animation: tabletContentMove 1s 2.3s, tabletMenuBack 0s 11s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.mobile-size .animated .cp-server-list {
+  -webkit-animation: show 0s 0s, hide .5s .7s, show .5s 15s;
+  animation: show 0s 0s, hide .5s .7s, show .5s 15s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.mobile-size .animated .cp-deploy-server {
+  -webkit-animation: show .5s .9s, hide 0s 14s;
+  animation: show .5s .9s, hide 0s 14s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+
+/* Desktop Animation: Step 3: Choose Location */
+
+.animated .cp-location-click,
+.animated .cp-location-click .select-icon span,
+.animated .cp-location-click .select-icon span:before {
+  -webkit-transition: all ease .15s 2s;
+  transition: all ease .15s 2s;
+}
+.mobile-size .animated .cp-location-click,
+.mobile-size .animated .cp-location-click .select-icon span,
+.mobile-size .animated .cp-location-click .select-icon span:before {
+  -webkit-transition: all ease .15s 2.2s;
+  transition: all ease .15s 2.2s;
+}
+.animated .cp-location-click {
+  border-color: #1e88e5
+}
+.animated .cp-location-click .select-icon span {
+  opacity: 1;
+}
+.animated .cp-location-click .select-icon span:before {
+  opacity: 1;
+  -webkit-transform: scale(1);
+  transform: scale(1);
+}
+
+/* Desktop Animation: Step 4: Choose OS */
+
+.animated .cp-os-click {
+  -webkit-transition: all ease .15s 3.1s;
+  transition: all ease .15s 3.1s;
+}
+.animated .cp-os-click {
+  border-color: #1e88e5
+}
+.animated .cp-os-click  .select-header {
+  position: relative;
+  z-index: 2;
+}
+.cp-os-click .select-options {
+  opacity: 0;
+  display: block;
+  background: #fff;
+  border: 1px solid #1e88e5;
+  -webkit-box-shadow: 0 0 40px -10px rgba(37,45,51, .5);
+  box-shadow: 0 0 40px -10px rgba(37,45,51, .5);
+}
+.animated .cp-os-click .select-options {
+  -webkit-animation: show .15s 3.1s, hide .15s 3.9s;
+  animation: show .15s 3.1s, hide .15s 3.9s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.animated .cp-os-click .select-icon span,
+.animated .cp-os-click .select-icon span:before {
+  -webkit-transition: all ease .15s 3.9s;
+  transition: all ease .15s 3.9s;
+}
+.mobile-size .animated .cp-os-click {
+  -webkit-transition: all ease .15s 3.5s;
+  transition: all ease .15s 3.5s;
+}
+.mobile-size .animated .cp-os-click .select-options {
+  -webkit-animation: show .15s 3.5s, hide .15s 4.5s;
+  animation: show .15s 3.5s, hide .15s 4.5s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.mobile-size .animated .cp-os-click .select-icon span,
+.mobile-size .animated .cp-os-click .select-icon span:before {
+  -webkit-transition: all ease .15s 4.4s;
+  transition: all ease .15s 4.4s;
+}
+
+/* version choose */
+
+.animated .cp-os-click .select-options > li:first-child {
+  -webkit-transition: all ease .15s 3.5s;
+  transition: all ease .15s 3.5s;
+}
+.animated .cp-os-click .select-options > li:first-child {
+  color: #1e88e5
+}
+.animated .cp-os-click .select-icon span {
+  opacity: 1;
+}
+.animated .cp-os-click .select-icon span:before {
+  opacity: 1;
+  -webkit-transform: scale(1);
+  transform: scale(1);
+}
+.mobile-size .animated .cp-os-click .select-options > li:first-child {
+  -webkit-transition: all ease .15s 4.3s;
+  transition: all ease .15s 4.3s;
+}
+
+/* Desktop Animation: Step 5: Choose Package */
+
+.animated .cp-package-click {
+  -webkit-transition: all ease .15s 5s;
+  transition: all ease .15s 5s;
+}
+.animated .cp-package-click {
+  border-color: #1e88e5
+}
+/*
+.animated .cp-package-click {
+  border-color: #1e88e5;
+  background: rgba(0, 0, 0, 0) linear-gradient(45deg, #135fac 1%, #1e88e5 64%, #40baf5 97%) repeat scroll 0 0;
+  background-color: #1e88e5;
+}
+.animated .cp-package-click > .package-header {
+  border-color: #1669b5;
+}
+.animated .cp-package-click > .package-header > .package-title,
+.animated .cp-package-click > .package-header > .package-price {
+  color: #ffffff;
+}
+.animated .cp-package-click > .package-header > .package-hourly,
+.animated .cp-package-click > .package-body > ul > li {
+  color: #ffffff;
+  opacity: 0.6;
+}
+*/
+
+.mobile-size .animated .cp-package-click {
+  -webkit-transition: all ease .15s 6s;
+}
+
+/* Desktop Animation: Step 6: Choose Features */
+
+.animated .cp-checkbox-click,
+.animated .cp-checkbox-click:before {
+  -webkit-transition: all ease .15s 6.2s;
+  transition: all ease .15s 6.2s;
+}
+.animated .cp-checkbox-click:before {
+  opacity: 1;
+  -webkit-transform: scale(1);
+  transform: scale(1);
+}
+.animated .cp-checkbox-click {
+  border-color: #1e88e5;
+  background-color: #1e88e5;
+}
+.mobile-size .animated .cp-checkbox-click {
+  -webkit-transition: all ease .15s 9.4s;
+  transition: all ease .15s 9.4s;
+}
+
+/* Desktop Animation: Step 7:  Instance Name */
+
+.cp-instance-input {
+  position: relative;
+  color: #999;
+}
+.cp-instance-name {
+  position: absolute;
+  top: 7px;
+  left: 10px;
+  display: block;
+  width: 160px;
+  background: #fff;
+  color: #616366;
+  overflow: hidden;
+}
+.cp-instance-name > span {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: block;
+  width: 200px;
+  height: 100%;
+  background: #fff;
+}
+.animated .cp-instance-input .form-control {
+  -webkit-animation: borderColor .15s 7.5s;
+  animation: borderColor .15s 7.5s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.animated .cp-instance-name > span {
+  -webkit-animation: typing 1.5s steps(36, end) 7.6s;
+  animation: typing 1.5s steps(36, end) 7.6s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.mobile-size .animated .cp-instance-input .form-control {
+  -webkit-animation: borderColor .15s 11.5s;
+  -webkit-animation-fill-mode: forwards;
+}
+.mobile-size .animated .cp-instance-name > span {
+  -webkit-animation: typing 1.5s steps(36, end) 11.8s;
+  -webkit-animation-fill-mode: forwards;
+}
+@-webkit-keyframes typing {
+  from { width: 200px; }
+  to { width: 0; }
+}
+@keyframes typing {
+  from { width: 200px; }
+  to { width: 0; }
+}
+@-webkit-keyframes borderColor {
+  from { border-color: #e6e9eb; }
+  to { border-color: #1e88e5; }
+}
+@keyframes borderColor {
+  from { border-color: #e6e9eb; }
+  to { border-color: #1e88e5; }
+}
+
+
+.mobile-size .animated .cp-summary-btn {
+  -webkit-animation: click .15s 13.2s;
+  animation: click .15s 13.2s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+
+/* Desktop Animation: Step 8:  Server Deploying */
+
+.animated .cp-server-deploying {
+  -webkit-animation: show .5s 10s, hide .5s 12s;
+  animation: show .5s 10s, hide .5s 12s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.animated .cp-progress-bar {
+  -webkit-animation: load 2s 10s;
+  animation: load 2s 10s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.mobile-size .animated .cp-server-deploying {
+  -webkit-animation: show .5s 13.4s, hide .5s 15.4s;
+  animation: show .5s 13.4s, hide .5s 15.4s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+.mobile-size .animated .cp-progress-bar {
+  -webkit-animation: load 2s 13.4s;
+  animation: load 2s 13.4s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+/*
+.animated .play {
+  -webkit-animation: show .5s 13.4s;
+  animation: show .5s 13.4s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+*/
+
+/*CSS Animations for browser */
+
+@-webkit-keyframes show {
+  0% {
+    opacity: 0;
+		visibility: hidden;
+  }
+  100% {
+    opacity: 1;
+		visibility: visible;
+  }
+}
+@keyframes show {
+  0% {
+    opacity: 0;
+		visibility: hidden;
+  }
+  100% {
+    opacity: 1;
+		visibility: visible;
+  }
+}
+@-webkit-keyframes hide {
+  0% {
+    opacity: 1;
+		visibility: visible;
+  }
+  100% {
+    opacity: 0;
+		visibility: hidden;
+  }
+}
+@keyframes hide {
+  0% {
+    opacity: 1;
+		visibility: visible;
+  }
+  100% {
+    opacity: 0;
+		visibility: hidden;
+  }
+}
+@-webkit-keyframes load {
+  0% {
+    width: 0;
+  }
+  100% {
+    width: 154px;
+  }
+}
+@keyframes load {
+  0% {
+    width: 0;
+  }
+  100% {
+    width: 154px;
+  }
+}
+@-webkit-keyframes click {
+  0% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+  50% {
+    background: #3ba3ff;
+    -webkit-transform: scale3d(.8, .8, .8);
+    transform: scale3d(.8, .8, .8);
+  }
+  100% {
+    background: #1e88e5;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+@keyframes click {
+  0% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+  50% {
+    background: #3ba3ff;
+    -webkit-transform: scale3d(.8, .8, .8);
+    transform: scale3d(.8, .8, .8);
+  }
+  100% {
+    background: #1e88e5;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+@keyframes cursorTap {
+  0% {
+    opacity: 1;
+    -webkit-transform: scale(0);
+    transform: scale(0);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+@keyframes cursorMove {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform:  translate3d(0, 0, 0)
+  }
+  100% {
+    -webkit-transform:  translate3d(200px, -100px, 0);
+    transform: translate3d(200px, -100px, 0);
+  }
+}
+@keyframes cursorMove2 {
+  0% {
+    -webkit-transform:  translate3d(200px, -100px, 0);
+    transform: translate3d(200px, -100px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(-70px, 90px, 0);
+    transform: translate3d(-70px, 90px, 0);
+  }
+}
+@keyframes cursorMove3 {
+  0% {
+    -webkit-transform: translate3d(-70px, 90px, 0);
+    transform: translate3d(-70px, 90px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(-370px, 70px, 0);
+    transform: translate3d(-370px, 70px, 0);
+  }
+}
+@keyframes cursorMove4 {
+  0% {
+    -webkit-transform: translate3d(-370px, 70px, 0);
+    transform: translate3d(-370px, 70px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(-370px, 90px, 0);
+    transform: translate3d(-370px, 90px, 0);
+  }
+}
+@keyframes cursorMove5 {
+  0% {
+    -webkit-transform: translate3d(-370px, 90px, 0);
+    transform: translate3d(-370px, 90px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(-370px, -20px, 0);
+    transform: translate3d(-370px, -20px, 0);
+  }
+}
+@keyframes cursorMove6 {
+  0% {
+    -webkit-transform: translate3d(-370px, -20px, 0);
+    transform: translate3d(-370px, -20px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(-370px, 40px, 0);
+    transform: translate3d(-370px, 40px, 0);
+  }
+}
+@keyframes cursorMove7 {
+  0% {
+    -webkit-transform: translate3d(-370px, 40px, 0);
+    transform: translate3d(-370px, 40px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(-300px, 280px, 0);
+    transform: translate3d(-300px, 280px, 0);
+  }
+}
+@keyframes cursorMove8 {
+  0% {
+    -webkit-transform: translate3d(-300px, 280px, 0);
+    transform: translate3d(-300px, 280px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(150px, 360px, 0);
+    transform: translate3d(150px, 360px, 0);
+  }
+}
+
+/* Content move for desktop */
+
+@keyframes contentMove {
+  0% {
+    -webkit-transform:  translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(0, -200px, 0);
+    transform: translate3d(0, -200px, 0);
+  }
+}
+@keyframes contentMove2 {
+  0% {
+    -webkit-transform: translate3d(0, -200px, 0);
+    transform: translate3d(0, -200px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(0, -580px, 0);
+    transform: translate3d(0, -580px, 0);
+  }
+}
+@keyframes contentMove3 {
+  0% {
+    -webkit-transform: translate3d(0, -580px, 0);
+    transform: translate3d(0, -580px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(0, -800px, 0);
+    transform: translate3d(0, -800px, 0);
+  }
+}
+@keyframes contentMove4 {
+  0% {
+    -webkit-transform: translate3d(0, -800px, 0);
+    transform: translate3d(0, -800px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(0, -910px, 0);
+    transform: translate3d(0, -910px, 0);
+  }
+}
+
+/* Cursor move for tablet */
+
+@keyframes tabletCursorMove {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform:  translate3d(0, 0, 0)
+  }
+  100% {
+    -webkit-transform:  translate3d(190px, -100px, 0);
+    transform: translate3d(190px, -100px, 0);
+  }
+}
+@keyframes tabletCursorMove2 {
+  0% {
+    -webkit-transform:  translate3d(200px, -100px, 0);
+    transform: translate3d(200px, -100px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(100px, 90px, 0);
+    transform: translate3d(100px, 90px, 0);
+  }
+}
+@keyframes tabletCursorMove3 {
+  0% {
+    -webkit-transform: translate3d(100px, 90px, 0);
+    transform: translate3d(100px, 90px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(-300px, -60px, 0);
+    transform: translate3d(-300px, -60px, 0);
+  }
+}
+@keyframes tabletCursorMove4 {
+  0% {
+    -webkit-transform: translate3d(-300px, -60px, 0);
+    transform: translate3d(-300px, -60px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(-320px, -40px, 0);
+    transform: translate3d(-320px, -40px, 0);
+  }
+}
+@keyframes tabletCursorMove5 {
+  0% {
+    -webkit-transform: translate3d(-320px, -40px, 0);
+    transform: translate3d(-320px, -40px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(-320px, -100px, 0);
+    transform: translate3d(-320px, -100px, 0);
+  }
+}
+@keyframes tabletCursorMove6 {
+  0% {
+    -webkit-transform: translate3d(-320px, -100px, 0);
+    transform: translate3d(-320px, -100px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(-300px, 0px, 0);
+    transform: translate3d(-300px, 0px, 0);
+  }
+}
+@keyframes tabletCursorMove7 {
+  0% {
+    -webkit-transform: translate3d(-300px, 30px, 0);
+    transform: translate3d(-300px, 30px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(-300px, 60px, 0);
+    transform: translate3d(-300px, 60px, 0);
+  }
+}
+@keyframes tabletCursorMove8 {
+  0% {
+    -webkit-transform: translate3d(-300px, 240px, 0);
+    transform: translate3d(-300px, 240px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(100px, 350px, 0);
+    transform: translate3d(100px, 350px, 0);
+  }
+}
+
+/* Content move for tablet */
+
+@keyframes tabletContentMove {
+  0% {
+    -webkit-transform:  translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(0, -400px, 0);
+    transform: translate3d(0, -400px, 0);
+  }
+}
+@keyframes tabletContentMove2 {
+  0% {
+    -webkit-transform: translate3d(0, -400px, 0);
+    transform: translate3d(0, -400px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(0, -720px, 0);
+    transform: translate3d(0, -720px, 0);
+  }
+}
+@keyframes tabletContentMove3 {
+  0% {
+    -webkit-transform: translate3d(0, -720px, 0);
+    transform: translate3d(0, -720px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(0, -900px, 0);
+    transform: translate3d(0, -900px, 0);
+  }
+}
+@keyframes tabletContentMove4 {
+  0% {
+    -webkit-transform: translate3d(0, -900px, 0);
+    transform: translate3d(0, -900px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(0, -1135px, 0);
+    transform: translate3d(0, -1135px, 0);
+  }
+}
+@keyframes tabletMenuBack {
+  0% {
+    -webkit-transform: translate3d(0, -400px, 0);
+    transform: translate3d(0, -400px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+
+/* Content move for tablet */
+
+@keyframes mobileContentMove {
+  0% {
+    -webkit-transform:  translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(0, -150px, 0);
+    transform: translate3d(0, -150px, 0);
+  }
+}
+@keyframes mobileContentMove2 {
+  0% {
+    -webkit-transform: translate3d(0, -150px, 0);
+    transform: translate3d(0, -150px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(0, -450px, 0);
+    transform: translate3d(0, -450px, 0);
+  }
+}
+@keyframes mobileContentMove3 {
+  0% {
+    -webkit-transform: translate3d(0, -450px, 0);
+    transform: translate3d(0, -450px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(0, -1000px, 0);
+    transform: translate3d(0, -1000px, 0);
+  }
+}
+@keyframes mobileContentMove4 {
+  0% {
+    -webkit-transform: translate3d(0, -1000px, 0);
+    transform: translate3d(0, -1000px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(0, -2400px, 0);
+    transform: translate3d(0, -2400px, 0);
+  }
+}
+@keyframes mobileContentMove5 {
+  0% {
+    -webkit-transform: translate3d(0, -2400px, 0);
+    transform: translate3d(0, -2400px, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(0, -2650px, 0);
+    transform: translate3d(0, -2650px, 0);
+  }
+}
+/* Cursor move for mobile */
+
+@keyframes mobileCursorMove {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform:  translate3d(0, 0, 0)
+  }
+  100% {
+    -webkit-transform:  translate3d(85px, 15px, 0);
+    transform: translate3d(85px, 15px, 0);
+  }
+}
+@keyframes mobileCursorMove2 {
+  0% {
+    -webkit-transform: translate3d(85px, 15px, 0);
+    transform: translate3d(85px, 15px, 0);
+  }
+  100% {
+    -webkit-transform:  translate3d(20px, 150px, 0);
+    transform: translate3d(20px, 150px, 0);
+  }
+}
+@keyframes mobileCursorMove3 {
+  0% {
+    -webkit-transform:  translate3d(20px, 150px, 0);
+    transform: translate3d(20px, 150px, 0);
+  }
+  100% {
+    -webkit-transform:  translate3d(-40px, 115px, 0);
+    transform: translate3d(-40px, 115px, 0);
+  }
+}
+@keyframes mobileCursorMove4 {
+  0% {
+    -webkit-transform:  translate3d(-40px, 115px, 0);
+    transform: translate3d(-40px, 115px, 0);
+  }
+  100% {
+    -webkit-transform:  translate3d(-40px, 135px, 0);
+    transform: translate3d(-40px, 135px, 0);
+  }
+}
+@keyframes mobileCursorMove5 {
+  0% {
+    -webkit-transform:  translate3d(-40px, 135px, 0);
+    transform: translate3d(-40px, 135px, 0);
+  }
+  100% {
+    -webkit-transform:  translate3d(-60px, 0px, 0);
+    transform: translate3d(-60px, 0px, 0);
+  }
+}
+@keyframes mobileCursorMove6 {
+  0% {
+    -webkit-transform:  translate3d(-60px, 0px, 0);
+    transform: translate3d(-60px, 0px, 0);
+  }
+  100% {
+    -webkit-transform:  translate3d(20px, 120px, 0);
+    transform: translate3d(20px, 120px, 0);
+  }
+}
+@keyframes mobileCursorMove7 {
+  0% {
+    -webkit-transform:  translate3d(20px, 120px, 0);
+    transform: translate3d(20px, 120px, 0);
+  }
+  100% {
+    -webkit-transform:  translate3d(20px, 210px, 0);
+    transform: translate3d(20px, 210px, 0);
+  }
+}