@font-face {
    font-family: 'entypo';
    src: url('../fonts/entypo.eot');
    src: url('../fonts/entypo.eot?#iefix') format('embedded-opentype'),
         url('../fonts/entypo.woff') format('woff'),
         url('../fonts/entypo.ttf') format('truetype'),
         url('../fonts/entypo.svg#entypo') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'socialicoregular';
	src: url('../fonts/socialico.eot');
	src: url('../fonts/socialico.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/socialico.woff') format('woff'),
	   url('../fonts/socialico.ttf') format('truetype'),
	   url('../fonts/socialico.otf') format('opentype'),
	   url('../fonts/socialico.svg#socialicoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: Open Sans, "Segoe UI", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial;
	font-size: 13px;
	-webkit-font-smoothing: antialiased;
    line-height: 1.6em;
}
*:after, *:before {
    -moz-box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Arial Narrow', Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 1.1em;
	text-transform: uppercase;
}
#system .item > header .title {
    margin-bottom: 25px;
}
#system .title {
    margin-top: 20px;
}
h1 {
	font-size: 48px;
	font-weight: 400;
	letter-spacing:2px;
	margin-bottom: 50px
}
h2 {
	font-size: 36px;
	letter-spacing:2px;
	margin-bottom: 50px
}
h3 {
	font-size: 28px;
	letter-spacing:1px;
	margin-bottom: 30px
}
h4 {
	font-size: 20px;
	margin-bottom: 15px
}
h5 {
	font-size: 18px;
	margin-bottom: 10px
}
h6 {
	font-size: 16px;
	margin-bottom: 10px
}
h2, h3, h4, h5, h6 {
	font-weight: 400;
}
h1 small {padding: 0 15px;}
#system .page-title {
    font-size: 28px;
	line-height: 1.1em;
	letter-spacing:1px;
    margin: 0 0 30px
}
p {
    margin: 0.85em 0;
}
p img {
    margin: 0;
}
#w-toolbar {
	height: 40px;
	padding: 0px;
	border-style: 1px solid;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	min-height: 0;
	
}
#headerbar {
	display: block;
}

#headerbar  #logo {
	float: left;
}
#headerbar  #logo img {
	vertical-align: middle;
	float: none;
}
#menubar .resp-logo {
    position: absolute;
    left: -80px;
    top: 12px;
	height: 30px;
    overflow: hidden;
	display: none;
}
#menubar #resp-logo img {
	height: 30px;
    width: auto;
}

#menubar #resp-totop-scroller {
	position: absolute;
	top: 3px;
	right: -40px;
	width: 30px;
	height: 30px;
	overflow: hidden;
	display: none;
}
#headerbar #banner {
    width: 468px;
    max-height: 60px;
    position: relative;
    float: right;
    margin: 30px 15px;
}
#headerbar .module {
    max-width: none;
	display: block;
	clear: right;
	margin: 0 0 6px; 
}
#headerbar .module:last-child {
	margin: 0px; 
}
#headerbar form.searchbox {
	padding: 0px; 
}
#menu {
    float: left;
}
#bottom-b,
#footer {
    font-size: 13px;
}
#absolute {
    position: absolute;
    width: 100%;
    z-index: 15;
}
.visuallyhidden {
    position: absolute;
    overflow: hidden;  
    border: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(0 0 0 0); 
}
.bw_thumb img {
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}
.bw_thumb_hover img:hover {
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}
.bw_thumb_hover img {
	filter: none;
	-webkit-filter: grayscale(0);
}

article .content a:not( img), .more-posts a:not(has(img)), .comments a:not( img) {
    text-decoration: none;
}
/*  FORMS
// ----------- */
select:focus,
select:hover {
  outline: 0;
  outline: thin dotted \9; /* IE6-9 */
}

input,
textarea {
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
input:hover,
textarea:hover {
  
  outline: 0;
  outline: thin dotted \9; /* IE6-9 */
}
input:focus,
textarea:focus {
	outline: 0;
	outline: thin dotted \9; /* IE6-9 */
}
button, input[type="button"], input[type="submit"] {
	padding: 5px 15px;
}
/* reset */
[class^="icon-"],
[class*=" icon-"],
[class^="socicon-"],
[class*=" socicon-"] {
    display: inline;
    width: auto;
    height: auto;
    line-height: inherit;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
	margin-top: 0;
}
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}
    
/* icons */
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "entypo";
}
[class^="socicon-"]:before,
[class*=" socicon-"]:before {
	font-family: "socialicoregular";
}
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="socicon-"]:before,
[class*=" socicon-"]:before {
	font-weight: normal;
	font-style: normal;
	vertical-align: -2px;
	text-decoration: inherit;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"], a [class*=" icon-"],
a [class^="socicon-"], a [class*=" socicon-"] {
  display: inline-block;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333333333em;
}
.btn {
    [class^="icon-"],
    [class*=" icon-"] {
        /* keeps button heights with and without icons the same */
        line-height: .9em;
    }
}
.line-2x li,
li.line-2x {
  line-height: 1.6em;
}
.line-3x li,
li.line-3x {
  line-height: 2.4em;
}
.line-4x li,
li.line-4x {
  line-height: 3.2em;
}
li[class^="icon-"],
li[class*=" icon-"],
li[class^="socicon-"],
li[class*=" socicon-"] {
    display: block;
	-webkit-transition-property: opacity; -webkit-transition-duration: 500ms;
	-moz-transition-property: opacity; -moz-transition-duration: 500ms;
}
.btn [class^="icon-"],
.nav [class^="icon-"],
.btn [class*=" icon-"],
.nav [class*=" icon-"] {
  display: inline;
  /* keeps button heights with and without icons the same */

}
.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block;
}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-pills [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
  line-height: .9em;
}
li [class^="icon-"],
.nav li [class^="icon-"],
li [class*=" icon-"],
.nav li [class*=" icon-"] {
  display: inline;
  width: 1.25em;
  text-align: center;
}
li [class^="icon-"].icon-large,
.nav li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large,
.nav li [class*=" icon-"].icon-large {
  width: 1.5625em;
}
.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em;
}
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em;
}
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: .05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: .2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: .2em;
}

