Font Awesome icon usage statistics

  • 5 types of Font Awesome iconic font are used and found 50 times in total.
  • VUI.US used 10.0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of VUI.US are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • VUI.US includes "http://vui.us/template/theme1/css/bootstrap.min.css?v=1.5" to use Font Awesome and information from CSS is like below.
  • @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: 400;
    	line-height: 1
    }
    .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-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-print:before {
    	content: "\e045"
    }
    .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-eye-open:before {
    	content: "\e105"
    }
    .glyphicon-eye-close:before {
    	content: "\e106"
    }
    .glyphicon-warning-sign:before {
    	content: "\e107"
    }
    .glyphicon-plane:before {
    	content: "\e108"
    }
    .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-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-tasks:before {
    	content: "\e137"
    }
    .glyphicon-filter:before {
    	content: "\e138"
    }
    .glyphicon-fullscreen:before {
    	content: "\e140"
    }
    .glyphicon-dashboard:before {
    	content: "\e141"
    }
    .glyphicon-heart-empty:before {
    	content: "\e143"
    }
    .glyphicon-link:before {
    	content: "\e144"
    }
    .glyphicon-phone:before {
    	content: "\e145"
    }
    .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"
    }
    .glyphicon-briefcase:before {
    	content: "\1f4bc"
    }
    .glyphicon-calendar:before {
    	content: "\1f4c5"
    }
    .glyphicon-pushpin:before {
    	content: "\1f4cc"
    }
    .glyphicon-paperclip:before {
    	content: "\1f4ce"
    }
    .glyphicon-camera:before {
    	content: "\1f4f7"
    }
    .glyphicon-lock:before {
    	content: "\1f512"
    }
    .glyphicon-bell:before {
    	content: "\1f514"
    }
    .glyphicon-bookmark:before {
    	content: "\1f516"
    }
    .glyphicon-fire:before {
    	content: "\1f525"
    }
    .glyphicon-wrench:before {
    	content: "\1f527"
    }
    @media(min-width:768px) {
    .navbar-right .dropdown-menu {
    	right: 0;
    	left: auto
    }
    }
    .btn-group.open .dropdown-toggle {
    	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    	box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }
    @media(min-width:768px) {
    .nav-tabs.nav-justified>li {
    	display: table-cell;
    	width: 1%
    }
    }
    @media(min-width:768px) {
    .nav-justified>li {
    	display: table-cell;
    	width: 1%
    }
    }
    .nav a:hover .caret {
    	border-top-color: #2a6496;
    	border-bottom-color: #2a6496
    }
    @media(min-width:768px) {
    .navbar {
    	border-radius: 4px
    }
    }
    @media(min-width:768px) {
    .navbar-header {
    	float: left
    }
    }
    @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-collapse .navbar-nav.navbar-left:first-child {
    	margin-left: -15px
    }
    .navbar-collapse .navbar-nav.navbar-right:last-child {
    	margin-right: -15px
    }
    .navbar-collapse .navbar-text:last-child {
    	margin-right: 0
    }
    }
    @media(min-width:768px) {
    .container>.navbar-collapse, .container>.navbar-header {
    	margin-right: 0;
    	margin-left: 0
    }
    }
    @media(min-width:768px) {
    .navbar-static-top {
    	border-radius: 0
    }
    }
    @media(min-width:768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
    	border-radius: 0
    }
    }
    @media(min-width:768px) {
    }
    @media(min-width:768px) {
    .navbar-toggle {
    	display: none
    }
    }
    @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 .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    	padding: 5px 15px 5px 25px
    }
    .navbar-nav .open .dropdown-menu>li>a {
    	line-height: 20px
    }
    .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover {
    	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
    }
    }
    @media(min-width:768px) {
    .navbar-left {
    	float: left !important
    }
    .navbar-right {
    	float: right !important
    }
    }
    @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 .checkbox, .navbar-form .radio {
    	display: inline-block;
    	padding-left: 0;
    	margin-top: 0;
    	margin-bottom: 0
    }
    .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
    	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-nav>li>.dropdown-menu {
    	margin-top: 0
    }
    @media(min-width:768px) {
    .navbar-text {
    	margin-right: 15px;
    	margin-left: 15px
    }
    }
    @media(max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    	color: #777
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    	color: #333;
    	background-color: transparent
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
    	color: #555;
    	background-color: #e7e7e7
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    	color: #ccc;
    	background-color: transparent
    }
    }
    @media(max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
    	border-color: #080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    	color: #999
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    	color: #fff;
    	background-color: transparent
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
    	color: #fff;
    	background-color: #080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    	color: #444;
    	background-color: transparent
    }
    }
    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    	border-color: #428bca
    }
    @media screen and (min-width:768px) {
    .jumbotron {
    	padding-top: 48px;
    	padding-bottom: 48px
    }
    .container .jumbotron {
    	padding-right: 60px;
    	padding-left: 60px
    }
    .jumbotron h1 {
    	font-size: 63px
    }
    }
    .panel-footer {
    	border-top: 1px solid #ddd
    }
    .well {
    	background-color: #f5f5f5
    }
    @media screen and (min-width:768px) {
    .modal-dialog {
    	right: auto;
    	left: 50%;
    	width: 600px;
    	padding-top: 30px;
    	padding-bottom: 30px
    }
    .modal-content {
    	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    	box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }
    }
    .popover {
    	padding: 1px
    }
    @media screen and (min-width:768px) {
    .carousel-control .icon-next, .carousel-control .icon-prev {
    	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
    }
    }
    @media(max-width:767px) {
    .visible-xs {
    	display: block !important
    }
    tr.visible-xs {
    	display: table-row !important
    }
    td.visible-xs, th.visible-xs {
    	display: table-cell !important
    }
    }
    @media(min-width:768px) and (max-width:991px) {
    .visible-xs.visible-sm {
    	display: block !important
    }
    tr.visible-xs.visible-sm {
    	display: table-row !important
    }
    td.visible-xs.visible-sm, th.visible-xs.visible-sm {
    	display: table-cell !important
    }
    }
    @media(min-width:992px) and (max-width:1199px) {
    .visible-xs.visible-md {
    	display: block !important
    }
    tr.visible-xs.visible-md {
    	display: table-row !important
    }
    td.visible-xs.visible-md, th.visible-xs.visible-md {
    	display: table-cell !important
    }
    }
    @media(min-width:1200px) {
    .visible-xs.visible-lg {
    	display: block !important
    }
    tr.visible-xs.visible-lg {
    	display: table-row !important
    }
    td.visible-xs.visible-lg, th.visible-xs.visible-lg {
    	display: table-cell !important
    }
    }
    @media(max-width:767px) {
    .visible-sm.visible-xs {
    	display: block !important
    }
    tr.visible-sm.visible-xs {
    	display: table-row !important
    }
    td.visible-sm.visible-xs, th.visible-sm.visible-xs {
    	display: table-cell !important
    }
    }
    @media(min-width:768px) and (max-width:991px) {
    .visible-sm {
    	display: block !important
    }
    tr.visible-sm {
    	display: table-row !important
    }
    td.visible-sm, th.visible-sm {
    	display: table-cell !important
    }
    }
    @media(min-width:992px) and (max-width:1199px) {
    .visible-sm.visible-md {
    	display: block !important
    }
    tr.visible-sm.visible-md {
    	display: table-row !important
    }
    td.visible-sm.visible-md, th.visible-sm.visible-md {
    	display: table-cell !important
    }
    }
    @media(min-width:1200px) {
    .visible-sm.visible-lg {
    	display: block !important
    }
    tr.visible-sm.visible-lg {
    	display: table-row !important
    }
    td.visible-sm.visible-lg, th.visible-sm.visible-lg {
    	display: table-cell !important
    }
    }
    @media(max-width:767px) {
    .visible-md.visible-xs {
    	display: block !important
    }
    tr.visible-md.visible-xs {
    	display: table-row !important
    }
    td.visible-md.visible-xs, th.visible-md.visible-xs {
    	display: table-cell !important
    }
    }
    @media(min-width:768px) and (max-width:991px) {
    .visible-md.visible-sm {
    	display: block !important
    }
    tr.visible-md.visible-sm {
    	display: table-row !important
    }
    td.visible-md.visible-sm, th.visible-md.visible-sm {
    	display: table-cell !important
    }
    }
    @media(min-width:992px) and (max-width:1199px) {
    .visible-md {
    	display: block !important
    }
    tr.visible-md {
    	display: table-row !important
    }
    td.visible-md, th.visible-md {
    	display: table-cell !important
    }
    }
    @media(min-width:1200px) {
    .visible-md.visible-lg {
    	display: block !important
    }
    tr.visible-md.visible-lg {
    	display: table-row !important
    }
    td.visible-md.visible-lg, th.visible-md.visible-lg {
    	display: table-cell !important
    }
    }
    @media(max-width:767px) {
    .visible-lg.visible-xs {
    	display: block !important
    }
    tr.visible-lg.visible-xs {
    	display: table-row !important
    }
    td.visible-lg.visible-xs, th.visible-lg.visible-xs {
    	display: table-cell !important
    }
    }
    @media(min-width:768px) and (max-width:991px) {
    .visible-lg.visible-sm {
    	display: block !important
    }
    tr.visible-lg.visible-sm {
    	display: table-row !important
    }
    td.visible-lg.visible-sm, th.visible-lg.visible-sm {
    	display: table-cell !important
    }
    }
    @media(min-width:992px) and (max-width:1199px) {
    .visible-lg.visible-md {
    	display: block !important
    }
    tr.visible-lg.visible-md {
    	display: table-row !important
    }
    td.visible-lg.visible-md, th.visible-lg.visible-md {
    	display: table-cell !important
    }
    }
    @media(min-width:1200px) {
    .visible-lg {
    	display: block !important
    }
    tr.visible-lg {
    	display: table-row !important
    }
    td.visible-lg, th.visible-lg {
    	display: table-cell !important
    }
    }
    @media(max-width:767px) {
    .hidden-xs, td.hidden-xs, th.hidden-xs, tr.hidden-xs {
    	display: none !important
    }
    }
    @media(min-width:768px) and (max-width:991px) {
    .hidden-xs.hidden-sm, td.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm {
    	display: none !important
    }
    }
    @media(min-width:992px) and (max-width:1199px) {
    .hidden-xs.hidden-md, td.hidden-xs.hidden-md, th.hidden-xs.hidden-md, tr.hidden-xs.hidden-md {
    	display: none !important
    }
    }
    @media(min-width:1200px) {
    .hidden-xs.hidden-lg, td.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg {
    	display: none !important
    }
    }
    @media(max-width:767px) {
    .hidden-sm.hidden-xs, td.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs {
    	display: none !important
    }
    }
    @media(min-width:768px) and (max-width:991px) {
    .hidden-sm, td.hidden-sm, th.hidden-sm, tr.hidden-sm {
    	display: none !important
    }
    }
    @media(min-width:992px) and (max-width:1199px) {
    .hidden-sm.hidden-md, td.hidden-sm.hidden-md, th.hidden-sm.hidden-md, tr.hidden-sm.hidden-md {
    	display: none !important
    }
    }
    @media(min-width:1200px) {
    .hidden-sm.hidden-lg, td.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg {
    	display: none !important
    }
    }
    @media(max-width:767px) {
    .hidden-md.hidden-xs, td.hidden-md.hidden-xs, th.hidden-md.hidden-xs, tr.hidden-md.hidden-xs {
    	display: none !important
    }
    }
    @media(min-width:768px) and (max-width:991px) {
    .hidden-md.hidden-sm, td.hidden-md.hidden-sm, th.hidden-md.hidden-sm, tr.hidden-md.hidden-sm {
    	display: none !important
    }
    }
    @media(min-width:992px) and (max-width:1199px) {
    .hidden-md, td.hidden-md, th.hidden-md, tr.hidden-md {
    	display: none !important
    }
    }
    @media(min-width:1200px) {
    .hidden-md.hidden-lg, td.hidden-md.hidden-lg, th.hidden-md.hidden-lg, tr.hidden-md.hidden-lg {
    	display: none !important
    }
    }
    @media(max-width:767px) {
    .hidden-lg.hidden-xs, td.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs {
    	display: none !important
    }
    }
    @media(min-width:768px) and (max-width:991px) {
    .hidden-lg.hidden-sm, td.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm {
    	display: none !important
    }
    }
    @media(min-width:992px) and (max-width:1199px) {
    .hidden-lg.hidden-md, td.hidden-lg.hidden-md, th.hidden-lg.hidden-md, tr.hidden-lg.hidden-md {
    	display: none !important
    }
    }
    @media(min-width:1200px) {
    .hidden-lg, td.hidden-lg, th.hidden-lg, tr.hidden-lg {
    	display: none !important
    }
    }
    @media print {
    .visible-print {
    	display: block !important
    }
    tr.visible-print {
    	display: table-row !important
    }
    td.visible-print, th.visible-print {
    	display: table-cell !important
    }
    .hidden-print, td.hidden-print, th.hidden-print, tr.hidden-print {
    	display: none !important
    }
    }
    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] {
    display:none
    }
    html {
    	font-family: sans-serif;
    	-webkit-text-size-adjust: 100%;
    	-ms-text-size-adjust: 100%
    }
    body {
    	margin: 0
    }
    a:active, a:hover {
    	outline: 0
    }
    h1 {
    	margin: .67em 0
    }
    b, strong {
    	font-weight: 700
    }
    dfn {
    	font-style: italic
    }
    hr {
    	-moz-box-sizing: content-box;
    	box-sizing: content-box;
    	height: 0
    }
    mark {
    	background: #ff0;
    	color: #000
    }
    code, kbd, pre, samp {
    	font-family: monospace, serif;
    	font-size: 1em
    }
    pre {
    	white-space: pre-wrap
    }
    q {
    	quotes: "\201C" "\201D" "\2018" "\2019"
    }
    sub, sup {
    	font-size: 75%;
    	line-height: 0;
    	position: relative;
    	vertical-align: baseline
    }
    sup {
    	top: -.5em
    }
    sub {
    	bottom: -.25em
    }
    img {
    	border: 0
    }
    svg:not(:root) {
    	overflow: hidden
    }
    button, figure, input, select, textarea {
    	margin: 0
    }
    button, select {
    	text-transform: none
    }
    button, html input[type=button], input[type=reset], input[type=submit] {
    	-webkit-appearance: button;
    	cursor: pointer
    }
    button[disabled], html input[disabled] {
    	cursor: default
    }
    input[type=checkbox], input[type=radio] {
    	box-sizing: border-box;
    	padding: 0
    }
    input[type=search] {
    	-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 {
    border:0;
    padding:0
    }
    textarea {
    	overflow: auto;
    	vertical-align: top
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0
    }
    *, :after, :before {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box
    }
    html {
    	font-size: 62.5%;
    	-webkit-tap-highlight-color: transparent
    }
    body {
    	font-family: Arial, sans-serif;
    	font-size: 13px;
    	line-height: 1.428571429;
    	color: #333;
    	background-color: #f7f8f9
    }
    .modal-body {
    	color: #fff
    }
    button, input, select, textarea {
    	font-family: inherit;
    	font-size: inherit;
    	line-height: inherit
    }
    button, input, select[multiple], textarea {
    	background-image: none
    }
    a {
    	color: #12c3ee;
    	text-decoration: none;
    	-webkit-transition: color linear .2s;
    	transition: color linear .2s
    }
    a:focus, a:hover {
    	color: #ba0069 !important;
    	text-decoration: none;
    	-webkit-transition: color linear .2s;
    	transition: color linear .2s
    }
    a:focus {
    	outline: #333 dotted thin;
    	outline: -webkit-focus-ring-color auto;
    	outline-offset: -2px
    }
    img {
    	vertical-align: middle
    }
    .img-responsive {
    	display: block;
    	max-width: 100%;
    	height: auto
    }
    .img-rounded {
    	border-radius: 6px
    }
    .img-thumbnail {
    	padding: 6px;
    	line-height: 1.428571429;
    	background-color: #f7f8f9;
    	border: 1px solid #ddd;
    	border-radius: 6px;
    	-webkit-transition: all .2s ease-in-out;
    	transition: all .2s ease-in-out;
    	display: inline-block;
    	max-width: 100%;
    	height: auto
    }
    hr {
    	margin-top: 20px;
    	margin-bottom: 20px;
    	border: 0;
    	border-top: 1px solid #fafafa
    }
    .sr-only {
    	position: absolute;
    	width: 1px;
    	height: 1px;
    	margin: -1px;
    	padding: 0;
    	overflow: hidden;
    	clip: rect(0 0 0 0);
    	border: 0
    }
    p {
    	margin: 0 0 10px
    }
    .lead {
    	margin-bottom: 20px;
    	font-size: 16.1px;
    	font-weight: 200;
    	line-height: 1.4
    }
    @media(min-width:768px) {
    .lead {
    	font-size: 21px
    }
    }
    small {
    	font-size: 85%
    }
    cite {
    	font-style: normal
    }
    .text-muted {
    	color: #999
    }
    .text-primary {
    	color: #12c3ee
    }
    .text-warning {
    	color: #c7a366
    }
    .text-danger {
    	color: #c05c5a
    }
    .text-success {
    	color: #4f9950
    }
    .text-info {
    	color: #4196bf
    }
    .text-left {
    	text-align: left
    }
    .text-right {
    	text-align: right
    }
    .text-center {
    	text-align: center
    }
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    	font-family: Lato, Helvetica, Arial, sans-serif;
    	font-weight: 700;
    	line-height: 1.1
    }
    .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: 400;
    	line-height: 1;
    	color: #999
    }
    h1, h2 {
    	margin-top: 20px;
    	margin-bottom: 10px
    }
    h4, h5, h6 {
    	margin-top: 10px;
    	margin-bottom: 10px
    }
    .h1, h1 {
    	font-size: 19px
    }
    .h2, h2 {
    	font-size: 30px
    }
    .h3, h3 {
    	font-size: 15px
    }
    .h4, h4 {
    	font-size: 18px
    }
    .h5, h5 {
    	font-size: 14px
    }
    .h6, h6 {
    	font-size: 12px
    }
    .h1 small, h1 small {
    	font-size: 24px
    }
    .h2 small, h2 small {
    	font-size: 18px
    }
    .h3 small, .h4 small, h3 small, h4 small {
    	font-size: 14px
    }
    .shrink {
    	margin: 0
    }
    .page-header {
    	padding-bottom: 9px;
    	margin: 40px 0 20px;
    	border-bottom: 1px solid #fafafa
    }
    ol, ul {
    	margin-top: 0;
    	margin-bottom: 0px
    }
    ol ol, ol ul, ul ol, ul ul {
    	margin-bottom: 0
    }
    .list-inline, .list-unstyled {
    	padding-left: 0;
    	list-style: none
    }
    .list-inline>li {
    	display: inline-block;
    	padding-left: 5px;
    	padding-right: 5px
    }
    dl {
    	margin-bottom: 20px
    }
    dd, dt {
    	line-height: 1.428571429
    }
    dt {
    	font-weight: 700
    }
    dd {
    	margin-left: 0
    }
    @media(min-width:768px) {
    .dl-horizontal dt {
    	float: left;
    	width: 160px;
    	clear: left;
    	text-align: right;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap
    }
    .dl-horizontal dd {
    	margin-left: 180px
    }
    .dl-horizontal dd:after, .dl-horizontal dd:before {
    	content: " ";
    	display: table
    }
    .dl-horizontal dd:after {
    	clear: both
    }
    }
    abbr[data-original-title], abbr[title] {
    	cursor: help;
    	border-bottom: 1px dotted #999
    }
    abbr.initialism {
    	font-size: 90%;
    	text-transform: uppercase
    }
    blockquote {
    	padding: 10px 20px;
    	margin: 0 0 20px;
    	border-left: 5px solid #fafafa
    }
    blockquote p {
    	font-size: 17.5px;
    	font-weight: 300;
    	line-height: 1.25
    }
    blockquote p:last-child {
    	margin-bottom: 0
    }
    blockquote small {
    	display: block;
    	line-height: 1.428571429;
    	color: #999
    }
    blockquote small:before {
    	content: '\2014 \00A0'
    }
    blockquote.pull-right {
    	padding-right: 15px;
    	padding-left: 0;
    	border-right: 5px solid #fafafa;
    	border-left: 0
    }
    blockquote.pull-right p, blockquote.pull-right small {
    	text-align: right
    }
    blockquote.pull-right small:before {
    	content: ''
    }
    blockquote.pull-right small:after {
    	content: '\00A0 \2014'
    }
    blockquote:after, blockquote:before, q:after, q:before {
    	content: ""
    }
    address {
    	display: block;
    	margin-bottom: 20px;
    	font-style: normal;
    	line-height: 1.428571429
    }
    code, pre {
    	font-family: Monaco, Menlo, Consolas, "Courier New", monospace
    }
    code {
    	padding: 2px 4px;
    	font-size: 90%;
    	color: #c7254e;
    	background-color: #f9f2f4;
    	white-space: nowrap;
    	border-radius: 4px
    }
    pre {
    	display: block;
    	padding: 9.5px;
    	margin: 0 0 10px;
    	font-size: 13px;
    	line-height: 1.428571429;
    	word-break: break-all;
    	word-wrap: break-word;
    	color: #333;
    	background-color: #f5f5f5;
    	border: 1px solid #ccc;
    	border-radius: 4px
    }
    pre.prettyprint {
    	margin-bottom: 20px
    }
    pre code {
    	padding: 0;
    	font-size: inherit;
    	color: inherit;
    	white-space: pre-wrap;
    	background-color: transparent;
    	border: 0
    }
    .pre-scrollable {
    	max-height: 340px;
    	overflow-y: scroll
    }
    .container {
    	margin-right: auto;
    	margin-left: auto;
    	padding-left: 0;
    	padding-right: 0
    }
    .container:after, .container:before {
    	content: " ";
    	display: table
    }
    .container:after {
    	clear: both
    }
    .row {
    	margin-left: -15px;
    	margin-right: -15px
    }
    .row:after, .row:before {
    	content: " ";
    	display: table
    }
    .row:after {
    	clear: both
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    	position: relative;
    	min-height: 1px
    }
    .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    	float: left
    }
    .col-xs-1 {
    	width: 8.333333333333332%
    }
    .col-xs-2 {
    	width: 16.666666666666664%
    }
    .col-xs-3 {
    	width: 25%
    }
    .col-xs-4 {
    	width: 33.33333333333333%
    }
    .col-xs-5 {
    	width: 41.66666666666667%
    }
    .col-xs-6 {
    	width: 50%
    }
    .col-xs-7 {
    	width: 58.333333333333336%
    }
    .col-xs-8 {
    	width: 66.66666666666666%
    }
    .col-xs-9 {
    	width: 75%
    }
    .col-xs-10 {
    	width: 83.33333333333334%
    }
    .col-xs-11 {
    	width: 91.66666666666666%
    }
    .col-xs-12 {
    	width: 100%
    }
    @media(min-width:768px) {
    .container {
    	max-width: 750px
    }
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    	float: left
    }
    .col-sm-1 {
    	width: 8.333333333333332%
    }
    .col-sm-2 {
    	width: 16.666666666666664%
    }
    .col-sm-3 {
    	width: 25%
    }
    .col-sm-4 {
    	width: 33.33333333333333%
    }
    .col-sm-5 {
    	width: 41.66666666666667%
    }
    .col-sm-6 {
    	width: 50%
    }
    .col-sm-7 {
    	width: 58.333333333333336%
    }
    .col-sm-8 {
    	width: 66.66666666666666%
    }
    .col-sm-9 {
    	width: 75%
    }
    .col-sm-10 {
    	width: 83.33333333333334%
    }
    .col-sm-11 {
    	width: 91.66666666666666%
    }
    .col-sm-12 {
    	width: 100%
    }
    .col-sm-push-1 {
    	left: 8.333333333333332%
    }
    .col-sm-push-2 {
    	left: 16.666666666666664%
    }
    .col-sm-push-3 {
    	left: 25%
    }
    .col-sm-push-4 {
    	left: 33.33333333333333%
    }
    .col-sm-push-5 {
    	left: 41.66666666666667%
    }
    .col-sm-push-6 {
    	left: 50%
    }
    .col-sm-push-7 {
    	left: 58.333333333333336%
    }
    .col-sm-push-8 {
    	left: 66.66666666666666%
    }
    .col-sm-push-9 {
    	left: 75%
    }
    .col-sm-push-10 {
    	left: 83.33333333333334%
    }
    .col-sm-push-11 {
    	left: 91.66666666666666%
    }
    .col-sm-pull-1 {
    	right: 8.333333333333332%
    }
    .col-sm-pull-2 {
    	right: 16.666666666666664%
    }
    .col-sm-pull-3 {
    	right: 25%
    }
    .col-sm-pull-4 {
    	right: 33.33333333333333%
    }
    .col-sm-pull-5 {
    	right: 41.66666666666667%
    }
    .col-sm-pull-6 {
    	right: 50%
    }
    .col-sm-pull-7 {
    	right: 58.333333333333336%
    }
    .col-sm-pull-8 {
    	right: 66.66666666666666%
    }
    .col-sm-pull-9 {
    	right: 75%
    }
    .col-sm-pull-10 {
    	right: 83.33333333333334%
    }
    .col-sm-pull-11 {
    	right: 91.66666666666666%
    }
    .col-sm-offset-1 {
    	margin-left: 8.333333333333332%
    }
    .col-sm-offset-2 {
    	margin-left: 16.666666666666664%
    }
    .col-sm-offset-3 {
    	margin-left: 25%
    }
    .col-sm-offset-4 {
    	margin-left: 33.33333333333333%
    }
    .col-sm-offset-5 {
    	margin-left: 41.66666666666667%
    }
    .col-sm-offset-6 {
    	margin-left: 50%
    }
    .col-sm-offset-7 {
    	margin-left: 58.333333333333336%
    }
    .col-sm-offset-8 {
    	margin-left: 66.66666666666666%
    }
    .col-sm-offset-9 {
    	margin-left: 75%
    }
    .col-sm-offset-10 {
    	margin-left: 83.33333333333334%
    }
    .col-sm-offset-11 {
    	margin-left: 91.66666666666666%
    }
    }
    @media(min-width:992px) {
    .container {
    	max-width: 1000px
    }
    .col-md-1, .col-md-10, .col-md-11, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    	float: left
    }
    .col-md-1 {
    	width: 8.333333333333332%
    }
    .col-md-2 {
    	width: 16.666666666666664%
    }
    .col-md-3 {
    	width: 25%
    }
    .col-md-4 {
    	width: 300px
    }
    .col-md-5 {
    	width: 41.66666666666667%
    }
    .col-md-6 {
    	width: 50%
    }
    .col-md-7 {
    	width: 58.333333333333336%
    }
    .col-md-8 {
    	margin-right: 10px !important;
    	margin-top: 10px !important;
    	width: 690px
    }
    .col-md-9 {
    	width: 75%
    }
    .col-md-10 {
    	width: 83.33333333333334%
    }
    .col-md-11 {
    	width: 91.66666666666666%
    }
    .col-md-12 {
    	width: 100%
    }
    .col-md-push-0 {
    	left: auto
    }
    .col-md-push-1 {
    	left: 8.333333333333332%
    }
    .col-md-push-2 {
    	left: 16.666666666666664%
    }
    .col-md-push-3 {
    	left: 25%
    }
    .col-md-push-4 {
    	left: 33.33333333333333%
    }
    .col-md-push-5 {
    	left: 41.66666666666667%
    }
    .col-md-push-6 {
    	left: 50%
    }
    .col-md-push-7 {
    	left: 58.333333333333336%
    }
    .col-md-push-8 {
    	left: 66.66666666666666%
    }
    .col-md-push-9 {
    	left: 75%
    }
    .col-md-push-10 {
    	left: 83.33333333333334%
    }
    .col-md-push-11 {
    	left: 91.66666666666666%
    }
    .col-md-pull-0 {
    	right: auto
    }
    .col-md-pull-1 {
    	right: 8.333333333333332%
    }
    .col-md-pull-2 {
    	right: 16.666666666666664%
    }
    .col-md-pull-3 {
    	right: 25%
    }
    .col-md-pull-4 {
    	right: 33.33333333333333%
    }
    .col-md-pull-5 {
    	right: 41.66666666666667%
    }
    .col-md-pull-6 {
    	right: 50%
    }
    .col-md-pull-7 {
    	right: 58.333333333333336%
    }
    .col-md-pull-8 {
    	right: 66.66666666666666%
    }
    .col-md-pull-9 {
    	right: 75%
    }
    .col-md-pull-10 {
    	right: 83.33333333333334%
    }
    .col-md-pull-11 {
    	right: 91.66666666666666%
    }
    .col-md-offset-0 {
    	margin-left: 0
    }
    .col-md-offset-1 {
    	margin-left: 8.333333333333332%
    }
    .col-md-offset-2 {
    	margin-left: 16.666666666666664%
    }
    .col-md-offset-3 {
    	margin-left: 25%
    }
    .col-md-offset-4 {
    	margin-left: 33.33333333333333%
    }
    .col-md-offset-5 {
    	margin-left: 41.66666666666667%
    }
    .col-md-offset-6 {
    	margin-left: 50%
    }
    .col-md-offset-7 {
    	margin-left: 58.333333333333336%
    }
    .col-md-offset-8 {
    	margin-left: 66.66666666666666%
    }
    .col-md-offset-9 {
    	margin-left: 75%
    }
    .col-md-offset-10 {
    	margin-left: 83.33333333333334%
    }
    .col-md-offset-11 {
    	margin-left: 91.66666666666666%
    }
    }
    @media(min-width:1200px) {
    .container {
    	max-width: 1060px;
    	position:relative;
    }
    .tet {
        height: 188px;
        left: -159px;
        position: absolute;
        top: 0;
        width: 162px;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    	float: left
    }
    .col-lg-1 {
    	width: 8.333333333333332%
    }
    .col-lg-2 {
    	width: 16.666666666666664%
    }
    .col-lg-3 {
    	width: 25%
    }
    .col-lg-4 {
    	width: 300px;
    	float:right
    }
    .col-lg-5 {
    	width: 41.66666666666667%
    }
    .col-lg-6 {
    	width: 50%
    }
    .col-lg-7 {
    	width: 58.333333333333336%
    }
    .col-lg-8 {
    	background: none repeat scroll 0 0 #fff !important;
    	border: 0 none !important;
    	border-radius: 5px;
    	margin-right: 10px;
    	margin-top: 10px !important;
    	padding: 0 !important;
    	width: 728px
    }
    .col-lg-9 {
    	width: 75%
    }
    .col-lg-10 {
    	width: 83.33333333333334%
    }
    .col-lg-11 {
    	width: 91.66666666666666%
    }
    .col-lg-12 {
    	width: 100%
    }
    .col-lg-push-0 {
    	left: auto
    }
    .col-lg-push-1 {
    	left: 8.333333333333332%
    }
    .col-lg-push-2 {
    	left: 16.666666666666664%
    }
    .col-lg-push-3 {
    	left: 25%
    }
    .col-lg-push-4 {
    	left: 33.33333333333333%
    }
    .col-lg-push-5 {
    	left: 41.66666666666667%
    }
    .col-lg-push-6 {
    	left: 50%
    }
    .col-lg-push-7 {
    	left: 58.333333333333336%
    }
    .col-lg-push-8 {
    	left: 66.66666666666666%
    }
    .col-lg-push-9 {
    	left: 75%
    }
    .col-lg-push-10 {
    	left: 83.33333333333334%
    }
    .col-lg-push-11 {
    	left: 91.66666666666666%
    }
    .col-lg-pull-0 {
    	right: auto
    }
    .col-lg-pull-1 {
    	right: 8.333333333333332%
    }
    .col-lg-pull-2 {
    	right: 16.666666666666664%
    }
    .col-lg-pull-3 {
    	right: 25%
    }
    .col-lg-pull-4 {
    	right: 33.33333333333333%
    }
    .col-lg-pull-5 {
    	right: 41.66666666666667%
    }
    .col-lg-pull-6 {
    	right: 50%
    }
    .col-lg-pull-7 {
    	right: 58.333333333333336%
    }
    .col-lg-pull-8 {
    	right: 66.66666666666666%
    }
    .col-lg-pull-9 {
    	right: 75%
    }
    .col-lg-pull-10 {
    	right: 83.33333333333334%
    }
    .col-lg-pull-11 {
    	right: 91.66666666666666%
    }
    .col-lg-offset-0 {
    	margin-left: 0
    }
    .col-lg-offset-1 {
    	margin-left: 8.333333333333332%
    }
    .col-lg-offset-2 {
    	margin-left: 16.666666666666664%
    }
    .col-lg-offset-3 {
    	margin-left: 25%
    }
    .col-lg-offset-4 {
    	margin-left: 33.33333333333333%
    }
    .col-lg-offset-5 {
    	margin-left: 41.66666666666667%
    }
    .col-lg-offset-6 {
    	margin-left: 50%
    }
    .col-lg-offset-7 {
    	margin-left: 58.333333333333336%
    }
    .col-lg-offset-8 {
    	margin-left: 66.66666666666666%
    }
    .col-lg-offset-9 {
    	margin-left: 75%
    }
    .col-lg-offset-10 {
    	margin-left: 83.33333333333334%
    }
    .col-lg-offset-11 {
    	margin-left: 91.66666666666666%
    }
    }
    table {
    	max-width: 100%;
    	background-color: transparent
    }
    th {
    	text-align: left
    }
    .table {
    	width: 100%;
    	margin-bottom: 20px
    }
    .table tbody>tr>td, .table tbody>tr>th, .table tfoot>tr>td, .table tfoot>tr>th, .table thead>tr>td, .table thead>tr>th {
    	padding: 8px;
    	line-height: 1.428571429;
    	vertical-align: top;
    	border-top: 2px solid #ddd
    }
    .table thead>tr>th {
    	vertical-align: bottom;
    	border-bottom: 2px solid #ddd
    }
    .table caption+thead tr:first-child td, .table caption+thead tr:first-child th, .table colgroup+thead tr:first-child td, .table colgroup+thead tr:first-child th, .table thead:first-child tr:first-child td, .table thead:first-child tr:first-child th {
    	border-top: 0
    }
    .table tbody+tbody {
    	border-top: 2px solid #ddd
    }
    .table .table {
    	background-color: #f7f8f9
    }
    .table-condensed tbody>tr>td, .table-condensed tbody>tr>th, .table-condensed tfoot>tr>td, .table-condensed tfoot>tr>th, .table-condensed thead>tr>td, .table-condensed thead>tr>th {
    	padding: 5px
    }
    .table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    	border: 2px solid #ddd
    }
    .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    	border-bottom-width: 2px
    }
    .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    	background-color: #f1f2f5
    }
    .table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
    	background-color: #e7e8e9
    }
    table col[class*=col-] {
    	float: none;
    	display: table-column
    }
    table td[class*=col-], table th[class*=col-] {
    	float: none;
    	display: table-cell
    }
    .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
    	background-color: #e7e8e9
    }
    .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
    	background-color: #f1f9ee;
    	border-color: #e6f1dc
    }
    .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover {
    	background-color: #e2f1dc;
    	border-color: #d8eac9
    }
    .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger {
    	background-color: #fbf4f4;
    	border-color: #f6e9eb
    }
    .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover {
    	background-color: #f3e2e2;
    	border-color: #efd7db
    }
    .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning {
    	background-color: #fff;
    	border-color: #fdf9f1
    }
    .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover {
    	background-color: #fcf9e8;
    	border-color: #fbf0da
    }
    @media(max-width:768px) {
    .table-responsive {
    	width: 100%;
    	margin-bottom: 15px;
    	overflow-y: hidden;
    	overflow-x: scroll;
    	border: 2px solid #ddd
    }
    .table-responsive>.table {
    	margin-bottom: 0;
    	background-color: #fff
    }
    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
    	white-space: nowrap
    }
    .table-responsive>.table-bordered {
    	border: 0
    }
    .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child {
    	border-left: 0
    }
    .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child {
    	border-right: 0
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>thead>tr:last-child>td, .table-responsive>.table-bordered>thead>tr:last-child>th {
    	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: 700
    }
    input[type=search] {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box
    }
    input[type=checkbox], input[type=radio] {
    	margin: 4px 0 0;
    	line-height: normal
    }
    input[type=file] {
    	display: block
    }
    select[multiple], select[size] {
    	height: auto
    }
    select optgroup {
    	font-size: inherit;
    	font-style: inherit;
    	font-family: inherit
    }
    input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    	outline: #333 dotted thin;
    	outline: -webkit-focus-ring-color auto;
    	outline-offset: -2px
    }
    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height:auto
    }
    .form-control:-moz-placeholder {
    color:#999
    }
    .form-control::-moz-placeholder {
    color:#999
    }
    .form-control:-ms-input-placeholder {
    color:#999
    }
    .form-control::-webkit-input-placeholder {
    color:#999
    }
    .form-control {
    	display: block;
    	width: 100%;
    	height: 36px;
    	padding: 6px 12px;
    	font-size: 14px;
    	line-height: 1.428571429;
    	color: #555;
    	vertical-align: middle;
    	background-color: #fff;
    	border: 2px solid #bcc1c7;
    	border-radius: 4px;
    	-webkit-transition: border-color ease-in-out .15s;
    	transition: border-color ease-in-out .15s
    }
    .form-control:focus {
    	border-color: #12c3ee;
    	outline: 0
    }
    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    	cursor: not-allowed;
    	background-color: #fafafa
    }
    textarea.form-control {
    	height: auto
    }
    .form-group {
    	margin-bottom: 15px
    }
    .checkbox, .radio {
    	display: block;
    	min-height: 20px;
    	margin-top: 10px;
    	margin-bottom: 10px;
    	padding-left: 20px;
    	vertical-align: middle
    }
    .checkbox label, .radio label {
    	display: inline;
    	margin-bottom: 0;
    	font-weight: 400;
    	cursor: pointer
    }
    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    	float: left;
    	margin-left: -20px
    }
    .checkbox+.checkbox, .radio+.radio {
    	margin-top: -5px
    }
    .checkbox-inline, .radio-inline {
    	display: inline-block;
    	padding-left: 20px;
    	margin-bottom: 0;
    	vertical-align: middle;
    	font-weight: 400;
    	cursor: pointer
    }
    .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
    	margin-top: 0;
    	margin-left: 10px
    }
    .checkbox-inline[disabled], .checkbox[disabled], .radio-inline[disabled], .radio[disabled], fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=radio][disabled] {
    	cursor: not-allowed
    }
    .input-sm {
    	height: 28px;
    	padding: 4px 10px;
    	font-size: 12px;
    	line-height: 1.5;
    	border-radius: 3px
    }
    select.input-sm {
    	height: 28px;
    	line-height: 28px
    }
    textarea.input-sm {
    	height: auto
    }
    .input-lg {
    	height: 49px;
    	padding: 12px 22px;
    	font-size: 18px;
    	line-height: 1.33;
    	border-radius: 6px
    }
    select.input-lg {
    	height: 49px;
    	line-height: 49px
    }
    textarea.input-lg {
    	height: auto
    }
    .has-warning .control-label, .has-warning .help-block {
    	color: #c7a366
    }
    .has-warning .form-control {
    	border-color: #c7a366;
    	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    	box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
    }
    .has-warning .form-control:focus {
    	border-color: #b78c43;
    	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #e2d0b0;
    	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #e2d0b0
    }
    .has-warning .input-group-addon {
    	color: #c7a366;
    	border-color: #c7a366;
    	background-color: #fff
    }
    .has-error .control-label, .has-error .help-block {
    	color: #c05c5a
    }
    .has-error .form-control {
    	border-color: #c05c5a;
    	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    	box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
    }
    .has-error .form-control:focus {
    	border-color: #a74240;
    	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #dca5a4;
    	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #dca5a4
    }
    .has-error .input-group-addon {
    	color: #c05c5a;
    	border-color: #c05c5a;
    	background-color: #fbf4f4
    }
    .has-success .control-label, .has-success .help-block {
    	color: #4f9950
    }
    .has-success .form-control {
    	border-color: #4f9950;
    	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    	box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
    }
    .has-success .form-control:focus {
    	border-color: #3d773e;
    	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #8ac38b;
    	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #8ac38b
    }
    .has-success .input-group-addon {
    	color: #4f9950;
    	border-color: #4f9950;
    	background-color: #f1f9ee
    }
    .form-control-static {
    	margin-bottom: 0;
    	padding-top: 7px
    }
    .help-block {
    	display: block;
    	margin-top: 5px;
    	margin-bottom: 10px;
    	color: #748fa2
    }
    @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 .checkbox, .form-inline .radio {
    	display: inline-block;
    	margin-top: 0;
    	margin-bottom: 0;
    	padding-left: 0
    }
    .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
    	float: none;
    	margin-left: 0
    }
    }
    .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .radio-inline {
    	margin-top: 0;
    	margin-bottom: 0;
    	padding-top: 7px
    }
    .form-horizontal .form-group {
    	margin-left: -15px;
    	margin-right: -15px
    }
    .form-horizontal .form-group:after, .form-horizontal .form-group:before {
    	content: " ";
    	display: table
    }
    .form-horizontal .form-group:after {
    	clear: both
    }
    @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: 700;
    	line-height: 1.428571429;
    	text-align: center;
    	vertical-align: middle;
    	cursor: pointer;
    	border: 1px solid transparent;
    	border-radius: 4px;
    	white-space: nowrap;
    	-webkit-user-select: none;
    	-moz-user-select: none;
    	-ms-user-select: none;
    	-o-user-select: none;
    	-webkit-transition: color .2s linear, border-color .2s linear, background-color .2s linear;
    	transition: color .2s linear, border-color .2s linear, background-color .2s linear
    }
    .btn:focus {
    	outline: #333 dotted thin;
    	outline: -webkit-focus-ring-color auto;
    	outline-offset: -2px
    }
    .btn:focus, .btn:hover {
    	color: #666;
    	text-decoration: none
    }
    .btn.active, .btn:active {
    	outline: 0;
    	background-image: none
    }
    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    	cursor: not-allowed;
    	opacity: .65;
    	-webkit-box-shadow: none;
    	box-shadow: none
    }
    .btn-default {
    	color: #666;
    	background-color: #edf2f1;
    	border-color: #ccc
    }
    .btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
    	color: #666;
    	background-color: #f3f6f6;
    	border-color: #e0e0e0
    }
    .btn-default.active, .btn-default:active, .open .dropdown-toggle.btn-default {
    	background-image: none
    }
    .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    	background-color: #edf2f1;
    	border-color: #ccc
    }
    .btn-primary {
    	color: #fff;
    	background-color: #12c3ee;
    	border-color: #12c3ee
    }
    .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
    	color: #fff;
    	background-color: #3896d3;
    	border-color: #3896d3
    }
    .btn-primary.active, .btn-primary:active, .open .dropdown-toggle.btn-primary {
    	background-image: none
    }
    .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    	background-color: #12c3ee;
    	border-color: #12c3ee
    }
    .btn-warning {
    	color: #fff;
    	background-color: #f5af41;
    	border-color: #f5af41
    }
    .btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning {
    	color: #fff;
    	background-color: #f7bf68;
    	border-color: #f7bf68
    }
    .btn-warning.active, .btn-warning:active, .open .dropdown-toggle.btn-warning {
    	background-image: none
    }
    .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    	background-color: #f5af41;
    	border-color: #f5af41
    }
    .btn-danger {
    	color: #fff;
    	background-color: #d94d3f;
    	border-color: #d94d3f
    }
    .btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open .dropdown-toggle.btn-danger {
    	color: #fff;
    	background-color: #e06d61;
    	border-color: #e06d61
    }
    .btn-danger.active, .btn-danger:active, .open .dropdown-toggle.btn-danger {
    	background-image: none
    }
    .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    	background-color: #d94d3f;
    	border-color: #d94d3f
    }
    .btn-success {
    	color: #fff;
    	background-color: #27ae60;
    	border-color: #27ae60
    }
    .btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success {
    	color: #fff;
    	background-color: #2ecf72;
    	border-color: #2ecf72
    }
    .btn-success.active, .btn-success:active, .open .dropdown-toggle.btn-success {
    	background-image: none
    }
    .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    	background-color: #27ae60;
    	border-color: #27ae60
    }
    .btn-info {
    	color: #fff;
    	background-color: #3498db;
    	border-color: #3498db
    }
    .btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open .dropdown-toggle.btn-info {
    	color: #fff;
    	background-color: #57aae1;
    	border-color: #57aae1
    }
    .btn-info.active, .btn-info:active, .open .dropdown-toggle.btn-info {
    	background-image: none
    }
    .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    	background-color: #3498db;
    	border-color: #3498db
    }
    .btn-link {
    	color: #12c3ee;
    	font-weight: 400;
    	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:active, .btn-link:focus, .btn-link:hover {
    	border-color: transparent
    }
    .btn-link:focus, .btn-link:hover {
    	text-decoration: underline;
    	background-color: transparent
    }
    .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
    	color: #999;
    	text-decoration: none
    }
    .btn-lg {
    	padding: 12px 22px;
    	font-size: 18px;
    	line-height: 1.33;
    	border-radius: 6px
    }
    .btn-sm, .btn-xs {
    	padding: 4px 10px;
    	font-size: 12px;
    	line-height: 1.5;
    	border-radius: 3px
    }
    .btn-xs {
    	padding: 1px 5px
    }
    .btn-block {
    	display: block;
    	width: 100%;
    	padding-left: 0;
    	padding-right: 0
    }
    .btn-block+.btn-block {
    	margin-top: 5px
    }
    input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].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
    }
    .caret {
    	display: inline-block;
    	width: 0;
    	height: 0;
    	margin-left: 2px;
    	vertical-align: middle;
    	border-top: 4px solid #000;
    	border-right: 4px solid transparent;
    	border-left: 4px solid transparent;
    	border-bottom: 0 dotted;
    	content: ""
    }
    .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;
    	list-style: none;
    	font-size: 14px;
    	background-color: #fff;
    	border: 1px solid #ccc;
    	border: 1px solid rgba(0,0,0,.15);
    	border-radius: 4px;
    	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    	box-shadow: 0 6px 12px rgba(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: 400;
    	line-height: 1.428571429;
    	color: #333;
    	white-space: nowrap
    }
    @media(min-width:768px) {
    .dropdown-menu {
    	display: block;
    	margin-top: -12px;
    	visibility: hidden;
    	opacity: 0;
    	-webkit-transition: all .3s ease-out;
    	transition: all .3s ease-out
    }
    }
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    	text-decoration: none;
    	color: #fff;
    	background-color: #12c3ee
    }
    .dropdown-menu>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    	-webkit-transition: .25s;
    	transition: .25s;
    	background: none !important
    }
    .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    	color: #fff;
    	text-decoration: none;
    	outline: 0;
    	background-color: #12c3ee
    }
    .dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
    	color: #999
    }
    .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
    	text-decoration: none;
    	background-color: transparent;
    	background-image: none;
    	cursor: not-allowed
    }
    .open>.dropdown-menu {
    	display: block;
    	margin-top: 0;
    	visibility: visible;
    	opacity: 1
    }
    .open>a {
    	outline: 0
    }
    .dropdown-header {
    	display: block;
    	padding: 3px 20px;
    	font-size: 12px;
    	line-height: 1.428571429;
    	color: #999
    }
    .dropdown-backdrop {
    	position: fixed;
    	left: 0;
    	right: 0;
    	bottom: 0;
    	top: 0;
    	z-index: 990
    }
    .pull-right>.dropdown-menu {
    	right: 0;
    	left: auto
    }
    .dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    	border-top: 0 dotted;
    	border-bottom: 4px solid #000;
    	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-default .caret {
    	border-top-color: #666
    }
    .btn-danger .caret, .btn-info .caret, .btn-primary .caret, .btn-success .caret, .btn-warning .caret {
    	border-top-color: #fff
    }
    .dropup .btn-default .caret {
    	border-bottom-color: #666
    }
    .dropup .btn-danger .caret, .dropup .btn-info .caret, .dropup .btn-primary .caret, .dropup .btn-success .caret, .dropup .btn-warning .caret {
    	border-bottom-color: #fff
    }
    .btn-group, .btn-group-vertical {
    	position: relative;
    	display: inline-block;
    	vertical-align: middle
    }
    .btn-group-vertical>.btn, .btn-group>.btn {
    	position: relative;
    	float: left
    }
    .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
    	z-index: 2
    }
    .btn-group-vertical>.btn:focus, .btn-group>.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:after, .btn-toolbar:before {
    	content: " ";
    	display: table
    }
    .btn-toolbar:after {
    	clear: both
    }
    .btn-toolbar .btn-group {
    	float: left
    }
    .btn-toolbar>.btn+.btn, .btn-toolbar>.btn+.btn-group, .btn-toolbar>.btn-group+.btn, .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-bottom-right-radius: 0;
    	border-top-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-bottom-right-radius: 0;
    	border-top-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 {
    	font-size: 12px;
    	line-height: 1.5;
    	border-radius: 3px;
    	padding: 1px 5px
    }
    .btn-group-sm>.btn {
    	padding: 4px 10px;
    	font-size: 12px;
    	line-height: 1.5;
    	border-radius: 3px
    }
    .btn-group-lg>.btn {
    	padding: 12px 22px;
    	font-size: 18px;
    	line-height: 1.33;
    	border-radius: 6px
    }
    .btn-group>.btn+.dropdown-toggle {
    	padding-left: 8px;
    	padding-right: 8px
    }
    .btn-group>.btn-lg+.dropdown-toggle {
    	padding-left: 12px;
    	padding-right: 12px
    }
    .btn .caret {
    	margin-left: 0
    }
    .btn-lg .caret {
    	border-width: 5px 5px 0
    }
    .dropup .btn-lg .caret {
    	border-width: 0 5px 5px
    }
    .btn-group-vertical>.btn, .btn-group-vertical>.btn-group {
    	display: block;
    	float: none;
    	width: 100%;
    	max-width: 100%
    }
    .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before {
    	content: " ";
    	display: table
    }
    .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-bottom-left-radius: 4px;
    	border-top-right-radius: 0;
    	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%;
    	table-layout: fixed;
    	border-collapse: separate
    }
    .btn-group-justified .btn {
    	float: none;
    	display: table-cell;
    	width: 1%
    }
    [data-toggle=buttons]>.btn>input[type=checkbox], [data-toggle=buttons]>.btn>input[type=radio] {
    display:none
    }
    .input-group {
    	position: relative;
    	display: table;
    	border-collapse: separate
    }
    .input-group.col {
    	float: none;
    	padding-left: 0;
    	padding-right: 0
    }
    .input-group .form-control {
    	width: 100%;
    	margin-bottom: 0
    }
    .input-group.input-focused .btn, .input-group.input-focused .btn-group>.dropdown-toggle, .input-group.input-focused .input-group-addon, .input-group>input:focus .btn, .input-group>input:focus .btn-group>.dropdown-toggle, .input-group>input:focus .input-group-addon {
    	background-color: #12c3ee !important;
    	border-color: #12c3ee !important;
    	-webkit-transition: border linear .2s, background linear .2s;
    	transition: border linear .2s, background linear .2s
    }
    .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
    	height: 49px;
    	padding: 12px 22px;
    	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: 49px;
    	line-height: 49px
    }
    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: 28px;
    	padding: 4px 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: 28px;
    	line-height: 28px
    }
    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 .form-control, .input-group-addon, .input-group-btn {
    	display: table-cell
    }
    .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn: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: 400;
    	line-height: 1;
    	text-align: center;
    	background-color: #bcc1c7;
    	border: 1px solid #bcc1c7;
    	border-radius: 4px;
    	color: #fff
    }
    .input-group-addon.input-sm {
    	padding: 4px 10px;
    	font-size: 12px;
    	border-radius: 3px
    }
    .input-group-addon.input-lg {
    	padding: 12px 22px;
    	font-size: 18px;
    	border-radius: 6px
    }
    .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
    	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-bottom-right-radius: 0;
    	border-top-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:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.dropdown-toggle {
    	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.open>.btn-default, .input-group-btn>.btn-default {
    	background-color: #bcc1c7;
    	border-color: #bcc1c7;
    	color: #fff
    }
    .input-group-btn>.btn {
    	position: relative;
    	line-height: 1.55
    }
    .input-group-btn>.btn+.btn {
    	margin-left: -4px
    }
    .input-group-btn>.btn:active, .input-group-btn>.btn:hover {
    	z-index: 2
    }
    .nav {
    	margin-bottom: 0;
    	padding-left: 0;
    	list-style: none
    }
    .nav:after, .nav:before {
    	content: " ";
    	display: table
    }
    .nav:after {
    	clear: both
    }
    .nav>li {
    	position: relative;
    	display: block
    }
    .nav>li>a {
    	position: relative;
    	display: block;
    	padding: 10px 15px
    }
    .nav>li>a:focus, .nav>li>a:hover {
    	text-decoration: none;
    	background-color: #fafafa
    }
    .nav>li.disabled>a {
    	color: #999
    }
    .nav>li.disabled>a:focus, .nav>li.disabled>a:hover {
    	color: #999;
    	text-decoration: none;
    	background-color: transparent;
    	cursor: not-allowed
    }
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    	background-color: #fafafa;
    	border-color: #12c3ee
    }
    .nav .nav-divider {
    	height: 1px;
    	margin: 9px 0;
    	overflow: hidden;
    	background-color: #e5e5e5
    }
    .nav>li>a>img {
    	max-width: none
    }
    .nav-tabs {
    	border-bottom: 2px solid #ddd;
    	margin-bottom: 20px
    }
    .nav-tabs>li {
    	float: left;
    	margin-bottom: -2px
    }
    .nav-tabs>li>a {
    	margin-right: 2px;
    	line-height: 1.428571429;
    	border: 2px solid transparent;
    	border-radius: 4px 4px 0 0;
    	font-weight: 700;
    	color: #566678
    }
    .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
    	border-color: #fafafa #fafafa #ddd;
    	outline: 0;
    	color: #12c3ee
    }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    	color: #12c3ee;
    	background-color: #f7f8f9;
    	border: 2px solid #ddd;
    	border-bottom-color: transparent;
    	cursor: default;
    	outline: 0
    }
    .nav-tabs.nav-justified {
    	width: 100%;
    	border-bottom: 0
    }
    .nav-tabs.nav-justified>li {
    	float: none
    }
    .nav-tabs.nav-justified>li>a {
    	text-align: center;
    	border-bottom: 1px solid #ddd;
    	margin-right: 0
    }
    @media(min-width:768px) {
    .nav-tabs.nav-justified>li {
    	display: table-cell;
    	width: 1%
    }
    }
    .nav-tabs.nav-justified>.active>a {
    	border-bottom-color: #f7f8f9
    }
    .nav-pills>li {
    	float: left
    }
    .nav-pills>li>a {
    	border-radius: 5px
    }
    .nav-pills>li+li {
    	margin-left: 2%
    }
    .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    	color: #fff;
    	background-color: #12c3ee
    }
    .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 {
    	text-align: center
    }
    @media(min-width:768px) {
    .nav-justified>li {
    	display: table-cell;
    	width: 1%
    }
    }
    .nav-tabs-justified {
    	border-bottom: 0
    }
    .nav-tabs-justified>li>a {
    	border-bottom: 1px solid #ddd;
    	margin-right: 0
    }
    .nav-tabs-justified>.active>a {
    	border-bottom-color: #f7f8f9
    }
    .pill-content>.pill-pane, .tab-content>.tab-pane {
    	display: none
    }
    .pill-content>.active, .tab-content>.active {
    	display: block
    }
    .nav .caret {
    	border-top-color: #12c3ee;
    	border-bottom-color: #12c3ee
    }
    .nav-tabs .dropdown-menu {
    	margin-top: -1px;
    	border-top-right-radius: 0;
    	border-top-left-radius: 0
    }
    .tabbable:after, .tabbable:before {
    	content: " ";
    	display: table
    }
    .tabbable:after {
    	clear: both
    }
    .tab-content {
    	overflow: auto
    }
    .tabs-below>.nav-tabs, .tabs-left>.nav-tabs, .tabs-right>.nav-tabs {
    	border-bottom: 0
    }
    .tabs-below>.nav-tabs {
    	border-top: 2px solid #ddd;
    	margin-bottom: 0;
    	margin-top: 20px
    }
    .tabs-below>.nav-tabs>li {
    	margin-top: -2px;
    	margin-bottom: 0
    }
    .tabs-below>.nav-tabs>li>a {
    	border-radius: 0 0 4px 4px
    }
    .tabs-below>.nav-tabs>li>a:focus, .tabs-below>.nav-tabs>li>a:hover {
    	border-bottom-color: transparent;
    	border-top-color: #ddd
    }
    .tabs-below>.nav-tabs>.active>a, .tabs-below>.nav-tabs>.active>a:focus, .tabs-below>.nav-tabs>.active>a:hover {
    	border-color: transparent #ddd #ddd
    }
    .tabs-left>.nav-tabs>li, .tabs-right>.nav-tabs>li {
    	float: none
    }
    .tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a {
    	min-width: 74px;
    	margin-right: 0;
    	margin-bottom: 3px
    }
    .tabs-left>.nav-tabs {
    	float: left;
    	margin-right: 19px;
    	border-right: 2px solid #ddd
    }
    .tabs-left>.nav-tabs>li>a {
    	margin-right: -2px;
    	border-radius: 4px 0 0 4px
    }
    .tabs-left>.nav-tabs>li>a:focus, .tabs-left>.nav-tabs>li>a:hover {
    	border-color: #fafafa #ddd #fafafa #fafafa
    }
    .tabs-left>.nav-tabs .active>a, .tabs-left>.nav-tabs .active>a:focus, .tabs-left>.nav-tabs .active>a:hover {
    	border-color: #ddd transparent #ddd #ddd
    }
    .tabs-right>.nav-tabs {
    	float: right;
    	margin-left: 19px;
    	border-left: 2px solid #ddd
    }
    .tabs-right>.nav-tabs>li>a {
    	margin-left: -2px;
    	border-radius: 0 4px 4px 0
    }
    .tabs-right>.nav-tabs>li>a:focus, .tabs-right>.nav-tabs>li>a:hover {
    	border-color: #fafafa #fafafa #fafafa #ddd
    }
    .tabs-right>.nav-tabs .active>a, .tabs-right>.nav-tabs .active>a:focus, .tabs-right>.nav-tabs .active>a:hover {
    	border-color: #ddd #ddd #ddd transparent
    }
    .navbar {
    	position: relative;
    	z-index: 1000;
    	min-height: 60px;
    	margin-bottom: 20px;
    	border: 1px solid transparent
    }
    .navbar:after, .navbar:before {
    	content: " ";
    	display: table
    }
    .navbar:after {
    	clear: both
    }
    @media(min-width:768px) {
    .navbar {
    	border-radius: 4px
    }
    }
    .navbar-header:after, .navbar-header:before {
    	content: " ";
    	display: table
    }
    .navbar-header:after {
    	clear: both
    }
    @media(min-width:768px) {
    .navbar-header {
    	float: left
    }
    }
    .navbar-collapse {
    	max-height: 340px;
    	overflow-x: visible;
    	padding-right: 15px;
    	padding-left: 15px;
    	border-top: 1px solid transparent;
    	box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    	-webkit-overflow-scrolling: touch
    }
    .navbar-collapse:after, .navbar-collapse:before {
    	content: " ";
    	display: table
    }
    .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-collapse .navbar-nav.navbar-left:first-child {
    	margin-left: 0px
    }
    .navbar-collapse .navbar-nav.navbar-right:last-child {
    	margin-right: -15px
    }
    .navbar-collapse .navbar-text:last-child {
    	margin-right: 0
    }
    }
    @media(max-width:768px) {
    .container>.navbar-collapse, .container>.navbar-header {
    	margin-right: 0;
    	margin-left: 0;
    	width:100%
    }
    .mobile-menu-toggle {
    	left: 0;
    	position: absolute
    }
    .mobile-menu, .mobile-menu-toggle {
    	display: block
    }
    .navbar-collapse.collapse {
    	display: none !important;
    	height: auto !important;
    	padding-bottom: 0;
    	overflow: visible !important
    }
    .navbar>.container .navbar-brand.logo {
    	position: absolute;
    	text-align: center;
    }
    .navbar-static-top {
    	border-radius: 0
    }
    }
    @media(max-width:400px)
    {
     .navbar>.container .navbar-brand.logo {
    	width:40px;
    	height:auto;
    	
    }
    }
    .navbar-static-top {
    	border-width: 0 0 1px
    }
    .navbar-fixed-bottom, .navbar-fixed-top {
    	position: fixed;
    	right: 0;
    	left: 0;
    	border-width: 0 0 1px
    }
    @media(min-width:768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
    	border-radius: 0
    }
    }
    .navbar-fixed-top {
    	z-index: 1030;
    	top: 0
    }
    .navbar-fixed-bottom {
    	bottom: 0;
    	margin-bottom: 0
    }
    .navbar-brand {
    	float: left;
    	padding: 20px 15px;
    	font-size: 18px;
    	line-height: 20px
    }
    .navbar-brand:focus, .navbar-brand:hover {
    	text-decoration: none
    }
    @media(min-width:768px) {
    }
    .navbar-toggle {
    	position: relative;
    	float: right;
    	margin-right: 15px;
    	padding: 9px 10px;
    	margin-top: 13px;
    	margin-bottom: 13px;
    	background-color: transparent;
    	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
    }
    .navbar-nav {
    	margin: 10px -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 .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    	padding: 5px 15px 5px 25px
    }
    .navbar-nav .open .dropdown-menu>li>a {
    	line-height: 20px
    }
    .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover {
    	background-image: none
    }
    }
    @media(min-width:768px) {
    .navbar-nav {
    	float: left;
    	margin: 0
    }
    .navbar-nav>li {
    	float: left
    }
    .navbar-nav>li>a {
    	padding-top: 20px;
    	padding-bottom: 20px
    }
    }
    @media(min-width:768px) {
    .navbar.open-hover .navbar-nav>.dropdown:hover>.dropdown-menu, .navbar.open-hover .navbar-nav>.dropdown>.dropdown-menu:hover {
    	display: block;
    	margin-top: 0;
    	visibility: visible;
    	opacity: 1
    }
    }
    @media(min-width:768px) {
    .navbar-left {
    	float: left;
    	float: left !important
    }
    .navbar-right {
    	float: right;
    	float: right !important
    }
    }
    .navbar-form {
    	margin: 12px 15px;
    	padding: 10px 0;
    	border-top: 1px solid transparent;
    	border-bottom: 1px solid transparent;
    	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    	box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.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 .checkbox, .navbar-form .radio {
    	display: inline-block;
    	margin-top: 0;
    	margin-bottom: 0;
    	padding-left: 0
    }
    .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
    	float: none;
    	margin-left: 0
    }
    }
    @media(max-width:767px) {
    .navbar-form .form-group {
    	margin-bottom: 5px
    }
    }
    @media(min-width:768px) {
    .navbar-form {
    	width: auto;
    	border: 0;
    	margin-left: 0;
    	margin-right: 0;
    	padding-top: 0;
    	padding-bottom: 0;
    	-webkit-box-shadow: none;
    	box-shadow: none
    }
    }
    .navbar-nav>li>.dropdown-menu {
    	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 {
    	left: auto;
    	right: 0
    }
    .navbar-btn {
    	margin-top: 12px;
    	margin-bottom: 12px
    }
    .navbar-text {
    	float: left;
    	margin-top: 20px;
    	margin-bottom: 20px
    }
    @media(min-width:768px) {
    .navbar-text {
    	margin-left: 15px;
    	margin-right: 15px
    }
    }
    .navbar-default {
    	background-color: #fafafa;
    	border-color: #dbdbdb
    }
    .navbar-default .navbar-brand {
    	color: #777
    }
    .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    	color: #5e5e5e;
    	background-color: transparent
    }
    .navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
    	color: #777
    }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    	color: #12c3ee;
    	background-color: #f1f1f1
    }
    .navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover {
    	color: #ccc;
    	background-color: transparent
    }
    .navbar-default .navbar-toggle {
    	border-color: #ddd
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    	background-color: #ddd
    }
    .navbar-default .navbar-toggle .icon-bar {
    	background-color: #ccc
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    	border-color: #e8e8e8
    }
    .navbar-default .navbar-nav>.dropdown>a:focus .caret, .navbar-default .navbar-nav>.dropdown>a:hover .caret {
    	border-top-color: #12c3ee;
    	border-bottom-color: #12c3ee
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    	background-color: #f1f1f1;
    	color: #12c3ee
    }
    .navbar-default .navbar-nav>.open>a .caret, .navbar-default .navbar-nav>.open>a:focus .caret, .navbar-default .navbar-nav>.open>a:hover .caret {
    	border-top-color: #12c3ee;
    	border-bottom-color: #12c3ee
    }
    .navbar-default .navbar-nav>.dropdown>a .caret {
    	border-top-color: #777;
    	border-bottom-color: #777
    }
    @media(max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    	color: #777
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    	color: #12c3ee;
    	background-color: #f1f1f1
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    	color: #ccc;
    	background-color: transparent
    }
    }
    .navbar-default .navbar-link {
    	color: #777
    }
    .navbar-default .navbar-link:hover {
    	color: #12c3ee
    }
    .navbar-inverse {
    	background-color: #28353d;
    	border-color: #252525
    }
    .navbar-inverse .navbar-brand {
    	color: #fff
    }
    .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    	color: #fff;
    	background-color: transparent
    }
    .navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text {
    	color: #fff
    }
    .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    	color: #12c3ee;
    	background-color: transparent
    }
    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    	color: #12c3ee;
    	background-color: #28353d
    }
    .navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover {
    	color: #444;
    	background-color: transparent
    }
    .navbar-inverse .navbar-toggle {
    	border-color: #333
    }
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    	background-color: #333
    }
    .navbar-inverse .navbar-toggle .icon-bar {
    	background-color: #fff
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    	border-color: #1a2227
    }
    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    	background-color: #28353d;
    	color: #12c3ee
    }
    .navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
    	border-top-color: #12c3ee;
    	border-bottom-color: #12c3ee
    }
    .navbar-inverse .navbar-nav>.dropdown>a .caret {
    	border-top-color: #fff;
    	border-bottom-color: #fff
    }
    .navbar-inverse .navbar-nav>.open>a .caret, .navbar-inverse .navbar-nav>.open>a:focus .caret, .navbar-inverse .navbar-nav>.open>a:hover .caret {
    	border-top-color: #12c3ee;
    	border-bottom-color: #12c3ee
    }
    @media(max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
    	border-color: #252525
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    	color: #fff
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    	color: #12c3ee;
    	background-color: transparent
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
    	color: #12c3ee;
    	background-color: #28353d
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    	color: #444;
    	background-color: transparent
    }
    }
    .navbar-inverse .navbar-link {
    	color: #fff
    }
    .navbar-inverse .navbar-link:hover {
    	color: #12c3ee
    }
    .navbar-default, .navbar-inverse {
    	border-top: 2px solid #12c3ee
    }
    .navbar-default .form-control, .navbar-inverse .form-control {
    	border-width: 1px
    }
    .navbar-inverse .form-control {
    	background-color: #5a788a;
    	border-color: #28353d
    }
    .navbar-inverse .form-control:-moz-placeholder {
    color:#ccc
    }
    .navbar-inverse .form-control::-moz-placeholder {
    color:#ccc
    }
    .navbar-inverse .form-control:-ms-input-placeholder {
    color:#ccc
    }
    .navbar-inverse .form-control::-webkit-input-placeholder {
    color:#ccc
    }
    .navbar-inverse .form-control:focus {
    	background-color: #fff
    }
    .navbar-inverse .form-control:focus:-moz-placeholder {
    color:#999
    }
    .navbar-inverse .form-control:focus::-moz-placeholder {
    color:#999
    }
    .navbar-inverse .form-control:focus:-ms-input-placeholder {
    color:#999
    }
    .navbar-inverse .form-control:focus::-webkit-input-placeholder {
    color:#999
    }
    .navbar-justified .navbar-inner {
    	padding: 0
    }
    .navbar-justified .nav {
    	margin: 0;
    	display: table;
    	width: 100%
    }
    .navbar-justified .nav li {
    	display: table-cell;
    	float: none
    }
    .navbar-justified .nav li a {
    	font-weight: 700;
    	text-align: center
    }
    .breadcrumb {
    	padding: 8px 15px;
    	margin-bottom: 20px;
    	list-style: none;
    	background-color: #476674;
    	border-radius: 4px
    }
    .breadcrumb>li {
    	display: inline-block;
    	font-weight: 700
    }
    .breadcrumb>li>a {
    	color: #86a6b5;
    	text-decoration: none
    }
    .breadcrumb>li+li:before {
    	content: "/\00a0";
    	padding: 0 5px;
    	color: #ccc
    }
    .breadcrumb>.active {
    	color: #fff
    }
    .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;
    	line-height: 1.428571429;
    	text-decoration: none;
    	background-color: #476674;
    	border: 1px solid #344a54;
    	margin-left: -1px;
    	color: #fff;
    	font-weight: 700;
    	-webkit-transition: background-color linear .2s;
    	transition: background-color linear .2s
    }
    .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-bottom-right-radius: 4px;
    	border-top-right-radius: 4px
    }
    .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    	background-color: #12c3ee;
    	-webkit-transition: background-color linear .2s;
    	transition: background-color linear .2s
    }
    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    	z-index: 2;
    	color: #fff;
    	background-color: #12c3ee;
    	cursor: default
    }
    .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span {
    	color: #999;
    	background-color: #476674;
    	border-color: #344a54;
    	cursor: not-allowed
    }
    .pagination-lg>li>a, .pagination-lg>li>span {
    	padding: 12px 22px;
    	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-bottom-right-radius: 6px;
    	border-top-right-radius: 6px
    }
    .pagination-sm>li>a, .pagination-sm>li>span {
    	padding: 4px 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-bottom-right-radius: 3px;
    	border-top-right-radius: 3px
    }
    .pager {
    	padding-left: 0;
    	margin: 20px 0;
    	list-style: none;
    	text-align: center
    }
    .pager:after, .pager:before {
    	content: " ";
    	display: table
    }
    .pager:after {
    	clear: both
    }
    .pager li {
    	display: inline
    }
    .pager li>a, .pager li>span {
    	display: inline-block;
    	padding: 5px 14px;
    	background-color: #476674;
    	border: 1px solid #344a54;
    	border-radius: 15px;
    	color: #fff;
    	-webkit-transition: background-color linear .2s;
    	transition: background-color linear .2s
    }
    .pager li>a:focus, .pager li>a:hover {
    	text-decoration: none;
    	background-color: #12c3ee;
    	-webkit-transition: background-color linear .2s;
    	transition: background-color linear .2s
    }
    .pager .next>a, .pager .next>span {
    	float: right
    }
    .pager .previous>a, .pager .previous>span {
    	float: left
    }
    .pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span {
    	color: #999;
    	background-color: #476674;
    	cursor: not-allowed
    }
    .label {
    	display: inline;
    	padding: .2em .6em .3em;
    	font-size: 75%;
    	font-weight: 700;
    	line-height: 1;
    	color: #fff;
    	text-align: center;
    	white-space: nowrap;
    	vertical-align: baseline;
    	border-radius: .25em
    }
    .label[href]:focus, .label[href]:hover {
    	color: #fff;
    	text-decoration: none;
    	cursor: pointer
    }
    .label:empty {
    	display: none
    }
    .label-default {
    	background-color: #bbb
    }
    .label-default[href]:focus, .label-default[href]:hover {
    	background-color: #a2a2a2
    }
    .label-primary {
    	background-color: #12c3ee
    }
    .label-primary[href]:focus, .label-primary[href]:hover {
    	background-color: #20638f
    }
    .label-success {
    	background-color: #4f9950
    }
    .label-success[href]:focus, .label-success[href]:hover {
    	background-color: #3d773e
    }
    .label-info {
    	background-color: #4196bf
    }
    .label-info[href]:focus, .label-info[href]:hover {
    	background-color: #34789a
    }
    .label-warning {
    	background-color: #f89406
    }
    .label-warning[href]:focus, .label-warning[href]:hover {
    	background-color: #c67605
    }
    .label-danger {
    	background-color: #c05c5a
    }
    .label-danger[href]:focus, .label-danger[href]:hover {
    	background-color: #a74240
    }
    .badge {
    	display: inline-block;
    	min-width: 10px;
    	padding: 3px 7px;
    	font-size: 12px;
    	font-weight: 700;
    	color: #fff;
    	line-height: 1;
    	vertical-align: baseline;
    	white-space: nowrap;
    	text-align: center;
    	background-color: #999;
    	border-radius: 10px
    }
    .badge:empty {
    	display: none
    }
    a.badge:focus, a.badge:hover {
    	color: #fff;
    	text-decoration: none;
    	cursor: pointer
    }
    .btn .badge {
    	position: relative;
    	top: -1px
    }
    .nav-pills>.active>a>.badge, a.list-group-item.active>.badge {
    	color: #12c3ee;
    	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: #fafafa
    }
    .jumbotron h1 {
    	line-height: 1;
    	color: inherit
    }
    .jumbotron p {
    	line-height: 1.4
    }
    .container .jumbotron {
    	border-radius: 6px
    }
    @media screen and (min-width:768px) {
    .jumbotron {
    	padding-top: 48px;
    	padding-bottom: 48px
    }
    .container .jumbotron {
    	padding-left: 60px;
    	padding-right: 60px
    }
    .jumbotron h1 {
    	font-size: 63px
    }
    }
    .thumbnail {
    	padding: 6px;
    	line-height: 1.428571429;
    	background-color: #f7f8f9;
    	border: 1px solid #ddd;
    	border-radius: 6px;
    	-webkit-transition: all .2s ease-in-out;
    	transition: all .2s ease-in-out;
    	max-width: 100%;
    	height: auto;
    	display: block
    }
    .thumbnail>img {
    	display: block;
    	max-width: 100%;
    	height: auto;
    	border-radius: 6px
    }
    a.thumbnail:focus, a.thumbnail:hover {
    	border-color: #12c3ee
    }
    .thumbnail>img {
    	margin-left: auto;
    	margin-right: auto
    }
    .thumbnail .caption {
    	padding: 9px;
    	color: #3c4e5a
    }
    .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: 700
    }
    .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 {
    	background-color: #f1f9ee;
    	border-color: #e6f1dc;
    	color: #4f9950
    }
    .alert-success hr {
    	border-top-color: #d8eac9
    }
    .alert-success .alert-link {
    	color: #3d773e
    }
    .alert-info {
    	background-color: #f2f9fc;
    	border-color: #d5f1f6;
    	color: #4196bf
    }
    .alert-info hr {
    	border-top-color: #c0e9f2
    }
    .alert-info .alert-link {
    	color: #34789a
    }
    .alert-warning {
    	background-color: #fff;
    	border-color: #fdf9f1;
    	color: #c7a366
    }
    .alert-warning hr {
    	border-top-color: #fbf0da
    }
    .alert-warning .alert-link {
    	color: #b78c43
    }
    .alert-danger {
    	background-color: #fbf4f4;
    	border-color: #f6e9eb;
    	color: #c05c5a
    }
    .alert-danger hr {
    	border-top-color: #efd7db
    }
    .alert-danger .alert-link {
    	color: #a74240
    }
    @keyframes progress-bar-stripes {
    from {
    background-position:40px 0
    }
    to {
    	background-position: 0 0
    }
    }
    .progress {
    	overflow: hidden;
    	height: 20px;
    	margin-bottom: 20px;
    	background-color: #f5f5f5;
    	border-radius: 4px;
    	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    	box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
    }
    .progress-bar {
    	float: left;
    	width: 0;
    	height: 100%;
    	font-size: 12px;
    	color: #fff;
    	text-align: center;
    	background-color: #12c3ee;
    	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    	box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    	-webkit-transition: width .6s ease;
    	transition: width .6s ease
    }
    .progress-striped .progress-bar {
    	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,.15)), color-stop(0.75, rgba(255,255,255,.15)), color-stop(0.75, transparent), to(transparent));
    	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    	background-image: -moz-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    	background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    	background-size: 40px 40px
    }
    .progress.active .progress-bar {
    	-webkit-animation: progress-bar-stripes 2s linear infinite;
    	-moz-animation: progress-bar-stripes 2s linear infinite;
    	-ms-animation: progress-bar-stripes 2s linear infinite;
    	-o-animation: progress-bar-stripes 2s linear infinite;
    	animation: progress-bar-stripes 2s linear infinite
    }
    .progress-bar-success {
    	background-color: #2dc754
    }
    .progress-striped .progress-bar-success {
    	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,.15)), color-stop(0.75, rgba(255,255,255,.15)), color-stop(0.75, transparent), to(transparent));
    	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    	background-image: -moz-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    	background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
    }
    .progress-bar-info {
    	background-color: #4ebde0
    }
    .progress-striped .progress-bar-info {
    	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,.15)), color-stop(0.75, rgba(255,255,255,.15)), color-stop(0.75, transparent), to(transparent));
    	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    	background-image: -moz-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    	background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
    }
    .progress-bar-warning {
    	background-color: #f7a25e
    }
    .progress-striped .progress-bar-warning {
    	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,.15)), color-stop(0.75, rgba(255,255,255,.15)), color-stop(0.75, transparent), to(transparent));
    	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    	background-image: -moz-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    	background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
    }
    .progress-bar-danger {
    	background-color: #de5963
    }
    .progress-striped .progress-bar-danger {
    	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,.15)), color-stop(0.75, rgba(255,255,255,.15)), color-stop(0.75, transparent), to(transparent));
    	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    	background-image: -moz-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    	background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
    }
    .media, .media-body {
    	overflow: hidden;
    }
    .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 {
    	margin-bottom: 20px;
    	padding-left: 0
    }
    .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:focus, a.list-group-item:hover {
    	text-decoration: none;
    	background-color: #f5f5f5
    }
    .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    	z-index: 2;
    	color: #fff;
    	background-color: #12c3ee;
    	border-color: #12c3ee
    }
    .list-group-item.active .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading {
    	color: inherit
    }
    .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
    	color: #bedcf0
    }
    .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-width: 0 1px;
    	border-radius: 4px;
    	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    	box-shadow: 0 1px 1px rgba(0,0,0,.1)
    }
    .panel-body {
    	padding: 15px
    }
    .panel-body:after, .panel-body:before {
    	content: " ";
    	display: table
    }
    .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 {
    	margin-bottom: 0
    }
    .panel>.panel-body+.table {
    	border-top: 1px solid #ddd
    }
    .panel-heading {
    	padding: 10px 15px;
    	border-bottom: 1px solid transparent;
    	border-top-right-radius: 3px;
    	border-top-left-radius: 3px
    }
    .panel-title {
    	margin-top: 0;
    	margin-bottom: 0;
    	font-size: 16px
    }
    .panel-title>a {
    	color: inherit
    }
    .panel-footer {
    	padding: 10px 15px;
    	background-color: #f5f5f5;
    	border-bottom-right-radius: 3px;
    	border-bottom-left-radius: 3px
    }
    .panel-footer .lead, .panel-footer h1, .panel-footer h2, .panel-footer h3, .panel-footer h4, .panel-heading .lead, .panel-heading h1, .panel-heading h2, .panel-heading h3, .panel-heading h4 {
    	margin: 0
    }
    .panel-footer a>em, .panel-heading a>em {
    	text-decoration: none
    }
    .panel-group .panel {
    	margin-bottom: 0;
    	border-radius: 4px;
    	overflow: hidden
    }
    .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: transparent
    }
    .panel-default>.panel-heading {
    	color: #333;
    	background-color: #f5f5f5;
    	border-color: transparent
    }
    .panel-default>.panel-heading+.panel-collapse .panel-body {
    	border-top-color: transparent
    }
    .panel-default>.panel-footer {
    	background-color: #f5f5f5
    }
    .panel-default>.panel-footer, .panel-default>.panel-footer a {
    	color: #333
    }
    .panel-default>.panel-footer+.panel-collapse .panel-body {
    	border-bottom-color: transparent
    }
    .panel-primary {
    	border-color: transparent
    }
    .panel-primary>.panel-heading {
    	color: #fff;
    	background-color: #12c3ee;
    	border-color: transparent
    }
    .panel-primary>.panel-heading+.panel-collapse .panel-body {
    	border-top-color: transparent
    }
    .panel-primary>.panel-footer {
    	background-color: #12c3ee
    }
    .panel-primary>.panel-footer, .panel-primary>.panel-footer a {
    	color: #fff
    }
    .panel-primary>.panel-footer+.panel-collapse .panel-body {
    	border-bottom-color: transparent
    }
    .panel-success {
    	border-color: transparent
    }
    .panel-success>.panel-heading {
    	color: #fff;
    	background-color: #27ae60;
    	border-color: transparent
    }
    .panel-success>.panel-heading+.panel-collapse .panel-body {
    	border-top-color: transparent
    }
    .panel-success>.panel-footer {
    	background-color: #27ae60
    }
    .panel-success>.panel-footer, .panel-success>.panel-footer a {
    	color: #fff
    }
    .panel-success>.panel-footer+.panel-collapse .panel-body {
    	border-bottom-color: transparent
    }
    .panel-warning {
    	border-color: transparent
    }
    .panel-warning>.panel-heading {
    	color: #fff;
    	background-color: #f5af41;
    	border-color: transparent
    }
    .panel-warning>.panel-heading+.panel-collapse .panel-body {
    	border-top-color: transparent
    }
    .panel-warning>.panel-footer {
    	background-color: #f5af41
    }
    .panel-warning>.panel-footer, .panel-warning>.panel-footer a {
    	color: #fff
    }
    .panel-warning>.panel-footer+.panel-collapse .panel-body {
    	border-bottom-color: transparent
    }
    .panel-danger {
    	border-color: transparent
    }
    .panel-danger>.panel-heading {
    	color: #fff;
    	background-color: #d94d3f;
    	border-color: transparent
    }
    .panel-danger>.panel-heading+.panel-collapse .panel-body {
    	border-top-color: transparent
    }
    .panel-danger>.panel-footer {
    	background-color: #d94d3f
    }
    .panel-danger>.panel-footer, .panel-danger>.panel-footer a {
    	color: #fff
    }
    .panel-danger>.panel-footer+.panel-collapse .panel-body {
    	border-bottom-color: transparent
    }
    .panel-info {
    	border-color: transparent
    }
    .panel-info>.panel-heading {
    	color: #fff;
    	background-color: #3498db;
    	border-color: transparent
    }
    .panel-info>.panel-heading+.panel-collapse .panel-body {
    	border-top-color: transparent
    }
    .panel-info>.panel-footer {
    	background-color: #3498db
    }
    .panel-info>.panel-footer, .panel-info>.panel-footer a {
    	color: #fff
    }
    .panel-info>.panel-footer+.panel-collapse .panel-body {
    	border-bottom-color: transparent
    }
    .well {
    	min-height: 20px;
    	padding: 19px;
    	margin-bottom: 20px;
    	border: 2px solid #12c3ee;
    	border-radius: 4px;
    	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    	box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
    }
    .well blockquote {
    	border-color: #ddd;
    	border-color: rgba(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: 700;
    	line-height: 1;
    	color: #000;
    	text-shadow: 0 1px 0 #fff;
    	opacity: .2;
    }
    .close:focus, .close:hover {
    	color: #000;
    	text-decoration: none;
    	cursor: pointer;
    	opacity: .5;
    }
    button.close {
    	padding: 0;
    	cursor: pointer;
    	background: 0;
    	border: 0;
    	-webkit-appearance: none
    }
    .modal-open {
    	overflow: hidden
    }
    .modal-open .navbar-fixed-bottom, .modal-open .navbar-fixed-top, body.modal-open {
    	margin-right: 15px
    }
    .modal {
    	display: none;
    	overflow: auto;
    	overflow-y: scroll;
    	position: fixed;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0;
    	z-index: 1040
    }
    .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 {
    	margin-left: auto;
    	margin-right: auto;
    	width: auto;
    	padding: 10px;
    	z-index: 1050
    }
    .modal-content {
    	position: relative;
    	background-color: #fff;
    	border: 1px solid #999;
    	border: 1px solid rgba(0,0,0,.2);
    	border-radius: 6px;
    	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    	box-shadow: 0 3px 9px rgba(0,0,0,.5);
    	background-clip: padding-box;
    	outline: 0
    }
    .modal-backdrop {
    	position: fixed;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0;
    	z-index: 1030;
    	background-color: #000
    }
    .modal-backdrop.fade {
    	opacity: 0;
    }
    .modal-backdrop.in {
    	opacity: .5;
    }
    .modal-header {
    	padding: 15px;
    	border-bottom: 1px solid #e5e5e5;
    	min-height: 16.43px
    }
    .modal-header .close {
    	margin-top: -2px
    }
    .modal-title {
    	margin: 0;
    	line-height: 1.428571429
    }
    .modal-body {
    	position: relative;
    	padding: 20px
    }
    .modal-footer {
    	margin-top: 15px;
    	padding: 19px 20px 20px;
    	text-align: right;
    	border-top: 1px solid #e5e5e5
    }
    .modal-footer:after, .modal-footer:before {
    	content: " ";
    	display: table
    }
    .modal-footer:after {
    	clear: both
    }
    .modal-footer .btn+.btn {
    	margin-left: 5px;
    	margin-bottom: 0
    }
    .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 {
    	left: 50%;
    	right: auto;
    	width: 600px;
    	padding-top: 30px;
    	padding-bottom: 30px
    }
    .modal-content {
    	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    	box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }
    }
    .tooltip {
    	position: absolute;
    	z-index: 1030;
    	display: block;
    	visibility: visible;
    	font-size: 12px;
    	font-size: 14px;
    	font-weight: 700;
    	line-height: 1.4;
    	opacity: 0;
    }
    .tooltip.in {
    	opacity: .9;
    }
    .tooltip.top {
    	margin-top: -3px;
    	padding: 5px 0
    }
    .tooltip.right {
    	margin-left: 3px;
    	padding: 0 5px
    }
    .tooltip.bottom {
    	margin-top: 3px;
    	padding: 5px 0
    }
    .tooltip.left {
    	margin-left: -3px;
    	padding: 0 5px
    }
    .tooltip-inner {
    	max-width: 200px;
    	padding: 16px 32px;
    	color: #fff;
    	text-align: center;
    	text-decoration: none;
    	background-color: #2c3e50;
    	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-width: 5px 5px 0;
    	border-top-color: #2c3e50
    }
    .tooltip.top-left .tooltip-arrow {
    	bottom: 0;
    	left: 5px;
    	border-width: 5px 5px 0;
    	border-top-color: #2c3e50
    }
    .tooltip.top-right .tooltip-arrow {
    	bottom: 0;
    	right: 5px;
    	border-width: 5px 5px 0;
    	border-top-color: #2c3e50
    }
    .tooltip.right .tooltip-arrow {
    	top: 50%;
    	left: 0;
    	margin-top: -5px;
    	border-width: 5px 5px 5px 0;
    	border-right-color: #2c3e50
    }
    .tooltip.left .tooltip-arrow {
    	top: 50%;
    	right: 0;
    	margin-top: -5px;
    	border-width: 5px 0 5px 5px;
    	border-left-color: #2c3e50
    }
    .tooltip.bottom .tooltip-arrow {
    	top: 0;
    	left: 50%;
    	margin-left: -5px;
    	border-width: 0 5px 5px;
    	border-bottom-color: #2c3e50
    }
    .tooltip.bottom-left .tooltip-arrow {
    	top: 0;
    	left: 5px;
    	border-width: 0 5px 5px;
    	border-bottom-color: #2c3e50
    }
    .tooltip.bottom-right .tooltip-arrow {
    	top: 0;
    	right: 5px;
    	border-width: 0 5px 5px;
    	border-bottom-color: #2c3e50
    }
    .popover {
    	position: absolute;
    	top: 0;
    	left: 0;
    	z-index: 1010;
    	display: none;
    	max-width: 276px;
    	text-align: left;
    	background-color: #fff;
    	background-clip: padding-box;
    	border: 1px solid #12c3ee;
    	border-radius: 6px;
    	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    	box-shadow: 0 5px 10px rgba(0,0,0,.2);
    	white-space: normal
    }
    .popover.top {
    	margin-top: -10px
    }
    .popover.right {
    	margin-left: 10px
    }
    .popover.bottom {
    	margin-top: 10px
    }
    .popover.left {
    	margin-left: -10px
    }
    .popover-block {
    	display: block;
    	position: relative;
    	max-width: none;
    	margin: 0 !important
    }
    .popover-title {
    	margin: 0;
    	padding: 8px 14px;
    	font-size: 14px;
    	font-weight: 700;
    	line-height: 18px;
    	background-color: #12c3ee;
    	border-bottom: 1px solid #2472a4;
    	border-radius: 5px 5px 0 0;
    	color: #fff
    }
    .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 {
    	left: 50%;
    	margin-left: -11px;
    	border-bottom-width: 0;
    	border-top-color: #12c3ee;
    	bottom: -11px
    }
    .popover.top .arrow:after {
    	content: " ";
    	bottom: 1px;
    	margin-left: -10px;
    	border-bottom-width: 0;
    	border-top-color: #fff
    }
    .popover.right .arrow {
    	top: 50%;
    	left: -11px;
    	margin-top: -11px;
    	border-left-width: 0;
    	border-right-color: #12c3ee
    }
    .popover.right .arrow:after {
    	content: " ";
    	left: 1px;
    	bottom: -10px;
    	border-left-width: 0;
    	border-right-color: #fff
    }
    .popover.bottom .arrow {
    	left: 50%;
    	margin-left: -11px;
    	border-top-width: 0;
    	border-bottom-color: #12c3ee;
    	top: -11px
    }
    .popover.bottom .arrow:after {
    	content: " ";
    	top: 1px;
    	margin-left: -10px;
    	border-top-width: 0;
    	border-bottom-color: transparent
    }
    .popover.left .arrow {
    	top: 50%;
    	right: -11px;
    	margin-top: -11px;
    	border-right-width: 0;
    	border-left-color: #12c3ee
    }
    .popover.left .arrow:after {
    	content: " ";
    	right: 1px;
    	border-right-width: 0;
    	border-left-color: #fff;
    	bottom: -10px
    }
    .carousel {
    	position: relative
    }
    .carousel-inner {
    	position: relative;
    	overflow: hidden;
    	width: 100%
    }
    .carousel-inner>.item {
    	display: none;
    	position: relative;
    	-webkit-transition: .6s ease-in-out left;
    	transition: .6s ease-in-out left
    }
    .carousel-inner>.item>a>img, .carousel-inner>.item>img {
    	display: block;
    	max-width: 100%;
    	height: auto;
    	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;
    	left: 0;
    	bottom: 0;
    	width: 15%;
    	opacity: .5;
    	font-size: 20px;
    	color: #fff;
    	text-align: center;
    	text-shadow: 0 1px 2px rgba(0,0,0,.6)
    }
    .carousel-control.left {
    	background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,.0001)));
    	background-image: -webkit-linear-gradient(left, color-stop(rgba(0,0,0,.5) 0), color-stop(rgba(0,0,0,.0001) 100%));
    	background-image: -moz-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%);
    	background-image: linear-gradient(to right, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%);
    	background-repeat: repeat-x;
    }
    .carousel-control.right {
    	left: auto;
    	right: 0;
    	background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.5)));
    	background-image: -webkit-linear-gradient(left, color-stop(rgba(0,0,0,.0001) 0), color-stop(rgba(0,0,0,.5) 100%));
    	background-image: -moz-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
    	background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
    	background-repeat: repeat-x;
    }
    .carousel-control:focus, .carousel-control:hover {
    	color: #fff;
    	text-decoration: none;
    	opacity: .9;
    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	z-index: 5;
    	display: inline-block
    }
    .carousel-control .icon-next, .carousel-control .icon-prev {
    	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%;
    	margin-left: -30%;
    	padding-left: 0;
    	list-style: none;
    	text-align: center
    }
    .carousel-indicators li {
    	display: inline-block;
    	width: 10px;
    	height: 10px;
    	margin: 1px;
    	text-indent: -999px;
    	border: 1px solid #fff;
    	border-radius: 10px;
    	cursor: pointer
    }
    .carousel-indicators .active {
    	margin: 0;
    	width: 12px;
    	height: 12px;
    	background-color: #fff
    }
    .carousel-caption {
    	position: absolute;
    	left: 15%;
    	right: 15%;
    	bottom: 20px;
    	z-index: 10;
    	padding-top: 20px;
    	padding-bottom: 20px;
    	color: #fff;
    	text-align: center;
    	text-shadow: 0 1px 2px rgba(0,0,0,.6)
    }
    .carousel-caption .btn {
    	text-shadow: none
    }
    @media screen and (min-width:768px) {
    .carousel-control .icon-next, .carousel-control .icon-prev {
    	width: 30px;
    	height: 30px;
    	margin-top: -15px;
    	margin-left: -15px;
    	font-size: 30px
    }
    .carousel-caption {
    	left: 20%;
    	right: 20%;
    	padding-bottom: 30px
    }
    .carousel-indicators {
    	bottom: 20px
    }
    }
    @font-face {
    	font-family: FontAwesome;
    	src: url(../fonts/fontawesome-webfont.eot?v=3.2.1);
    	src: url(../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff?v=3.2.1) format('woff'), url(../fonts/fontawesome-webfont.ttf?v=3.2.1) format('truetype'), url(../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1) format('svg');
    	font-weight: 400;
    	font-style: normal
    }