/*  Unicode Private Use Area (PUA) */
.icon-phone:before                { content: "\1F4DE"; }
.icon-phone:before                { content: "\1F4DE"; }
.icon-mobile:before                { content: "\1F4F1"; }
.icon-mouse:before                { content: "\E789"; }
.icon-address:before                { content: "\E723"; }
.icon-mail:before                { content: "\2709"; }
.icon-paper-plane:before                { content: "\1F53F"; }
.icon-pencil:before                { content: "\270E"; }
.icon-feather:before                { content: "\2712"; }
.icon-attach:before                { content: "\1F4CE"; }
.icon-inbox:before                { content: "\E777"; }
.icon-reply:before                { content: "\E712"; }
.icon-reply-all:before                { content: "\E713"; }
.icon-forward:before                { content: "\27A6"; }
.icon-user:before                { content: "\1F464"; }
.icon-users:before                { content: "\1F465"; }
.icon-add-user:before                { content: "\E700"; }
.icon-vcard:before                { content: "\E722"; }
.icon-export:before                { content: "\E715"; }
.icon-location:before                { content: "\E724"; }
.icon-map:before                { content: "\E727"; }
.icon-compass:before                { content: "\E728"; }
.icon-direction:before                { content: "\27A2"; }
.icon-hair-cross:before                { content: "\1F3AF"; }
.icon-share:before                { content: "\E73C"; }
.icon-shareable:before                { content: "\E73E"; }
.icon-heart:before                { content: "\2665"; }
.icon-heart-empty:before                { content: "\2661"; }
.icon-star:before                { content: "\2605"; }
.icon-star-empty:before                { content: "\2606"; }
.icon-thumbs-up:before                { content: "\1F44D"; }
.icon-thumbs-down:before                { content: "\1F44E"; }
.icon-chat:before                { content: "\E720"; }
.icon-comment:before                { content: "\E718"; }
.icon-quote:before                { content: "\275E"; }
.icon-home:before                { content: "\2302"; }
.icon-popup:before                { content: "\E74C"; }
.icon-search:before                { content: "\1F50D"; }
.icon-flashlight:before                { content: "\1F526"; }
.icon-print:before                { content: "\E716"; }
.icon-bell:before                { content: "\1F514"; }
.icon-link:before                { content: "\1F517"; }
.icon-flag:before                { content: "\2691"; }
.icon-cog:before                { content: "\2699"; }
.icon-tools:before                { content: "\2692"; }
.icon-trophy:before                { content: "\1F3C6"; }
.icon-tag:before                { content: "\E70C"; }
.icon-camera:before                { content: "\1F4F7"; }
.icon-megaphone:before                { content: "\1F4E3"; }
.icon-moon:before                { content: "\263D"; }
.icon-palette:before                { content: "\1F3A8"; }
.icon-leaf:before                { content: "\1F342"; }
.icon-note:before                { content: "\266A"; }
.icon-beamed-note:before                { content: "\266B"; }
.icon-new:before                { content: "\1F4A5"; }
.icon-graduation-cap:before                { content: "\1F393"; }
.icon-book:before                { content: "\1F4D5"; }
.icon-newspaper:before                { content: "\1F4F0"; }
.icon-bag:before                { content: "\1F45C"; }
.icon-airplane:before                { content: "\2708"; }
.icon-lifebuoy:before                { content: "\E788"; }
.icon-eye:before                { content: "\E70A"; }
.icon-clock:before                { content: "\1F554"; }
.icon-mic:before                { content: "\1F3A4"; }
.icon-calendar:before                { content: "\1F4C5"; }
.icon-flash:before                { content: "\26A1"; }
.icon-thunder-cloud:before                { content: "\26C8"; }
.icon-droplet:before                { content: "\1F4A7"; }
.icon-cd:before                { content: "\1F4BF"; }
.icon-briefcase:before                { content: "\1F4BC"; }
.icon-air:before                { content: "\1F4A8"; }
.icon-hourglass:before                { content: "\23F3"; }
.icon-gauge:before                { content: "\1F6C7"; }
.icon-language:before                { content: "\1F394"; }
.icon-network:before                { content: "\E776"; }
.icon-key:before                { content: "\1F511"; }
.icon-battery:before                { content: "\1F50B"; }
.icon-bucket:before                { content: "\1F4FE"; }
.icon-magnet:before                { content: "\E7A1"; }
.icon-drive:before                { content: "\1F4FD"; }
.icon-cup:before                { content: "\2615"; }
.icon-rocket:before                { content: "\1F680"; }
.icon-brush:before                { content: "\E79A"; }
.icon-suitcase:before                { content: "\1F6C6"; }
.icon-traffic-cone:before                { content: "\1F6C8"; }
.icon-globe:before                { content: "\1F30E"; }
.icon-keyboard:before                { content: "\2328"; }
.icon-browser:before                { content: "\E74E"; }
.icon-publish:before                { content: "\E74D"; }
.icon-progress-3:before                { content: "\E76B"; }
.icon-progress-2:before                { content: "\E76A"; }
.icon-progress-1:before                { content: "\E769"; }
.icon-progress-0:before                { content: "\E768"; }
.icon-light-down:before                { content: "\1F505"; }
.icon-light-up:before                { content: "\1F506"; }
.icon-adjust:before                { content: "\25D1"; }
.icon-code:before                { content: "\E714"; }
.icon-monitor:before                { content: "\1F4BB"; }
.icon-infinity:before                { content: "\221E"; }
.icon-light-bulb:before                { content: "\1F4A1"; }
.icon-credit-card:before                { content: "\1F4B3"; }
.icon-database:before                { content: "\1F4F8"; }
.icon-voicemail:before                { content: "\2707"; }
.icon-clipboard:before                { content: "\1F4CB"; }
.icon-cart:before                { content: "\E73D"; }
.icon-box:before                { content: "\1F4E6"; }
.icon-ticket:before                { content: "\1F3AB"; }
.icon-rss:before                { content: "\E73A"; }
.icon-signal:before                { content: "\1F4F6"; }
.icon-thermometer:before                { content: "\1F4FF"; }
.icon-water:before                { content: "\1F4A6"; }
.icon-sweden:before                { content: "\F601"; }
.icon-line-graph:before                { content: "\1F4C8"; }
.icon-pie-chart:before                { content: "\25F4"; }
.icon-bar-graph:before                { content: "\1F4CA"; }
.icon-area-graph:before                { content: "\1F53E"; }
.icon-lock:before                { content: "\1F512"; }
.icon-lock-open:before                { content: "\1F513"; }
.icon-logout:before                { content: "\E741"; }
.icon-login:before                { content: "\E740"; }
.icon-check:before                { content: "\2713"; }
.icon-cross:before                { content: "\274C"; }
.icon-squared-minus:before                { content: "\229F"; }
.icon-squared-plus:before                { content: "\229E"; }
.icon-squared-cross:before                { content: "\274E"; }
.icon-circled-minus:before                { content: "\2296"; }
.icon-circled-plus:before                { content: "\2295"; }
.icon-circled-cross:before                { content: "\2716"; }
.icon-minus:before                { content: "\2796"; }
.icon-plus:before                { content: "\2795"; }
.icon-erase:before                { content: "\232B"; }
.icon-block:before                { content: "\1F6AB"; }
.icon-info:before                { content: "\2139"; }
.icon-circled-info:before                { content: "\E705"; }
.icon-help:before                { content: "\2753"; }
.icon-circled-help:before                { content: "\E704"; }
.icon-warning:before                { content: "\26A0"; }
.icon-cycle:before                { content: "\1F504"; }
.icon-cw:before                { content: "\27F3"; }
.icon-ccw:before                { content: "\27F2"; }
.icon-shuffle:before                { content: "\1F500"; }
.icon-back:before                { content: "\1F519"; }
.icon-level-down:before                { content: "\21B3"; }
.icon-retweet:before                { content: "\E717"; }
.icon-loop:before                { content: "\1F501"; }
.icon-back-in-time:before                { content: "\E771"; }
.icon-level-up:before                { content: "\21B0"; }
.icon-switch:before                { content: "\21C6"; }
.icon-numbered-list:before                { content: "\E005"; }
.icon-add-to-list:before                { content: "\E003"; }
.icon-layout:before                { content: "\268F"; }
.icon-list:before                { content: "\2630"; }
.icon-text-doc:before                { content: "\1F4C4"; }
.icon-text-doc-inverted:before                { content: "\E731"; }
.icon-doc:before                { content: "\E730"; }
.icon-docs:before                { content: "\E736"; }
.icon-landscape-doc:before                { content: "\E737"; }
.icon-picture:before                { content: "\1F304"; }
.icon-video:before                { content: "\1F3AC"; }
.icon-music:before                { content: "\1F3B5"; }
.icon-folder:before                { content: "\1F4C1"; }
.icon-archive:before                { content: "\E800"; }
.icon-trash:before                { content: "\E729"; }
.icon-upload:before                { content: "\1F4E4"; }
.icon-download:before                { content: "\1F4E5"; }
.icon-save:before                { content: "\1F4BE"; }
.icon-install:before                { content: "\E778"; }
.icon-cloud:before                { content: "\2601"; }
.icon-upload-cloud:before                { content: "\E711"; }
.icon-bookmark:before                { content: "\1F516"; }
.icon-bookmarks:before                { content: "\1F4D1"; }
.icon-open-book:before                { content: "\1F4D6"; }
.icon-play:before                { content: "\25B6"; }
.icon-paus:before                { content: "\2016"; }
.icon-record:before                { content: "\25CF"; }
.icon-stop:before                { content: "\25A0"; }
.icon-ff:before                { content: "\23E9"; }
.icon-fb:before                { content: "\23EA"; }
.icon-to-start:before                { content: "\23EE"; }
.icon-to-end:before                { content: "\23ED"; }
.icon-resize-full:before                { content: "\E744"; }
.icon-resize-small:before                { content: "\E746"; }
.icon-volume:before                { content: "\23F7"; }
.icon-sound:before                { content: "\1F50A"; }
.icon-mute:before                { content: "\1F507"; }
.icon-flow-cascade:before                { content: "\1F568"; }
.icon-flow-branch:before                { content: "\1F569"; }
.icon-flow-tree:before                { content: "\1F56A"; }
.icon-flow-line:before                { content: "\1F56B"; }
.icon-flow-parallel:before                { content: "\1F56C"; }
.icon-left-bold:before                { content: "\E4AD"; }
.icon-down-bold:before                { content: "\E4B0"; }
.icon-up-bold:before                { content: "\E4AF"; }
.icon-right-bold:before                { content: "\E4AE"; }
.icon-left:before                { content: "\2B05"; }
.icon-down:before                { content: "\2B07"; }
.icon-up:before                { content: "\2B06"; }
.icon-right:before                { content: "\27A1"; }
.icon-circled-left:before                { content: "\E759"; }
.icon-circled-down:before                { content: "\E758"; }
.icon-circled-up:before                { content: "\E75B"; }
.icon-circled-right:before                { content: "\E75A"; }
.icon-triangle-left:before                { content: "\25C2"; }
.icon-triangle-down:before                { content: "\25BE"; }
.icon-triangle-up:before                { content: "\25B4"; }
.icon-triangle-right:before                { content: "\25B8"; }
.icon-chevron-left:before                { content: "\E75D"; }
.icon-chevron-down:before                { content: "\E75C"; }
.icon-chevron-up:before                { content: "\E75F"; }
.icon-chevron-right:before                { content: "\E75E"; }
.icon-chevron-small-left:before                { content: "\E761"; }
.icon-chevron-small-down:before                { content: "\E760"; }
.icon-chevron-small-up:before                { content: "\E763"; }
.icon-chevron-small-right:before                { content: "\E762"; }
.icon-chevron-thin-left:before                { content: "\E765"; }
.icon-chevron-thin-down:before                { content: "\E764"; }
.icon-chevron-thin-up:before                { content: "\E767"; }
.icon-chevron-thin-right:before                { content: "\E766"; }
.icon-left-thin:before                { content: "\2190"; }
.icon-down-thin:before                { content: "\2193"; }
.icon-up-thin:before                { content: "\2191"; }
.icon-right-thin:before                { content: "\2192"; }
.icon-arrow-combo:before                { content: "\E74F"; }
.icon-three-dots:before                { content: "\23F6"; }
.icon-two-dots:before                { content: "\23F5"; }
.icon-dot:before                { content: "\23F4"; }
.icon-cc:before                { content: "\1F545"; }
.icon-cc-by:before                { content: "\1F546"; }
.icon-cc-nc:before                { content: "\1F547"; }
.icon-cc-nc-eu:before                { content: "\1F548"; }
.icon-cc-nc-jp:before                { content: "\1F549"; }
.icon-cc-sa:before                { content: "\1F54A"; }
.icon-cc-nd:before                { content: "\1F54B"; }
.icon-cc-pd:before                { content: "\1F54C"; }
.icon-cc-zero:before                { content: "\1F54D"; }
.icon-cc-share:before                { content: "\1F54E"; }
.icon-cc-remix:before                { content: "\1F54F"; }
.icon-db-logo:before                { content: "\1F5F9"; }
.icon-db-shape:before                { content: "\1F5FA"; }

/* Socialico */
.socicon-soundcloud-circle:before{content: "!"}
.socicon-me-circle:before{content: "$"}
.socicon-pinterest-circle:before{content: "&"}
.socicon-foursquare-circle:before{content: "/"}
.socicon-windows-circle:before{content: "0"}
.socicon-picasa-circle:before{content: "4"}
.socicon-lastfm-circle:before{content: "6"}
.socicon-apple-circle:before{content: "@"}
.socicon-amazon:before{content:"A"}
.socicon-bebo:before{content:"B"}
.socicon-appstore:before{content:"C"}
.socicon-dribbble:before{content:"D"}
.socicon-behance:before{content:"E"}
.socicon-facebook:before{content:"F"}
.socicon-google:before{content:"G"}
.socicon-skype:before{content:"H"}
.socicon-linkedin:before{content:"I"}
.socicon-deviantart:before{content:"J"}
.socicon-bing:before{content:"K"}
.socicon-twitterbird:before{content:"L"}
.socicon-myspace:before{content:"M"}
.socicon-flickr:before{content:"N"}
.socicon-tumblr:before{content:"O"}
.socicon-paypal:before{content:"P"}
.socicon-quora:before{content:"Q"}
.socicon-rss:before{content:"R"}
.socicon-stumbleupon:before{content:"S"}
.socicon-twitter:before{content:"T"}
.socicon-blogger:before{content:"U"}
.socicon-vimeo:before{content:"V"}
.socicon-wordpress:before{content:"W"}
.socicon-youtube:before{content:"X"}
.socicon-yahoo:before{content:"Y"}
.socicon-aol:before{content:"Z"}
.socicon-amazon-circle:before{content:"a"}
.socicon-bebo-circle:before{content:"b"}
.socicon-appstore-circle:before{content:"c"}
.socicon-dribbble-circle:before{content:"d"}
.socicon-behance-circle:before{content:"e"}
.socicon-facebook-circle:before{content:"f"}
.socicon-google-circle:before{content:"g"}
.socicon-skype-circle:before{content:"h"}
.socicon-linkedin-circle:before{content:"i"}
.socicon-deviantart-circle:before{content:"j"}
.socicon-bing-circle:before{content:"k"}
.socicon-twitterbird-circle:before{content:"l"}
.socicon-myspace-circle:before{content:"m"}
.socicon-flickr-circle:before{content:"n"}
.socicon-tumblr-circle:before{content:"o"}
.socicon-paypal-circle:before{content:"p"}
.socicon-quora-circle:before{content:"q"}
.socicon-rss-circle:before{content:"r"}
.socicon-stumbleupon-circle:before{content:"s"}
.socicon-twitter-circle:before{content:"t"}
.socicon-blogger-circle:before{content:"u"}
.socicon-vimeo-circle:before{content:"v"}
.socicon-wordpress-circle:before{content:"w"}
.socicon-youtube-circle:before{content:"x"}
.socicon-yahoo-circle:before{content:"y"}
.socicon-aol-circle:before{content:"z"}


/* Entypo instances */
ul.icons-demo-list {
  list-style-type: none;
  margin: 15px 0 15px;
  padding: 0;
}
ul.icons-demo-list li {
    display: inline-block;
    height: 56px;
    width: 56px;
    padding: 0;
	margin: 8px;
    position: relative;
	text-align: center;
	text-indent: 3px;
	border: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
/* Icon Lists */
ul.icons-demo-list li:hover {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
}
ul.icons-demo-list li [class^="socicon-"],
ul.icons-demo-list li [class*=" socicon-"] {
    font-size: 3em;
	vertical-align: middle;
    line-height: 0;
}
ul.icons-demo-list li [class^="icon-"],
ul.icons-demo-list li [class*=" icon-"] {
    font-size: 4em;
	vertical-align: middle;
    line-height: 0;
}

ul.icons {
  list-style-type: none;
  text-indent: 0;
  margin: 15px 0;
}
ul.icons li {
  margin: 0;
  padding: 0;
}
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"],
ul.icons li [class^="socicon-"],
ul.icons li [class*=" socicon-"] {
	vertical-align: middle;
    line-height: 0.3em;
	display: inline-block;
	margin: 0;
	width: 0.8em;
	float: left;
}
ul.icons li [class^="socicon-"],
ul.icons li [class*=" socicon-"] {
	margin: 0 0.5em 0 0;
	width: 0.5em;
}
ul.icons li [class^="icon-3x"],
ul.icons li [class*=" icon-3x"] {
	vertical-align: middle;
}
.inpage-nav .btn-hover [class^="icon-"]:before,
.inpage-nav .btn-hover [class*=" icon-"]:before,
.page-teaser .hover-item .btn-hover [class^="icon-"]:before,
.page-teaser .hover-item .btn-hover [class*=" icon-"]:before,
.sortable-portfolio-items .hover-item .btn-hover [class^="icon-"]:before,
.sortable-portfolio-items .hover-item .btn-hover [class*=" icon-"]:before,
.sortable-blog-items .hover-item .btn-hover [class^="icon-"]:before,
.sortable-blog-items .hover-item .btn-hover [class*=" icon-"]:before {	
	font-size: 52px;
	text-align: center;
	line-height: 26px;
	text-indent: 2px;
}
.page-teaser.width20 .hover-item .btn-hover [class^="icon-"]:before,
.page-teaser.width20 .hover-item .btn-hover [class*=" icon-"]:before,
.page-teaser.width16 .hover-item .btn-hover [class^="icon-"]:before,
.page-teaser.width16 .hover-item .btn-hover [class*=" icon-"]:before,
.sortable-portfolio-items li.width20 .hover-item .btn-hover [class^="icon-"]:before,
.sortable-portfolio-items li.width20 .hover-item .btn-hover [class*=" icon-"]:before,
.sortable-portfolio-items li.width16 .hover-item .btn-hover [class^="icon-"]:before,
.sortable-portfolio-items li.width16 .hover-item .btn-hover [class*=" icon-"]:before,
.sortable-blog-items li.width20 .hover-item .btn-hover [class^="icon-"]:before,
.sortable-blog-items li.width20 .hover-item .btn-hover [class*=" icon-"]:before,
.sortable-blog-items li.width16 .hover-item .btn-hover [class^="icon-"]:before,
.sortable-blog-items li.width16 .hover-item .btn-hover [class*=" icon-"]:before {	
	font-size: 52px;
	text-align: center;
	line-height: 20px;
	text-indent: 2px;
}
.nav-pills li a [class^="icon-"]:before,
.nav-pills li a [class*=" icon-"]:before {
	margin:0px;
	padding:0px;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
	font-size: 3em;
	line-height: 10px;
	text-align: center;
	text-indent: 2px;
}
.nav-pills li a:hover [class^="icon-"]:before,
.nav-pills li a:hover [class*=" icon-"]:before {
    transition: all 0.1s ease-in-out 0s;
}
.divider-inset [class^="icon-"]:before,
.divider-inset [class*=" icon-"]:before {
	text-align: center;
	font-size: 32px;
	line-height: 5px;
	vertical-align: -3px;
	margin:0px;
	padding:0px;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
a.read-more-excerpt [class^="icon-"],
a.read-more-excerpt [class*=" icon-"] {
line-height: 0px;
}
a.read-more-excerpt [class^="icon-"]:before,
a.read-more-excerpt [class*=" icon-"]:before {
	vertical-align: -9px;
	line-height: 0px;
}
#toolbar time [class^="icon-"]:before, #toolbar time [class*=" icon-"]:before {
	text-align: center;
	vertical-align: -2px;
	margin:0px;
	margin-right:5px;
	padding:0px;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
#toolbar .toolbar-r .module {
	margin: 0;
	margin-left: 20px;
	float: right;
	padding: 0; 
	font-size: 13px; 
}
#toolbar .toolbar-l .module, #toolbar .toolbar-l time {
    margin: 0;
	margin-right: 20px;
	float: left;
	padding: 0; 
	font-size: 13px;
}
#w-footer [class^="socicon-"]:before, #w-footer [class*=" socicon-"]:before,
#w-bottom-b [class^="socicon-"]:before, #w-bottom-b [class*=" socicon-"]:before,
#w-top-b [class^="socicon-"]:before, #w-top-b [class*=" socicon-"]:before {
	vertical-align: middle;
    line-height: 1;
	display: inline-block;
	margin: 0;
	width: 0.8em;
	float: left;
	padding:0px;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}