Examples and source code

fa-comments

Place Font Awesome icons just about anywhere with the <i> tag.

<i class="fa fa-comments"></i> fa-comments
Icon classes are echoed via CSS :before.

fa-comments

fa-comments

fa-comments

fa-comments

fa-comments

To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes.

<p><i class="fa fa-comments fa-lg"></i> fa-comments</p>
<p><i class="fa fa-comments fa-2x"></i> fa-comments</p>
<p><i class="fa fa-comments fa-3x"></i> fa-comments</p>
<p><i class="fa fa-comments fa-4x"></i> fa-comments</p>
<p><i class="fa fa-comments fa-5x"></i> fa-comments</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.

Use fa-fw to set icons at a fixed width. Great to use when variable icon widths throw off alignment. Especially useful in things like nav lists.

<ul class="nav nav-pills nav-stacked">
  <li class="active"><a href="#"><i class="fa fa-comments fa-fw"></i> Home</a></li>
  <li><a href="#"><i class="fa fa-comments fa-fw"></i> Library</a></li>
</ul>
  • Font Awesome icon can be used
  • to easily replace lists

Use fa-ul and fa-li to easily replace default bullets in unordered lists.

<ul class="fa-ul">
  <li><i class="fa-li fa fa-comments"></i>Font Awesome icon can be used</li>
  <li><i class="fa-li fa fa-comments fa-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use fa-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class="fa fa-comments fa-2x pull-left fa-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  fa-rotate-90
  fa-rotate-180
  fa-rotate-270
  fa-flip-horizontal
  fa-flip-vertical

To arbitrarily rotate and flip icons, use the fa-rotate-* and fa-flip-* classes.

<i class="fa fa-comments"></i>  normal<br>
<i class="fa fa-comments fa-rotate-90"></i>  fa-rotate-90<br>
<i class="fa fa-comments fa-rotate-180"></i>  fa-rotate-180<br>
<i class="fa fa-comments fa-rotate-270"></i>  fa-rotate-270<br>
<i class="fa fa-comments fa-flip-horizontal"></i>  fa-flip-horizontal<br>
<i class="fa fa-comments fa-flip-vertical"></i>  fa-flip-vertical

Use the fa-spin class to get any icon to rotate. Works well with fa-spinner, fa-refresh, and fa-cog.

<i class="fa fa-comments fa-2x fa-spin"></i>
<i class="fa fa-comments fa-3x fa-spin"></i>
<i class="fa fa-comments fa-4x fa-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-comments on fa-square-o
fa-comments on fa-circle
fa-commentsl on fa-square
fa-ban on fa-comments

To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x for the regularly sized icon, and fa-stack-2x for the larger icon. fa-inverse can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="fa-stack fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-comments fa-stack-1x"></i>
</span>
fa-comments on fa-square-o<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-comments fa-stack-1x fa-inverse"></i>
</span>
fa-comments on fa-circle<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-square fa-stack-2x"></i>
  <i class="fa fa-comments fa-stack-1x fa-inverse"></i>
</span>
fa-comments on fa-square<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-comments fa-stack-1x"></i>
  <i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>
fa-ban on fa-comments

Font Awesome works great with the full range of Bootstrap components.

<a class="btn btn-danger" href="#">
  <i class="fa fa-comments fa-lg"></i> fa-comments</a>
<a class="btn btn-default btn-sm" href="#">
  <i class="fa fa-comments"></i> fa-comments</a>

<a class="btn btn-lg btn-success" href="#">
  <i class="fa fa-comments fa-2x pull-left"></i> Font Awesome<br>fa-comments



<div class="input-group margin-bottom-sm">
  <span class="input-group-addon"><i class="fa fa-comments fa-fw"></i></span>
  <input class="form-control" type="text" placeholder="fa-comments">
</div>
<div class="input-group">
  <span class="input-group-addon"><i class="fa fa-comments fa-fw"></i></span>
  <input class="form-control" type="password" placeholder="fa-comments">
</div>