/* layout */
.navbar-fixed-bottom p {
	line-height: 19px;
	padding: 6px;
    text-decoration: none;
}
nav#menu div#search {
    float: right;
	height: 30px;
	padding: 6px 0;
}
.menu-fixed nav#menu div#search {
	padding: 0;
}
nav#menu div#search .search-query {
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
    padding: 6px 25px 6px 15px;
    position: relative;
	height: 20px;
	width: 120px;
	float: right;
}
nav#menu div#search .search-query:hover, nav#menu div#search .search-query:focus {
    width: 150px;
}
nav#menu div#search form.searchbox {
    border: none;
    background: none;
    height: 30px;
    padding: 0px;
    width: 160px;
}
.searchbox.filled button {
    background: url("../images/searchbox_loader.png") no-repeat scroll 50% 50% transparent;
}
.searchbox.filled button {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAfCAYAAACCox+xAAAA2UlEQVR42u2W0QqDMAxFtYL1RWZl0K2/sf//tu4WMu7I2NhDWweLcB6aFnOsMXXIOf8EJmIiJtJLxIEVRJCeiBIfe4gs4AKuYAOziHkQQJT5pY0IJZIkdG/WTGCXdUsLESdPGr7c+iDrXWURqQne+FbgPGNKfK0tEsGmkxb0WO1KrC2SgH+McZ2ZmEh8EDxILUQmjinzIkGmViJe14RGzc8gdagR7kTHGtFfDSX4mjp8NbqPlMS6JhhTfaRhZ93B+EE4sLMec9ac1Flz+Onr7MfIREzERP5W5A4q6TrVsVbytQAAAABJRU5ErkJggg==") no-repeat scroll 50% 50% transparent;
    width: 34px;
}
input[type="text"].search-query {
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
    padding: 4px 25px 4px 15px;
	font-weight: 400;
    position: relative;
	height: 20px;
	width:120px;
}
input[type="text"].search-query:hover, input[type="text"].search-query:focus {
    width: 150px;
}
form.searchbox {
    border: none;
    background: none;
    padding: 4px 0 0;
}
/* Drop-Down Results */
.searchbox .results {
	top: 50px;
	border-top: none;
	right: -10px;
	width: 300px;
	overflow: hidden;
	z-index: 1011;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.menu-fixed .searchbox .results {
	top: 56px;
}
.searchbox .results li.more-results { 
	padding-bottom: 3px;
}
.searchbox .results li.results-header + li.result { border-top: none; }
.searchbox .results li.result.selected { 
	border: 0;
}

.divider-dash-0,
.divider-dash-1,
.divider-dash-2,
.divider-dash-3 {
border: 0;
margin: 15px 0;
height: 0;
}
.divider-line-0,
.divider-line-1,
.divider-line-2,
.divider-line-3 {
border: 0;
margin: 15px 0;
height: 0;
}
.divider-grad,
.divider-grad-soft,
.divider-grad-color-1,
.divider-grad-color-2,
.divider-grad-color-3 {
    border: 0;
	margin: 15px 0;
    height: 1px;
}
.div-height-1 {
    height: 1px;
}
.div-height-2 {
    height: 2px;
}
.div-height-3 {
    height: 3px;
}
.div-height-4 {
    height: 4px;
}
.div-height-5 {
    height: 5px;
}
.div-height-6 {
    height: 6px;
}
.div-height-7 {
    height: 7px;
}
.div-height-8 {
    height: 8px;
}
.div-height-9 {
    height: 9px;
}
.div-height-10 {
    height: 10px;
}
.divider-shad-3,
.divider-shad-4,
.divider-shad-5 {
    clear: both;
	border: 0;
	margin: 15px 0;
	height: 0;
}

.divider-inset-1,
.divider-inset-2,
.divider-inset-3 {
  padding: 5px 14px;
  margin: 15px 0;
  list-style: none;
}

[class^="divider-inset"] span, [class*=" divider-inset"] span {
	font-weight: bold;
	letter-spacing: 0.5px;
	padding-left: 5px;
}
.divider-invi-15 {
	float: none;
	clear: both;
    display: block;
	height: 15px;
	margin: 0;
}
.divider-invi-20 {
	float: none;
	clear: both;
    display: block;
	height: 20px;
	margin: 0;
}
.divider-invi-30 {
	float: none;
	clear: both;
    display: block;
	height: 30px;
	margin: 0;
}
.divider-invi-50 {
	float: none;
	clear: both;
    display: block;
	height: 50px;
	margin: 0;
}
.divider-invi-70 {
	clear: both;
    display: block;
	height: 70px;
	margin: 0;
}
.separator {
	clear: both;
	margin: 0 auto;
}
.separator [class^="divider"],
.separator [class*=" divider"] {
	margin: 5px 0;
}
.page-info-top {
	margin: 0 0 30px;
}
.page-info-bottom {
	margin: 30px 0 0;
}
/* contact */
.wpcf7-captchar, .wpcf7-text, .wpcf7-textarea {
	width: 320px;
}
.wpcf7-select {
	width: 334px;
}
.wpcf7-captchac {
	margin-left: 15px;
}
/* portfolio */
li.thumbnail .project-data {
    display: block;
    clear: both;
    list-style: none outside none;
    margin: 0;
	padding-top: 15px !important;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.single .project-content {
	overflow: hidden;
	position: relative;
	display: block;
}
.wp-featured-image {
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	max-height: 100%;
	max-width: 100%;
} 
.page .wp-featured-image {
	margin: 0 0 30px;
} 
ul.project-spec {
	font-weight: normal;
	font-size: 12px;    
	text-indent: 0;
	display: block;
	margin: 0 0 15px;
	padding: 0;
}
ul.project-spec li {
	line-height: 20px;
	margin: 0;
    padding: 0;
}
li.thumbnail .project-title {
    text-transform: uppercase;
	margin: 0 0 10px;
	padding: 0;
} 
li.thumbnail .project-excerpt {
    display: block;
    position: relative;
    margin: 0px;
    padding: 0;
}  
/* /////////////      hoverdir      ///////////  */

.sortable-portfolio-items {
	margin: 0 -25px;
	padding: 0;
    list-style-type: none;
	position: relative;
	display: block;
	clear: both;
}
.sortable-portfolio-items.grid-layout {
	margin: 0 -15px;
}
.sortable-portfolio-items li.thumbnail {
	border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
    padding: 0 25px;
	margin: 0 0 50px;
	position: relative;
	z-index: 1;
}
.sortable-portfolio-items.grid-layout  li.thumbnail{
	padding: 0 15px;
	margin: 0 0 30px;
}
.widget-portfolio .sortable-portfolio-items li.thumbnail {
	margin: 0;
}
.sortable-portfolio-items li .portfolio-item {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	display: block;
}

.sortable-portfolio-items li .portfolio-item + .project-title {
	margin: 15px 0 0;
}
.sortable-portfolio-items li.thumbnail:hover .portfolio-item { 
	transition: all 0.3s ease-in-out 0s;
}
.sortable-portfolio-items li .hover-item {
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.sortable-portfolio-items li .hover-item img {
	display: block;
	height: auto;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
} 

.sortable-portfolio-items li .hover-item div {
	position: absolute;
	width:100%;
    height:100%;
}
.btn-hover {
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:4px 12px;
	margin-bottom:0;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}	
.sortable-portfolio-items li .hover-item div .btn-hover {
	position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 52px;
    height: 52px;
    margin: auto;
    padding: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    line-height: 20px;
    overflow: hidden;	
}
.sortable-portfolio-items li.width20 .hover-item div .btn-hover,
.sortable-portfolio-items li.width16 .hover-item div .btn-hover {
    width: 46px;
    height: 46px;
}
.sortable-portfolio-items li .hover-item div a.pretty-view {
    right: 60px;
}
.sortable-portfolio-items li .hover-item div a.inpage-view {
    left: 60px;
}
/* No JavaScript Fallback */
.no-js .sortable-portfolio-items li .hover-item div {
	top: 0px;
	left: -100%;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.no-js .sortable-portfolio-items li .hover-item:hover div{
	left: 0px;
}
/* Blog */
li.thumbnail .post-data {
    display: block;
    clear: both;
    list-style: none outside none;
    margin: 0;
	padding-top: 15px !important;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.post-data .featured-image {
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0;
}
.post-data .featured-image img {
	display: block;
	max-height: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
li.thumbnail .post-title {
    text-transform: uppercase;
	margin: 0 0 10px;
	padding: 0;
}
li.thumbnail .post-excerpt {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}  
/* /////////////      hoverdir      ///////////  */

.sortable-blog-items {
	margin: 0 -25px;
	padding: 0;
    list-style-type: none;
	position: relative;
	display: block;
	clear: both;
}
.sortable-blog-items.grid-layout {
	margin: 0 -15px;
}
.sortable-blog-items li.thumbnail {
	background: none;
	border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
    padding: 0 25px;
	margin: 0 0 50px;
	position: relative;
	z-index: 1;
}
.sortable-blog-items.grid-layout li.thumbnail {
	padding: 0 15px;
	margin: 0 0 30px;
}
.sortable-blog-items li .blog-item {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	display: block;
}
.sortable-blog-items li .blog-item + .post-title {
	margin: 15px 0 0;
}
.sortable-blog-items li .hover-item {
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.sortable-blog-items li .hover-item img {
	display: block;
	height: auto;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.sortable-blog-items li .hover-item div {
	position: absolute;
	width:100%;
    height:100%;
}
.sortable-blog-items li .hover-item div span.post-title {
	position: absolute;
	left: 15%;
	top: 25%;
	display: block;
	background: none;
	padding: 10px;
	margin: 0px;
	text-transform: uppercase;
	font-weight: normal;
	overflow: hidden;
}
.sortable-blog-items li .hover-item div .btn-hover {
	position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 52px;
    height: 52px;
    margin: auto;
    padding: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    line-height: 20px;
    overflow: hidden;	
}
.sortable-blog-items li.width20 .hover-item div .btn-hover,
.sortable-blog-items li.width16 .hover-item div .btn-hover {
    width: 46px;
    height: 46px;
}
.sortable-blog-items li .hover-item div a.pretty-view {
    right: 60px;
}
.sortable-blog-items li .hover-item div a.inpage-view {
    left: 60px;
}
/* No JavaScript Fallback */
.no-js .sortable-blog-items li .hover-item div {
	top: 0px;
	left: -100%;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.no-js .sortable-blog-items li .hover-item:hover div{
	left: 0px;
}
/**** Transitions ****/

.masonry {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
	-webkit-transition: left .4s ease-in-out, right .4s ease-in-out, top .4s ease-in-out .4s;
-moz-transition: left .4s ease-in-out, right .4s ease-in-out, top .4s ease-in-out .4s;
-ms-transition: left .4s ease-in-out, right .4s ease-in-out, top .4s ease-in-out .4s;
-o-transition: left .4s ease-in-out, right .4s ease-in-out, top .4s ease-in-out .4s;
transition: left .4s ease-in-out, right .4s ease-in-out, top .4s ease-in-out .4s;
}

.sortable-portfolio-items li.thumbnail.masonry-brick,
.sortable-blog-items li.thumbnail.masonry-brick {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
/* Post Formats */
/* quote */

blockquote {
	margin: 0;
    padding: 0;
	min-height: 64px;
    position: relative;
	border: 0;
	background: none;
	overflow: auto;
}
blockquote .bq-icon {
	width: 64px;
	height: 64px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	position: relative;
	text-align: center;
	float: left;
	margin: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
blockquote .bq-icon [class^="icon-"]:before, 
blockquote .bq-icon [class*=" icon-"]:before {
	font-size: 64px;
	line-height: 32px;
	-webkit-font-smoothing: antialiased;
}
blockquote p.quote {
    display: block;
    font-family: Baskerville,Georgia,serif;
    font-size: 17px;
    font-style: italic;
    line-height: 25px;
    margin: 0;
	padding: 0 0 0 79px;
}
div.attribution {
	float: right;
	display: inline-block;
	opacity: 0.7;
}
blockquote .attribution .author {
    text-align: right;
	padding: 0 70px 0 0;
	font-style: italic;
}
blockquote .attribution cite{
	display: block;
    text-transform: none;
	font-size: 15px;
}
blockquote.quote-right p.quote {
	padding: 0 79px 0 0;
}
blockquote.quote-right .bq-icon {
	float: right;
}
blockquote.quote-right .attribution .author {
	padding: 0 100px 0 0;
}
/* link */

.link-post {
	margin: 0;
    padding: 15px 0;
	min-height: 64px;
    position: relative;
	border: 0;
	background: none;
	overflow: auto;
}
.link-post .link-post-icon {
	width: 64px;
	height: 64px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	position: relative;
	text-align: center;
	float: left;
	margin: 15px 0 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.link-post .link-post-icon [class^="icon-"]:before, 
.link-post .link-post-icon [class*=" icon-"]:before {
	font-size: 64px;
	line-height: 32px;
	-webkit-font-smoothing: antialiased;
}
.link-post h4.link-post-text {
    display: block;
    line-height: 64px;
    margin: 15px 0 0;
	padding: 0 0 0 79px;
}
/* audio */
.audio-container {
	padding: 0 0 30px 0;
}

#thumbs-ajax {
	display: none;
}
#inpage-ajax {
	display: none;
}
#inpage-item {
	display: none;
}
.viewport_animate #inpage-item .single-meta i {
	opacity: 1;
}
.single-image img{
	width: 100%; 
	display: block;
}
#inpage-content {
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.4s ease-in-out 0.1s;
	-moz-transition: all 0.4s ease-in-out 0.1s;
	-o-transition: all 0.4s ease-in-out 0.1s;
	transition: all 0.4s ease-in-out 0.1s;
}
#inpage-content  .video-container {
	padding:0;
	display: block;
}
#inpage-content  .audio-container {
	padding: 0;
	display: block;
	margin: auto;
}

video, 
.audio-container, 
.mejs-container.mejs-video,
.mejs-container.mejs-audio { 
	max-width: 100%; 
	height: auto; 
	width:auto\9; 
	margin: 0 0 30px;
}
.vvqbox {
    display: block;
    margin: 0 0 30px;
    max-width: 100%;
    visibility: visible !important;
}
.inpage-nav {
	display: block;
    position: relative;
	margin: 0 0 30px;
}
.inpage-nav a.btn-hover {
	position: relative;
    width: 52px;
    height: 52px;
    margin-right: 5px;
    padding: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    line-height: 20px;
    overflow: hidden;	
}	
.inpage-desc {
	display: block;
    position: relative;
    list-style: none outside none;
    margin: 30px 0;
    padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.inpage-scale0 {
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);	
}
.inpage-scale1 {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
/* Page Slider */
.page-slider {
	display: inline-block;
}
/* Page Teaser */
.teaser-container {
	margin: 0 -15px;
}
.page-teaser {
    display: block;
    position: relative;
    margin: 0;
	padding: 0 15px;
	background: none;
	border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	z-index: 1;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.page-teaser .teaser-title {
	margin: 0 0 15px;
}
.page-teaser p {
    margin: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.page-teaser p+p {
    margin-top: 10px;
}
.page-teaser p [class^="btn"],
.page-teaser p [class*=" btn"] {
    margin: 0;
}  
/* /////////////      hoverdir      ///////////  */
.page-teaser .teaser-item {
	margin: 0 0 15px;
	padding: 0;
	overflow: hidden;
	position: relative;
	display: block;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.page-teaser .hover-item {
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.page-teaser .hover-item img {
	display: block;
	height: auto;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
} 
.page-teaser img.wp-post-image {
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.page-teaser .hover-item div {
	position: absolute;
	width:100%;
    height:100%;
}

.page-teaser .hover-item div .btn-hover {
	position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 52px;
    height: 52px;
    margin: auto;
    padding: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    line-height: 20px;
    overflow: hidden;
}
.page-teaser .hover-item div a.inpage-view {
    left: 60px;
}

/* No JavaScript Fallback */
.no-js .page-teaser .hover-item div {
	top: 0px;
	left: -100%;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.no-js .page-teaser .hover-item:hover div{
	left: 0px;
}
/*    Teaser Icons       */
.teaser-icon {
	height: 64px;
    width: 64px;
	margin: 0 auto 15px;
}
.teaser-icon [class^="socicon-"], 
.teaser-icon [class*=" socicon-"], 
.teaser-icon [class^="icon-"], 
.teaser-icon [class*=" icon-"] {
    display: inline-block;
	float: left;
	cursor: pointer;
	width: 64px;
	height: 64px;
    padding: 0;
	margin: 0 auto;
    position: relative;
	z-index: 1;
	text-align: center;
	border: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.teaser-icon [class^="icon-"]:before, .teaser-icon [class*=" icon-"]:before,
.teaser-icon [class^="socicon-"]:before, .teaser-icon [class*=" socicon-"]:before {
    font-size: 64px;
	line-height: 32px;
	vertical-align: middle;
	text-align: center;
	padding:0px;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
	opacity: 0.7;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}
.teaser-icon [class^="socicon-"]:before, .teaser-icon [class*=" socicon-"]:before {
	line-height: 64px;
}
.teaser-icon [class^="socicon-"]:after, 
.teaser-icon [class*=" socicon-"]:after, 
.teaser-icon [class^="icon-"]:after, 
.teaser-icon [class*=" icon-"]:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	top: 0px;
	left: 0px;
	padding: 0px;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale(2.5);
	-moz-transform: scale(2.5);
	-ms-transform: scale(2.5);
	transform: scale(2.5);
	-webkit-transition: opacity 0.1s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.1s, -moz-transform 0.3s;
	transition: opacity 0.1s, transform 0.3s;
}

.no-touch .page-teaser:hover  .teaser-icon [class^="socicon-"]:after,
.no-touch .page-teaser:hover  .teaser-icon [class*=" socicon-"]:after,
.no-touch .page-teaser:hover  .teaser-icon [class^="icon-"]:after,
.no-touch .page-teaser:hover  .teaser-icon [class*=" icon-"]:after{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.no-touch .page-teaser:hover .teaser-icon [class^="socicon-"]:before,
.no-touch .page-teaser:hover .teaser-icon [class*=" socicon-"]:before,
.no-touch .page-teaser:hover .teaser-icon [class^="icon-"]:before,
.no-touch .page-teaser:hover .teaser-icon [class*=" icon-"]:before{
	opacity: 1;
}
/* Team page */
.progress-bars {
	display: block;
}
.progress-bars .progress {
	margin-bottom: 15px;
	height: 30px;
	line-height: 30px;
}
.progress-bars .progress:last-child {
	margin-bottom: 30px;
}
.progress-bars .progress .bar {
	font-size: 13px;
}
li.thumbnail .team-desc {
    display: block;
    clear: both;
    position: relative;
    list-style: none outside none;
    margin: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
li.thumbnail  h4.member-name {
	padding: 0;
	margin: 0 0 15px;
}
.team-desc  .member-title {
	padding: 0;
	margin: 0 0 8px;
}
ul.member-props {
    list-style: none outside none;
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 15px;
	display: block;
	clear: both;
} 
ul.member-props > li:before, ul.member-props > li:after {
    content: " ";
}
ul.member-props li + li:before{
	content: " / ";
}
ul.member-props li:nth-child(2):before, 
ul.member-props li:nth-child(3):before, 
ul.member-props li:nth-child(4):before {
    content: " ";
}
ul.member-props > li {
    line-height: 20px;
    margin-top: 5px;
	display: inline-block;
}
ul.member-props li:nth-child(1), 
ul.member-props li:nth-child(2), 
ul.member-props li:nth-child(3) {
    display: block;
}
ul.member-props > li:first-child {
    margin-top: 0;
}
ul.member-props .wlabel {
    float: left;
    line-height: 18px;
    padding: 4px 5px 0 0;
    width: 200px;
}
.sortable-team-items {
	margin: 0 -15px;
	padding: 0;
    list-style-type: none;
	position: relative;
}
.sortable-team-items li.thumbnail:before, .sortable-team-items li.thumbnail:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.sortable-team-items li.thumbnail:after {
    clear: both;
}
.sortable-team-items li.thumbnail {
	background: none;
	border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
    padding: 0 15px;
	margin: 0 0 50px;
	position: relative;
    box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.widget-team-members .sortable-team-items li.thumbnail {
	margin: 0;
}
.sortable-team-items li .team-item {
	margin: 0 0 15px;
	padding: 0;
	overflow: hidden;
	position: relative;
	display: block;
}
.sortable-team-items li.thumbnail:hover .team-item { 
	transition: all 0.3s ease-in-out 0s;
}
.sortable-team-items li .hover-item {
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	transition: all 0.3s ease-in-out 0s;
}
.sortable-team-items li .hover-item img {
	display: block;
	height: auto;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
} 
.sortable-team-items li img.wp-post-image {
	transition: all 0.3s ease-in-out 0s;
}
/*     Team Masonry    */
.sortable-team-items li.thumbnail.masonry-brick {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
/* Partners page */
li.thumbnail .partner-desc {
    display: block;
	clear: both;
    position: relative;
    list-style: none outside none;
    margin: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
li.thumbnail  h4.partner-name {
	padding: 0;
	margin: 0 0 15px;
}
.partner-desc  .partner-address {
	padding: 0;
	margin: 0 0 8px;
}
ul.partner-props {
    display: block;
	list-style: none outside none;
	font-size: 12px;
	margin: 0px;
	padding: 0 0 15px;
} 
ul.partner-props > li:before, ul.partner-props > li:after {
    content: " ";
}
ul.partner-props li + li:before{
    content: " / ";
}
ul.partner-props li:nth-child(2):before, 
ul.partner-props li:nth-child(3):before, 
ul.partner-props li:nth-child(4):before {
    content: " ";
}
ul.partner-props > li {
    line-height: 20px;
    margin-top: 5px;
	display: inline-block;
}
ul.partner-props li:nth-child(1), 
ul.partner-props li:nth-child(2), 
ul.partner-props li:nth-child(3) {
    display: block;
}
ul.partner-props > li:first-child {
    margin-top: 0;
}
ul.partner-props .wlabel {
    float: left;
    line-height: 18px;
    padding: 4px 5px 0 0;
    width: 200px;
}
.sortable-partners-items {
	margin: 0 -15px;
	padding: 0;
    list-style-type: none;
	position: relative;
}
.sortable-partners-items li.thumbnail {
	background: none;
	border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
    padding: 0 15px;
	margin: 0 0 50px;
	position: relative;
    box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.widget-partners .sortable-partners-items li.thumbnail {
	margin: 0;
}
.sortable-partners-items li .partner-item {
	padding: 0;
	margin: 0 0 15px;
	overflow: hidden;
	position: relative;
	display: block;
}
.sortable-partners-items li .hover-item {
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	transition: all 0.3s ease-in-out 0s;
}
.sortable-partners-items li .hover-item img {
	display: block;
	height: auto;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
} 
.sortable-partners-items li img.wp-post-image {
	transition: all 0.3s ease-in-out 0s;
}
/*     Partners Masonry    */
.sortable-partners-items li.thumbnail.masonry-brick {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
/* Clients page */
li.thumbnail .client-desc {
    display: block;
	clear: both;
    position: relative;
    list-style: none outside none;
    margin: 0;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
      -moz-transition: all 0.2s ease-in-out 0.1s;
        -o-transition: all 0.2s ease-in-out 0.1s;
          transition: all 0.2s ease-in-out 0.1s;
}
li.thumbnail  h4.client-name {
	padding: 0;
	margin: 0 0 15px;
} 
.client-desc  .client-address {
	padding: 0;
	margin: 0 0 8px;
} 
ul.client-props {
    display: block;
	list-style: none outside none;
	font-size: 12px;
	margin: 0px;
	padding: 0 0 15px;
} 
ul.client-props > li:before, ul.client-props > li:after {
    content: " ";
}
ul.client-props li + li:before{
    content: " / ";
}
ul.client-props li:nth-child(2):before, 
ul.client-props li:nth-child(3):before, 
ul.client-props li:nth-child(4):before {
    content: " ";
}
ul.client-props > li {
    line-height: 20px;
    margin-top: 5px;
	display: inline-block;
}
ul.client-props li:nth-child(1), 
ul.client-props li:nth-child(2), 
ul.client-props li:nth-child(3) {
    display: block;
}
ul.client-props > li:first-child {
    margin-top: 0;
}
ul.client-props .wlabel {
    float: left;
    line-height: 18px;
    padding: 4px 5px 0 0;
    width: 200px;
}
.sortable-clients-items {
	margin: 0 -15px;
	padding: 0;
    list-style-type: none;
	position: relative;
}
.sortable-clients-items li.thumbnail {
	background: none;
	border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
    padding: 0 15px;
	margin: 0 0 50px;
	position: relative;
    box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.widget-clients .sortable-clients-items li.thumbnail {
	margin: 0;
}
.sortable-clients-items li .client-item {
	padding: 0;
	margin: 0 0 15px;
	overflow: hidden;
	position: relative;
	display: block;
}
.sortable-clients-items li.thumbnail:hover .client-item { 
	transition: all 0.3s ease-in-out 0s;
}
.sortable-clients-items li .hover-item {
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	transition: all 0.3s ease-in-out 0s;
}
.sortable-clients-items li .hover-item img {
	display: block;
	height: auto;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
} 
.sortable-clients-items li img.wp-post-image {
	transition: all 0.3s ease-in-out 0s;
}
/*     Partners Masonry    */
.sortable-clients-items li.thumbnail.masonry-brick {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
/* FAQ Page */

/* Careers Page */

/* Pricing Tables */
.pricing_table {
 padding: 30px 0;
 margin: 0 -3px;
}
.pricing_table.cols_1 .pricing_box {
 width: 100%;
}
.pricing_table.cols_2 .pricing_box {
 width: 50%;
}
.pricing_table.cols_3 .pricing_box {
 width: 33.3%;
}
.pricing_table.cols_4 .pricing_box {
 width: 24.99%;
}
.pricing_table.cols_5 .pricing_box {
 width: 20%;
}
.pricing_table.cols_6 .pricing_box {
 width: 16.65%;
}
.pricing_box {
    float: left;
	display: block;
    margin: 0;
    padding: 0;
    text-align: center;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}

.pricing_box .pricing_container {
    display: block;
    margin: 0 3px;
    padding: 0;
}
.pricing_box .header {
    height: 70px;
    width: 100%;
	margin: 0;
}
.pricing_box .header h3 {
    line-height: 70px;
	margin: 0;
    padding: 0;
}
.pricing_box .price {
    font-size: 1.5em;
	font-weight: bold;
    line-height: 1.5em;
}
.pricing_box .price span {
    font-size: .8em;
	font-weight: bold;
    line-height: .8em;
}
.pricing_box .features {
    padding: 20px 15px;
	margin-top: 6px;
}
.pricing_box .features ul li i {
    float: left;
	width: 0.8em;
}
.pricing_box .purchase {
	padding: 20px 0px;
}
.pricing_box.active {
    margin-top: -20px;
    margin-bottom: -20px;
    padding: 0;
    position: relative;
}
.pricing_box.active .header h2 {
    line-height: 70px;
}
div#system > .page-header {
    margin: 20px 15px 0px;
	border: 0;
    padding: 0;
}
/* loading animation */
.loader {
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.6s ease-in-out 0.1s;
	-moz-transition: all 0.6s ease-in-out 0.1s;
	-o-transition: all 0.6s ease-in-out 0.1s;
	transition: all 0.6s ease-in-out 0.1s;
}

.loader .bar {
	font-size: 20px;
    width: 170px;
    height: 19px;
    position: relative;
    margin: 100px auto;
	-webkit-border-radius: .5em;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.loader .bar:after {
    content: "Loading...";
    position: absolute;
    left: 25%;
    top: 150%;
    font-size: 1em;
}

.loader .bar .sphere {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	border-radius: 50%;
    width: 19px;
    height: 19px;
    display: block;
    -webkit-animation: slide 1.75s ease-in-out infinite alternate;
    -moz-animation: slide 1.75s ease-in-out infinite alternate;
    -ms-animation: slide 1.75s ease-in-out infinite alternate;
    -o-animation: slide 1.75s ease-in-out infinite alternate;
    animation: slide 1.75s ease-in-out infinite alternate;
}

@-webkit-keyframes slide {
    to { margin-left: 90%; }
}

@-moz-keyframes slide {
    to { margin-left: 90%; }
}

@-ms-keyframes slide {
    to { margin-left: 90%; }
}

@-o-keyframes slide {
    to { margin-left: 90%; }
}

@keyframes slide {
    to { margin-left: 90%; }
}
#w-footer {
	padding: 0px;
	border-style: 1px solid;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	min-height: 0;
}
.footer.copy {
    font-size: 12px;
    list-style: none outside none;
}
#totop-scroller {
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1;
	width: 30px;
	height: 30px;
}
/*  Dropcap  */
[class^="dropcap-"], 
[class*=" dropcap-"] {
    display: block;
    float: left;
    font-size: 2em;
	line-height: 0.8em;
    font-weight: bold;
    margin: 10px 7px 0 0;
    padding: 0;
    text-transform: uppercase;
}
.dropcap-2 {
	font-size: 3em;
}
.dropcap-3 {
	font-size: 4em;
}
.dropcap-4 {
	font-size: 3em;
	font-style:italic;
}
.dropcap-5 {
	font-size: 3em;
	font-style:normal;
	font-family: Serif;    
    font-weight: bold;
}
.dropcap-6 {
	font-size: 4em;
	font-style:normal;
	font-family: Serif;    
    font-weight: bold;
}
/* Module Icons */

.module h3 [class^="icon-"],
.module h3 [class*=" icon-"],
.module h3 [class^="socicon-"],
.module h3 [class*=" socicon-"] {
    display: inline-block;
    padding: 0;
	margin: 0 5px 0 0;
    position: relative;
	text-align: center;
	border: 0;
	-webkit-animation-duration: 0.4s;
	   -moz-animation-duration: 0.4s;
	     -o-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-font-smoothing: antialiased;
}
.module h3 [class^="icon-"]:before, .module h3 [class*=" icon-"]:before,
.module h3 [class^="socicon-"]:before, .module h3 [class*=" socicon-"]:before {
    font-size: 2em;
	line-height: 0px;
	-webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out;
}
.module:hover  h3 [class^="icon-"],
.module:hover  h3 [class*=" icon-"] {
	-webkit-animation-name:bouncesoc;
		-moz-animation-name:bouncesoc;
			-ms-animation-name:bouncesoc;
				-o-animation-name:bouncesoc;
					animation-name:bouncesoc;
}
/* Module Type: Box
----------------------------------------------------------------------------------------------------*/
.mod-box {
	padding: 0;
	margin: 0;
}
.body-color-bg,
.menu-color-bg,
.primary-color-bg,
.secondary-color-bg,
.hover-body-color-bg,
.hover-menu-color-bg,
.hover-primary-color-bg,
.hover-secondary-color-bg {
	padding: 15px;
}

/* animation */
.animated08 {
	-webkit-animation-duration: .8s;
	   -moz-animation-duration: .8s;
	     -o-animation-duration: .8s;
	        animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
.animated05 {
	-webkit-animation-duration: .5s;
	   -moz-animation-duration: .5s;
	     -o-animation-duration: .5s;
	        animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
.animated04 {
	-webkit-animation-duration: .4s;
	   -moz-animation-duration: .4s;
	     -o-animation-duration: .4s;
	        animation-duration: .4s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
.animated03 {
    -webkit-animation-duration: .3s;
	   -moz-animation-duration: .3s;
	     -o-animation-duration: .3s;
	        animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
.animated02 {
    -webkit-animation-duration: .2s;
	   -moz-animation-duration: .2s;
	     -o-animation-duration: .2s;
	        animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
@media (min-device-width: 1025px){

a,
.menu-dropdown span.subtitle{
-moz-transition:color 200ms ease-in-out;
-webkit-transition:color 200ms ease-in-out;
-o-transition:color 200ms ease-in-out;
transition:color 200ms ease-in-out
}
form.style input,
form.style select,
form.style textarea,
form.style button:hover,
form.style input.button:hover,
form.style input[type="button"]:hover,
form.style input[type="submit"]:hover {
-moz-transition:color 250ms ease-in-out, background 250ms ease-in-out;
-webkit-transition:color 250ms ease-in-out, background 250ms ease-in-out;
-o-transition:color 250ms ease-in-out, background 250ms ease-in-out;
transition:color 250ms ease-in-out, background 250ms ease-in-out
}
.menu-dropdown li.level1:hover,
.menu-dropdown li.remain,
.menu-dropdown li.level2:hover,
.menu-sidebar li.level1 .level1:hover,
.menu-sidebar li.level1 > .level1:hover:before,
.searchbox .results
li.result.selected{-moz-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1,
.menu-dropdown li.level1:hover .level1 span.subtitle,
.menu-dropdown li.remain .level1
span.subtitle{-moz-transition:color 0s ease-in;-webkit-transition:color 300ms ease-in-out;-o-transition:color 300ms ease-in-out;transition:color 300ms ease-in-out}
#system .item > p.links a:hover,
#system .item div.reply a:hover{-moz-animation-fill-mode:both;-moz-animation-duration:400ms;-moz-animation-name:flash;-webkit-animation-fill-mode:both;-webkit-animation-duration:400ms;-webkit-animation-name:flash;-o-animation-fill-mode:both;-o-animation-duration:400ms;-o-animation-name:flash;animation-fill-mode:both;animation-duration:400ms;animation-name:flash}@-moz-keyframes
flash{0%,100%{opacity:1}50%{opacity:0.3}}@-webkit-keyframes
flash{0%,100%{opacity:1}50%{opacity:0.3}}@-o-keyframes
flash{0%,100%{opacity:1}50%{opacity:0.3}}@keyframes
flash{0%,100%{opacity:1}50%{opacity:0.3}}

.menu-dropdown li.level1 > .level1:hover > span,
.menu-dropdown li.level2:hover a.level2,
.menu-sidebar li.level1 .level1:hover>span{ 
-webkit-animation-duration:300ms;
-webkit-animation-fill-mode:both;
-moz-animation-duration:300ms;
-moz-animation-fill-mode:both;
-o-animation-duration:300ms;
-o-animation-fill-mode:both;
animation-duration:300ms;
animation-fill-mode:both
}
.menu-dropdown li.level1>.level1:hover>span{
-webkit-animation-name:fadeInTop10;
-moz-animation-name:fadeInTop10;
-o-animation-name:fadeInTop10;
animation-name:fadeInTop10
}
@-moz-keyframes fadeInTop10{0%{opacity:0;-moz-transform:translateY(10px)}100%{opacity:1;-moz-transform:translateY(0)}}
@-webkit-keyframes fadeInTop10{0%{opacity:0;-webkit-transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0)}}
@-o-keyframes fadeInTop10{0%{opacity:0;-o-transform:translateY(10px)}100%{opacity:1;-o-transform:translateY(0)}}
@keyframes fadeInTop10{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}

.menu-dropdown li.level2:hover a.level2,
.menu-sidebar li.level1 .level1:hover>span{
-moz-animation-name:fadeInLeft10;
-webkit-animation-name:fadeInLeft10;
-o-animation-name:fadeInLeft10;
animation-name:fadeInLeft10}
@-moz-keyframes fadeInLeft10{0%{opacity:0;-moz-transform:translateX(-10px)}100%{opacity:1;-moz-transform:translateX(0)}}
@-webkit-keyframes fadeInLeft10{0%{opacity:0;-webkit-transform:translateX(-10px)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-o-keyframes fadeInLeft10{0%{opacity:0;-o-transform:translateX(-10px)}100%{opacity:1;-o-transform:translateX(0)}}
@keyframes fadeInLeft10{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}

@-webkit-keyframes bouncesoc {
	0%, 50%, 100% {-webkit-transform: translateY(0)}
	30% {-webkit-transform: translateY(-4px)}
	70% {-webkit-transform: translateY(-2px)}
}
@-moz-keyframes bouncesoc {
	0%, 50%, 100% {-moz-transform: translateY(0)}
	30% {-moz-transform: translateY(-4px)}
	70% {-moz-transform: translateY(-2px)}
}
@-o-keyframes bouncesoc {
	0%, 50%, 100% {-o-transform: translateY(0)}
	30% {-o-transform: translateY(-4px)}
	70% {-o-transform: translateY(-2px)}
}
@keyframes bouncesoc {
	0%, 50%, 100% {transform: translateY(0)}
	30% {transform: translateY(-4px)}
	70% {transform: translateY(-2px)}
}
/* Team Members */
.widget-team-members {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	display: block;
    background: none;
}
.widget-team-members.image-frame {
	padding: 7px;
}
.widget-team-members:hover { 
	transition: all 0.2s ease-in-out 0s;
}
/* Portfolio */
.widget-portfolio li .portfolio-item{
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	display: block;
}
.widget-items li .portfolio-item + .project-title {
	margin: 15px 0 0;
}
.widget-portfolio ul li .portfolio-item:hover { 
	transition: all 0.2s ease-in-out 0s;
}
/* Clients */
.widget-clients {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	display: block;
    background: none;
}
.widget-clients.image-frame {
	padding: 7px;
}
.widget-clients:hover { 
	transition: all 0.2s ease-in-out 0s;
}
/* Partners */
.widget-partners {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	display: block;
    background: none;
}
.widget-partners.image-frame {
	padding: 7px;
}
.widget-partners:hover { 
	transition: all 0.2s ease-in-out 0s;
}

/* Photostream */
.widget-photostream {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	display: block;
    background: none;
}
.widget-photostream.image-frame {
	padding: 7px;
}
.widget-photostream:hover { 
	transition: all 0.2s ease-in-out 0s;
}
/* Responsive Image Grid */
.image-grid{
	margin: 0px auto;
	position: relative;
	height: auto;
	width: 100%;
}
.image-grid ul {
	list-style: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Clear floats by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.image-grid ul:before,
.image-grid ul:after{
	content: '';
    display: table;
}

.image-grid ul:after {
    clear: both;
}

.image-grid ul {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
} 

.image-grid ul li {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-o-perspective: 400px;
	-ms-perspective: 400px;
	perspective: 400px;	
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	opacity: 0.8;
	transition: all 0.3s ease-in-out 0s;
}
.image-grid ul:hover li {
	opacity: 0.5;
}
.image-grid ul li:hover {
	opacity: 1;
}
.image-grid ul li a{
	display: block;
	outline: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
}
.image-grid-loading:after,
.image-grid-loading:before{
	display: none;
}

.image-grid-loading-image{
	display: none;
}

.image-grid-loading .image-grid-loading-image{
	position: relative;
	width: 30px;
	height: 30px;
	left: 50%;
	margin: 100px 0 0 -15px;
	display: block;
}
/* No JavaScript Fallback */
.no-js .image-grid{
	width: 600px;
}

.no-js .image-grid ul li,
.no-js .image-grid ul li a{
	width: 100px;
	height: 100px;
}
.no-js .image-grid ul li a img {
	width: 100%;
}
/* Social Icons */
.social-menu {
	margin: 0;
	list-style: none outside none;
}
.social-menu li {
    display: inline-block;
	margin: 0 6px 0 0;
	line-height: 20px;
	padding: 10px 0;
}
.social-menu li:last-child {
    margin-right: 0;
}
.social-menu li a {
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
	margin: 0;
	padding: 0;
}

ul.social-menu [class^="socicon-"]:before, ul.social-menu [class*=" socicon-"]:before {
	text-align: center;
	vertical-align: middle;
    line-height: 20px;
    font-size: 24px;
	display: inline-block;
	margin:0px;
	padding:0px;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
#toolbar .social-menu li [class^="socicon-"],
#toolbar .social-menu li [class*=" socicon-"] {
	text-align: left;
	width: 20px;
	float: left;
}
/* Address */
.address-widget {
    list-style: none outside none;
	margin: 0px;
	padding: 0px;
	display: block;
}
.address-widget li {
    display: block;
	margin: 0;
	padding: 0;
    background-repeat: no-repeat;
}
#headerbar .address-widget {
    font-size: 13px;
}
#headerbar .address-widget li {
	text-align: right;
}
.address-widget li:not(:last-child) {
	padding-bottom: 6px;
}
#toolbar .address-widget li,
#footer .address-widget li,
.address-widget .address-info {
	line-height: 20px;
}
.address-widget li [class^="icon-"],
.address-widget li [class*=" icon-"],
.address-widget li [class^="socicon-"],
.address-widget li [class*=" socicon-"] {
	vertical-align: middle;
	text-align: center;
    line-height: 0.3em;
	display: inline-block;
	margin: 0;
	width: 0.8em;
	height: 0.8em;
	float: left;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#toolbar .address-widget li [class^="icon-"],
#toolbar .address-widget li [class*=" icon-"],
#toolbar .address-widget li [class^="socicon-"],
#toolbar .address-widget li [class*=" socicon-"],
#footer .address-widget li [class^="icon-"],
#footer .address-widget li [class*=" icon-"],
#footer .address-widget li [class^="socicon-"],
#footer .address-widget li [class*=" socicon-"] {
	vertical-align: middle;
	text-align: left;
    line-height: 0;
	width: 0.7em;
	float: left;
}
#headerbar .address-widget li [class^="icon-"],
#headerbar .address-widget li [class*=" icon-"],
#headerbar .address-widget li [class^="socicon-"],
#headerbar .address-widget li [class*=" socicon-"] {
	margin: 0 0 0 10px;
	float: right;
}
#toolbar .address-widget [class^="icon-"]:before, #toolbar .address-widget [class*=" icon-"]:before,
#footer .address-widget [class^="icon-"]:before, #footer .address-widget [class*=" icon-"]:before {
	text-align: center;
	vertical-align: -2px;
	margin:0px;
	padding:0px;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
#toolbar .address-widget li,
#footer .address-widget li {
    display: inline-block;
	margin: 0 15px 0 0;
	line-height: 20px;
	padding: 10px 0;
}
#toolbar .toolbar-r .address-widget li {
	margin: 0 0 0 15px;
}
.address-widget li:last-child {
    margin-bottom: 0;
}
/* Testimonials */
.flexslider.testimonials {
	border: 0;  
	-webkit-border-radius: none; 
	-moz-border-radius: none; 
	-o-border-radius: none; 
	border-radius: none; 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	-o-box-shadow: none;
}
.flexslider.testimonials:hover .flex-next, .flexslider.testimonials:hover .flex-prev {display: none;}
.flexslider.testimonials:hover .flex-next:hover, .flexslider.testimonials:hover .flex-prev:hover {display: none;}
.testimonial{
  margin:0;
  padding: 15px;
  display: block;
  position:relative;
  -webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.testimonial .testimonial_author { 
  display: block;
  padding: 0 0 0 95px; 
  margin-top: 15px; 
  position: relative;
} 
.testimonial_author .author_avatar { 
	width: 80px;
	height: 80px;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s; 
	position: absolute; 
	bottom: -30px; 
	left: 0;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	-o-border-radius: 50%; 
	border-radius: 50%; 
}
.testimonial_author .author_avatar img{ 
	width: 66px;
	height: 66px;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
	position: relative; 
	display: inline-block;
	padding: 7px;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	-o-border-radius: 50%; 
	border-radius: 50%; 
}
/* Twitter */
.flexslider.twitter-widget-slider {
	border: 0;  
	-webkit-border-radius: none; 
	-moz-border-radius: none; 
	-o-border-radius: none; 
	border-radius: none; 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	-o-box-shadow: none;
}
.twitter-widget-slider .slides li img{
	float:left;
	width: 40px;
	height: 40px;
	margin-right: 25px;
}
.flexslider.twitter-widget-slider .tweet{
	margin:0;
	padding: 15px;
	display: block;
	position:relative;
}
.twitter-widget-list.icons {
    text-indent: 0;
}
.twitter-widget-list.icons li{
  line-height: 20px;
}
.twitter-widget-list .tweet{
  margin:0;
  padding: 30px 20px;
  display: block;
  background-color: rgba(0,172,237, 1);
  color: #f1f1f1;
  position:relative;
  transition: background-color 0.6s linear;
}
.tweet:after { 
  content: " "; 
  height: 0; 
  width: 0; 
  position: absolute; 
  top: 100%; 
  border: solid transparent; 
  border-top-color: rgba(0,172,237, 1);
  border-right-color:rgba(0,172,237, 1);
  border-width: 7px; 
  left: 10px; 
}
.twitter-widget-list [class^="socicon-"],
.twitter-widget-list [class*=" socicon-"] {
}
.twitter-widget-list .status {
    display: block;
    overflow: hidden;
}
.twitter-widget-list .time{
	clear: both;
	display: block;
	margin: 0;
	padding: 5px 0 0;
	font-size: 12px;
} 
/* socialbuttons from warp.js */
.socialbuttons {
	float: left;
	margin: 15px 15px 15px 0;
}
.socialbuttons [class^="icon-"],
.socialbuttons [class*=" icon-"] {
	line-height: 15px;
}
.socialbuttons > div {
	line-height: 10px;
	padding: 8px 12px;
	margin: 2px 8px 2px 0;
}
/* Shortcodes */
.related_posts_list:before, .related_posts_list:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.related_posts_list:after {
    clear: both;
}
.related_posts_list { 
	padding: 10px;
	margin: 15px 0 0;
	float: left;
    min-height: 1px;
    position: relative;
    z-index: 1;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    padding: 5px 6px;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.input-append .add-on, .input-prepend .add-on {
    padding: 5px;
	border: 1px solid;
	border-color: #E5E5E5 #E5E5E5 #E1E1E1;
}
code {
    padding: 3px 4px;
}
pre {
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin: 5px 10px;
    padding: 9.5px;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}
pre code{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
/* breadcrumb */
.breadcrumb {
  padding: 15px 0px;
  text-align: right;
  margin: 0;
  list-style: none;
  font-size: 12px;
}
.breadcrumb li.active {
	letter-spacing: 0.5px;
}
.breadcrumb li a {
	position: relative;
}
/* nav pills */
#system .filter.nav.nav-pills {
	float: left; 
	margin-left: -5px;
}
.nav-pills li strong {
	transition: all 0s ease-in-out 0s;
    margin: 5px;
    padding-bottom: 8px;
    padding-top: 8px;
}
.nav-pills>li>a {
    margin: 5px;
}
.nav-pills.tags {
	margin-top: 10px;
}
.nav-pills.tags li {
	float: left;
	line-height: 10px;
	margin: 4px;
}
.nav-pills.tags li [class^="icon-"],
.nav-pills.tags li [class*=" icon-"] {
	line-height: 15px;
}
.tagcloud {
	text-align: left;
}
.tagcloud>li>a{
	padding:8px 12px;
	margin: 0 4px 8px 0;
	line-height:14px;
	float: left;
}
/* nav-tabs custom_bootstrap lines 331-343 */
.nav {
    margin: 15px 0;
}
.nav.nav-tabs {
    margin: 0 0 5px;
}
.nav-tabs>li{margin-bottom: 0px;}
.nav-tabs>li>a{
	margin-right: 6px;
}
.nav-tabs>li>a:hover,.nav-tabs>li>a:focus{
	transition: all 0.1s ease-in-out 0s;
}
.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover,.nav>li.dropdown.open.active>a:focus{background-color: transparent;}
/* tabs-right*/
.tabs-right>.nav-tabs>li>a{
	margin-bottom: 6px;
}
/* tabs-left*/
.tabs-left>.nav-tabs>li>a{
	margin-bottom: 6px;
}
/* Pagination */

#system .pagination:after {
    clear: both;
}
#system .pagination {
	min-height: 1px;
    position: relative;
	margin: 15px -5px 15px 0;
	float: right;
}
#system .pagination ul {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
}
#system .pagination a, #system .pagination strong, .comments_pagination span.current {
    line-height: 14px;
	height: 14px;
    min-width: 14px;
    margin: 5px;
    padding: 8px 9px;
    text-decoration: none;
}
#system .pagination a:hover, .comments_pagination a:hover {
    transition: all 0.1s ease-in-out 0.1s;
	padding: 8px 9px;
}
#system .pagination a:active,
#system .pagination ul li span,
.comments_pagination a:active,
.comments_pagination span {
    line-height: 14px;
	height: 14px;
	min-width: 14px;
	margin: 5px;
    padding: 8px 9px;
    text-decoration: none;
}
#system .pagination a.previous, #system .pagination a.next,
.comments_pagination a.prev, .comments_pagination a.next {
    font-size: 14px;
    line-height: 14px;
	height: 14px;
}

/* Pager */
#system .pager {
    margin: 30px 0;
}
#system .pager li>a,#system .pager li>span {
    line-height: 20px;
    height: 20px;
    margin: 0;
    text-decoration: none;
}
#system .pager li>a:hover {
    transition: all 0.1s ease-in-out 0.1s;
}
#system .pager li>a:focus {
    transition: all 0s ease-in-out 0.1s;
    margin: 0 5px;
}

/* Accordion */
.accordion-group{margin-bottom:3px;border:none;}
.accordion-heading{border-bottom:0; padding: 0 15px; margin-bottom:5px;}
.accordion-heading .accordion-toggle{
	padding: 8px 0;
	cursor: pointer;
}
.accordion-inner{
	border: none;
	padding: 15px;
}
.accordion-heading .icon-toggle {
	float: right;
	margin: 0 0 0 10px;
	padding: 0px;
}
.accordion-heading .icon-toggle:before {
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
	font-size: 2em;
	line-height: 0px;
	text-align: center;
	content: "\E764"; 
}
.accordion-heading.active .icon-toggle:before { content: "\E767"; }
/* Buttons */
.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled] {
	transition: all 0.1s ease-in-out 0s;
	background-position:0 0;		
}
.btn:active {
    transition: all 0s ease-in-out 0s;
	background-position:0 0;
}
.input-append>.btn:before,
.input-prepend>.btn:before,
.btn-group>.btn:before {display: none;}
.btn {
	padding: 7px 20px;
	position:relative;
	margin: 4px 0;
	border: 0;
}
.btn + .btn {
    margin-left: 6px;
}
.btn.pull-left {
    display: block;
    float: left;
}
.btn.pull-right {
    display: block;
    float: right;
}
.btn.pull-right + .btn.pull-right {
    margin-right: 10px;
}
.actions .btn {
	line-height: 20px;
}
.btn-block + .btn-block {
    margin: 15px 0 0 0;
}
.btn-cta {
	position:relative;
	padding: 10px 50px;
	margin: 4px 0;
	min-width: 180px;
	max-width: 100%;
	border: 0;
	font-weight: bold;
	font-size: 19px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    display: inline-block;
	text-align: center;
}

.btn-cta + .btn-cta {
    margin: 15px 0 0 0;
}
input.btn-cta[type="submit"], input.btn-cta[type="reset"], input.btn-cta[type="button"] {
    width: 100%;
}
.btn-cta:hover,.btn-cta:focus,.btn-cta:active,.btn-cta.active,.btn-cta.disabled,.btn-cta[disabled] {
    transition: all 0.1s ease-in-out 0s;		
}
.btn-cta:active,.btn-cta.active {
    transition: all 0s ease-in-out 0s;	
}
.btn-cta span {
    font-size: 10px;
    line-height: 10px;
    margin-top: -1px;
    text-indent: 1px;
}
.btn-block {
    margin: 0;
}
.btn-block + .btn-block {
    margin-top: 17px;
}
.btn-primary {
	transition: all 0.1s ease-in-out 0s;
}
.btn-primary:hover {
	background-position:0 0;
}
.btn-warning {
    background-color: #fa9858;
    background-image: linear-gradient(top, #fbaa75, #f97c2b);
	background-color: mix(#fbaa75, #f97c2b, 60%);
	background-image: -moz-linear-gradient(top, #fbaa75, #f97c2b); /*  FF 3.6+ */
	background-image: -ms-linear-gradient(top, #fbaa75, #f97c2b); /*  IE10 */
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbaa75), to(#f97c2b)); /*  Safari 4+, Chrome 2+ */
	background-image: -webkit-linear-gradient(top, #fbaa75, #f97c2b); /*  Safari 5.1+, Chrome 10+ */
	background-image: -o-linear-gradient(top, #fbaa75, #f97c2b); /*  Opera 11.10 */
	background-image: linear-gradient(top, #fbaa75, #f97c2b); /*  The standard */
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    background-color: #f97c2b;
    color: #FFFFFF;
	text-shadow:  -1px -1px 0 rgba(90,90,96, 0.3), 0 0 2px rgba(90,90,96, 0.8), 0 0 3px rgba(255,255,255, 0.4), 0 0 4px rgba(255,255,255, 0.6), 0 0 5px rgba(255,255,255, 0.7);
}
.btn-danger {
    background-color: #da4f49;
	background-image: linear-gradient(top, #EE5F5B, #BD362F);
	background-color: mix(#EE5F5B, #BD362F, 60%);
	background-image: -moz-linear-gradient(top, #EE5F5B, #BD362F); /*  FF 3.6+ */
	background-image: -ms-linear-gradient(top, #EE5F5B, #BD362F); /*  IE10 */
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EE5F5B), to(#BD362F)); /*  Safari 4+, Chrome 2+ */
	background-image: -webkit-linear-gradient(top, #EE5F5B, #BD362F); /*  Safari 5.1+, Chrome 10+ */
	background-image: -o-linear-gradient(top, #EE5F5B, #BD362F); /*  Opera 11.10 */
	background-image: linear-gradient(top, #EE5F5B, #BD362F); /*  The standard */
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    background-color: #BD362F;
    color: #FFFFFF;
	text-shadow:  -1px -1px 0 rgba(90,90,96, 0.3), 0 0 2px rgba(90,90,96, 0.8), 0 0 3px rgba(255,255,255, 0.4), 0 0 4px rgba(255,255,255, 0.6), 0 0 5px rgba(255,255,255, 0.7);
}
.btn-success {
    background-color: #5BB75B;
	background-image: linear-gradient(top, #62C462, #51A351);
	background-color: mix(#62C462, #51A351, 60%);
	background-image: -moz-linear-gradient(top, #62C462, #51A351); /*  FF 3.6+ */
	background-image: -ms-linear-gradient(top, #62C462, #51A351); /*  IE10 */
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#51A351)); /*  Safari 4+, Chrome 2+ */
	background-image: -webkit-linear-gradient(top, #62C462, #51A351); /*  Safari 5.1+, Chrome 10+ */
	background-image: -o-linear-gradient(top, #62C462, #51A351); /*  Opera 11.10 */
	background-image: linear-gradient(top, #62C462, #51A351); /*  The standard */
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    background-color: #51A351;
    color: #FFFFFF;
	text-shadow:  -1px -1px 0 rgba(90,90,96, 0.3), 0 0 2px rgba(90,90,96, 0.8), 0 0 3px rgba(255,255,255, 0.4), 0 0 4px rgba(255,255,255, 0.6), 0 0 5px rgba(255,255,255, 0.7);
}
.btn-info {
    background-color: #49AFCD;
	background-image: linear-gradient(top, #5BC0DE, #2F96B4);
	background-color: mix(#5BC0DE, #2F96B4, 60%);
	background-image: -moz-linear-gradient(top, #5BC0DE, #2F96B4); /*  FF 3.6+ */
	background-image: -ms-linear-gradient(top, #5BC0DE, #2F96B4); /*  IE10 */
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5BC0DE), to(#2F96B4)); /*  Safari 4+, Chrome 2+ */
	background-image: -webkit-linear-gradient(top, #5BC0DE, #2F96B4); /*  Safari 5.1+, Chrome 10+ */
	background-image: -o-linear-gradient(top, #5BC0DE, #2F96B4); /*  Opera 11.10 */
	background-image: linear-gradient(top, #5BC0DE, #2F96B4); /*  The standard */
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-color: #2F96B4;
    color: #FFFFFF;
	text-shadow:  -1px -1px 0 rgba(90,90,96, 0.3), 0 0 2px rgba(90,90,96, 0.8), 0 0 3px rgba(255,255,255, 0.4), 0 0 4px rgba(255,255,255, 0.6), 0 0 5px rgba(255,255,255, 0.7);
}
.btn-inverse {
    background-color: #FBFBFB;
	*background-color: #FBFBFB;
	background-color: mix(#FBFBFB, #F1F1F1, 60%);
	background-image: -moz-linear-gradient(top, #FBFBFB, #F1F1F1); /*  FF 3.6+ */
	background-image: -ms-linear-gradient(top, #FBFBFB, #F1F1F1); /*  IE10 */
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FBFBFB), to(#F1F1F1)); /*  Safari 4+, Chrome 2+ */
	background-image: -webkit-linear-gradient(top, #FBFBFB, #F1F1F1); /*  Safari 5.1+, Chrome 10+ */
	background-image: -o-linear-gradient(top, #FBFBFB, #F1F1F1); /*  Opera 11.10 */
	background-image: linear-gradient(top, #FBFBFB, #F1F1F1); /*  The standard */
	background-repeat: repeat-x;
	color: #39393B;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled] {
    background-color: #F1F1F1;
	text-shadow:  -1px -1px 0 rgba(90,90,96, 0.3), 0 0 2px rgba(90,90,96, 0.8), 0 0 3px rgba(255,255,255, 0.4), 0 0 4px rgba(255,255,255, 0.6), 0 0 5px rgba(255,255,255, 0.7);
    color: #39393B;
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a{
text-decoration:none;
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{
text-decoration:none;outline:0;
}
/* Media */
.width16 .media-body,
.width20 .media-body,
.width25 .media-body,
.width33 .media-body,
.width40 .media-body,
aside .media-body{
  overflow: visible;
} 
/* Jumbotrons
-------------------------------------------------- */

/* Base class
------------------------- */
.jumbotron {
  position: relative;
  padding: 40px 0;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
  background: #020031; /* Old browsers */
  background: -moz-linear-gradient(45deg,  #020031 0%, #6d3353 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* IE10+ */
  background: linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
     -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
.jumbotron h1 {
  font-size: 80px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1;
}
.jumbotron p {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 30px;
}

/* Link styles (used on .masthead-links as well) */
.jumbotron a {
  color: #fff;
  color: rgba(255,255,255,.5);
  -webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.jumbotron a:hover {
  color: #fff;
  text-shadow: 0 0 10px rgba(255,255,255,.25);
}

/* Download button */
.masthead .btn {
  padding: 19px 24px;
  font-size: 24px;
  font-weight: 200;
  color: #fff; /* redeclare to override the `.jumbotron a` */
  border: 0;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}
.masthead .btn:hover {
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
}
.masthead .btn:active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
     -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
          box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
}


/* Pattern overlay
------------------------- */
.jumbotron .container {
  position: relative;
  z-index: 2;
}
.jumbotron:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../img/bs-docs-masthead-pattern.png) repeat center center;
  opacity: .4;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) {

  .jumbotron:after {
    background-size: 150px 150px;
  }

}

/* Masthead (docs home)
------------------------- */
.masthead {
  padding: 70px 0 80px;
  margin-bottom: 0;
  color: #fff;
}
.masthead h1 {
  font-size: 120px;
  line-height: 1;
  letter-spacing: -2px;
}
.masthead p {
  font-size: 40px;
  font-weight: 200;
  line-height: 1.25;
}

/* Textual links in masthead */
.masthead-links {
  margin: 0;
  list-style: none;
}
.masthead-links li {
  display: inline;
  padding: 0 10px;
  color: rgba(255,255,255,.25);
}

/* Social proof buttons from GitHub & Twitter */
.bs-docs-social {
  padding: 15px 0;
  text-align: center;
  background-color: #f5f5f5;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
}

/* Quick links on Home */
.bs-docs-social-buttons {
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.bs-docs-social-buttons li {
  display: inline-block;
  padding: 5px 8px;
  line-height: 1;
  *display: inline;
  *zoom: 1;
}

/* Subhead (other pages)
------------------------- */
.subhead {
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.subhead h1 {
  font-size: 60px;
}
.subhead p {
  margin-bottom: 20px;
}
.subhead .navbar {
  display: none;
}
/* Bootstrap code examples
-------------------------------------------------- */

/* Base class */
.bs-docs-example {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
			box-shadow: inset 0 0 0 1px rgba(255,255,255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Echo out a label for the example */
.bs-docs-example:after {
  content: "Example";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #9da0a4;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}

/* Remove spacing between an example and it's code */
.bs-docs-example + .prettyprint {
  margin-top: 10px;
  padding-top: 15px;
}

/* Tweak examples
------------------------- */
.bs-docs-example > p:last-child {
  margin-bottom: 0;
}
.bs-docs-example .table,
.bs-docs-example .progress,
.bs-docs-example .well,
.bs-docs-example .alert,
.bs-docs-example .hero-unit,
.bs-docs-example .pagination,
.bs-docs-example .navbar,
.bs-docs-example > .nav,
.bs-docs-example blockquote {
  margin-bottom: 5px;
}
.bs-docs-example .pagination {
  margin-top: 0;
}
.bs-navbar-top-example,
.bs-navbar-bottom-example {
  z-index: 1;
  padding: 0;
  height: 90px;
  overflow: hidden; /* cut the drop shadows off */
}
.bs-navbar-top-example .navbar-fixed-top,
.bs-navbar-bottom-example .navbar-fixed-bottom {
  margin-left: 0;
  margin-right: 0;
}
.bs-navbar-top-example {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}
.bs-navbar-top-example:after {
  top: auto;
  bottom: -1px;
  -webkit-border-radius: 0 4px 0 4px;
     -moz-border-radius: 0 4px 0 4px;
          border-radius: 0 4px 0 4px;
}
.bs-navbar-bottom-example {
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}
.bs-navbar-bottom-example .navbar {
  margin-bottom: 0;
}
form.bs-docs-example {
  padding-bottom: 19px;
}

/* Images */
.bs-docs-example-images img {
  margin: 10px;
  display: inline-block;
}

/* Tooltips */
.bs-docs-tooltip-examples {
  text-align: center;
  margin: 0 0 10px;
  list-style: none;
}
.bs-docs-tooltip-examples li {
  display: inline;
  padding: 0 10px;
}

/* Popovers */
.bs-docs-example-popover {
  padding-bottom: 24px;
  background-color: #f9f9f9;
}
.bs-docs-example-popover .popover {
  position: relative;
  display: block;
  float: left;
  width: 260px;
  margin: 20px;
}

/* Dropdowns */
.bs-docs-example-submenus {
  min-height: 180px;
}
.bs-docs-example-submenus > .pull-left + .pull-left {
  margin-left: 20px;
}
.bs-docs-example-submenus .dropup > .dropdown-menu,
.bs-docs-example-submenus .dropdown > .dropdown-menu {
  display: block;
  position: static;
  margin-bottom: 5px;
  *width: 180px;
}
/* in viewport animation */
/* hover-item img */
.viewport_animate .portfolio-item,
.viewport_animate .blog-item,
.viewport_animate .client-item,
.viewport_animate .partner-item {
	opacity: 0;
}
/* teasers */
.viewport_animate .teaser-container .page-teaser,
.viewport_animate .teaser-container .teaser-icon {
	opacity: 0;
}
/* timeline */
.viewport_animate .list-excerpt,
.viewport_animate .list-icon,
.viewport_animate .tmlabel,
.viewport_animate .timeline-icon {
	opacity: 0;
}
/* single-meta */
.viewport_animate #maininner .wp-featured-image,
.viewport_animate .single-meta i {
	opacity: 0;
}
/* social-menu */
.viewport_animate .social-menu li a {
	opacity: 0;
}
/* address-widget */
.viewport_animate .address-widget li {
	opacity: 0;
}
/* widget-partners */
.viewport_animate .widget-partners .image-grid {
	opacity: 0;
}
/* widget-clients */
.viewport_animate .widget-clients .image-grid {
	opacity: 0;
}
/* widget-team-members */
.viewport_animate .widget-team-members .image-grid {
	opacity: 0;
}
/* custom flagged */
.viewport_animate .fadein_animated,
.viewport_animate .fadeinleft_animated,
.viewport_animate .fadeinright_animated,
.viewport_animate .fadeindown_animated,
.viewport_animate .fadeinup_animated,
.viewport_animate .fadeinleftbig_animated,
.viewport_animate .fadeinrightbig_animated,
.viewport_animate .fadeindownbig_animated,
.viewport_animate .fadeinupbig_animated,
.viewport_animate .bounceinbig_animated {
	opacity: 0;
}

.viewport_animate .show_animated {
	opacity: 1 !important;
	-webkit-transition-property: opacity; -webkit-transition-duration: 1000ms;
	-moz-transition-property: opacity; -moz-transition-duration: 1000ms;
	transition-property: opacity; transition-duration: 1000ms;
}