@charset "utf-8";@import url(/media/system/css/system.css);

a:active,
a:focus {
  outline: 0;
}
img {
  border: none;
}
#k2Container {
  padding: 0 0 24px 0;
  position: relative;
}
#k2Container.itemListView div.k2FeedIcon a {
  margin-right: 5px;
  margin-top: 9px;
}
.componentheading {
  font-size: 20px;
  margin: 0;
  color: #18e2ba;
  font-weight: bold;
}
input.gsc-input {
  border: 3px solid #eeeeee !important;
  box-shadow: none;
}
body.contentpane #k2Container {
  padding: 16px;
}
.k2Padding {
  padding: 4px;
}
.clr {
  border: none;
  clear: both;
  display: block;
  float: none;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}
div.k2FeedIcon {
  position: absolute;
  right: 0;
  top: 0;
}
div.k2FeedIcon a,
div.k2FeedIcon a:hover {
  background: url(/templates/jb_creativ/images/fugue/feed.png) no-repeat 50% 50%;
  display: block;
  float: right;
  height: 16px;
  margin: 5px 5px 0 0;
  padding: 0;
  width: 16px;
}
div.k2FeedIcon a span,
div.k2FeedIcon a:hover span {
  display: none;
}
.itemRatingForm {
  display: inline-block;
  line-height: 25px;
  vertical-align: middle;
}
.itemRatingLog {
  float: left;
  font-size: 11px;
  margin: 0;
  padding: 0 0 0 4px;
}
div.itemRatingForm .formLogLoading {
  background: url(/templates/jb_creativ/images/system/loading.gif) no-repeat left center;
  height: 25px;
  padding: 0 0 0 20px;
}
.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {
  background: transparent url(/templates/jb_creativ/images/system/transparent_star.png) left -1000px repeat-x;
}
.itemRatingList {
  background-position: left top;
  float: left;
  height: 25px;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 125px;
}
.itemRatingList li {
  background: none;
  display: inline;
  padding: 0;
}
.itemRatingList a,
.itemRatingList .itemCurrentRating {
  border: none;
  cursor: pointer;
  height: 25px;
  left: 0;
  line-height: 25px;
  outline: none;
  overflow: hidden;
  position: absolute;
  text-indent: -1000px;
  top: 0;
}
.itemRatingList a:hover {
  background-position: left bottom;
}
.itemRatingList a.one-star {
  width: 20%;
  z-index: 6;
}
.itemRatingList a.two-stars {
  width: 40%;
  z-index: 5;
}
.itemRatingList a.three-stars {
  width: 60%;
  z-index: 4;
}
.itemRatingList a.four-stars {
  width: 80%;
  z-index: 3;
}
.itemRatingList a.five-stars {
  width: 100%;
  z-index: 2;
}
.itemRatingList .itemCurrentRating {
  background-position: 0 center;
  margin: 0;
  padding: 0;
  z-index: 1;
}
span.siteRoot {
  display: none;
}
.itemMeta {
  font-size: 13px;
  color: #999999;
  display: inline;
  font-weight: 600;
  text-transform: uppercase;
}
.itemMeta > span {
  margin-right: 10px;
}
.itemMeta a {
  color: #555555;
}
.itemMeta a:hover,
.itemMeta a:focus {
  color: #18e2ba;
}
.itemMeta .itemAuthor a {
  color: #18e2ba;
}
.itemMeta .itemAuthor a:hover,
.itemMeta .itemAuthor a:focus {
  color: #13b494;
}
.smallerFontSize {
  font-size: 100%;
  line-height: inherit;
}
.largerFontSize {
  font-size: 150%;
  line-height: 140%;
}
.recaptchatable .recaptcha_image_cell,
#recaptcha_table {
  background: #ffffff !important;
}
#recaptcha_table {
  border-color: #eeeeee !important;
}
#recaptcha_response_field {
  background: #ffffff !important;
  border-color: #eeeeee !important;
}
div.k2LatestCommentsBlock ul,
div.k2TopCommentersBlock ul,
div.k2ItemsBlock ul,
div.k2LoginBlock ul,
div.k2UserBlock ul.k2UserBlockActions,
div.k2UserBlock ul.k2UserBlockRenderedMenu,
div.k2ArchivesBlock ul,
div.k2AuthorsListBlock ul,
div.k2CategoriesListBlock ul,
div.k2UsersBlock ul {
  padding: 0px;
}
div.k2LatestCommentsBlock ul li:first-child,
div.k2TopCommentersBlock ul li:first-child,
div.k2ItemsBlock ul li:first-child,
div.k2LoginBlock ul li:first-child,
div.k2UserBlock ul.k2UserBlockActions li:first-child,
div.k2UserBlock ul.k2UserBlockRenderedMenu li:first-child,
div.k2ArchivesBlock ul li:first-child,
div.k2AuthorsListBlock ul li:first-child,
div.k2CategoriesListBlock ul li:first-child,
div.k2UsersBlock ul li:first-child {
  padding-top: 0px;
}
div.k2LatestCommentsBlock ul li,
div.k2TopCommentersBlock ul li,
div.k2ItemsBlock ul li,
div.k2LoginBlock ul li,
div.k2UserBlock ul.k2UserBlockActions li,
div.k2UserBlock ul.k2UserBlockRenderedMenu li,
div.k2ArchivesBlock ul li,
div.k2AuthorsListBlock ul li,
div.k2CategoriesListBlock ul li,
div.k2UsersBlock ul li {
  padding-top: 10px;
}
.clearList {
  clear: both;
  display: none;
  float: none;
}
.lastItem {
  border: none;
}
.k2Avatar img {
  background: #ffffff;
  border: 0;
  display: block;
  float: left;
  margin: 5px 10px 10px 0;
  border-radius: 50%;
}
a.k2ReadMore {
  border: 2px solid #18e2ba;
  padding: 8px 20px;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  color: #18e2ba;
  display: inline-block;
  margin-right: 10px;
}
a.k2ReadMore:hover,
a.k2ReadMore:focus {
  color: #ffffff;
  background: #18e2ba;
}
div.k2Pagination {
  color: #999;
  margin: 20px 0 0 0;
  padding: 10px 0;
  text-align: center;
}
div.k2Pagination:before,
div.k2Pagination:after {
  content: " ";
  display: table;
}
div.k2Pagination:after {
  clear: both;
}
div.k2Pagination .counter {
  margin-top: 0;
  float: right;
  border: 0;
}
div.k2Pagination ul {
  float: none;
  margin: 0;
  text-align: center;
}
div.k2Pagination ul li {
  display: inline;
}
div.itemIsFeatured,
div.catItemIsFeatured,
div.userItemIsFeatured {
  background: url(/templates/jb_creativ/images/system/featuredItem.png) no-repeat 100% 0;
}
a.itemPrintThisPage {
  background: #F7FAFE;
  border: 1px solid #eeeeee;
  color: #555;
  display: block;
  font-size: 13px;
  margin: 4px auto 16px;
  padding: 4px;
  text-align: center;
  width: 160px;
}
a.itemPrintThisPage:hover {
  background: #eee;
  text-decoration: none;
}
div.itemView {
  margin: 0 0 24px 0;
  padding: 8px 0 24px 0;
}
div.itemView .itemTitle {
  font-size: 24px;
  font-family: 'Montserrat', sans-serif;
  color: #333333;
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: none !important;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  div.itemView .itemTitle {
    font-size: 30px;
  }
}
div.itemView .itemAuthor a {
  color: #18e2ba;
}
span.itemEditLink {
  display: block;
  float: right;
  margin: 0;
  padding: 4px 0;
  text-align: right;
  width: 120px;
}
span.itemEditLink a {
  background: #eee;
  border: 1px solid #eeeeee;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  float: right;
  padding: 5px 10px;
  text-decoration: none;
  overflow: hidden;
  width: auto;
}
span.itemEditLink a:hover {
  background: #ffffcc;
}
div.itemHeader span.itemDateCreated {
  color: #999;
  font-size: 12px;
}
div.itemHeader h2.itemTitle {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  padding: 20px 0;
}
div.itemHeader h2.itemTitle span sup {
  color: #CF1919;
  font-size: 12px;
  text-decoration: none;
}
div.itemHeader span.itemAuthor {
  display: block;
  margin: 0;
  padding: 0;
}
.itemAuthor a {
  color: #18e2ba;
}
.itemAuthor a:hover {
  color: #13b494;
}
div.itemToolbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}
div.itemToolbar ul:before,
div.itemToolbar ul:after {
  content: " ";
  display: table;
}
div.itemToolbar ul:after {
  clear: both;
}
div.itemToolbar ul li {
  background: none;
  border-left: 1px solid #eeeeee;
  display: inline-block;
  font-size: 12px;
  list-style: none;
  margin: 0;
  padding: 0 4px 0 8px;
  text-align: center;
}
div.itemToolbar ul > li:first-child {
  border: none;
  float: left;
  margin-top: 2px;
  padding-left: 0;
}
div.itemToolbar ul li a {
  font-size: 12px;
  font-weight: normal;
  color: #999999;
}
div.itemToolbar ul li a i.fa {
  font-size: 14px;
}
div.itemToolbar ul li a:hover {
  color: #18e2ba;
}
div.itemToolbar ul li a img {
  vertical-align: middle;
}
div.itemToolbar ul li a#fontDecrease {
  margin: 0 0 0 2px;
}
div.itemToolbar ul li a#fontDecrease img {
  background: url(/templates/jb_creativ/images/system/font_decrease.gif) no-repeat;
  height: 13px;
  width: 13px;
}
div.itemToolbar ul li a#fontIncrease {
  margin: 0 0 0 2px;
}
div.itemToolbar ul li a#fontIncrease img {
  background: url(/templates/jb_creativ/imagess/system/font_increase.gif) no-repeat;
  height: 13px;
  width: 13px;
}
div.itemToolbar ul li a#fontDecrease span,
div.itemToolbar ul li a#fontIncrease span {
  display: none;
}
div.itemRatingBlock {
  padding: 8px 0;
}
div.itemRatingBlock span {
  color: #999;
  display: block;
  float: left;
  font-style: normal;
  margin: 0;
  padding: 5px 0;
  font-size: 12px;
}
div.itemBody {
  margin: 0;
  padding: 10px 0;
  font-size: 16px;
}
div.itemImageBlock {
  margin: 20px 0;
}
span.itemImage {
  display: block;
  margin: 0 0 8px 0;
  text-align: center;
}
span.itemImage a.modal {
  overflow-y: auto;
}
span.itemImage img {
  border: 0;
  padding: 0;
  width: 100% !important;
}
span.itemImageCaption {
  color: #666;
  display: block;
  float: left;
  font-size: 11px;
}
span.itemImageCredits {
  color: #999999;
  display: block;
  float: right;
  font-size: 11px;
  font-style: italic;
}
div.itemIntroText {
  font-size: 16px;
  line-height: 1.6;
  padding: 10px 0;
}
div.itemFullText h3 {
  margin: 0;
  padding: 16px 0 4px 0;
}
div.itemExtraFields {
  margin: 16px 0 0 0;
  padding: 8px 0 0 0;
}
div.itemExtraFields h3 {
  line-height: normal !important;
  margin: 0;
  padding: 0 0 8px 0;
}
div.itemExtraFields ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.itemExtraFields ul li {
  display: block;
}
div.itemExtraFields ul li span.itemExtraFieldsLabel {
  display: block;
  float: left;
  font-weight: bold;
  margin: 0 4px 0 0;
  width: 30%;
}
div.itemContentFooter {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  color: #555555;
  display: block;
  margin: 20px 0 10px 0;
  padding: 10px 0;
  text-align: right;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
}
span.itemHits {
  float: left;
}
div.itemSocialSharing {
  padding: 8px 0;
}
div.itemTwitterButton {
  float: left;
  margin: 2px 24px 0 0;
}
div.itemFacebookButton {
  float: left;
  margin-right: 24px;
  width: 200px;
}
div.itemLinks {
  margin: 16px 0;
  padding: 0;
}
div.itemCategory span {
  color: #555555;
  font-weight: bold;
  padding: 0 4px 0 0;
}
div.itemTagsBlock {
  padding: 10px 0;
  font-family: 'Source Sans Pro', sans-serif;
}
div.itemTagsBlock span {
  color: #555555;
  font-weight: bold;
  padding: 0 4px 0 0;
}
div.itemTagsBlock ul.itemTags {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
div.itemTagsBlock ul.itemTags li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0 4px 0 0;
  text-align: center;
}
div.itemTagsBlock ul.itemTags li a {
  padding: 5px;
  background: #f6f6f6;
  color: #999999;
  font-size: 12px;
}
div.itemTagsBlock ul.itemTags li a:hover {
  color: #18e2ba;
}
div.itemAttachmentsBlock {
  border-bottom: 1px dotted #eeeeee;
  padding: 4px;
}
div.itemAttachmentsBlock span {
  color: #555555;
  font-weight: bold;
  padding: 0 4px 0 0;
}
div.itemAttachmentsBlock ul.itemAttachments {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
div.itemAttachmentsBlock ul.itemAttachments li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0 4px;
  text-align: center;
}
div.itemAttachmentsBlock ul.itemAttachments li span {
  color: #999999;
  font-size: 10px;
  font-weight: normal;
}
div.itemAuthorBlock {
  background: #f6f6f6;
  border: 0;
  margin: 0 0 20px 0;
  padding: 20px;
}
.itemAuthorName {
  margin-top: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
}
div.itemAuthorBlock img.itemAuthorAvatar {
  background: #fff;
  border: 2px solid #333333;
  display: block;
  float: left;
  margin: 0;
  padding: 5px;
  width: 100px;
  min-width: 100px;
  height: auto;
}
@media screen and (max-width: 767px) {
  div.itemAuthorBlock img.itemAuthorAvatar {
    float: none;
    margin-bottom: 20px;
  }
}
div.itemAuthorBlock div.itemAuthorDetails {
  margin: 0;
  padding: 4px 0 0 0;
}
div.itemAuthorBlock div.itemAuthorDetails h3.authorName {
  margin: 0 0 4px 0;
  padding: 0;
}
div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {
  color: #555555;
  font-weight: bold;
  margin: 0 5px 0 0;
  padding: 0 10px 0 0;
}
@media screen and (max-width: 767px) {
  div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {
    border-right: 0;
  }
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {
  color: #555555;
  font-weight: bold;
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a,
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {
  font-weight: normal;
  color: #18e2ba;
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a:hover,
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a:hover,
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a:focus,
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a:focus {
  text-decoration: underline;
}
div.itemAuthorLatest {
  margin-bottom: 30px;
  padding: 0;
}
div.itemAuthorLatest h3 {
  text-align: left;
}
div.itemAuthorLatest ul li {
  padding: 10px 0;
  list-style: square;
}
div.itemAuthorLatest ul li:last-child {
  border: 0;
}
div.itemRelated {
  margin-bottom: 20px;
  padding: 0;
}
div.itemRelated ul li {
  padding: 10px 0;
  list-style: square;
}
div.itemRelated ul li:last-child {
  border: 0;
}
div.itemRelated ul li.k2ScrollerElement {
  background: #ffffff;
  border: 1px solid #eeeeee;
  float: left;
  margin: 0 4px 4px 0;
  overflow: hidden;
  padding: 4px;
}
div.itemRelated ul li.clr {
  border: none;
  clear: both;
  display: block;
  float: none;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}
div.itemVideoBlock {
  margin-top: 22px;
}
div.itemVideoBlock div.itemVideoEmbedded {
  text-align: center;
}
div.itemVideoBlock span.itemVideo {
  display: block;
  overflow: hidden;
}
div.itemVideoBlock span.itemVideoCaption {
  color: #eee;
  display: block;
  float: left;
  font-size: 11px;
  font-weight: bold;
  width: 60%;
}
div.itemVideoBlock span.itemVideoCredits {
  color: #eee;
  display: block;
  float: right;
  font-size: 11px;
  font-style: italic;
  text-align: right;
  width: 35%;
}
div.itemImageGallery {
  margin: 0 0 16px 0;
  padding: 0;
}
div.itemNavigation {
  margin: 0 0 30px 0;
}
div.itemNavigation:before,
div.itemNavigation:after {
  content: " ";
  display: table;
}
div.itemNavigation:after {
  clear: both;
}
div.itemNavigation a.itemPrevious {
  padding: 0 12px;
}
div.itemNavigation a.itemNext {
  padding: 0 12px;
  float: right;
}
div.itemComments {
  border: 0;
}
div.itemComments h3.itemCommentsCounter {
  color: #1a1a1a;
  font-size: 14px;
  margin: 0 0 10px 0;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
div.itemComments ul.itemCommentsList {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
}
div.itemComments ul.itemCommentsList li {
  border-bottom: 1px dotted #eeeeee;
  margin: 0;
  padding: 15px 0;
}
div.itemComments ul.itemCommentsList li.unpublishedComment {
  background: #ffeaea;
}
div.itemComments ul.itemCommentsList li img {
  background: #ffffff;
  border: 0;
  display: block;
  float: left;
  border-radius: 50%;
  margin-right: 10px;
}
div.itemComments ul.itemCommentsList li span.commentDate {
  color: #999999;
  font-size: 12px;
  margin: 0 8px 0 0;
  padding: 0 4px 0 0;
}
div.itemComments ul.itemCommentsList li span.commentAuthorName {
  font-size: 12px;
}
div.itemComments ul.itemCommentsList li span.commentAuthorName a {
  color: #999999;
}
div.itemComments ul.itemCommentsList li span.commentAuthorName a:hover {
  color: #18e2ba;
}
div.itemComments ul.itemCommentsList li p {
  padding: 8px 0;
}
div.itemComments ul.itemCommentsList li span.commentAuthorEmail {
  display: none;
}
div.itemComments ul.itemCommentsList li span.commentLink {
  float: right;
  margin-left: 8px;
  text-decoration: underline;
}
div.itemComments ul.itemCommentsList li span.commentLink a {
  color: #555;
  font-size: 12px;
}
div.itemComments ul.itemCommentsList li span.commentLink a:hover {
  color: #18e2ba;
  font-size: 12px;
}
div.itemComments ul.itemCommentsList li span.commentToolbar a {
  position: inherit;
  display: inline-block;
  padding: 5px;
  color: #999999;
  border: 2px solid #eeeeee;
  font-size: 12px;
  vertical-align: middle;
  line-height: 1;
}
div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {
  color: #ffffff;
  background: #18e2ba;
  border-color: #18e2ba;
}
div.itemComments ul.itemCommentsList li span.commentToolbarLoading {
  background: url(/templates/jb_creativ/images/system/searchLoader.gif) no-repeat 100% 50%;
}
div.itemCommentsPagination {
  margin: 0 0 24px 0;
  padding: 4px;
}
div.itemCommentsPagination span.pagination {
  clear: both;
  display: block;
  float: right;
}
div.itemCommentsForm h3 {
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 14px;
  margin: 0 0 10px 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
div.itemCommentsForm h3 span {
  background: #ffffff;
  padding-left: 15px;
  padding-right: 20px;
}
div.itemCommentsForm p.itemCommentsFormNotes {
  padding: 10px 20px;
  margin: 0;
}
.itemComments #comment-form {
  padding: 0 20px;
}
@media screen and (max-width: 767px) {
  .itemComments #comment-form {
    padding: 0;
  }
}
div.itemCommentsForm form label {
  font-weight: normal;
  color: #282828;
}
div.itemCommentsForm form label.formComment,
div.itemCommentsForm form label.formName,
div.itemCommentsForm form label.formEmail,
div.itemCommentsForm form label.formUrl,
div.itemCommentsForm form label.formRecaptcha {
  display: block;
  margin: 20px 0 5px 0;
  color: #555555;
  font-weight: bold;
  font-size: 12px;
}
div.itemCommentsForm form textarea.inputbox {
  display: block;
  height: 160px;
  margin: 0;
  width: 100%;
  box-shadow: none;
  border: 2px solid #eeeeee;
}
div.itemCommentsForm form input.inputbox {
  display: block;
  margin: 0;
  width: 100%;
  box-shadow: none;
  border: 2px solid #eeeeee;
}
@media screen and (max-width: 767px) {
  div.itemCommentsForm form input.inputbox {
    width: 100%;
  }
}
div.itemCommentsForm form input#submitCommentButton {
  margin-top: 20px;
}
div.itemCommentsForm form span#formLog {
  color: #CF1919;
  font-weight: bold;
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
}
div.itemCommentsForm form .formLogLoading {
  background: url(/templates/jb_creativ/images/system/loading.gif) no-repeat left center;
}
.k2ReportCommentFormContainer {
  margin: 0 auto;
  padding: 8px;
  width: 510px;
}
.k2ReportCommentFormContainer h2 {
  color: #18e2ba;
  text-align: center;
  text-transform: uppercase;
  font-weight: 100;
  margin-bottom: 20px;
  font-size: 30px;
  font-family: 'Roboto', sans-serif;
}
.k2ReportCommentFormContainer blockquote.commentPreview span.theComment {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  color: #333333;
  font-style: italic;
}
.k2ReportCommentFormContainer form label {
  color: #333333;
  font-weight: 100;
  font-size: 14px;
}
.k2ReportCommentFormContainer form input[type="text"],
.k2ReportCommentFormContainer form textarea {
  border: 1px solid #eeeeee;
  display: block;
  font-size: 12px;
  margin: 0 0 8px 0;
  padding: 5px;
  width: 474px;
}
.k2ReportCommentFormContainer form button {
  background-color: #18e2ba;
  border-color: #18e2ba;
  border: 1px solid;
  color: #ffffff;
  padding: 7px 25px;
  font-weight: 700;
  text-transform: uppercase;
  float: right;
  margin-top: 20px;
  margin-right: 20px;
}
.k2ReportCommentFormContainer form button:hover,
.k2ReportCommentFormContainer form button:active,
.k2ReportCommentFormContainer form button:focus {
  background: #13b494;
}
body.contentpane {
  background: none;
}
div.itemBackToTop {
  text-align: right;
}
div.itemBackToTop a {
  text-decoration: underline;
}
div.itemBackToTop a:hover {
  text-decoration: underline;
}
div.itemListCategoriesBlock {
  padding: 0;
}
div.itemListCategory {
  margin-bottom: 30px;
  background: #f6f6f6;
  padding: 20px;
  max-height: 300px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  div.itemListCategory {
    max-height: none;
    overflow: visible;
  }
}
span.catItemAddLink {
  border-bottom: 1px dotted #eeeeee;
  display: block;
  text-align: right;
}
span.catItemAddLink a {
  background: #eee;
  border: 1px solid #eeeeee;
  padding: 4px 16px;
  text-decoration: none;
}
span.catItemAddLink a:hover {
  background: #ffffcc;
}
div.itemListCategory img {
  float: left;
  margin: -20px 20px -20px -20px;
  max-width: 50% !important;
}
@media screen and (max-width: 767px) {
  div.itemListCategory img {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 0 20px 0;
  }
}
div.itemListCategory h2 {
  font-size: 14px;
  font-weight: bold;
  color: #282828;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
div.itemListSubCategories {
  margin: 0 -20px;
}
div.itemListSubCategories h3 {
  margin: 0 20px;
}
div.subCategoryContainer {
  float: left;
}
@media screen and (max-width: 767px) {
  div.subCategoryContainer {
    width: 100% !important;
  }
}
div.subCategory {
  padding: 20px;
}
div.subCategory a.subCategoryImage {
  margin: 0 0 20px 0;
}
div.subCategory a.subCategoryImage,
div.subCategory a.subCategoryImage:hover {
  display: block;
  text-align: center;
}
div.subCategory a.subCategoryImage img {
  width: 100%;
}
div.subCategory h2 {
  font-size: 14px;
  font-weight: bold;
  color: #282828;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}
.subCategoryMore {
  border: 2px solid #18e2ba;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  color: #18e2ba;
  padding: 6.66666667px 20px;
  margin: 10px 0;
  display: inline-block;
}
.subCategoryMore:hover,
.subCategoryMore:focus {
  background: #18e2ba;
  border-color: #18e2ba;
  color: #ffffff;
}
div#itemListLeading {
  margin: 0 -20px;
  padding: 0 20px;
}
div#itemListLeading div.itemContainer {
  width: 100%;
}
div#itemListLeading .catItemContentBlock {
  width: 100%;
  margin-top: 20px;
}
div#itemListLeading .catItemView {
  min-height: 300px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  div#itemListLeading .catItemView {
    min-height: 0;
  }
}
div#itemListLeading .catItemView .catItemImageBlock {
  padding-left: 0;
  padding-right: 0;
}
div#itemListLeading div.catItemCategory a:after {
  display: none;
}
div#itemListLeading h3.catItemTitle a,
div#itemListLeading div.catItemHeader h3.catItemTitle a {
  font-size: 24px !important;
  text-transform: capitalize;
  font-weight: 700;
}
div#itemListLeading h3.catItemTitle a:hover,
div#itemListLeading div.catItemHeader h3.catItemTitle a:hover {
  color: #18e2ba;
}
div#itemListLeading div.catItemHeader span.catItemAuthor a,
div#itemListLeading span.catItemDateCreated {
  color: #999999;
}
div#itemListLeading div.catItemCommentsLink {
  display: block;
  padding: 10px;
}
div#itemListLeading div.catItemTagsBlock {
  font-size: 12px;
  border: 0;
  padding: 0 10px;
  color: #999999;
  position: relative;
  z-index: 10;
  display: none;
}
div#itemListLeading div.catItemTagsBlock ul.catItemTags li a {
  color: #999999;
}
div#itemListLeading div.catItemTagsBlock ul.catItemTags li a:hover {
  color: #18e2ba;
}
div#itemListLeading span.catItemImage img {
  width: 100% !important;
}
div#itemListLeading .catItemContentBlock {
  padding: 0;
  z-index: 2;
  position: relative;
}
div#itemListLeading h3.catItemTitle a,
div#itemListLeading div.catItemHeader h3.catItemTitle a {
  border: 0;
}
div#itemListLeading h3.catItemTitle a.modal,
div#itemListLeading div.catItemHeader h3.catItemTitle a.modal {
  overflow: hidden;
}
div#itemListLeading div.catItemIntroText {
  font-size: 15px;
  color: #999;
  font-weight: 300;
  line-height: 3rem;
}
div#itemListPrimary {
  margin: 0 -20px;
  padding: 0px 20px;
}
@media screen and (max-width: 767px) {
  div#itemListPrimary .catItemView {
    border-bottom: 1px solid #eeeeee;
  }
}
div#itemListPrimary div.catItemImageBlock {
  float: none;
  width: 100%;
  margin: 0 0 20px 0;
}
div#itemListPrimary .catItemContentBlock {
  width: 100%;
  padding: 0px;
}
div#itemListPrimary .catItemCommentsLink {
  padding: 0;
  display: inline-block;
}
div#itemListPrimary div.catItemReadMore {
  display: none;
}
div#itemListPrimary div.catItemIntroText {
  padding-bottom: 0;
}
div#itemListSecondary {
  margin: 0 -20px;
}
div#itemListSecondary .catItemView {
  padding: 20px 0;
  margin: 0 20px;
}
div#itemListSecondary div.catItemReadMore {
  display: none;
}
@media screen and (max-width: 767px) {
  div#itemListSecondary .catItemContentBlock {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  div#itemListSecondary div.catItemBody {
    margin-left: 0;
  }
}
div#itemListSecondary div.catItemCommentsLink {
  padding-left: 0;
}
div#itemListSecondary div.catItemIntroText {
  padding-bottom: 0;
}
div#itemListLinks {
  margin: 10px 0;
}
div#itemListLinks h3.catItemTitle {
  font-size: 30px;
  font-weight: normal;
  padding: 10px 20px;
  position: relative;
}
div#itemListLinks div.catItemView {
  border: 0;
}
div#itemListLinks .catItemImageBlock {
  display: none;
}
.itemListLinks-title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  color: #282828;
  border-left: 5px solid #18e2ba;
  padding-top: 10px;
  padding-bottom: 10px;
  background: url(/templates/jb_creativ/images/dot.gif) repeat-x center right;
}
.itemListLinks-title span {
  background: #ffffff;
  padding-left: 15px;
  padding-right: 20px;
}
div.itemContainer {
  float: left;
}
@media screen and (max-width: 767px) {
  div.itemContainer {
    width: 100% !important;
  }
}
.itemCategory {
  position: relative;
  margin-bottom: 20px;
  display: inline;
  margin-right: 5px;
}
.itemDateCreated {
  text-transform: uppercase;
  font-weight: 600;
  color: #999;
  margin-left: 5px;
  margin-right: 5px;
}
div.catItemView {
  padding: 20px;
}
div.catItemView:hover h3.catItemTitle a.modal {
  border: 0;
}
div.catItemView:hover h3.catItemTitle a.modal:hover {
  color: #18e2ba;
}
div.groupPrimary .catItemTitle a {
  font-size: 30px;
}
div.groupLinks {
  margin: 0;
  padding: 0;
}
span.catItemEditLink {
  display: block;
  float: right;
  margin: 0;
  padding: 4px 0;
  text-align: right;
}
span.catItemEditLink a {
  background: #f6f6f6;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 2px 12px;
  text-decoration: none;
}
span.catItemEditLink a.modal {
  overflow: hidden;
}
div.catItemMeta,
div.catItemMeta a {
  text-transform: uppercase;
  font-weight: 600;
}
div.catItemMeta > span {
  margin-right: 10px;
  margin-left: 10px;
}
span.catItemDateCreated {
  color: #999999;
  font-size: 13px;
  display: inline-block;
}
h3.catItemTitle,
div.catItemHeader h3.catItemTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 30px;
  line-height: 1.5;
  margin: 0;
  padding: 5px 0;
}
h3.catItemTitle a,
div.catItemHeader h3.catItemTitle a {
  border-bottom: 1px solid transparent;
  color: #333333;
}
h3.catItemTitle a:hover,
div.catItemHeader h3.catItemTitle a:hover,
h3.catItemTitle a:focus,
div.catItemHeader h3.catItemTitle a:focus {
  color: #18e2ba;
}
div.catItemHeader h3.catItemTitle span sup {
  color: #CF1919;
  font-size: 12px;
  text-decoration: none;
}
div.catItemHeader span.catItemAuthor {
  display: inline-block;
  padding: 0;
  font-size: 13px;
}
div.catItemHeader span.catItemAuthor a {
  color: #999999;
}
div.catItemHeader span.catItemAuthor a:hover {
  color: #18e2ba;
}
div.catItemRatingBlock {
  padding: 8px 0;
}
div.catItemRatingBlock span {
  color: #999999;
  display: block;
  float: left;
  font-style: normal;
  margin: 0;
  padding: 0 4px 0 0;
}
div.catItemBody {
  margin: 0;
  padding: 0;
}
div.catItemBody:before,
div.catItemBody:after {
  content: " ";
  display: table;
}
div.catItemBody:after {
  clear: both;
}
@media screen and (max-width: 767px) {
  div.catItemImageBlock {
    float: none;
    max-width: inherit;
    margin-right: 0;
  }
}
span.catItemImage {
  display: block;
  margin: 0;
  text-align: left;
}
span.catItemImage img {
  border: 0;
  padding: 0;
  width: 100% !important;
}
@media screen and (max-width: 767px) {
  span.catItemImage img {
    width: 100% !important;
  }
}
div.catItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 10px 0;
}
div.catItemExtraFields .bx-wrapper,
div.genericItemExtraFields .bx-wrapper {
  margin: 0px !important;
}
div.catItemExtraFields .bx-wrapper .bx-pager,
div.genericItemExtraFields .bx-wrapper .bx-pager {
  bottom: 10px !important;
}
div.catItemExtraFields h4,
div.genericItemExtraFields h4 {
  line-height: normal !important;
  margin: 0;
  padding: 0 0 8px 0;
}
div.catItemExtraFields ul,
div.genericItemExtraFields ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.catItemExtraFields ul li,
div.genericItemExtraFields ul li {
  display: block;
}
div.catItemExtraFields ul li span.catItemExtraFieldsLabel,
div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {
  display: block;
  float: left;
  font-weight: bold;
  margin: 0 4px 0 0;
  width: 30%;
}
div.catItemLinks {
  margin: -5px 0 0 0;
  padding: 0;
}
div.catItemHitsBlock {
  border-bottom: 1px dotted #eeeeee;
  padding: 4px;
}
div.catItemCategory {
  display: inline;
}
@media screen and (max-width: 767px) {
  div.catItemCategory {
    margin-top: 20px;
  }
}
div.catItemCategory span {
  color: #555;
  font-weight: bold;
  padding: 0 4px 0 0;
  font-size: 12px;
}
div.catItemCategory a,
.itemCategory a,
div.userItemCategory a {
  color: #18e2ba;
  font-weight: 600;
  text-transform: uppercase;
}
div.catItemCategory a:hover,
.itemCategory a:hover,
div.userItemCategory a:hover,
div.catItemCategory a:focus,
.itemCategory a:focus,
div.userItemCategory a:focus {
  color: #333333;
}
div.catItemTagsBlock {
  font-size: 12px;
  color: #999999;
  margin-top: 10px;
}
div.catItemTagsBlock ul.catItemTags li a {
  color: #999999;
  background: #f6f6f6;
  padding: 5px;
}
div.catItemTagsBlock ul.catItemTags li a:hover {
  color: #18e2ba;
}
div.catItemTagsBlock span {
  color: #555;
  font-weight: bold;
  padding: 0 4px 0 0;
}
div.catItemTagsBlock ul.catItemTags {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
div.catItemTagsBlock ul.catItemTags li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0 2px 8px 0;
  text-align: center;
}
div.catItemTagsBlock ul.catItemTags li a {
  color: #999999;
  display: block;
  padding-left: 5px;
  padding-right: 5px;
}
div.catItemAttachmentsBlock {
  border-bottom: 1px dotted #eeeeee;
  padding: 4px;
}
div.catItemAttachmentsBlock span {
  color: #555;
  font-weight: bold;
  padding: 0 4px 0 0;
}
div.catItemAttachmentsBlock ul.catItemAttachments {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
div.catItemAttachmentsBlock ul.catItemAttachments li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0 4px;
  text-align: center;
}
div.catItemAttachmentsBlock ul.catItemAttachments li span {
  color: #999;
  font-size: 10px;
  font-weight: normal;
}
div.catItemVideoBlock div.catItemVideoEmbedded {
  text-align: center;
}
div.catItemVideoBlock span.catItemVideo {
  display: block;
}
div.catItemImageGallery {
  margin: 0 0 16px 0;
  padding: 0;
}
.catItemCommentsLink {
  border-right: 0;
  display: inline;
  margin: 0;
  font-size: 13px;
}
div.catItemReadMore {
  display: inline-block;
}
span.catItemDateModified {
  border-top: 1px solid #eeeeee;
  color: #999999;
  display: block;
  margin: 4px 0;
  padding: 4px;
  text-align: right;
}
div.userBlock {
  background: #f6f6f6;
  clear: both;
  margin: 0 0 20px 0;
  padding: 20px;
}
span.userItemAddLink {
  border-bottom: 1px dotted #eeeeee;
  display: block;
  margin: 0 0 4px 0;
  padding: 8px 0;
  text-align: right;
}
span.userItemAddLink a {
  background: #eee;
  border: 1px solid #eeeeee;
  padding: 4px 16px;
  text-decoration: none;
}
span.userItemAddLink a:hover {
  background: #ffffcc;
}
div.userBlock img {
  background: #ffffff;
  border: 0;
  display: block;
  width: 100%;
  min-width: 100px;
  float: left;
  margin: 0;
  padding: 5px;
  border: 2px solid #333333;
}
div.userBlock h2 {
  margin-top: 0px;
  color: #333333;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
}
div.userBlock div.userDescription {
  padding: 0px 0;
}
div.userBlock div.userAdditionalInfo {
  margin: 8px 0 0 0;
  padding: 4px 0;
}
span.userURL {
  color: #555555;
  display: block;
  font-weight: bold;
}
span.userURL a {
  color: #18e2ba;
  font-weight: normal;
}
span.userURL a:hover,
span.userURL a:focus {
  text-decoration: underline;
}
span.userEmail {
  color: #555555;
  display: block;
  font-weight: bold;
}
div.userItemView .userItemImage a {
  position: relative;
  display: block;
}
div.userItemView .userItemImage a:before {
  border: 5px solid #000000;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
div.userItemViewUnpublished {
  background: #fffff2;
  border: 4px dashed #eeeeee;
  margin: 8px 0;
  opacity: 0.9;
  padding: 8px;
}
span.userItemEditLink {
  display: block;
  float: right;
  margin: 0;
  padding: 4px 0;
  text-align: right;
  width: 120px;
}
span.userItemEditLink a {
  background: #eee;
  border: 1px solid #eeeeee;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 2px 12px;
  text-decoration: none;
}
span.userItemEditLink a:hover {
  background: #ffffcc;
}
div.userItemHeader span.userItemDateCreated {
  color: #999999;
}
div.userItemHeader h3.userItemTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 30px;
  line-height: 1.5;
  margin: 0;
  padding: 5px 0;
}
div.userItemHeader h3.userItemTitle a {
  font-size: 24px;
  color: #333333;
  text-transform: capitalize;
  font-weight: 700;
}
div.userItemHeader h3.userItemTitle a:hover,
div.userItemHeader h3.userItemTitle a:focus {
  color: #18e2ba;
}
div.userItemHeader h3.userItemTitle span sup {
  color: #CF1919;
  font-size: 12px;
  text-decoration: none;
}
.item-meta {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.item-meta .userItemDateCreated {
  margin-right: 10px;
}
.item-meta .fa {
  color: #999999;
}
div.userItemBody {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  div.userItemBody {
    margin: 20px 0 0 0;
  }
}
div.userItemImageBlock {
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  div.userItemImageBlock {
    float: none;
  }
}
span.userItemImage {
  display: block;
  text-align: center;
}
span.userItemImage a {
  display: block;
}
@media screen and (max-width: 767px) {
  span.userItemImage {
    margin: 0;
  }
}
span.userItemImage img {
  border: 0;
  padding: 0;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  span.userItemImage img {
    width: 100% !important;
  }
}
div.userItemIntroText {
  font-size: 15px;
  color: #999;
  font-weight: 300;
  line-height: 3rem;
}
.userItemAction,
div.userItemLinks {
  margin: 0 0 20px 0;
  padding: 0;
}
div.userItemCategory {
  padding: 0;
  position: relative;
  display: inline-block;
}
div.userItemCategory span {
  color: #555;
  font-weight: bold;
  padding: 0 4px 0 0;
}
div.userItemTagsBlock {
  margin-bottom: 20px;
}
div.userItemTagsBlock span {
  color: #555;
  font-weight: bold;
  padding: 0 4px 0 0;
}
div.userItemTagsBlock ul.userItemTags {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
div.userItemTagsBlock ul.userItemTags li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0 4px 0 0;
  text-align: center;
  font-size: 12px;
}
div.userItemTagsBlock ul.userItemTags li a {
  color: #999999;
  background: #f6f6f6;
  padding: 5px;
}
div.userItemTagsBlock ul.userItemTags li a:hover {
  color: #18e2ba;
}
div.userItemCommentsLink {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
}
div.userItemCommentsLink a {
  color: #999999;
}
div.userItemCommentsLink a:hover {
  color: #18e2ba;
}
div.userItemReadMore {
  display: inline-block;
}
div.tagItemView {
  margin: 0 0;
  padding: 20px 0;
}
div.tagItemView .tagItemImage a {
  position: relative;
  display: block;
}
div.tagItemView .tagItemImage a:before {
  border: 5px solid #000000;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
div.tagItemView:hover .tagItemTitle a {
  border-bottom: 1px solid #eeeeee;
}
div.tagItemView:hover .tagItemImage a:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tagItemDateCreated {
  color: #999999;
}
div.tagItemHeader h2.tagItemTitle {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  padding: 10px 0;
}
span.tagItemImage {
  display: block;
  text-align: center;
}
span.tagItemImage img {
  padding: 0;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  span.tagItemImage img {
    width: 100% !important;
  }
}
div.tagItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 10px 0 0 0;
}
div.tagItemCategory span {
  color: #555555;
  font-weight: bold;
  padding: 0 4px 0 0;
}
div.tagItemReadMore {
  display: inline-block;
}
div.genericItemView {
  border-bottom: 1px dotted #eeeeee;
  margin: 0 0 20px 0;
  padding: 20px 0;
}
div.genericItemView:hover span.genericItemImage a:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
div.genericItemView:hover div.genericItemHeader h2.genericItemTitle a {
  border-color: #eeeeee;
}
div.genericItemHeader span.genericItemDateCreated {
  color: #999999;
  font-size: 11px;
}
div.genericItemHeader h2.genericItemTitle {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0;
  padding: 5px 0;
}
div.genericItemHeader h2.genericItemTitle a {
  border-bottom: 1px solid transparent;
}
div.genericItemHeader h2.genericItemTitle a:hover,
div.genericItemHeader h2.genericItemTitle a:focus {
  color: #282828;
}
div.genericItemBody {
  margin: 0;
  padding: 8px 0;
}
span.genericItemImage {
  display: block;
  margin: 0 8px 8px 0;
  text-align: center;
}
span.genericItemImage a {
  position: relative;
  display: block;
}
span.genericItemImage a:before {
  border: 5px solid #000000;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
span.genericItemImage img {
  width: 100% !important;
  height: auto;
}
div.genericItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 4px 0 12px 0;
}
div.genericItemCategory {
  margin: -5px 0 0 0;
}
div.genericItemCategory span {
  color: #555;
  font-weight: bold;
  padding: 0 4px 0 0;
}
div.genericItemReadMore {
  display: inline;
}
div#genericItemListNothingFound {
  padding: 40px;
  text-align: center;
}
div#genericItemListNothingFound p {
  color: #999;
  font-size: 20px;
}
#k2GoogleSearchContainer .gsc-control {
  width: auto !important;
}
#k2GoogleSearchContainer .gsc-control .gsc-above-wrapper-area,
#k2GoogleSearchContainer .gsc-control .gsc-resultsHeader,
#k2GoogleSearchContainer .gsc-control .gsc-url-bottom {
  display: none !important;
}
div.latestItemsContainer {
  float: left;
}
div.latestItemsCategory {
  background: #f7fafe;
  border: 1px solid #eeeeee;
  margin: 0 8px 8px 0;
  padding: 8px;
}
div.latestItemsCategoryImage {
  text-align: center;
}
div.latestItemsCategoryImage img {
  background: #ffffff;
  border: 1px solid #eeeeee;
  margin: 0 8px 0 0;
  padding: 4px;
}
div.latestItemsUser {
  background: #f6f6f6;
  clear: both;
  margin: 0 0 20px 0;
  padding: 20px;
}
div.latestItemsUser img {
  background: #ffffff;
  display: block;
  float: left;
  margin: 0 20px 20px 0;
  border-radius: 50%;
}
div.latestItemsUser h2 {
  margin-top: 0;
}
div.latestItemsUser p.latestItemsUserDescription {
  padding: 4px 0;
}
div.latestItemsUser p.latestItemsUserAdditionalInfo {
  margin: 8px 0 0 0;
  padding: 4px 0;
}
span.latestItemsUserURL {
  color: #555555;
  display: block;
  font-weight: bold;
}
span.latestItemsUserURL a {
  font-weight: normal;
  color: #18e2ba;
}
span.latestItemsUserURL a:hover,
span.latestItemsUserURL a:focus {
  text-decoration: underline;
}
span.latestItemsUserEmail {
  color: #555555;
  display: block;
  font-weight: bold;
}
div.latestItemView {
  padding: 20px 0;
}
div.latestItemView .latestItemImage a {
  position: relative;
  display: block;
}
div.latestItemView .latestItemImage a:before {
  border: 5px solid #000000;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
div.latestItemView:hover h3.latestItemTitle a {
  border-bottom: 1px solid #eeeeee;
}
div.latestItemView:hover .latestItemImage a:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
div.latestItemHeader .latestItemTitle {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0;
}
span.latestItemDateCreated {
  color: #999999;
  font-size: 13px;
}
span.latestItemImage {
  display: block;
  margin: 0 0;
  text-align: center;
}
span.latestItemImage img {
  max-width: 100%;
}
div.latestItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 10px 0;
  color: #999999;
}
div.latestItemLinks {
  margin: 0 0 16px 0;
  padding: 0;
}
div.latestItemCategory span {
  color: #555555;
  font-weight: bold;
  padding: 0 4px 0 0;
}
div.latestItemTagsBlock {
  margin: 20px 0 0 0;
}
div.latestItemTagsBlock span {
  color: #555555;
  font-weight: bold;
  padding: 0 4px 0 0;
}
div.latestItemTagsBlock ul.latestItemTags {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
div.latestItemTagsBlock ul.latestItemTags li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0 4px 0 0;
  text-align: center;
}
div.latestItemTagsBlock ul.latestItemTags li a {
  padding: 5px;
  background: #f6f6f6;
  color: #999999;
  font-size: 12px;
}
div.latestItemTagsBlock ul.latestItemTags li a:hover {
  color: #18e2ba;
}
div.latestItemVideoBlock {
  background: #010101 url(/templates/jb_creativ/images/system/videoplayer-bg.gif) repeat-x bottom;
  margin: 0 0 16px 0;
  padding: 16px;
}
div.latestItemVideoBlock span.latestItemVideo {
  display: block;
}
div.latestItemCommentsLink {
  border-right: 1px solid #eeeeee;
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
}
h2.latestItemTitleList {
  border-bottom: 1px dotted #eeeeee;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  line-height: normal;
  margin: 8px 0 2px 0;
  padding: 2px 0;
}
.k2AccountPage .control-detail {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
}
.k2AccountPage .control-detail .k2ProfileHeading {
  color: #333333;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 0;
  text-transform: uppercase;
}
.k2AccountPage .form-detail {
  border-top: 0;
  margin-bottom: 30px;
  overflow: hidden;
}
.k2AccountPage .form-detail:last-child {
  margin-bottom: 0;
}
.k2AccountPage .control-label label {
  color: #555555;
  font-weight: normal;
}
.k2AccountPage .control-input input,
.k2AccountPage .control-input textarea {
  width: 100%;
}
.k2AccountPage .control-input input[type="checkbox"],
.k2AccountPage .control-input textarea[type="checkbox"] {
  float: left;
  margin-right: 5px;
  width: auto;
}
.k2AccountPage .control-input input[type="checkbox"] + label,
.k2AccountPage .control-input textarea[type="checkbox"] + label {
  display: inline;
  font-weight: normal;
}
.k2AccountPage .control-input select {
  width: 100%;
}
.k2AccountPage .control-select input {
  margin-left: 10px;
}
.k2AccountPage .control-select label {
  font-weight: normal;
  margin-left: 5px;
}
.k2AccountPage .toggle-editor {
  margin-top: 20px;
}
.k2AccountPage .toggle-editor a {
  background: #999999;
  color: #ffffff;
  display: inline-block;
  padding: 10px 20px;
}
.k2AccountPage .toggle-editor a:hover {
  background: #808080;
}
.k2AccountPage table tr td label {
  white-space: nowrap;
}
img.k2AccountPageImage {
  border: 4px solid #eeeeee;
  display: block;
  margin: 10px 0;
  padding: 0;
}
.k2AccountPage div.k2AccountPageNotice {
  padding: 8px;
}
.k2AccountPage div.k2AccountPageUpdate {
  margin-top: 10px;
  text-align: right;
}
.k2AccountPage th.k2ProfileHeading {
  background: #f6f6f6;
  font-size: 18px;
  padding: 8px;
  text-align: left;
}
.k2AccountPage td#userAdminParams {
  margin: 0;
  padding: 0;
}
.k2AccountPage table.admintable td.key,
.k2AccountPage table.admintable td.paramlist_key {
  background: #f6f6f6;
  border-bottom: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  color: #666;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
  width: 140px;
}
.moduleItemMeta {
  margin-top: 10px;
  color: #999999;
}
div.k2LatestCommentsBlock ul,
div.k2TopCommentersBlock ul {
  padding: 0;
}
div.k2LatestCommentsBlock ul li .lcItemTitle,
div.k2TopCommentersBlock ul li .lcItemTitle {
  padding: 5px 0;
}
div.k2LatestCommentsBlock ul li .lcItemTitle a,
div.k2TopCommentersBlock ul li .lcItemTitle a {
  font-weight: 700;
  font-size: 13px;
}
div.k2LatestCommentsBlock ul li .lcItemCategory,
div.k2TopCommentersBlock ul li .lcItemCategory {
  display: block;
}
div.k2LatestCommentsBlock ul li .lcItemCategory a,
div.k2TopCommentersBlock ul li .lcItemCategory a {
  color: #ff0000;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  position: relative;
}
div.k2LatestCommentsBlock ul li .lcItemCategory a:after,
div.k2TopCommentersBlock ul li .lcItemCategory a:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 1px;
  background: #ff0000;
  top: 50%;
  margin-top: -1px;
  right: -15px;
}
div.k2LatestCommentsBlock ul li .lcUsername,
div.k2TopCommentersBlock ul li .lcUsername {
  display: block;
  margin: 5px 0;
  font-size: 12px;
}
div.k2LatestCommentsBlock ul li .lcUsername a,
div.k2TopCommentersBlock ul li .lcUsername a {
  font-size: 13px;
  font-weight: 700;
  color: #18e2ba;
}
div.k2LatestCommentsBlock ul li .lcUsername a:hover,
div.k2TopCommentersBlock ul li .lcUsername a:hover,
div.k2LatestCommentsBlock ul li .lcUsername a:focus,
div.k2TopCommentersBlock ul li .lcUsername a:focus {
  color: #13b494;
}
div.k2LatestCommentsBlock ul li .lcCommentDate,
div.k2TopCommentersBlock ul li .lcCommentDate {
  color: #999999;
  display: block;
  font-size: 12px;
  margin-top: 5px;
}
div.k2LatestCommentsBlock ul li .lcComment,
div.k2TopCommentersBlock ul li .lcComment {
  color: #333333;
}
div.k2LoginBlock .k2-group,
div.k2UserBlock .k2-group {
  border-collapse: separate;
  display: table;
  position: relative;
  margin-bottom: 25px;
}
div.k2LoginBlock .k2-group .input-group-addon,
div.k2UserBlock .k2-group .input-group-addon {
  border-radius: 0;
  border-color: #eeeeee;
  background-color: #ffffff;
  padding: 6px 15px;
}
div.k2LoginBlock .k2-group .fa,
div.k2UserBlock .k2-group .fa {
  color: #878787;
}
div.k2LoginBlock .k2-group input[type="text"],
div.k2UserBlock .k2-group input[type="text"],
div.k2LoginBlock .k2-group input[type="password"],
div.k2UserBlock .k2-group input[type="password"] {
  border-radius: 0;
  box-shadow: none;
  width: 100%;
}
div.k2LoginBlock ul.k2UserBlockActions li,
div.k2UserBlock ul.k2UserBlockActions li {
  padding: 0;
}
div.k2LoginBlock ul.k2UserBlockActions li + li,
div.k2UserBlock ul.k2UserBlockActions li + li {
  padding-top: 0;
}
div.k2LoginBlock ul.k2UserBlockActions a.modal,
div.k2UserBlock ul.k2UserBlockActions a.modal {
  border: 0;
  display: inline-block;
  top: auto;
  left: 0px;
  margin: 0;
  position: static;
  width: auto;
  border-radius: 0px;
  overflow: visible;
  line-height: 1.42857143;
  -webkit-box-shadow: none;
  box-shadow: none;
}
div.k2LoginBlock ul.k2UserBlockRenderedMenu,
div.k2UserBlock ul.k2UserBlockRenderedMenu {
  margin: 0;
}
div.k2LoginBlock #form-login-remember input,
div.k2UserBlock #form-login-remember input {
  height: 13px;
  width: 13px;
  display: inline;
  margin-right: 3px;
  margin-top: 0;
}
div.k2LoginBlock #form-login-remember label,
div.k2UserBlock #form-login-remember label {
  color: #535353;
  display: inline;
  margin-top: 0px;
  font-weight: normal;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
div.k2LoginBlock .btn-primary,
div.k2UserBlock .btn-primary {
  width: 50%;
}
div.k2LoginBlock ul,
div.k2UserBlock ul {
  margin-top: 20px;
  padding-left: 0;
  list-style: none;
}
div.k2LoginBlock ul li,
div.k2UserBlock ul li {
  margin-bottom: 5px;
}
div.k2LoginBlock ul li a,
div.k2UserBlock ul li a {
  color: #555555;
}
div.k2LoginBlock ul li a:hover,
div.k2UserBlock ul li a:hover,
div.k2LoginBlock ul li a:active,
div.k2UserBlock ul li a:active,
div.k2LoginBlock ul li a:focus,
div.k2UserBlock ul li a:focus {
  color: #16cba7;
}
div.k2LoginBlock .k2UserBlockDetails:hover .ubName,
div.k2UserBlock .k2UserBlockDetails:hover .ubName,
div.k2LoginBlock .k2UserBlockDetails:active .ubName,
div.k2UserBlock .k2UserBlockDetails:active .ubName,
div.k2LoginBlock .k2UserBlockDetails:focus .ubName,
div.k2UserBlock .k2UserBlockDetails:focus .ubName {
  color: #16cba7;
}
div.k2LoginBlock .k2UserBlockDetails .ubAvatar,
div.k2UserBlock .k2UserBlockDetails .ubAvatar {
  float: left;
}
div.k2LoginBlock .k2UserBlockDetails .ubName,
div.k2UserBlock .k2UserBlockDetails .ubName {
  color: #1a1a1a;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}
div.k2LoginBlock .k2UserBlockDetails .ubCommentsCount,
div.k2UserBlock .k2UserBlockDetails .ubCommentsCount {
  font-size: 12px;
}
div.k2LoginBlock ul.k2UserBlockActions,
div.k2UserBlock ul.k2UserBlockActions {
  margin-top: 0;
}
div.k2LoginBlock ul.k2UserBlockActions li,
div.k2UserBlock ul.k2UserBlockActions li {
  display: inline;
  margin-right: 10px;
}
div.k2LoginBlock ul.k2UserBlockActions li a,
div.k2UserBlock ul.k2UserBlockActions li a {
  color: #333333;
  font-size: 13px;
}
div.k2LoginBlock ul.k2UserBlockActions li a:hover,
div.k2UserBlock ul.k2UserBlockActions li a:hover,
div.k2LoginBlock ul.k2UserBlockActions li a:active,
div.k2UserBlock ul.k2UserBlockActions li a:active,
div.k2LoginBlock ul.k2UserBlockActions li a:focus,
div.k2UserBlock ul.k2UserBlockActions li a:focus {
  color: #16cba7;
}
div.k2ArchivesBlock ul li {
  padding: 5px 0;
  list-style: square;
}
div.k2ArchivesBlock ul li a {
  font-size: 13px;
}
div.k2AuthorsListBlock ul {
  padding-left: 0;
  list-style: none;
}
div.k2AuthorsListBlock ul li {
  border-bottom: 1px dotted #eeeeee;
}
div.k2AuthorsListBlock ul li:last-child {
  border-bottom: 0;
}
div.k2AuthorsListBlock ul li a.abAuthorName {
  font-size: 13px;
  font-weight: 700;
}
div.k2AuthorsListBlock ul li a.abAuthorLatestItem {
  clear: both;
  display: block;
  font-size: 12px;
  padding: 5px 0;
}
div.k2BreadcrumbsBlock span.bcTitle {
  color: #999;
  padding: 0 4px 0 0;
}
div.k2BreadcrumbsBlock span.bcSeparator {
  font-size: 13px;
  padding: 0 4px;
}
div.k2CalendarBlock {
  height: 190px;
  margin-bottom: 8px;
}
div.k2CalendarLoader {
  background: #ffffff url(/templates/jb_creativ/images/system/k2CalendarLoader.gif) no-repeat 50% 50%;
}
table.calendar {
  background: #ffffff;
  border-collapse: collapse;
  margin: 0;
  width: 100%;
}
table.calendar tr td {
  background: #ffffff;
  border: 1px solid #eeeeee;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
}
table.calendar tr td.calendarNavMonthPrev {
  background: #f3f3f3;
  text-align: left;
}
table.calendar tr td.calendarNavMonthPrev a {
  font-size: 16px;
  text-decoration: none;
}
table.calendar tr td.calendarNavMonthPrev a:hover {
  font-size: 16px;
  text-decoration: none;
}
table.calendar tr td.calendarCurrentMonth {
  background: #f3f3f3;
}
table.calendar tr td.calendarNavMonthNext {
  background: #f3f3f3;
  text-align: right;
}
table.calendar tr td.calendarNavMonthNext a {
  font-size: 20px;
  text-decoration: none;
}
table.calendar tr td.calendarNavMonthNext a:hover {
  font-size: 16px;
  text-decoration: none;
}
table.calendar tr td.calendarDayName {
  background: #e9e9e9;
  font-size: 11px;
  width: 14.2%;
}
table.calendar tr td.calendarDateEmpty {
  background: #fbfbfb;
}
table.calendar tr td.calendarDateLinked {
  padding: 0;
}
table.calendar tr td.calendarDateLinked a {
  background: #eee;
  display: block;
  padding: 2px;
  text-decoration: none;
}
table.calendar tr td.calendarDateLinked a:hover {
  background: #135cae;
  color: #ffffff;
  display: block;
  padding: 2px;
  text-decoration: none;
}
table.calendar tr td.calendarToday {
  background: #135cae;
  color: #ffffff;
}
table.calendar tr td.calendarTodayLinked {
  background: #135cae;
  color: #ffffff;
  padding: 0;
}
table.calendar tr td.calendarTodayLinked a {
  color: #ffffff;
  display: block;
  padding: 2px;
  text-decoration: none;
}
table.calendar tr td.calendarTodayLinked a:hover {
  background: #BFD9FF;
  display: block;
  padding: 2px;
  text-decoration: none;
}
div.k2CategorySelectBlock form select {
  width: auto;
}
div.k2CategoriesListBlock ul {
  padding-left: 0px;
}
div.k2CategoriesListBlock ul li {
  list-style: none;
  border-bottom: 1px solid #f6f6f6;
  padding: 12px 13px 12px 27px;
  position: relative;
}
div.k2CategoriesListBlock ul li:hover {
  color: #18e2ba;
}
div.k2CategoriesListBlock ul li:first-child {
  padding-top: 12px !important;
}
div.k2CategoriesListBlock ul li:before,
div.k2CategoriesListBlock ul li:after {
  content: " ";
  display: table;
}
div.k2CategoriesListBlock ul li:after {
  clear: both;
}
div.k2CategoriesListBlock ul li:before {
  content: "\f114";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 0.5em;
  position: absolute;
  top: 40%;
  left: 0;
  margin-top: -10px;
  color: #555555;
}
div.k2CategoriesListBlock ul li a {
  font-size: 14px;
  font-weight: 400;
}
div.k2CategoriesListBlock ul li a span.catTitle {
  padding-right: 4px;
}
div.k2CategoriesListBlock ul li a span.catCounter {
  float: right;
  background: #18e2ba;
  color: #ffffff;
  padding: 5px;
  border-radius: 4px;
  line-height: 16px;
  font-size: 14px;
}
div.k2CategoriesListBlock ul li.activeCategory a {
  font-weight: bold;
}
div.k2SearchBlock {
  position: relative;
}
div.k2SearchBlock form input.k2SearchLoading {
  background: url(/templates/jb_creativ/images/system/searchLoader.gif) no-repeat 100% 50%;
}
div.k2SearchBlock div.k2LiveSearchResults {
  background: #ffffff;
  border: 1px solid #eeeeee;
  display: none;
  margin-top: -1px;
  position: absolute;
  z-index: 99;
}
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li {
  border: none;
  margin: 0;
  padding: 0;
}
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a {
  border-top: 1px dotted #eee;
  display: block;
  padding: 1px 2px;
}
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a:hover {
  background: #fffff0;
}
div.k2TagCloudBlock {
  padding: 8px 0;
}
div.k2TagCloudBlock a {
  display: block;
  float: left;
  padding: 4px;
}
div.k2TagCloudBlock a:hover {
  background: #135cae;
  color: #ffffff;
  display: block;
  float: left;
  padding: 4px;
  text-decoration: none;
}
div.k2UsersBlock ul {
  padding: 0;
}
div.k2UsersBlock ul li a.ubUserName {
  font-weight: bold;
}
a.ubUserFeedIcon,
a.ubUserFeedIcon:hover {
  height: 16px;
  margin: 0 2px 0 0;
}
a.ubUserFeedIcon span,
a.ubUserFeedIcon:hover span {
  display: none;
}
a.ubUserURL,
a.ubUserURL:hover {
  display: inline-block;
  height: 16px;
  margin: 0 2px 0 0;
}
a.ubUserURL span,
a.ubUserURL:hover span {
  display: none;
}
span.ubUserEmail {
  background: url(/templates/jb_creativ/images/fugue/mail.png) no-repeat 50% 50%;
  display: inline-block;
  height: 16px;
  margin: 0 2px 0 0;
  overflow: hidden;
  padding: 0;
  width: 16px;
}
span.ubUserEmail a {
  display: inline-block;
  height: 16px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  width: 16px;
}
div.k2UsersBlock ul li h3 {
  clear: both;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 14px;
  color: #333333;
  font-weight: bold;
}
div.k2UsersBlock ul li ul.ubUserItems {
  padding: 10px 0 10px 30px;
}
div.k2UsersBlock ul li ul.ubUserItems li {
  list-style: square;
  padding: 5px 0;
}
div.k2UsersBlock ul li ul.ubUserItems li a {
  font-size: 12px;
  color: #555555;
}
div.k2UsersBlock ul li ul.ubUserItems li a:hover,
div.k2UsersBlock ul li ul.ubUserItems li a:focus {
  color: #18e2ba;
}
.view-item .modal {
  position: inherit;
  display: inherit;
}
.t3-sidebar .t3-module {
  position: relative;
}
.t3-sidebar .t3-module div.k2FeedIcon a {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .t3-sidebar .t3-module div.k2FeedIcon a {
    top: -20px;
    right: -20px;
  }
}
.com_k2 .t3-topbanner .container {
  padding: 20px;
  border-bottom: 1px solid #eeeeee;
}
.tagItemImage,
.latestItemImage,
.userItemImage,
.catItemImage {
  overflow: hidden;
}
.tagItemImage a:before,
.latestItemImage a:before,
.userItemImage a:before,
.catItemImage a:before {
  z-index: 2;
}
.catItemAddLink,
span.catItemEditLink,
span.itemEditLink {
  position: absolute;
  top: 10px;
  right: 25px;
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  z-index: 3;
}
.catItemAddLink .modal,
span.catItemEditLink .modal,
span.itemEditLink .modal {
  display: block;
  background: #18e2ba;
  position: relative;
  font-weight: bold;
  font-size: 10px;
  overflow: visible;
  color: #ffffff;
  padding: 2px 5px;
  line-height: 1;
  border: 2px solid #18e2ba;
  text-transform: uppercase;
}
.catItemAddLink .modal:hover,
span.catItemEditLink .modal:hover,
span.itemEditLink .modal:hover {
  background: none;
  color: #18e2ba;
}
.k2SearchBlockForm {
  display: flex;
}
.k2SearchBlockForm .inputbox {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
  box-shadow: 0px;
  width: 100%;
  box-shadow: none;
  border: 2px solid #cccccc;
}
.k2SearchBlockForm .inputbox:focus {
  box-shadow: none;
  border-color: #18e2ba;
}
.k2SearchBlockForm .btn {
  border-radius: 0px 30px 30px 0px;
  border: 0px;
  padding: 6px 20px !important;
}
.k2SearchBlockForm .btn:hover {
  border: none;
}
.featured-widget li {
  position: relative;
  margin: 4px 0;
  list-style: none;
}
.featured-widget li .alignleft {
  float: left;
}
.featured-widget li img {
  margin: 11px 13px 15px 0px;
  width: 81px !important;
}
.featured-widget li h3 {
  margin-top: 0px;
}
.featured-widget li h3 a {
  font-weight: 700;
  padding-bottom: 0px !important;
  font-size: 14px;
  color: #242424;
}
.featured-widget .metabox {
  font-style: italic;
}
.block-right {
  border-left: 2px solid #eeeeee;
  float: right;
  margin: 0 0 20px 30px;
  padding-left: 40px;
  display: block;
  font-weight: 400px;
  font-family: Georgia, Times, Times New Roman, serif;
  font-style: italic;
  font-size: 16px;
}
@media (max-width: 767px) {
  .block-right {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .block-right {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .block-right {
    width: 30%;
  }
}
@media (min-width: 1200px) {
  .block-right {
    width: 30%;
  }
}
.itemView figure figcaption {
  border-bottom: 1px solid #e5e5e5;
  color: #999;
  font-size: 1.2rem;
  margin: 0 0 2em;
  padding: 8px 0 10px;
  text-align: left;
}
/**
 * @copyright	Copyright (C) 2005 - 2020 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Import project-level system CSS */


/* Unpublished */
.system-unpublished, tr.system-unpublished {
	background: #e8edf1;
	border-top: 4px solid #c4d3df;
	border-bottom: 4px solid #c4d3df;
}

span.highlight {
	background-color:#FFFFCC;
	font-weight:bold;
	padding:1px 0;
}

.img-fulltext-float-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-none {
}

.img-intro-float-right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.img-intro-float-left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.img-intro-float-none {
}
@media (max-width: 767px) {
  .always-show .mega > .mega-dropdown-menu,
  .always-show .dropdown-menu {
    display: block !important;
    position: static;
  }
  .open .dropdown-menu {
    display: block;
  }
}
.t3-logo,
.t3-logo-small {
  display: block;
  text-decoration: none;
  text-align: left;
  background-repeat: no-repeat;
  background-position: center;
}
.t3-logo {
  width: 182px;
  height: 50px;
}
.t3-logo-small {
  width: 60px;
  height: 30px;
}
.t3-logo,
.t3-logo-color {
  background-image: url(//joomlart.s3.amazonaws.com/images/jat3v3-documents/logo-complete/t3logo-big-color.png);
}
.t3-logo-small,
.t3-logo-small.t3-logo-color {
  background-image: url(//joomlart.s3.amazonaws.com/images/jat3v3-documents/logo-complete/t3logo-small-color.png);
}
.t3-logo-dark {
  background-image: url(//joomlart.s3.amazonaws.com/images/jat3v3-documents/logo-complete/t3logo-big-dark.png);
}
.t3-logo-small.t3-logo-dark {
  background-image: url(//joomlart.s3.amazonaws.com/images/jat3v3-documents/logo-complete/t3logo-small-dark.png);
}
.t3-logo-light {
  background-image: url(//joomlart.s3.amazonaws.com/images/jat3v3-documents/logo-complete/t3logo-big-light.png);
}
.t3-logo-small.t3-logo-light {
  background-image: url(//joomlart.s3.amazonaws.com/images/jat3v3-documents/logo-complete/t3logo-small-light.png);
}
@media (max-width: 767px) {
  .logo-control .logo-img-sm {
    display: block;
  }
  .logo-control .logo-img {
    display: none;
  }
}
@media (min-width: 768px) {
  .logo-control .logo-img-sm {
    display: none;
  }
  .logo-control .logo-img {
    display: block;
  }
}
#community-wrap .collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  display: block;
}
.body-data-holder:before {
  display: none;
  content: "grid-float-breakpoint:768px screen-xs:480px screen-sm:768px screen-md:992px screen-lg:1200px";
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  line-height: 1.625;
  color: #555555;
  font-size: 14px;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #18e2ba;
  text-decoration: none;
  outline: none;
}
a:hover,
a:focus {
  color: #16cba7;
  text-decoration: none;
  outline: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
img {
  vertical-align: middle;
}
th,
td {
  line-height: 1.42857143;
  text-align: left;
  vertical-align: top;
}
th {
  font-weight: bold;
}
td,
tr td {
  border-top: 1px solid #dddddd;
}
.cat-list-row0:hover,
.cat-list-row1:hover {
  background: #f5f5f5;
}
.cat-list-row1,
tr.cat-list-row1 td {
  background: #f9f9f9;
}
table.contentpane,
table.tablelist,
table.category,
table.admintable,
table.blog {
  width: 100%;
}
table.contentpaneopen {
  border: 0;
}
.star {
  color: #ffcc00;
}
.red {
  color: #ff0000;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.wrap {
  width: auto;
  clear: both;
}
.center,
.table td.center,
.table th.center {
  text-align: center;
}
.element-invisible {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.border-radius {
  
  -webkit-border-radius: 500px;
  
  -moz-border-radius: 500px;
  
  border-radius: 500px;
}
.bf ul.filter li a.active,
.bf ul.filter li a:hover,
.pagination li > a:hover,
.pagination li > span:hover,
.quote-post blockquote,
.flex-control-paging li a.flex-active,
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
  background: #18e2ba !important;
  border-color: #18e2ba !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  line-height: 1.625;
  color: #000000;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-muted {
  color: #999999;
}
.text-primary {
  color: #18e2ba;
}
a.text-primary:hover {
  color: #13b494;
}
.text-success {
  color: #468847;
}
a.text-success:hover {
  color: #356635;
}
.text-info {
  color: #3a87ad;
}
a.text-info:hover {
  color: #2d6987;
}
.text-warning {
  color: #c09853;
}
a.text-warning:hover {
  color: #a47e3c;
}
.text-danger {
  color: #b94a48;
}
a.text-danger:hover {
  color: #953b39;
}
.bg-primary {
  color: #fff;
  background-color: #18e2ba;
}
a.bg-primary:hover {
  background-color: #13b494;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.bg-purple {
  background: #78588c;
}
.bg-green {
  background: #18e2ba;
}
.bg-brand {
  background: #18e2ba;
}
.bg-brand-hover {
  background: #16cba7;
}
.highlight {
  background-color: #FFC;
  font-weight: bold;
  padding: 1px 4px;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
  font: italic 400 16px/170% Georgia, Times, Times New Roman, serif;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #999999;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
.btn-actions {
  text-align: center;
}
.features-list {
  margin-top: 60px;
  
}
.features-list .page-header {
  border: 0;
  text-align: center;
}
.features-list .page-header h1 {
  font-size: 46px;
}
.features-list .feature-row {
  overflow: hidden;
  min-height: 200px;
  color: #696f72;
  border-top: 1px solid #e0e2e3;
  padding: 60px 0 0;
  text-align: center;
}
.features-list .feature-row:last-child {
  border-bottom: 1px solid #e0e2e3;
  margin-bottom: 60px;
}
.features-list .feature-row h3 {
  font-size: 28px;
}
.features-list .feature-row div:first-child {
  padding-left: 0;
}
.features-list .feature-row div:last-child {
  padding-right: 0;
}
.features-list .feature-row div:first-child.feature-img img {
  float: left;
}
.features-list .feature-row div:last-child.feature-img img {
  float: right;
}
.jumbotron h2 {
  font-size: 46px;
}
.jumbotron iframe {
  margin-top: 20px;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 20px;
}
.radio label,
.checkbox label {
  display: inline;
}
.form-control-static {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
  }
  .form-inline .form-control {
    display: inline-block;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
  }
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
}
.btn-border-white {
  border: 2px solid #ffffff;
  color: #ffffff;
}
.btn-border-white:hover {
  border: 2px solid #282828;
  background-color: #282828;
  color: #ffffff;
}
.btn-border-gray {
  border: 2px solid #282828;
  background-color: #282828;
}
.btn-border-gray:hover {
  border: 2px solid #282828;
  background-color: #282828;
  color: #ffffff;
}
.btn-transparent {
  border-color: #CCC;
  background: transparent none repeat scroll 0px 0px !important;
  color: #999 !important;
}
.btn-primary {
  border-color: #18e2ba;
}
.btn-primary:hover {
  background-color: #282828;
  border-color: #282828;
}
.btn-border-brand {
  background: transparent;
  border: 2px solid #18e2ba;
  color: #18e2ba;
  border-radius: 2px;
}
.btn-border-brand:hover {
  background: #18e2ba;
  color: #ffffff;
  border-color: #18e2ba;
}
.jb-btn-radius {
  border-radius: 500px;
}
.btn-inverse {
  color: #ffffff;
  background-color: #333333;
  border-color: #262626;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse.focus,
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
  color: #ffffff;
  background-color: #1a1a1a;
  border-color: #080808;
}
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
  background-image: none;
}
.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled.focus,
.btn-inverse[disabled].focus,
fieldset[disabled] .btn-inverse.focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
  background-color: #333333;
  border-color: #262626;
}
.btn-inverse .badge {
  color: #333333;
  background-color: #ffffff;
}
.btn-lg {
  padding: 13px 57px !important;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.inputbox::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.inputbox:-ms-input-placeholder {
  color: #999999;
}
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.inputbox::-webkit-input-placeholder {
  color: #999999;
}
textareaselect,
textareatextarea,
textareainput[type="text"],
textareainput[type="password"],
textareainput[type="datetime"],
textareainput[type="datetime-local"],
textareainput[type="date"],
textareainput[type="month"],
textareainput[type="time"],
textareainput[type="week"],
textareainput[type="number"],
textareainput[type="email"],
textareainput[type="url"],
textareainput[type="search"],
textareainput[type="tel"],
textareainput[type="color"],
textarea.inputbox {
  height: auto;
}
@media screen and (min-width: 768px) {
  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"],
  .inputbox {
    width: auto;
  }
}
select,
select.form-control,
select.inputbox,
select.input {
  padding-right: 5px;
}
.input-append .active,
.input-prepend .active {
  background-color: #9ef5e4;
  border-color: #18e2ba;
}
.invalid {
  border-color: #ff0000;
}
label.invalid {
  color: #ff0000;
}
input.invalid {
  border: 1px solid #ff0000;
}

.dropdown-menu > li > a {
  padding: 5px 20px;
}
.dropdown-header {
  padding: 3px 20px;
  font-size: 14px;
}
.dropdown-header a {
  color: #999999;
}
.dropdown-submenu > a:after {
  border-left-color: #333333;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #262626;
}
.nav > li > .separator {
  position: relative;
  display: block;
  padding: 10px 15px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .nav > li > .separator {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .nav > li > span {
    padding: 10px 15px;
    display: inline-block;
  }
}
.nav .caret {
  border-top-color: #18e2ba;
  border-bottom-color: #18e2ba;
}
.nav a:hover .caret {
  border-top-color: #16cba7;
  border-bottom-color: #16cba7;
}
.t3-navhelper {
  background: #f5f5f5;
  border-top: 1px solid #eeeeee;
  color: #555555;
  padding: 5px 0;
}
.breadcrumb {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #999999;
}
.breadcrumb > .active + li:before {
  content: "";
  padding: 0;
}
.breadcrumb > .active .hasTooltip {
  padding-right: 10px;
}
.breadcrumb .divider {
  display: none;
}
#j2store-pagination {
  text-align: center;
}
#j2store-pagination .pagination {
  float: none;
}
.pagination-wrap {
  text-align: center;
}
.pagination > li > a,
.pagination > li > span {
  background: none;
  border: 2px solid transparent;
  border-radius: 1px;
  color: #333333;
  font-size: 16px;
  margin: 0 1px;
  min-width: 40px;
  padding: 4px 6px;
  text-align: center;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  border: 2px solid #555555;
  color: #ffffff;
}
.pagination > .active > a,
.pagination > .active > span {
  background: #18e2ba;
  border: 2px solid #18e2ba;
  color: #ffffff;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  border: 0;
}
.pagination {
  display: inline-block;
}
.pagination:before,
.pagination:after {
  content: " ";
  display: table;
}
.pagination:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .pagination {
    float: none;
  }
}
.counter {
  display: none;
  margin-top: 20px;
  padding: 6px 12px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
@media screen and (min-width: 768px) {
  .counter {
    float: right;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .counter {
    margin-right: 20px;
  }
}
.pager {
  text-align: left;
  clear: both;
}
.pager ul {
  margin: 0;
  padding: 0;
}
.jb-breadcrumb {
  text-align: center;
  padding: 20px;
  background: url(/templates/jb_creativ/images/creativ/pattern.png) repeat scroll;
  font-style: italic;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 14px !important;
}
.jb-breadcrumb .jb-breadcrumb-title h1 {
  position: relative;
  color: #333333;
  text-transform: uppercase;
  font-style: normal;
  font-size: 30px;
}

.jb-shop-left {
  float: left !important;
}
.jb-shop-right {
  float: right !important;
}
@media (min-width: 768px) {
  .navbar .navbar-nav {
    float: none;
    display: inline-block;
  }
}
.navbar-toggle {
  background: #18e2ba;
  border-radius: 0;
  border-color: #18e2ba;
  color: #ffffff;
  padding: 0;
  height: 35px;
  line-height: 35px;
  width: 35px;
  margin-left: 15px;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
  float: none;
  display: inline-block;
}
.navbar-nav > li > a {
  outline: none;
}
@media (min-width: 768px) {
  .navbar-nav {
    margin: 0;
  }
}
.navbar-nav > li > .dropdown-menu {
  border-radius: 0px;
  margin-top: 0px;
}
.navbar-nav > li.mega-align-right > .dropdown-menu:before {
  left: auto;
  right: 20px;
}
.navbar-nav > li.mega-align-center > .dropdown-menu:before {
  left: 50%;
  margin-left: -5px;
  right: auto;
}
.jb-shop-wrapper .navbar-default .navbar-nav {
  display: block;
}
.jb-shop-wrapper .navbar-default .navbar-nav > li > a,
.jb-shop-wrapper .navbar-default .navbar-nav > li > .separator {
  color: #333333;
  outline: none;
  padding: 45px 15px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.jb-shop-wrapper .navbar-default .navbar-nav > li > a:hover,
.jb-shop-wrapper .navbar-default .navbar-nav > li > .separator:hover,
.jb-shop-wrapper .navbar-default .navbar-nav > li > a:focus,
.jb-shop-wrapper .navbar-default .navbar-nav > li > .separator:focus {
  color: #18e2ba;
  background-color: transparent;
  outline: none;
}
.jb-shop-wrapper .navbar-default .navbar-nav > li > .nav-header {
  color: #282828;
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
}
.jb-shop-wrapper .navbar-default .navbar-nav > .active > a,
.jb-shop-wrapper .navbar-default .navbar-nav > li.dropdown.active > .dropdown-toggle,
.jb-shop-wrapper .navbar-default .navbar-nav > .active > a:hover,
.jb-shop-wrapper .navbar-default .navbar-nav > li.dropdown.active > .dropdown-toggle:hover,
.jb-shop-wrapper .navbar-default .navbar-nav > .active > a:focus,
.jb-shop-wrapper .navbar-default .navbar-nav > li.dropdown.active > .dropdown-toggle:focus {
  color: #18e2ba;
  background-color: transparent;
}
.jb-shop-wrapper .navbar-default .navbar-nav > .open > a,
.jb-shop-wrapper .navbar-default .navbar-nav > li.dropdown.open > .dropdown-toggle,
.jb-shop-wrapper .navbar-default .navbar-nav > .open > a:hover,
.jb-shop-wrapper .navbar-default .navbar-nav > li.dropdown.open > .dropdown-toggle:hover,
.jb-shop-wrapper .navbar-default .navbar-nav > .open > a:focus,
.jb-shop-wrapper .navbar-default .navbar-nav > li.dropdown.open > .dropdown-toggle:focus {
  color: #18e2ba;
  background-color: transparent;
}
.jb-shop-wrapper .navbar-default .navbar-nav > .disabled > a,
.jb-shop-wrapper .navbar-default .navbar-nav > .dropdown.disabled > .dropdown-toggle,
.jb-shop-wrapper .navbar-default .navbar-nav > .disabled > a:hover,
.jb-shop-wrapper .navbar-default .navbar-nav > .dropdown.disabled > .dropdown-toggle:hover,
.jb-shop-wrapper .navbar-default .navbar-nav > .disabled > a:focus,
.jb-shop-wrapper .navbar-default .navbar-nav > .dropdown.disabled > .dropdown-toggle:focus {
  color: #cccccc;
  background-color: transparent;
}
.jb-modern .navbar-default .navbar-nav > li > a,
.jb-modern .navbar-default .navbar-nav > li > .separator {
  color: #ffffff;
  outline: none;
  padding: 45px 15px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.jb-modern .navbar-default .navbar-nav > li > a:hover,
.jb-modern .navbar-default .navbar-nav > li > .separator:hover,
.jb-modern .navbar-default .navbar-nav > li > a:focus,
.jb-modern .navbar-default .navbar-nav > li > .separator:focus {
  color: #18e2ba;
  background-color: transparent;
  outline: none;
}
.jb-modern .navbar-default .navbar-nav > li > .nav-header {
  color: #282828;
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
}
.jb-modern .navbar-default .navbar-nav > .active > a,
.jb-modern .navbar-default .navbar-nav > li.dropdown.active > .dropdown-toggle,
.jb-modern .navbar-default .navbar-nav > .active > a:hover,
.jb-modern .navbar-default .navbar-nav > li.dropdown.active > .dropdown-toggle:hover,
.jb-modern .navbar-default .navbar-nav > .active > a:focus,
.jb-modern .navbar-default .navbar-nav > li.dropdown.active > .dropdown-toggle:focus {
  color: #18e2ba;
  background-color: transparent;
}
.jb-modern .navbar-default .navbar-nav > .open > a,
.jb-modern .navbar-default .navbar-nav > li.dropdown.open > .dropdown-toggle,
.jb-modern .navbar-default .navbar-nav > .open > a:hover,
.jb-modern .navbar-default .navbar-nav > li.dropdown.open > .dropdown-toggle:hover,
.jb-modern .navbar-default .navbar-nav > .open > a:focus,
.jb-modern .navbar-default .navbar-nav > li.dropdown.open > .dropdown-toggle:focus {
  color: #18e2ba;
  background-color: transparent;
}
.jb-modern .navbar-default .navbar-nav > .disabled > a,
.jb-modern .navbar-default .navbar-nav > .dropdown.disabled > .dropdown-toggle,
.jb-modern .navbar-default .navbar-nav > .disabled > a:hover,
.jb-modern .navbar-default .navbar-nav > .dropdown.disabled > .dropdown-toggle:hover,
.jb-modern .navbar-default .navbar-nav > .disabled > a:focus,
.jb-modern .navbar-default .navbar-nav > .dropdown.disabled > .dropdown-toggle:focus {
  color: #cccccc;
  background-color: transparent;
}
.jb-modern-2 .navbar-default .navbar-nav > li > a,
.jb-modern-2 .navbar-default .navbar-nav > li > .separator {
  color: #282828;
  outline: none;
  padding: 45px 15px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.jb-modern-2 .navbar-default .navbar-nav > li > a:hover,
.jb-modern-2 .navbar-default .navbar-nav > li > .separator:hover,
.jb-modern-2 .navbar-default .navbar-nav > li > a:focus,
.jb-modern-2 .navbar-default .navbar-nav > li > .separator:focus {
  color: #18e2ba;
  background-color: transparent;
  outline: none;
}
.jb-modern-2 .navbar-default .navbar-nav > li > .nav-header {
  color: #282828;
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
}
.jb-modern-2 .navbar-default .navbar-nav > .active > a,
.jb-modern-2 .navbar-default .navbar-nav > li.dropdown.active > .dropdown-toggle,
.jb-modern-2 .navbar-default .navbar-nav > .active > a:hover,
.jb-modern-2 .navbar-default .navbar-nav > li.dropdown.active > .dropdown-toggle:hover,
.jb-modern-2 .navbar-default .navbar-nav > .active > a:focus,
.jb-modern-2 .navbar-default .navbar-nav > li.dropdown.active > .dropdown-toggle:focus {
  color: #18e2ba;
  background-color: transparent;
}
.jb-modern-2 .navbar-default .navbar-nav > .open > a,
.jb-modern-2 .navbar-default .navbar-nav > li.dropdown.open > .dropdown-toggle,
.jb-modern-2 .navbar-default .navbar-nav > .open > a:hover,
.jb-modern-2 .navbar-default .navbar-nav > li.dropdown.open > .dropdown-toggle:hover,
.jb-modern-2 .navbar-default .navbar-nav > .open > a:focus,
.jb-modern-2 .navbar-default .navbar-nav > li.dropdown.open > .dropdown-toggle:focus {
  color: #18e2ba;
  background-color: transparent;
}
.jb-modern-2 .navbar-default .navbar-nav > .disabled > a,
.jb-modern-2 .navbar-default .navbar-nav > .dropdown.disabled > .dropdown-toggle,
.jb-modern-2 .navbar-default .navbar-nav > .disabled > a:hover,
.jb-modern-2 .navbar-default .navbar-nav > .dropdown.disabled > .dropdown-toggle:hover,
.jb-modern-2 .navbar-default .navbar-nav > .disabled > a:focus,
.jb-modern-2 .navbar-default .navbar-nav > .dropdown.disabled > .dropdown-toggle:focus {
  color: #cccccc;
  background-color: transparent;
}
.jb-onepage .navbar-default .navbar-nav > li > a,
.jb-onepage .navbar-default .navbar-nav > li > .separator {
  color: #282828;
  outline: none;
  padding: 45px 15px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.jb-onepage .navbar-default .navbar-nav > li > a:hover,
.jb-onepage .navbar-default .navbar-nav > li > .separator:hover,
.jb-onepage .navbar-default .navbar-nav > li > a:focus,
.jb-onepage .navbar-default .navbar-nav > li > .separator:focus {
  color: #18e2ba;
  background-color: transparent;
  outline: none;
}
.jb-onepage .navbar-default .navbar-nav > li > .nav-header {
  color: #282828;
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
}
.jb-onepage .navbar-default .navbar-nav > .active > a,
.jb-onepage .navbar-default .navbar-nav > li.dropdown.active > .dropdown-toggle,
.jb-onepage .navbar-default .navbar-nav > .active > a:hover,
.jb-onepage .navbar-default .navbar-nav > li.dropdown.active > .dropdown-toggle:hover,
.jb-onepage .navbar-default .navbar-nav > .active > a:focus,
.jb-onepage .navbar-default .navbar-nav > li.dropdown.active > .dropdown-toggle:focus {
  color: #18e2ba;
  background-color: transparent;
}
.jb-onepage .navbar-default .navbar-nav > .open > a,
.jb-onepage .navbar-default .navbar-nav > li.dropdown.open > .dropdown-toggle,
.jb-onepage .navbar-default .navbar-nav > .open > a:hover,
.jb-onepage .navbar-default .navbar-nav > li.dropdown.open > .dropdown-toggle:hover,
.jb-onepage .navbar-default .navbar-nav > .open > a:focus,
.jb-onepage .navbar-default .navbar-nav > li.dropdown.open > .dropdown-toggle:focus {
  color: #18e2ba;
  background-color: transparent;
}
.jb-onepage .navbar-default .navbar-nav > .disabled > a,
.jb-onepage .navbar-default .navbar-nav > .dropdown.disabled > .dropdown-toggle,
.jb-onepage .navbar-default .navbar-nav > .disabled > a:hover,
.jb-onepage .navbar-default .navbar-nav > .dropdown.disabled > .dropdown-toggle:hover,
.jb-onepage .navbar-default .navbar-nav > .disabled > a:focus,
.jb-onepage .navbar-default .navbar-nav > .dropdown.disabled > .dropdown-toggle:focus {
  color: #cccccc;
  background-color: transparent;
}
.jb-onepage .navbar-header button {
  margin-top: 25px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .jb-onepage .t3-navbar-collapse.navbar-collapse.collapse.in {
    display: inline-block !important;
  }
  .jb-onepage .navbar-nav li {
    float: none !important;
  }
  .jb-onepage .hidden-sm {
    display: none !important;
  }
  .jb-onepage .navbar-toggle {
    display: inline;
  }
}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
}
.navbar-default .navbar-brand {
  color: #282828;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #0e0e0e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777777;
}
.navbar-default .navbar-nav > li {
  margin-right: 7.5px;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > .separator {
  color: #282828;
  outline: none;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  padding: 45px 15px;
  font-weight: 700;
  text-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > .separator:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > .separator:focus {
  color: #18e2ba;
  background-color: transparent;
  outline: none;
}
.navbar-default .navbar-nav > li > .nav-header {
  color: #282828;
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > li.dropdown.active > .dropdown-toggle,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li.dropdown.active > .dropdown-toggle:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li.dropdown.active > .dropdown-toggle:focus {
  color: #282828;
  background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > li.dropdown.open > .dropdown-toggle,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > li.dropdown.open > .dropdown-toggle:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > li.dropdown.open > .dropdown-toggle:focus {
  color: #18e2ba;
  background-color: transparent;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .dropdown.disabled > .dropdown-toggle,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .dropdown.disabled > .dropdown-toggle:hover,
.navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .dropdown.disabled > .dropdown-toggle:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #18e2ba;
  border-bottom-color: #18e2ba;
}
.navbar-default .navbar-nav .dropdown-menu > li.open > a,
.navbar-default .navbar-nav .dropdown-menu > li.active > a,
.navbar-default .navbar-nav .dropdown-menu > li.open > a:hover,
.navbar-default .navbar-nav .dropdown-menu > li.active > a:hover,
.navbar-default .navbar-nav .dropdown-menu > li.open > a:focus,
.navbar-default .navbar-nav .dropdown-menu > li.active > a:focus,
.navbar-default .navbar-nav .dropdown-menu > li.open > a:active,
.navbar-default .navbar-nav .dropdown-menu > li.active > a:active {
  background: transparent;
  color: #18e2ba;
}
.navbar-default .navbar-nav .dropdown-menu > li.open > a:after,
.navbar-default .navbar-nav .dropdown-menu > li.active > a:after {
  border-left-color: #18e2ba;
}
.navbar-default .navbar-nav .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .dropdown-menu > li > a:active {
  background: transparent;
  color: #18e2ba;
}
.navbar-default .navbar-nav .dropdown-menu > li > a:hover:after,
.navbar-default .navbar-nav .dropdown-menu > li > a:focus:after,
.navbar-default .navbar-nav .dropdown-menu > li > a:active:after {
  border-left-color: #18e2ba;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > .separator,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > .separator:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > .separator:focus {
  background-color: transparent;
  color: #18e2ba;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > .separator .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > .separator:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret,
.navbar-default .navbar-nav > .open > .separator:focus .caret {
  border-top-color: #18e2ba;
  border-bottom-color: #18e2ba;
}
.navbar-default .navbar-nav > .dropdown > a .caret,
.navbar-default .navbar-nav > .dropdown > .separator .caret {
  border-top-color: #282828;
  border-bottom-color: #282828;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #282828;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #18e2ba;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #282828;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #282828;
}
.navbar-default .navbar-link:hover {
  color: #18e2ba;
}
.t3-mainnav {
  border-left: 0;
  border-right: 0;
  margin-bottom: 0;
  border-radius: 0;
  *padding-top: 10px;
  *padding-bottom: 10px;
  position: static;
  border: none;
}
@media (max-width: 991px) {
  .t3-mainnav {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    float: right;
    width: auto;
  }
}
.t3-mainnav .t3-navbar {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.t3-mainnav .t3-navbar-collapse {
  background: #2b2a2f;
  border: 0;
  position: absolute;
  left: 0;
  top: 100%;
  max-height: 300px;
  width: 100%;
}
@media (min-width: 768px) {
  .t3-mainnav .t3-navbar-collapse {
    display: none !important;
  }
}
.t3-mainnav .t3-navbar-collapse .navbar-nav {
  display: block;
  margin: 0 -15px;
}
.t3-mainnav .t3-navbar-collapse .navbar-nav > li {
  margin: 0;
}
.t3-mainnav .t3-navbar-collapse .navbar-nav > li > .dropdown-menu:before {
  display: none;
}
.t3-mainnav .t3-navbar-collapse .navbar-nav > li > .dropdown-menu > li > span {
  padding-left: 10px;
}
.t3-mainnav .t3-navbar-collapse .navbar-nav > li > .dropdown-menu > li > a,
.t3-mainnav .t3-navbar-collapse .navbar-nav > li > .dropdown-menu > li > span {
  padding-top: 10px;
  padding-bottom: 10px;
}
.t3-mainnav .t3-navbar-collapse .navbar-nav > li.active > a,
.t3-mainnav .t3-navbar-collapse .navbar-nav > li.active > span {
  background: rgba(255, 255, 255, 0.2);
}
.t3-mainnav .t3-navbar-collapse .navbar-nav li > span {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  color: #ffffff;
  display: block;
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  text-transform: uppercase;
}
.t3-mainnav .t3-navbar-collapse .navbar-nav li > span .caret {
  border-bottom-color: #ffffff;
  border-top-color: #ffffff;
  position: absolute;
  right: 15px;
  top: 40%;
}
.t3-mainnav .t3-navbar-collapse .navbar-nav li > a .fa {
  margin-right: 5px;
}
.t3-mainnav .t3-navbar-collapse .navbar-nav > li > a {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  color: #ffffff;
  display: block;
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.t3-mainnav .t3-navbar-collapse .navbar-nav > li > a .caret {
  border-bottom-color: #ffffff;
  border-top-color: #ffffff;
  position: absolute;
  right: 15px;
  top: 40%;
}
.t3-mainnav .t3-navbar-collapse .navbar-nav > li:first-child > a {
  border-top: 0;
}
.t3-mainnav .t3-navbar-collapse .navbar-nav .dropdown > a .caret {
  position: absolute;
  top: 40%;
  right: 12px;
}

.t3-module {
  background: transparent;
  color: inherit;
  *margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .t3-module {
    *margin-bottom: 40px;
  }
}
.t3-module .module-inner {
  padding: 0;
}
.jb-freelance-title .module-title {
  text-align: center;
}
.jb-freelance-title .module-title span {
  color: #ffffff;
  background: #333333;
  font-size: 24px !important;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 20px !important;
  padding: 10px 25px;
}
.shop-title-center .module-title {
  background: transparent;
  color: #333333;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  margin: 0 0 10px 0;
  padding: 0;
  overflow: hidden;
  text-transform: uppercase;
}
.shop-title-center .module-title:after {
  display: none;
}
@media screen and (min-width: 768px) {
  .shop-title-center .module-title {
    margin-bottom: 20px;
  }
}
.shop-title-center .module-title span {
  display: inline-block;
  position: relative;
  border: 1px solid #e4e4e4;
  padding: 10px 36px;
  overflow: visible;
}
.shop-title-center .module-title span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  border-bottom: 1px solid #E4E4E4;
  width: 100%;
  margin: 0px 20px;
  border-color: #E4E4E4;
}
.shop-title-center .module-title span:before {
  right: 100%;
  content: "";
  position: absolute;
  top: 50%;
  border-bottom: 1px solid #E4E4E4;
  width: 100%;
  margin: 0px 20px;
  border-color: #E4E4E4;
}
.jb-title-center-big .module-title {
  color: #000000;
  font-size: 36px !important;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 40px 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.jb-title-center-big .module-title:after {
  background: url(/templates/jb_creativ/images/creativ/hr.png) no-repeat scroll center center;
  bottom: -20px;
  content: "";
  height: 10px;
  left: 0px;
  position: absolute;
  width: 100%;
}
.jb-onepage-title h2 {
  color: #000000;
  font-size: 30px !important;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 40px 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.jb-onepage-title h2:after {
  background: url(/templates/jb_creativ/images/creativ/hr.png) no-repeat scroll center center;
  bottom: -20px;
  content: "";
  height: 10px;
  left: 0px;
  position: absolute;
  width: 100%;
}
.jb-title-center-big-white .module-title {
  color: #ffffff;
  font-size: 36px !important;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 40px 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.jb-title-center-big-white .module-title:after {
  background: url(/templates/jb_creativ/images/creativ/hr.png) no-repeat scroll center center;
  bottom: -20px;
  content: "";
  height: 10px;
  left: 0px;
  position: absolute;
  width: 100%;
}
.jb-title-big .module-title {
  color: #000000;
  font-size: 30px !important;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  position: relative;
}
.jb-title-big .jb-module-title h3 {
  margin-top: 0px;
}
.jb-title-big .jb-module-title h3 span {
  color: #000000;
  font-size: 30px !important;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  position: relative;
}
.jb-title {
  color: #000000;
  font-size: 36px !important;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 40px 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.jb-title:after {
  background: url(/templates/jb_creativ/images/creativ/hr.png) no-repeat scroll center center;
  bottom: -20px;
  content: "";
  height: 10px;
  left: 0px;
  position: absolute;
  width: 100%;
}
@media (max-width: 767px) {
  .jb-title-intro {
    max-width: 100%;
    margin: 0px auto;
    text-align: center;
    margin-bottom: 30px;
    color: #999999;
  }
}
@media (min-width: 768px) {
  .jb-title-intro {
    max-width: 53%;
    margin: 0px auto;
    text-align: center;
    margin-bottom: 30px;
    color: #999999;
  }
}
@media (min-width: 992px) {
  .jb-title-intro {
    max-width: 53%;
    margin: 0px auto;
    text-align: center;
    margin-bottom: 30px;
    color: #999999;
  }
}
@media (min-width: 1200px) {
  .jb-title-intro {
    max-width: 53%;
    margin: 0px auto;
    text-align: center;
    margin-bottom: 30px;
    color: #999999;
  }
}
.module-title {
  background: transparent;
  color: #000000;
  font-size: 18px;
  margin: 0 0 10px 0;
  padding: 0;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .module-title {
    margin-bottom: 20px;
  }
}
.module-ct {
  background: transparent;
  color: inherit;
  padding: 0;
}
.module-ct:before,
.module-ct:after {
  content: " ";
  display: table;
}
.module-ct:after {
  clear: both;
}
.module-ct > ul,
.module-ct .custom > ul,
.module-ct > ol,
.module-ct .custom > ol {
  margin-left: 20px;
  padding-left: 0;
}
.module-ct > ul.unstyled,
.module-ct .custom > ul.unstyled,
.module-ct > ol.unstyled,
.module-ct .custom > ol.unstyled {
  padding-left: 0;
}
.module-ct > ul.nav,
.module-ct .custom > ul.nav,
.module-ct > ol.nav,
.module-ct .custom > ol.nav {
  padding-left: 0;
  margin-left: 0;
}
.divider,
.divider-hover {
  background-image: url(/templates/jb_creativ/images/creativ/hr.png);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 9px;
  margin: 10px auto 15px;
  padding: 0px;
  position: relative;
  width: 100px;
}
.module_menu .nav > li > a,
.module_menu .nav > li > .separator {
  padding: 6px 5px;
  display: block;
}
#login-form input[type="text"],
#login-form input[type="password"] {
  width: 100%;
}
#login-form ul.unstyled {
  margin-top: 20px;
  padding-left: 20px;
}
#login-form #form-login-remember label {
  font-weight: normal;
}
.banneritem a {
  font-weight: bold;
}
.bannerfooter {
  border-top: 1px solid #eeeeee;
  font-size: 12px;
  padding-top: 10px;
  text-align: right;
}
.categories-module,
ul.categories-module,
.category-module,
ul.category-module {
  margin: 0;
}
.categories-module li,
ul.categories-module li,
.category-module li,
ul.category-module li {
  list-style: none;
}
.categories-module li:first-child,
ul.categories-module li:first-child,
.category-module li:first-child,
ul.category-module li:first-child {
  border-top: 0;
}
.categories-module h4,
ul.categories-module h4,
.category-module h4,
ul.category-module h4 {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}
.feed h4 {
  font-weight: bold;
}
.feed .newsfeed,
.feed ul.newsfeed {
  border-top: 1px solid #eeeeee;
}
.feed .newsfeed .feed-link,
.feed ul.newsfeed .feed-link,
.feed .newsfeed h5.feed-link,
.feed ul.newsfeed h5.feed-link {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}
.latestusers,
ul.latestusers {
  margin-left: 0;
}
.latestusers li,
ul.latestusers li {
  background: #eeeeee;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px;
}
.stats-module dt,
.stats-module dd {
  display: inline-block;
  margin: 0;
}
.stats-module dt {
  font-weight: bold;
  width: 35%;
}
.stats-module dd {
  width: 60%;
}
.tagspopular ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.tagspopular ul > li {
  color: #555555;
  display: inline-block;
  margin: 0 5px 5px 0;
}
.tagspopular ul > li > a {
  background: #eeeeee;
  border-radius: 3px;
  color: #555555;
  display: block;
  padding: 2px 5px;
}
.tagspopular ul > li > a:hover,
.tagspopular ul > li > a:focus,
.tagspopular ul > li > a:active {
  background: #16cba7;
  color: #ffffff;
  text-decoration: none;
}
.tagssimilar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tagssimilar ul > li {
  border-bottom: 1px solid #eeeeee;
  padding: 8px 0;
}
.tagssimilar ul > li > a {
  color: #555555;
}
.tagssimilar ul > li > a:hover,
.tagssimilar ul > li > a:focus,
.tagssimilar ul > li > a:active {
  color: #16cba7;
}
.module-ct > ol.breadcrumb {
  padding: 6px 12px;
  margin-left: 0;
}
.border-boxed {
  padding: 0px;
  border: 1px solid #F8F8F8;
}
.service-hover {
  position: relative;
  height: 300px;
  padding: 30px;
  cursor: pointer;
  text-align: center;
}
.service-hover .jb-feature-icon {
  padding: 60px 0 0 0;
  display: block;
  -webkit-transform: translateY(10px);
  -moz-transform: -moz-translateY(10px);
  -ms-transform: -ms-translateY(10px);
  transform: translateY(10px);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  -webkit-transition: transform 0.3s, opacity 0.2s;
}
.service-hover .jb-feature-icon em {
  color: #18e2ba;
  font-size: 38px;
  margin-bottom: 10px;
}
.service-hover .jb-feature-icon h3 {
  text-transform: uppercase;
  font-size: 18px;
  margin: 10px 0;
}
.service-hover .jb-feature-dec {
  color: #ffffff;
  display: inline-block;
  -webkit-transform: translateY(10px);
  -moz-transform: -moz-translateY(10px);
  -ms-transform: -ms-translateY(10px);
  transform: translateY(10px);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  -webkit-transition: transform 0.3s, opacity 0.2s;
}
.service-hover:hover {
  background: #18e2ba;
  position: relative;
  height: 300px;
}
.service-hover:hover .jb-feature-icon {
  padding: 30px 0 0 0;
  display: block;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.service-hover:hover .jb-feature-icon em {
  color: #ffffff;
  font-size: 38px;
  margin-bottom: 10px;
}
.service-hover:hover .jb-feature-icon h3 {
  text-transform: uppercase;
  font-size: 18px;
  margin: 10px 0;
  color: #ffffff;
}
.service-hover:hover .jb-feature-dec {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.service-hover-1 {
  position: relative;
  height: 300px;
  padding: 30px;
  cursor: pointer;
  text-align: center;
}
.service-hover-1 .jb-feature-icon {
  padding: 60px 0 0 0;
  display: block;
  -webkit-transform: translateY(10px);
  -moz-transform: -moz-translateY(10px);
  -ms-transform: -ms-translateY(10px);
  transform: translateY(10px);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  -webkit-transition: transform 0.3s, opacity 0.2s;
}
.service-hover-1 .jb-feature-icon em {
  color: #ffffff;
  font-size: 38px;
  margin-bottom: 10px;
}
.service-hover-1 .jb-feature-icon h3 {
  text-transform: uppercase;
  font-size: 18px;
  margin: 10px 0;
  color: #ffffff;
}
.service-hover-1 .jb-feature-dec {
  color: #ffffff;
  display: inline-block;
  -webkit-transform: translateY(10px);
  -moz-transform: -moz-translateY(10px);
  -ms-transform: -ms-translateY(10px);
  transform: translateY(10px);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  -webkit-transition: transform 0.3s, opacity 0.2s;
}
.service-hover-1:hover {
  position: relative;
  height: 300px;
}
.service-hover-1:hover .jb-feature-icon {
  padding: 30px 0 0 0;
  display: block;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.service-hover-1:hover .jb-feature-icon em {
  color: #ffffff;
  font-size: 38px;
  margin-bottom: 10px;
}
.service-hover-1:hover .jb-feature-icon h3 {
  text-transform: uppercase;
  font-size: 18px;
  margin: 10px 0;
  color: #ffffff;
}
.service-hover-1:hover .jb-feature-dec {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.process-box {
  color: #ffffff;
  font-weight: 300;
  text-align: center;
  padding: 20px 0px !important;
}
.process-box .widget {
  padding: 30px 60px;
}
.process-box .widget .icon-container {
  font-size: 24px;
  border: 2px solid #ffffff;
  width: 100px;
  position: relative;
  height: 100px;
  display: block;
  margin: 0px auto 25px;
  line-height: 105px;
  font-family: Montserrat,sans-serif;
}
.process-box .widget h3 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
}
.full-image-section {
  padding: 0px;
  background-color: #FFF;
  position: relative;
  overflow: hidden;
}
.full-image-section .image-container.pull-right {
  right: 0px;
}
.full-image-section .image-container {
  z-index: 999;
  height: 100%;
  padding: 0px;
  bottom: 0px;
  position: absolute;
  top: 0px;
}
.background-image-wrapper {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  z-index: 0;
  background-position: 50% 50% !important;
  position: absolute;
}
.full-image-section .background-image {
  bottom: 0px;
  right: 0px;
  z-index: 9999;
  position: absolute;
}
.mini-title {
  position: absolute;
  z-index: 1111;
  top: 50%;
  left: 0px;
  text-align: center;
  right: 0px;
}
.mini-title h2 {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
}
.service-style-1 {
  display: block;
  margin: 25px 0px;
  min-height: 130px;
  position: relative;
}
.myservices .title h3 {
  font-size: 18px;
  font-weight: 400;
}
.myservices .title h3 em {
  font-size: 31px;
  vertical-align: text-top;
  padding: 0px 15px 0px 0px;
  color: #18e2ba;
}
.jb-home-portfolio {
  background-image: url(/templates/jb_creativ/images/creativ/pattern.png);
  background-repeat: repeat;
  background-size: 100%;
  text-align: center;
}
.jb-home-portfolio .t3-module {
  margin-bottom: 0px;
}
.jb-home-portfolio .modulePretext {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .jb-home-portfolio .modulePretext {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .jb-home-portfolio .modulePretext {
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .jb-home-portfolio .modulePretext {
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
  .jb-home-portfolio .modulePretext {
    max-width: 50%;
  }
}
.jb-home-portfolio .portfolio-item {
  padding: 0px;
  position: relative;
  margin-top: 36px;
}
.jb-home-portfolio .portfolio-item .ImageWrapper {
  box-shadow: none;
}
.jb-home-portfolio .portfolio-item .ImageWrapper h3,
.jb-home-portfolio .portfolio-item .ImageWrapper p {
  color: #ffffff !important;
}
.jb-home-portfolio .portfolio-item .ImageWrapper h3 {
  margin-top: 0px;
  margin-bottom: 20px;
}
.jb-home-portfolio .portfolio-item .ImageWrapper .StyleH {
  top: 39%;
}
.jb-home-portfolio .portfolio-item .divider-hover {
  background-image: url(/templates/jb_creativ/images/creativ/hr2.png);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 9px;
  margin: 10px auto 15px;
  padding: 0px;
  position: relative;
  width: 100px;
}
.sp-simpleportfolio-view-item .sp-simpleportfolio-image img {
  width: 100%;
}
.sp-simpleportfolio-view-item .sp-simpleportfolio-details .sp-simpleportfolio-description {
  float: none;
  width: 100%;
}
.sp-simpleportfolio-view-item .sp-simpleportfolio-details .sp-simpleportfolio-meta {
  float: none;
  width: 100%;
  padding-left: 0px;
}
.bg-pattan {
  background-image: url(/templates/jb_creativ/images/creativ/pattern.png);
  background-repeat: repeat;
  text-align: center;
}
.bg-pattan .t3-module {
  margin-bottom: 0px;
}
.jb-home-blog .t3-module {
  margin-bottom: 0px;
}
.jb-home-blog .modulePretext {
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 767px) {
  .jb-home-blog .modulePretext {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .jb-home-blog .modulePretext {
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .jb-home-blog .modulePretext {
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
  .jb-home-blog .modulePretext {
    max-width: 50%;
  }
}
.jb-home-blog .blog-item {
  margin-top: 36px;
}
.jb-home-blog .blog-item .ImageWrapper {
  box-shadow: none;
}
.jb-home-blog .blog-item .ImageWrapper h3,
.jb-home-blog .blog-item .ImageWrapper p {
  color: #ffffff !important;
}
.jb-home-blog .blog-item .meta {
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.jb-home-blog .blog-item .blog-title h3 a {
  color: #282828;
  line-height: 1.5;
  font-weight: 700;
}
.jb-footer-subscrib .acymailing_introtext {
  font-size: 14px;
  padding: 0px;
  font-weight: 400;
  margin: 0px;
  color: #F5F5F5;
  font-family: 'Montserrat', sans-serif;
}
.jb-footer-subscrib .acymailing_form {
  position: relative;
  width: 100%;
  margin: 11px -7px 0;
}
.jb-footer-subscrib .acymailing_form .inputbox {
  background: #202020 none repeat scroll 0% 0%;
  height: 45px;
  color: #444;
  border-radius: 500px;
  border-color: #202020;
}
.jb-footer-subscrib .acymailing_form .acysubbuttons input {
  border-radius: 500px;
  position: absolute;
  right: 8px;
  top: 5px;
}
.jb-rest-subscriber .acymailing_introtext {
  font-size: 24px;
  color: #ffffff;
  line-height: 1.7;
  padding: 3% 14% 2% !important;
  font-family: 'Montserrat', sans-serif;
}
.jb-rest-subscriber .acymailing_form {
  position: relative;
  width: 100%;
  margin: auto;
}
.jb-rest-subscriber .acymailing_form .fieldacyname,
.jb-rest-subscriber .acymailing_form .fieldacyemail {
  display: inline-block;
}
.jb-rest-subscriber .acymailing_form .fieldacyname label,
.jb-rest-subscriber .acymailing_form .fieldacyemail label {
  position: relative;
  top: 37px;
  color: #ffffff;
  font-weight: 300;
}
.jb-rest-subscriber .acymailing_form .inputbox {
  background: #2F2F2F;
  height: 45px;
  color: #ffffff;
  border-radius: 500px;
  border-color: #2F2F2F;
  display: inline-flex;
}
.jb-rest-subscriber .acymailing_form .acysubbuttons input {
  border-radius: 500px;
  padding: 11px 53px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .welcome-message {
    background: #f6f6f6;
    display: block;
    margin: auto;
    padding: 50px;
    position: relative;
    width: 100%;
    z-index: 99;
    text-align: center;
  }
  .welcome-message img {
    margin: 0 auto;
    display: block;
  }
  .welcome-message h3 {
    margin: 0 auto;
  }
  .welcome-message .btn {
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .welcome-message {
    background: #f6f6f6;
    display: block;
    margin: auto;
    padding: 50px;
    position: relative;
    width: 100%;
    z-index: 99;
    text-align: center;
  }
  .welcome-message img {
    margin: 0 auto;
    display: block;
  }
  .welcome-message h3 {
    margin: 0 auto;
    text-align: center;
  }
  .welcome-message .btn {
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .welcome-message {
    background: url(/templates/jb_creativ/images/creativ/messageb.png) -34px top no-repeat;
    display: block;
    margin: auto;
    padding: 40px;
    position: relative;
    width: 100%;
    z-index: 99;
    text-align: none;
  }
  .welcome-message img {
    display: inline;
  }
  .welcome-message h3 {
    margin: -9px;
  }
}
@media (min-width: 1200px) {
  .welcome-message {
    background: url(/templates/jb_creativ/images/creativ/messageb.png) -34px top no-repeat;
    display: block;
    margin: auto;
    padding: 40px;
    position: relative;
    width: 100%;
    z-index: 99;
    text-align: none;
  }
  .welcome-message img {
    display: inline;
  }
  .welcome-message h3 {
    margin: -9px;
  }
}
.services_vertical {
  overflow: hidden;
  padding: 30px 0px 0px;
}
.service_vertical_box {
  margin: 20px 0px 0px !important;
}
.service_vertical_box {
  overflow: hidden;
  display: block;
}
.service_vertical_box .service-icon {
  border-color: #18e2ba;
  text-decoration: none !important;
  color: #ffffff !important;
  background-color: #18e2ba;
}
.service_vertical_box .service-icon {
  clear: both;
  color: #ffffff;
  display: block;
  float: left;
  font-size: 24px;
  height: 70px;
  line-height: 70px;
  margin: 0px 30px 30px 10px;
  text-align: center;
  width: 70px;
}
.service_vertical_box h3 {
  margin: 0px;
  text-transform: uppercase;
  font-size: 18px;
}
.color-black .gp-number .gb-count .gp-icon {
  line-height: 48px;
  color: #0BBFF2;
  font-size: 48px;
  display: inline;
}
.color-black .gp-number .odometer {
  color: #333333 !important;
}
.color-black .gp-number p {
  color: #333333;
}
.gp-number {
  text-align: center;
}
@media (max-width: 767px) {
  .gp-number {
    padding: 50px 0px;
  }
}
@media (min-width: 768px) {
  .gp-number {
    padding: 60px 0px;
  }
}
@media (min-width: 992px) {
  .gp-number {
    padding: 90px 0px;
  }
}
.gp-number .gp-count .gp-icon {
  line-height: 48px;
  font-size: 48px;
  display: block;
}
.gp-number .gp-count .odometer {
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 48px;
}
.gp-number p {
  font-size: 22px;
  text-transform: capitalize;
  font-weight: 300;
  margin-top: 20px;
  color: #ffffff;
  text-align: center;
}
#colorful-tab .nav-tabs > li > a {
  border: 1px solid transparent;
  height: 80px;
  line-height: 80px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  width: 80px;
}
#colorful-tab .nav-tabs > li {
  margin: 0 5px;
}
#colorful-tab .service-icon img {
  display: block;
  max-width: 120px;
  position: relative;
  width: 120px;
  height: 120px;
}
#colorful-tab .service-icon {
  background: 0 0;
}
#colorful-tab .service_vertical_box {
  padding: 30px 40px;
  color: #fff;
}
#colorful-tab .service_vertical_box .service-icon {
  margin: auto;
  width: auto;
  height: auto;
}
#colorful-tab .service_vertical_box h3 {
  color: #fff;
  text-transform: uppercase;
}
#colorful-tab .nav-tabs > li.active > a,
#colorful-tab .nav-tabs > li.active > a:focus,
#colorful-tab .nav-tabs > li.active > a:hover,
#colorful-tab .nav-tabs > li > a,
#colorful-tab .nav-tabs > li > a:focus,
#colorful-tab .nav-tabs > li > a:hover {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: transparent;
  border-color: transparent;
  border-image: none;
  border-style: solid;
  border-width: 0;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
}
#colorful-tab .nav-tabs {
  border: none;
  margin-bottom: 30px;
}
#colorful-tab .nav-tabs > li.active > a,
#colorful-tab .nav-tabs > li.active > a:focus,
#colorful-tab .nav-tabs > li.active > a:hover {
  width: 100px;
  height: 100px;
  font-size: 34px;
  line-height: 100px;
}
#colorful-tab .nav-pills > li,
#colorful-tab .nav-tabs > li {
  float: none;
  display: inline-block;
  zoom: 1;
}
#colorful-tab .nav-tabs {
  text-align: center;
}
.shortcode-widget.section-content {
  margin-bottom: 0 !important;
}
.shortcode-widget p {
  margin: 25px 0 0;
}
.shortcode-widget h3 {
  font-size: 30px !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  font-weight: 700;
  text-transform: uppercase;
}
.progress {
  background: #DBDBDB none repeat scroll 0% 0%;
  border-radius: 15px;
  box-shadow: none !important;
  height: 20px;
  margin: 40px 0px 20px !important;
  position: relative;
}
.progress-bar-green {
  background: #52c854;
}
.progress-bar-red {
  background: #f65353;
}
.progress-bar-yellow {
  background: #ffcc0e;
}
.progress-bar-purple {
  background: #564bb5;
}
.progress-bar-tael {
  background: #18e2ba;
}
.colorfulbg-blue,
.progress-bar-blue {
  background: #03acdc;
}
.progress > .progress-type {
  background-color: rgba(25, 25, 25, 0.2);
  color: #FFF;
  left: 0px;
  font-weight: 400;
  font-size: 12px;
  padding: 0px 10px;
  position: absolute;
}
.progress > .progress-completed {
  position: absolute;
  right: 0px;
  color: #242424;
  font-size: 12px;
  padding: 0px 20px 0px 0px;
}
.pricing-box {
  background: #fff;
  text-align: center;
  padding: 40px 20px;
  cursor: pointer;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.pricing-box.background-gray {
  background: #f5f5f5;
}
.pricing-box h3 {
  text-transform: uppercase;
}
.pricing-box h1 {
  font-size: 100px;
  font-weight: 700;
  max-width: 230px;
  margin: auto;
  position: relative;
}
.pricing-box h1 sup {
  font-size: 24px;
  vertical-align: top;
  top: 25px;
}
.pricing-box h1 em {
  bottom: 0;
  font-size: 24px;
  position: absolute;
  right: 30px;
  vertical-align: middle;
}
.pricing-box.active h1,
.pricing-box.active h3,
.pricing-box:hover h1,
.pricing-box:hover h3 {
  color: #fff !important;
}
.pricing-box.active .btn,
.pricing-box:hover .btn {
  background: #fff !important;
  color: #242424;
}
.pricing-head {
  position: relative;
}
.pricing-body ul {
  padding: 20px 0;
}
.pricing-body ul li {
  padding: 10px 0;
  list-style: none;
}
.pricing-box.active,
.pricing-box:hover {
  border-color: #18e2ba;
  text-decoration: none !important;
  color: #ffffff !important;
  background: #18e2ba none repeat scroll 0% 0%;
}
.testimonials-bg {
  background: url(/templates/jb_creativ/images/creativ/about_07.jpg) no-repeat fixed;
  background-size: 100%;
}
.testimonials-bg-2 {
  background: url(/templates/jb_creativ/images/creativ/about_12.jpg) no-repeat fixed;
  background-size: 100%;
}
.skills-bg {
  background: url(/templates/jb_creativ/images/creativ/about_02.jpg) repeat scroll;
  background-size: 100%;
}
.owl-carousel .owl-controls {
  position: initial !important;
  padding-top: 0px;
  margin-top: 0px;
}
.owl-carousel .owl-controls .owl-buttons [class*="owl-"] {
  background: #FFF;
  border: 0px solid #FFF;
  border-radius: 100%;
  color: #242424;
  cursor: pointer;
  display: inline-block;
  font-size: 28px;
  height: 60px;
  line-height: 66px;
  margin: 0px 3px;
  padding: 0px;
  text-align: center;
  width: 60px;
}
.owl-carousel .owl-controls .owl-buttons [class*="owl-"]:hover {
  color: #fff !important;
  background: #17dfbe;
  background: -moz-linear-gradient(top, #17dfbe 0, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #17dfbe), color-stop(24%, #15dac0), color-stop(57%, #0dc8cb), color-stop(86%, #06b4d7), color-stop(100%, #04afda));
  background: -webkit-linear-gradient(top, #17dfbe 0, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%);
  background: -o-linear-gradient(top, #17dfbe 0, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%);
  background: -ms-linear-gradient(top, #17dfbe 0, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%);
}
.owl-carousel .owl-controls .owl-buttons .owl-prev {
  position: absolute;
  left: 0px;
  top: 40%;
  height: 66px;
  width: 66px;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev .icon-chevron-left {
  margin-top: 12px;
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
  position: absolute;
  right: 0px;
  top: 40%;
  height: 66px;
  width: 66px;
}
.owl-carousel .owl-controls .owl-buttons .owl-next .icon-chevron-right {
  margin-top: 12px;
}
.owl-item .jbt-avatar img {
  width: 100px !important;
}
.owl-item .jbt-avatar-name {
  font-size: 16px !important;
  margin: 20px 0px 5px;
  text-transform: uppercase;
}
.owl-item .jbt-avatar-company {
  font-weight: 700;
  color: #18e2ba;
  text-transform: uppercase;
}
.owl-item .jbt-quote:before {
  display: none;
}
.owl-item .jbt-quote .jb-responsive-testimonal-quote {
  font-weight: 300;
  font-family: Georgia, Times, Times New Roman, serif;
  margin-top: 25px;
  color: #A4A4A4;
  font-size: 22px;
  font-style: italic;
  padding: 40px;
}
.jbt-style-3 .jbt-avatar-name {
  font-size: 16px !important;
  margin: 20px 0px 5px;
  text-transform: uppercase;
}
.jbt-style-3 .jbt-avatar-company {
  font-weight: 700;
  color: #18e2ba;
  text-transform: uppercase;
}
.jbt-style-3 .jbt-quote {
  margin-bottom: 0px;
}
.jbt-style-3 .jbt-quote .jb-responsive-testimonal-quote {
  font-weight: 300;
  font-family: Georgia,Times,Times New Roman,serif;
  margin-top: 25px;
  color: #A4A4A4;
  font-size: 18px;
  font-style: italic;
  padding: 0px;
}
.bg-img-fixed {
  background-size: cover !important;
  display: table;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
  vertical-align: sub;
  background-color: rgba(255, 255, 255, 0);
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  padding: 90px 0px;
  z-index: 10;
}
.home-2-icon-hover {
  position: relative;
  height: 200px;
  padding: 20px;
  cursor: pointer;
  text-align: center;
}
.home-2-icon-hover .jb-feature-icon {
  padding: 60px 0 0 0;
  display: block;
  -webkit-transform: translateY(10px);
  -moz-transform: -moz-translateY(10px);
  -ms-transform: -ms-translateY(10px);
  transform: translateY(10px);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  -webkit-transition: transform 0.3s, opacity 0.2s;
}
.home-2-icon-hover .jb-feature-icon em {
  color: #ffffff;
  font-size: 38px;
  margin-bottom: 10px;
}
.home-2-icon-hover .jb-feature-dec {
  color: #ffffff;
  display: inline-block;
  -webkit-transform: translateY(10px);
  -moz-transform: -moz-translateY(10px);
  -ms-transform: -ms-translateY(10px);
  transform: translateY(10px);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  -webkit-transition: transform 0.3s, opacity 0.2s;
}
.home-2-icon-hover .jb-feature-dec h3 {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 16px;
}
.home-2-icon-hover:hover {
  position: relative;
  height: 200px;
}
.home-2-icon-hover:hover .jb-feature-icon {
  padding: 30px 0 0 0;
  display: block;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.home-2-icon-hover:hover .jb-feature-icon em {
  color: #ffffff;
  font-size: 38px;
  margin-bottom: 10px;
}
.home-2-icon-hover:hover .jb-feature-dec {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.home-2-icon-hover:hover .jb-feature-dec h3 {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 16px;
}
.background-image-wrapper {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  z-index: 0;
  background-position: 50% 50% !important;
  position: absolute;
}
.background-image {
  position: absolute;
  right: 0px;
  z-index: 9999;
}
.team-member .social-icons {
  display: inline-block;
  float: none;
  margin: -66px auto;
  position: relative;
  text-align: center;
}
.team-member .social-icons em {
  margin: 10px 0;
  display: block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  color: #ffffff;
  background: #18e2ba;
}
.team_desc {
  *margin-top: 20px;
}
.team_desc h3 {
  margin-bottom: 5px;
  margin-top: 0px;
  font-size: 20px !important;
}
.team-member {
  text-align: center;
}
.team-list .owl-team {
  margin: 30px 0;
}
.social-icons span a {
  text-decoration: none !important;
}
.carousel .section-content {
  margin-bottom: 40px;
}
.carousel .section-content h3 {
  text-transform: uppercase;
  font-weight: 700;
}
.carousel .carousel-control {
  *position: absolute !important;
  margin: 5px;
  width: 30px;
  height: 30px;
  top: inherit;
  left: inherit;
  bottom: inherit;
  text-shadow: none;
  opacity: 1;
  color: #ffffff !important;
  border-radius: 500px;
  background: #17dfbe !important;
  background: -moz-linear-gradient(top, #17dfbe 0, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #17dfbe), color-stop(24%, #15dac0), color-stop(57%, #0dc8cb), color-stop(86%, #06b4d7), color-stop(100%, #04afda));
  background: -webkit-linear-gradient(top, #17dfbe 0, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%);
  background: -o-linear-gradient(top, #17dfbe 0, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%);
  background: -ms-linear-gradient(top, #17dfbe 0, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%);
}
.carousel .carousel-control em {
  line-height: 30px;
}
.carousel .carousel-control.left {
  background-image: none;
}
.carousel .carousel-control.right {
  background-image: none;
  right: 84%;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  color: #fff !important;
  background: #17dfbe !important;
  background: -moz-linear-gradient(top, #17dfbe 0, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #17dfbe), color-stop(24%, #15dac0), color-stop(57%, #0dc8cb), color-stop(86%, #06b4d7), color-stop(100%, #04afda));
  background: -webkit-linear-gradient(top, #17dfbe 0, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%);
  background: -o-linear-gradient(top, #17dfbe 0, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%);
  background: -ms-linear-gradient(top, #17dfbe 0, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%);
}
#first-slider .owl-controls,
#second-slider .owl-controls {
  display: inline-block !important;
}
.social-section {
  position: relative;
  z-index: 100;
}
.social {
  padding: 50px 0;
  position: relative;
  text-align: center;
}
.social a {
  color: #fff;
}
.social-facebook-bg {
  background: #4d6bab;
}
.social-google-plus-bg {
  background: #f24f42;
}
.social-dribbble-bg {
  background: #e56293;
}
.social-twitter-bg {
  background: #4ec6f8;
}
.square-service {
  padding: 0px 30px;
  text-align: center;
  margin-top: 30px;
}
.icon-container {
  font-family: Montserrat,sans-serif;
  font-size: 24px;
  border: 1px solid #FFF;
  width: 100px;
  position: relative;
  height: 100px;
  display: block;
  margin: 0px auto;
  line-height: 105px !important;
}
.square-service i,
.square-service em {
  font-size: 34px !important;
  color: #ffffff;
}
.square-service h3 {
  font-size: 18px !important;
  text-transform: uppercase;
}
.bigger-image img {
  margin: 80px auto 20px;
}
.accordion .accordion-heading .accordion-toggle > em {
  background-color: #fff;
  border-radius: 100px;
  color: #18e2ba;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
  text-align: center;
  width: 32px;
}
.accordion .accordion-heading .accordion-toggle > em:hover {
  background: #18e2ba;
  color: #ffffff;
}
.accordion .accordion-heading .accordion-toggle > em {
  background: #18e2ba;
  color: #ffffff;
}
.section-white .accordion .accordion-heading .accordion-toggle > em {
  background-color: #f5f5f5;
}
.accordion-inner p {
  padding-left: 45px;
}
.accordion .accordion-heading .accordion-toggle {
  color: #282828;
  font-family: Montserrat,sans-serif;
  cursor: pointer;
  font-size: 16px;
  display: block;
  margin: 5px 0 15px;
  outline: 0 !important;
  padding: 5px 0!important;
  text-decoration: none;
}
.sp-simpleportfolio-filter ul li a {
  border-radius: 500px !important;
  background: transparent !important;
  font-weight: bold;
  color: #999999 !important;
  font-family: 'Montserrat', sans-serif;
  outline: none;
}
.sp-simpleportfolio-filter ul li a:hover {
  background: #18e2ba !important;
  color: #ffffff !important;
}
.sp-simpleportfolio-filter ul .active a {
  background: #18e2ba !important;
  color: #ffffff !important;
}
.sp-simpleportfolio-items .ImageWrapper .sp-simpleportfolio-tags p {
  color: #ffffff;
}
#sp-simpleportfolio .ImageWrapper .StyleH {
  top: 40%;
}
#sp-simpleportfolio .ImageWrapper .StyleH .sp-simpleportfolio-tags p {
  color: #ffffff;
}
.j2store-product-filters {
  margin-bottom: 40px;
}
.price-filters .ui-widget {
  width: 93% !important;
}
.price-filters #j2store-slider-range {
  display: inline-block;
  margin-top: 15px;
}
.price-filters #j2store-slider-range .ui-slider-range {
  background: #18e2ba !important;
}
.price-filters #j2store-slider-range .ui-slider-handle {
  background: #ffffff !important;
  border-radius: 0px;
  top: -0.4em;
  border: 2px solid #18e2ba;
  margin-left: -3px;
}
.price-filters .price-input-box {
  margin-top: 15px;
}
.category-filters .j2product-categories a {
  font-size: 14px;
  cursor: pointer;
  padding: 10px 15px;
  border-bottom: 1px solid #eeeeee;
  border-radius: 0px;
  font-weight: 400;
  color: #333333;
}
.category-filters .j2product-categories a:hover {
  cursor: pointer;
  background: #18e2ba;
  color: #ffffff;
}
.category-filters .j2product-categories a i {
  margin: 5px;
}
.jb-filter-author .j2store-product-brand-label {
  display: block;
  font-size: 14px;
  padding: 5px 15px;
  color: #282828;
  font-weight: normal;
  border-bottom: 1px solid #eee;
}
.jb-products-filter-head {
  padding: 10px;
}
.jb-products-filter-head select,
.jb-products-filter-head .j2store-product-search-input,
.jb-products-filter-head .inputbox {
  padding: 0px 10px 0px;
  box-shadow: none;
  border-radius: 0px;
  border-color: #eeeeee;
}
.jb-shop-grid {
  margin-top: 20px;
  text-align: center;
  border: 1px solid #f6f6f6;
}
.jb-shop-grid .jb-j2store-content-block {
  background: #fafafa;
  border-top: 1px solid #fafafa;
  padding: 14px 0px;
}
.jb-shop-grid .jb-j2store-content-block .product-title {
  text-transform: uppercase;
  margin: 0px;
}
.jb-shop-grid .jb-j2store-content-block .product-title a {
  font-size: 16px;
  color: #333333;
  text-transform: uppercase;
}
.jb-shop-grid .jb-j2store-content-block .product-price-container {
  text-align: center;
}
.jb-shop-grid .jb-j2store-content-block .product-price-container .base-price {
  float: none;
  display: inline;
}
.jb-shop-grid .jb-j2store-content-block .product-price-container .strike {
  text-decoration: line-through;
  margin-right: 10px;
  color: #a8a8a8 !important;
  font-size: 14px;
  font-weight: bold;
}
.jb-shop-grid .jb-j2store-content-block .product-price-container .sale-price {
  color: #18e2ba;
  display: inline;
}
.jb-shop-grid .jb-j2store-content-block .discount-percentage {
  position: absolute;
  display: block;
  right: 16px;
  top: 26px;
  z-index: 50;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  background: #333333;
  color: #ffffff;
  line-height: 16px;
  overflow: hidden;
  backface-visibility: hidden;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  padding-top: 15px;
}
.jb-shop-grid .jb-j2store-content-block .discount-percentage p {
  margin: 13px 0px !important;
}
.j2store-single-product .j2store-view-back-button {
  margin-bottom: 20px;
}
.j2store-single-product .simple-product .j2store-mainimage {
  text-align: center;
  border: 1px solid #eeeeee;
}
.j2store-single-product .j2store-product-additional-images {
  margin-top: 20px;
}
.j2store-single-product .j2store-product-additional-images .additional-image-list {
  margin-bottom: 20px;
}
.j2store-single-product .j2store-product-additional-images .additional-image-list li {
  border: 3px solid #eeeeee;
  display: inline-block;
  border-radius: 4px;
}
.j2store-single-product .j2store-product-additional-images .additional-image-list li:hover {
  border-color: #18e2ba;
}
.j2store-single-product .jb-product-detail-right .jb-sdesc {
  padding: 0px 0px 15px;
  border-bottom: 1px solid #eeeeee;
}
.j2store-single-product .jb-product-detail-right .no-padding {
  padding-left: 0px;
  padding-right: 0px;
}
.j2store-single-product .product-title {
  color: #282828;
  text-transform: capitalize;
  font-size: 24px;
  margin-top: 0px;
}
.j2store-single-product .price-sku-brand-container {
  margin-top: 25px;
}
.j2store-single-product .price-sku-brand-container .strike {
  text-decoration: line-through;
  margin-right: 10px;
  color: #a8a8a8 !important;
  font-size: 14px;
  font-weight: bold;
}
.j2store-single-product .price-sku-brand-container .sale-price {
  color: #18e2ba;
  display: inline;
  font-weight: bold;
  font-size: 28px;
}
.j2store-single-product .price-sku-brand-container .sale-price .zero-price {
  font-size: 18px;
  font-weight: 400;
}
.j2store-single-product .price-sku-brand-container .sku-text,
.j2store-single-product .price-sku-brand-container .manufacturer-brand-text {
  font-weight: bold;
}
.j2store-single-product .j2store-add-to-cart {
  margin-left: 0px;
  display: block;
}
.j2store-single-product .j2store-add-to-cart .product-qty {
  display: inline;
}
.j2store-single-product .j2store-add-to-cart .product-qty .input-mini {
  border: 3px solid #eeeeee;
  width: 70px !important;
  box-shadow: none;
  height: 50px;
}
.j2store-single-product .j2store-add-to-cart .j2store-cart-button {
  border-radius: 3px;
  margin: 5px;
}
.j2store-single-product #j2store_app_shareButton {
  margin-top: 20px;
}
.j2store-single-product #j2store_app_shareButton a {
  border: 1px solid #eaeaea;
  border-radius: 50%;
  display: inline-block;
  height: 32px;
  line-height: 28px;
  margin-right: 6px;
  text-align: center;
  width: 32px;
}
.j2store-single-product #j2store_app_shareButton a img {
  opacity: 0.6;
  transition: all 0.4s ease 0s;
}
.j2store-single-product #j2store_app_shareButton a:hover {
  opacity: 1;
  border: 1px solid #333333;
}
.j2store-single-product .j2store-addtocart-form {
  margin-bottom: 10px;
}
.j2store-single-product .j2store-addtocart-form .options .col-sm-6 {
  padding: 0px;
}
.j2store-single-product .j2store-addtocart-form .options .option {
  width: 49%;
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 20px;
}
.j2store-single-product .j2store-addtocart-form .options .option .required {
  display: inline;
  float: left;
  color: #ff0000;
}
.j2store-single-product .j2store-addtocart-form .options .option b {
  display: block;
  text-transform: uppercase;
}
.j2store-single-product .j2store-addtocart-form .options .option select {
  border-radius: 0px;
  width: 100%;
  border: 3px solid #eeeeee;
  box-shadow: none;
  height: 50px;
}
.j2store-single-product .product-qty {
  display: block;
  margin-bottom: 10px;
}
.j2store-single-product .product-qty p {
  display: inline-block;
}
.j2store-single-product .nav-tabs {
  border-bottom: none;
  margin-bottom: 20px;
  margin-top: 20px;
}
.j2store-single-product .nav-tabs li a {
  border: 2px solid #eeeeee;
  border-radius: 3px;
  outline: none;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.j2store-single-product .nav-tabs li a:hover {
  background: #18e2ba;
  color: #ffffff;
  border: 2px solid #18e2ba;
}
.j2store-single-product .nav-tabs > li.active > a,
.j2store-single-product .nav-tabs > li.active > a:hover,
.j2store-single-product .nav-tabs > li.active > a:focus {
  border: 2px solid #18e2ba;
  border-radius: 3px;
  background-color: #18e2ba;
  color: #ffffff;
}
.j2store-single-product .tab-content {
  background: #f6f6f6;
  padding: 2.4em 2em 2.4em;
  border-radius: 3px;
}
.j2store-single-product .tab-content .product-sdesc td,
.j2store-single-product .tab-content .product-sdesc th {
  border: none;
  text-transform: capitalize;
}
.j2store-single-product .tab-content #j2store-comments h4 {
  border-bottom: none;
  padding: 0px 24px;
}
.j2store-single-product .tab-content #j2store-comments .rss {
  background: url(/templates/jb_creativ/images/system/feed.png) no-repeat !important;
}
.j2store-single-product .tab-content #j2store-comments .refresh {
  background: url(/templates/jb_creativ/images/system/refresh.png) no-repeat !important;
  padding: 0px 0px 0px 16px;
}
.j2store-single-product .tab-content #j2store-comments .comments-list {
  margin-left: 0px;
}
.j2store-single-product .tab-content #j2store-comments .comments-list .rbox {
  border: none;
  padding: 17px 40px;
}
.j2store-single-product .tab-content #j2store-comments .comments-list .rbox .comment-box .comment-body {
  color: #999999;
  margin-top: 10px;
  font-size: 14px;
  line-height: 28px;
}
.j2store-single-product .tab-content #j2store-comments .comments-list .comments-inline-edit {
  padding: 20px;
}
.j2store-single-product .tab-content #j2store-comments #comments-form input {
  width: 100%;
  height: 40px;
  border-radius: 3px;
  border-color: #f6f6f6;
}
.j2store-single-product .tab-content #j2store-comments #comments-form textarea {
  max-width: 100% !important;
  width: 100% !important;
  border-radius: 3px;
  border-color: #f6f6f6;
}
.j2store-single-product .tab-content #j2store-comments #comments-form .grippie {
  max-width: 100% !important;
  width: 100% !important;
}
.j2store-single-product .tab-content #j2store-comments #comments-form label {
  font-family: 'Source Sans Pro', sans-serif !important;
}
.j2store-single-product .tab-content #j2store-comments .checkbox {
  width: auto !important;
}
.j2store-single-product .tab-content #j2store-comments #comments-form-buttons .btn {
  background-image: none !important;
}
.j2store-single-product .tab-content #j2store-comments #comments-form-buttons .btn div {
  background-image: none !important;
}
.j2store-single-product .tab-content #j2store-comments #comments-form-buttons .btn div a {
  padding: 10px 20px;
  background: #18e2ba;
  border: 2px solid #18e2ba;
  color: #ffffff;
  height: auto !important;
  line-height: inherit;
  display: inline-block;
  border-radius: 3px;
  font-family: 'Source Sans Pro', sans-serif !important;
}
.j2store-single-product .tab-content #j2store-comments #comments-form-buttons .btn div a:hover {
  background: #16cba7;
  border: 2px solid #16cba7;
}
.app_emailtofriend a {
  font-weight: bold;
  color: #333333;
  outline: none;
  margin-top: 15px;
  display: block;
}
.app_emailtofriend .icon {
  border-radius: 100%;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  text-align: center;
  width: 30px;
}
.jb-shop-page-slider .owl-item {
  padding: 5px;
}
.jb-shop-page-slider .owl-item .item {
  border: 1px solid #eeeeee;
}
.jb-shop-page-slider .jb-shop-page .ImageWrapper .j2store_product_image img {
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  transform: scale(1);
}
.jb-shop-page-slider .jb-shop-page .ImageWrapper:hover .j2store_product_image img {
  opacity: .5;
  -webkit-transform: scale(1);
  transform: scale(0.9);
}
.jb-shop-page-slider .jb-shop-page .j2store_product_content_block {
  background: #fafafa;
  border-top: 1px solid #fafafa;
  padding: 14px 0;
  text-align: center;
}
.jb-shop-page-slider .jb-shop-page .j2store_product_content_block .j2store_product_title {
  margin: 0px;
}
.jb-shop-page-slider .jb-shop-page .j2store_product_content_block .j2store_product_title a {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: #282828;
}
.jb-shop-page-slider .jb-shop-page .j2store_product_content_block .product-price-container {
  display: inline;
}
.jb-shop-page-slider .jb-shop-page .j2store_product_content_block .product-price-container .base-price {
  color: #18e2ba;
  display: inline;
  font-weight: bold;
  font-size: 16px;
}
.jb-shop-page-slider .jb-shop-page .j2store_product_content_block .product-price-container .strike {
  text-decoration: line-through;
  margin-right: 10px;
  color: #a8a8a8 !important;
  font-size: 14px;
}
.jb-shop-page-slider .jb-shop-page .j2store_product_content_block .product-price-container .sale-price {
  color: #18e2ba;
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
}
.jb-shop-page-slider .jb-shop-page .j2store_product_content_block .product-price-container .sale-price .zero-price {
  font-weight: 400;
}
.jb-shop-page-slider .owl-carousel .owl-controls {
  position: initial !important;
  padding-top: 0px;
  margin-top: 0px;
}
.jb-shop-page-slider .owl-carousel .owl-controls .owl-buttons [class*="owl-"] {
  background: #ffffff;
  border: 2px solid #999999;
  border-radius: 0px !important;
  color: #242424;
  cursor: pointer;
  display: inline-block;
  font-size: 28px;
  height: 60px;
  line-height: 42px;
  margin: 0px 3px;
  padding: 0px;
  text-align: center;
  width: 60px;
}
.jb-shop-page-slider .owl-carousel .owl-controls .owl-buttons [class*="owl-"]:hover {
  color: #ffffff !important;
  border: 2px solid #17dfbe;
  background: #17dfbe;
  background: -moz-linear-gradient(top, #17dfbe 0, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #17dfbe), color-stop(24%, #15dac0), color-stop(57%, #0dc8cb), color-stop(86%, #06b4d7), color-stop(100%, #04afda));
  background: -webkit-linear-gradient(top, #17dfbe 0, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%);
  background: -o-linear-gradient(top, #17dfbe 0, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%);
  background: -ms-linear-gradient(top, #17dfbe 0, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%);
  background: linear-gradient(to bottom, #17dfbe 0, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%);
}
.jb-shop-page-slider .owl-carousel .owl-controls .owl-buttons div {
  display: block;
  height: 38px;
  margin: 0px 0px 0px -30px;
  top: 50%;
  width: 38px;
  z-index: 5;
  position: absolute;
}
.jb-shop-page-slider .owl-carousel .owl-controls .owl-buttons .owl-prev {
  position: absolute;
  left: 0px;
  top: 40%;
  height: 60px;
  width: 60px;
}
.jb-shop-page-slider .owl-carousel .owl-controls .owl-buttons .owl-prev .icon-chevron-left {
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  margin-top: 7px;
}
.jb-shop-page-slider .owl-carousel .owl-controls .owl-buttons .owl-next {
  position: absolute;
  right: 0px;
  top: 40%;
  height: 60px;
  width: 60px;
}
.jb-shop-page-slider .owl-carousel .owl-controls .owl-buttons .owl-next .icon-chevron-right {
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  margin-top: 7px;
}
.freelancer .jb-home-portfolio {
  background-image: none;
}
.freelancer .jb-home-portfolio .t3-module {
  margin-bottom: 0px;
}
.freelancer .jb-home-portfolio .modulePretext {
  max-width: 50%;
  margin: 0 auto;
}
.freelancer .jb-home-portfolio .portfolio-item {
  padding: 0px;
  position: relative;
  margin-top: 36px;
}
.freelancer .jb-home-portfolio .portfolio-item .ImageWrapper {
  box-shadow: none;
}
.freelancer .jb-home-portfolio .portfolio-item .ImageWrapper h3,
.freelancer .jb-home-portfolio .portfolio-item .ImageWrapper p {
  color: #ffffff !important;
}
.freelancer .jb-home-portfolio .portfolio-item .ImageWrapper h3 {
  margin-top: 0px;
  margin-bottom: 20px;
}
.freelancer .jb-home-portfolio .portfolio-item .ImageWrapper .StyleH {
  top: 39%;
}
.freelancer .jb-home-portfolio .portfolio-item .divider-hover {
  background-image: url(/templates/jb_creativ/images/creativ/hr2.png);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 9px;
  margin: 10px auto 15px;
  padding: 0px;
  position: relative;
  width: 100px;
}
.freelancer .full-image-section {
  background-color: inherit;
}
.freelancer .section-title-2 h3 {
  color: #282828;
  display: inline-block;
  font-size: 28px;
  line-height: 1.8;
  font-weight: 700;
  margin-bottom: 20px !important;
  padding: 0px;
  text-transform: uppercase;
}
.freelancer .title-wrapper .section-title-2 h3 {
  color: #282828;
  display: inline-block;
  font-size: 28px;
  line-height: 1.8;
  font-weight: 700;
  margin-bottom: 20px !important;
  padding: 0px;
  text-transform: uppercase;
}
.freelancer .about-tabbed-wrap {
  text-align: center;
}
.freelancer .about-tabbed-wrap .title-wrapper {
  margin-bottom: 37px;
}
.freelancer .about-tabbed-wrap .title-wrapper .mini-2-title h3 {
  background: #282828 !important;
  color: #FFF !important;
  display: inline-block;
  text-transform: uppercase;
  font-size: 16px !important;
  margin: 20px auto 0px !important;
  padding: 10px 32px;
}
.freelancer .about-tabbed-wrap p {
  font-family: Athelas;
  font-style: italic;
  font-size: 20px;
  color: #9D9D9D;
  font-weight: 300;
  margin-bottom: 20px;
  margin-top: 0px;
  line-height: 38px;
}
.freelancer .about-tabbed-wrap span {
  color: #18e2ba;
}
.freelancer .section-title h3 {
  background: #333333;
  color: #ffffff;
  display: inline-block;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px !important;
  padding: 10px 25px;
  text-transform: uppercase;
}
.freelancer .section-title h1 {
  font-size: 40px;
  padding: 20px 0px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
}
.freelancer .sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-overlay-wrapper .ImageOverlayLi:before {
  background: rgba(251, 166, 40, 0.8) !important;
}
.freelancer .sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-overlay-wrapper .ImageOverlayLi:after {
  background: rgba(251, 166, 40, 0.8) !important;
}
.calendar table {
  width: 100% !important;
  background: #ffffff;
}
.restaurant .red-effect .StyleH {
  top: 55%;
}
.restaurant .red-effect .StyleH a {
  color: #ffffff !important;
  font-family: Athelas;
  font-style: italic;
}
.restaurant .red-effect .StyleH a:hover {
  text-decoration: none;
}
.restaurant .rest-title-center-big .module-title {
  color: #000000;
  font-size: 36px !important;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 40px 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.restaurant .rest-title-center-big .module-title:after {
  background: url(/templates/jb_creativ/images/creativ/hr3.png) no-repeat scroll center center;
  bottom: -20px;
  content: "";
  height: 10px;
  left: 0px;
  position: absolute;
  width: 100%;
}
.restaurant .rest-title-center-big2 {
  text-align: center;
}
.restaurant .rest-title-center-big2 span {
  color: #000000;
  font-size: 36px !important;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 40px 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.restaurant .rest-title-center-big2 span:after {
  background: url(/templates/jb_creativ/images/creativ/hr3.png) no-repeat scroll center center;
  bottom: -20px;
  content: "";
  height: 10px;
  left: 0px;
  position: absolute;
  width: 100%;
}
.restaurant .section-parallax {
  background-size: cover !important;
  display: table;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
  vertical-align: sub;
  color: #FFF;
  background-color: rgba(255, 255, 255, 0);
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  padding: 90px 0px;
  z-index: 10;
}
.restaurant .section-parallax em {
  width: 80px;
  height: 80px;
  margin-bottom: 40px;
  margin-top: 30px;
  text-align: center;
  font-size: 21px;
  line-height: 80px;
  color: #FFF;
  border: 2px solid #FFF;
}
.restaurant .section-parallax h3 {
  font-size: 60px;
  line-height: 60px;
  text-transform: uppercase;
  font-weight: 300;
  color: #FFF;
  text-decoration: none;
  font-style: italic;
  padding: 0px;
  background-color: transparent;
  border-width: 0px;
  border-color: #FFF;
  border-style: none;
}
.restaurant .section-title {
  text-align: center;
}
.restaurant .rest-tab.module .gkTabsWrap.vertical ol {
  border: 1px solid #DDD;
  display: table;
  float: none;
  margin: auto !important;
}
.restaurant .rest-tab.module .gkTabsWrap.vertical > ol li {
  border-right: 1px solid #EEE;
  text-align: center;
  display: inline-block !important;
  margin: 0px !important;
  padding: 20px 60px;
  float: none !important;
  text-shadow: none;
  color: #333333;
  text-transform: uppercase;
  background: none;
}
@media (max-width: 767px) {
  .restaurant .rest-tab.module .gkTabsWrap.vertical > ol li {
    font-size: 10px;
    padding: 12px 16px !important;
  }
}
@media (min-width: 768px) {
  .restaurant .rest-tab.module .gkTabsWrap.vertical > ol li {
    font-size: 14px;
    padding: 12px 20px !important;
  }
}
@media (min-width: 992px) {
  .restaurant .rest-tab.module .gkTabsWrap.vertical > ol li {
    font-size: 14px;
    padding: 12px 50px !important;
  }
}
@media (min-width: 1200px) {
  .restaurant .rest-tab.module .gkTabsWrap.vertical > ol li {
    font-size: 14px;
    padding: 12px 50px !important;
  }
}
.restaurant .rest-tab.module .gkTabsWrap.vertical > ol li:hover,
.restaurant .rest-tab.module .gkTabsWrap.vertical > ol li.active {
  color: #18e2ba !important;
  position: relative;
}
.restaurant .rest-tab.module .gkTabsItem {
  background: none;
  padding: 25px 0px 25px;
}
.restaurant .rest-tab.module .gkTabsItem.gk-slide_horizontal.gk-active {
  margin-top: 0px;
  display: inline-block;
}
.restaurant .j2store_product_block {
  margin: 35px 0px;
}
.restaurant .j2store_product_block .j2store_product_image_block .Buttons a {
  color: #ffffff !important;
  font-family: Athelas;
  font-style: italic;
  margin-top: 10px;
}
.restaurant .j2store_product_block .j2store_product_image_block .Buttons a:hover {
  text-decoration: none;
}
.restaurant .j2store_product_block .j2store_product_content_block .j2store_product_title {
  margin-top: 0px;
}
.restaurant .j2store_product_block .j2store_product_content_block .j2store_product_title a {
  color: #333333;
  font-size: 18px;
  text-transform: uppercase;
}
.restaurant .j2store_product_block .j2store_product_content_block .product-price-container .strike {
  font-style: italic !important;
  text-decoration: line-through !important;
  font-size: 14px !important;
  color: #333333 !important;
}
.restaurant .j2store_product_block .j2store_product_content_block .product-price-container .sale-price,
.restaurant .j2store_product_block .j2store_product_content_block .product-price-container .base-price {
  font-size: 20px;
  font-family: Athelas;
  color: #18e2ba;
  text-decoration: none;
  font-style: italic;
}
.restaurant .jb-rest-form-section .myservices .jbaf-form-block .form-widget h3 {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 40px;
}
.restaurant .jb-rest-form-section .myservices .jbaf-form-block .jbaf-form-block-inner .control-group .jb-form,
.restaurant .jb-rest-form-section .myservices .jbaf-form-block .jbaf-form-block-inner .control-group .input {
  width: 100%;
  border-radius: 30px;
  border-color: #eeeeee;
}
.restaurant .jb-rest-form-section .myservices .jbaf-form-block .jbaf-form-block-inner .control-group .input-append {
  width: 100%;
}
.restaurant .jb-rest-form-section .myservices .jbaf-form-block .jbaf-form-block-inner .control-group .input-append .input-small {
  display: inline-block;
  width: 80%;
  border-color: #eeeeee;
}
.restaurant .jb-rest-form-section .myservices .jbaf-form-block .jbaf-form-block-inner .control-group .input-append .btn {
  background: #18e2ba;
  color: #ffffff;
}
.restaurant .jb-rest-form-section .myservices .jbaf-form-block .jbaf-form-block-inner .control-group textarea {
  border-color: #eeeeee;
}
.restaurant .jb-rest-form-section .myservices .jbaf-form-block .jbaf-form-block-inner .jb-check-box {
  display: inline-block;
  float: left;
}
.restaurant .jb-rest-form-section .section-content {
  margin-bottom: 60px;
  margin-top: 40px;
}
.restaurant .jb-rest-shop-grid {
  margin-top: 10px;
}
.restaurant .jb-rest-shop-grid .ImageWrapper {
  border-radius: 100%;
}
.restaurant .jb-rest-shop-grid .j2store-single-product {
  display: inline-block;
  width: 100%;
}
.restaurant .jb-rest-shop-grid .j2store-single-product .product-title {
  text-transform: uppercase;
  margin-top: 0px;
}
.restaurant .jb-rest-shop-grid .j2store-single-product .product-title a {
  font-size: 16px;
  color: #333333;
  text-transform: uppercase;
}
.restaurant .jb-rest-shop-grid .j2store-single-product .product-price-container {
  margin-bottom: 10px;
}
.restaurant .jb-rest-shop-grid .j2store-single-product .product-price-container .base-price {
  float: none;
  display: inline;
}
.restaurant .jb-rest-shop-grid .j2store-single-product .product-price-container .strike {
  text-decoration: line-through;
  margin-right: 10px;
  color: #a8a8a8 !important;
  font-size: 14px;
  font-weight: bold;
}
.restaurant .jb-rest-shop-grid .j2store-single-product .product-price-container .sale-price {
  color: #18e2ba;
  display: inline;
}
.restaurant .jb-rest-shop-grid .j2store-single-product .discount-percentage {
  position: absolute;
  display: block;
  right: 16px;
  top: 26px;
  z-index: 50;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  background: #333333;
  color: #ffffff;
  line-height: 16px;
  overflow: hidden;
  backface-visibility: hidden;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  padding-top: 15px;
}
.restaurant .jb-rest-shop-grid .j2store-single-product .discount-percentage p {
  margin: 13px 0px !important;
}
.medical .hot-tag .mega-caption {
  top: -37px !important;
}
.medical .full-image-section .ImageOverlayLi:before {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0% !important;
}
.medical .full-image-section .ImageOverlayLi:after {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0% !important;
}
.medical .bg-img-fixed {
  padding: 90px 0px 0px;
}
.medical .padding-100 {
  padding-bottom: 100px;
}
.medical .jb-medical-list {
  padding: 10px 0px;
  background: #f6f6f6;
  margin: 16px;
}
.medical .jb-medical-list .mod-content-intro h4 a {
  color: #333333;
  margin-bottom: 18px;
  display: block;
}
.medical .jb-medical-list .mod-content-intro .mod-articles-category-category a {
  color: #ffffff;
  background: #18e2ba;
  border-radius: 30px;
  padding: 2px 20px;
  font-weight: 700;
}
.medical .jb-medical-list .mod-content-intro .mod-articles-category-introtext {
  margin-top: 10px;
}
.medical .custom_tabbed {
  background: #f6f6f6;
}
.medical .custom_tabbed .nav-tabs {
  border: none;
  background: #ffffff;
}
.medical .custom_tabbed .nav-tabs li {
  width: 45%;
  border: none;
}
.medical .custom_tabbed .nav-tabs li a {
  height: 60px;
  padding: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin-right: 10px;
  background: #f6f6f6;
}
@media (max-width: 767px) {
  .medical .custom_tabbed .nav-tabs li a {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .medical .custom_tabbed .nav-tabs li a {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .medical .custom_tabbed .nav-tabs li a {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .medical .custom_tabbed .nav-tabs li a {
    font-size: 18px;
  }
}
.medical .custom_tabbed .nav-tabs li a:hover {
  border-bottom: 0px;
}
.medical .custom_tabbed .nav-tabs .active a {
  color: #ffffff;
  background: #18e2ba;
  border-width: 0px;
}
.medical .jb-medical-form-section {
  padding: 40px;
}
.medical .jb-medical-form-section .jbanyform-forms .control-group .jb-form,
.medical .jb-medical-form-section .jbanyform-forms .control-group .input {
  width: 100%;
  border-radius: 30px;
  border-color: #eeeeee;
}
.medical .jb-medical-form-section .jbanyform-forms .control-group .input-append {
  width: 100%;
}
.medical .jb-medical-form-section .jbanyform-forms .control-group .input-append .input-small {
  display: inline-block;
  width: 80%;
  border-color: #eeeeee;
}
.medical .jb-medical-form-section .jbanyform-forms .control-group .input-append .btn {
  background: #18e2ba;
  color: #ffffff;
}
.medical .jb-medical-form-section .jbanyform-forms .control-group textarea {
  border-color: #eeeeee;
}
.medical .jb-sub-green .acymailing_form .inputbox {
  background: #16cba7;
  border-color: #16cba7;
}
.medical .jb-sub-green .acymailing_form .acysubbuttons input {
  border: 2px solid #16cba7;
  border-radius: 500px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
}
.medical .jb-sub-green .acymailing_form .acysubbuttons input:active,
.medical .jb-sub-green .acymailing_form .acysubbuttons input:focus {
  border-radius: 500px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
}
.medical .aboutslider-shadow .s1 {
  background: url(/templates/jb_creativ/images/creativ/flexslider_shadow.png) no-repeat scroll center center;
  height: 29px;
  margin: 0px auto;
  bottom: -28.5px;
  overflow: hidden;
  width: 100%;
  position: absolute;
  left: 0px;
}
.jb-onepage .our-works .container,
.jb-onepage .our-services .container,
.jb-onepage .team-mates .container,
.jb-onepage .our-price .container,
.jb-onepage .contact-form .container {
  padding: 100px 0px;
}
.jb-onepage .square-service {
  margin-bottom: 30px;
}
.jb-onepage .square-service i,
.jb-onepage .square-service em {
  color: #18e2ba;
}
.jb-onepage .jbaf-form-block .container {
  padding: 50px 0px 0px !important;
}
.jb-onepage .jbaf-form-block .desc {
  max-width: 53%;
  text-align: center;
  color: #999;
  margin: 0px auto;
}
.jb-onepage .jbaf-form-block .form-control {
  width: 100%;
  border-radius: 0px;
  border-color: #eee;
  box-shadow: none;
}
.jb-onepage .jbaf-form-block .jbgooglemap .map-section .map-mask {
  background: rgba(3, 172, 220, 0.7) !important;
}
.the-icons {
  padding-left: 0px;
}
.the-icons li {
  border: 1px solid #eeeeee;
  border-radius: 5px;
  list-style: outside none none;
  margin: 5px;
  font-size: 13px;
  font-weight: 400;
}
.the-icons li:hover {
  border: 1px solid #18e2ba;
  background: #18e2ba;
  color: #ffffff;
}
.the-icons li:hover em,
.the-icons li:hover i {
  color: #ffffff;
}
.the-icons li em,
.the-icons li i {
  color: #ffffff;
  background: #18e2ba;
  margin-right: 10px;
  border-radius: 5px 0px 0px 5px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.accordion-widget .accordion-heading {
  border: 3px solid #eeeeee;
  margin: 10px;
}
.accordion-widget .accordion-heading .accordion-toggle {
  margin: 0px !important;
  padding: 13px !important;
}
.accordion-widget .accordion-heading .accordion-toggle em {
  float: right;
  background: none !important;
  color: #18e2ba !important;
}
@media (max-width: 767px) {
  .accordion-widget .accordion-heading .accordion-toggle em {
    display: none;
  }
}
.accordion-widget .accordion-heading .accordion-toggle em:hover {
  background: none;
}
.accordion-widget .accordion-inner p {
  padding: 24px !important;
}
.fixed-buy-button {
  border-radius: 3px;
  padding: 20px 23px 20px 17px;
  position: fixed;
  right: -5px;
  top: 200px;
  transition: right 0.3s ease 0s;
  z-index: 999;
}
.fixed-buy-button:hover {
  right: 0;
}
.background-dark {
  background: #242424 none repeat scroll 0 0;
}
.dfd-fixed-button {
  background: #1b1b1b none repeat scroll 0 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  color: #fff;
  display: block;
  left: 100%;
  line-height: 50px;
  margin-left: -50px;
  position: fixed;
  top: 20%;
  transition: margin-left 0.3s ease 0s, background 0.3s ease 0s;
  width: 200px;
  z-index: 9999;
}
.dfd-fixed-button:hover i {
  color: #18e2ba;
}
.dfd-fixed-button i {
  float: left;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px;
  color: #ffffff;
}
.dfd-fixed-button.dfd-buy:hover {
  background: #282828 none repeat scroll 0 0;
  color: #fff;
  margin-left: -180px;
}
.j2store-cart .j2store-cart-table thead {
  background: #333333 !important;
}
.j2store-cart .j2store-cart-table thead th {
  color: #ffffff;
  padding: 10px;
  border-bottom: 4px solid #18e2ba;
}
.j2store-cart .j2store-cart-table .input-mini {
  width: 60px;
  border: 2px solid #eeeeee;
  box-shadow: none;
  float: left;
}
.j2store-cart .j2store-cart-table .j2store-remove {
  color: #ffffff;
  margin: 0 9px;
  padding: 6px 17px;
}
.j2store-cart .j2store-cart-buttons .buttons-left {
  float: right !important;
}
.j2store-cart .cart-estimator-discount-block h3 {
  margin-bottom: 0px;
  background: #333333;
  color: #ffffff;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 4px solid #18e2ba;
}
.j2store-cart .cart-estimator-discount-block #shipping-estimate-form {
  padding: 10px;
  border: 2px solid #eeeeee;
}
.j2store-cart .cart-estimator-discount-block #shipping-estimate-form td,
.j2store-cart .cart-estimator-discount-block #shipping-estimate-form tr td {
  border: none;
  margin-bottom: 5px;
}
.j2store-cart .cart-estimator-discount-block #shipping-estimate-form tr {
  margin-bottom: 5px;
}
.j2store-cart .cart-estimator-discount-block #shipping-estimate-form select,
.j2store-cart .cart-estimator-discount-block #shipping-estimate-form input {
  margin-left: 10px;
  width: 100%;
  margin-bottom: 10px;
}
.j2store-cart .cart-estimator-discount-block #shipping-estimate-form .btn {
  width: auto !important;
}
.j2store-cart .cart-total h3 {
  margin-bottom: 0px;
  background: #333333;
  color: #ffffff;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 4px solid #18e2ba;
}
.jb-sidebar-products-list .j2store_products_container {
  padding-left: 0px;
}
.jb-sidebar-products-list .j2store_product_block {
  margin-bottom: 10px;
  border-radius: 3px;
  padding: 5px;
  list-style: none;
  clear: both;
}
.jb-sidebar-products-list .j2store_product_block .j2store_product_image_block .j2store_product_image img {
  margin-right: 20px;
}
.jb-sidebar-products-list .j2store_product_block .j2store_product_content_block .j2store_product_title {
  margin: 15px 7px 15px;
  line-height: 4px;
}
.jb-sidebar-products-list .j2store_product_block .j2store_product_content_block .j2store_product_title a {
  color: #333333;
  font-size: 14px;
  font-weight: 700;
}
.jb-sidebar-products-list .j2store_product_block .j2store_product_content_block .product-price-container .strike {
  text-decoration: line-through;
  color: #999999;
  font-size: 16px;
  font-weight: 400;
}
.jb-sidebar-products-list .j2store_product_block .j2store_product_content_block .product-price-container .sale-price {
  font-size: 16px;
  font-weight: 400;
  color: #18e2ba;
}
.jb-sidebar-products-list .j2store_product_block .j2store_product_content_block .j2store-product-list-cart {
  display: none;
}

.blog .jcomments-links .readmore-link {
  background-image: none;
  background: #18e2ba;
  color: #ffffff;
  border-radius: 30px;
  padding: 7px 12px;
  font-weight: 400;
}
.blog .article-aside .article-info {
  text-transform: uppercase;
  font-weight: bold;
}
.item-page .article-aside .article-info,
.archive .article-aside .article-info {
  text-transform: uppercase;
  font-weight: bold;
}
.items-leading .leading {
  margin-bottom: 40px;
}
.items-row .item {
  margin-bottom: 40px;
}
.divider-vertical {
  margin: 0 0 40px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.article-aside {
  color: #999999;
  font-size: 13px;
  margin-bottom: 20px;
}
.article-info {
  margin: 0;
  width: 85%;
}
.article-info .article-info-term {
  display: none;
}
.article-info dd {
  display: inline-block;
  margin-left: 0;
  margin-right: 10px;
  white-space: nowrap;
}
.article-info dd strong {
  font-weight: bold;
}
.article-footer {
  color: #999999;
  font-size: 12px;
  margin-bottom: 20px;
}
.article-intro,
.article-content,
.article-image-full {
  margin-bottom: 20px !important;
}
.article-intro img,
.article-content img,
.article-image-full img {
  width: 100%;
  margin-bottom: 10px;
}
.article-intro img[align=left],
.article-content img[align=left],
.article-image-full img[align=left],
.article-intro .img_caption.left,
.article-content .img_caption.left,
.article-image-full .img_caption.left,
.article-intro .pull-left.item-image,
.article-content .pull-left.item-image,
.article-image-full .pull-left.item-image {
  margin: 0 30px 20px 0;
}
.article-intro img[align=right],
.article-content img[align=right],
.article-image-full img[align=right],
.article-intro .img_caption.right,
.article-content .img_caption.right,
.article-image-full .img_caption.right,
.article-intro .pull-right.item-image,
.article-content .pull-right.item-image,
.article-image-full .pull-right.item-image {
  margin: 0 0 20px 30px;
}
@media (max-width: 768px) {
  .article-content iframe {
    width: 100% !important;
    height: auto;
  }
}
.img-intro-none,
.img-intro-left,
.img-intro-right,
.img-fulltext-none,
.img-fulltext-left,
.img-fulltext-right,
.img_caption {
  position: relative;
}
.img-intro-none,
.img-intro-left,
.img-intro-right,
.img-fulltext-none,
.img-fulltext-left,
.img-fulltext-right,
.img_caption {
  margin-bottom: 20px;
  max-width: 100%;
}
.img-fulltext-left {
  float: left;
  margin-right: 20px;
}
.img-fulltext-right {
  float: right;
  margin-left: 20px;
}
.img-intro-none img,
.img-intro-left img,
.img-intro-right img,
.img-fulltext-none img,
.img-fulltext-left img,
.img-fulltext-right img {
  margin: 0;
}
.img_caption img {
  margin-bottom: 1px !important;
}
.img_caption p.img_caption {
  background: #eeeeee;
  color: #555555;
  font-size: 12px;
  width: 100%;
  margin: 0;
  padding: 5px;
  text-align: center;
  clear: both;
}
@media screen and (max-width: 767px) {
  article img[align=left],
  .img_caption.left,
  article img[align=right],
  .img_caption.right,
  .img-fulltext-left,
  .img-fulltext-right {
    float: none !important;
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
  }
}
article aside .btn-group > .dropdown-toggle,
article aside .btn-group > .dropdown-toggle:hover,
article aside .btn-group > .dropdown-toggle:active,
article aside .btn-group > .dropdown-toggle:focus {
  padding: 2px 5px;
}
article aside .btn-group > .dropdown-toggle .caret {
  margin-left: 2px;
}
.row-even,
.row-odd {
  padding: 5px;
  width: 99%;
  border-bottom: 1px solid #dddddd;
}
.row-odd {
  background-color: transparent;
}
.row-even {
  background-color: #f9f9f9;
}
.blog-row-rule,
.blog-item-rule {
  border: 0;
}
.row-fluid .row-reveal {
  visibility: hidden;
}
.row-fluid:hover .row-reveal {
  visibility: visible;
}
.nav-list > li.offset > a {
  padding-left: 30px;
  font-size: 12px;
}
.list-striped,
.row-striped {
  list-style: none;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #dddddd;
  margin-left: 0;
  padding-left: 0;
}
.list-striped li,
.list-striped dd,
.row-striped .row,
.row-striped .row-fluid {
  border-bottom: 1px solid #dddddd;
  padding: 10px 15px;
}
.list-striped li:nth-child(odd),
.list-striped dd:nth-child(odd),
.row-striped .row:nth-child(odd),
.row-striped .row-fluid:nth-child(odd) {
  background-color: #f9f9f9;
}
.list-striped li:hover,
.list-striped dd:hover,
.row-striped .row:hover,
.row-striped .row-fluid:hover {
  background-color: #f5f5f5;
}
.row-striped .row-fluid {
  width: 97%;
}
.row-striped .row-fluid [class*="span"] {
  min-height: 10px;
}
.row-striped .row-fluid [class*="span"] {
  margin-left: 8px;
}
.row-striped .row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
.list-condensed li {
  padding: 5px 10px;
}
.row-condensed .row,
.row-condensed .row-fluid {
  padding: 5px 10px;
}
.list-bordered,
.row-bordered {
  list-style: none;
  line-height: 18px;
  text-align: left;
  vertical-align: middle;
  margin-left: 0;
  border: 1px solid #dddddd;
}
.star {
  color: #ff0000;
}
.login-wrap {
  background: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  width: 470px;
  padding: 40px;
  margin: 60px auto;
}
@media (max-width: 767px) {
  .login-wrap {
    padding: 20px;
    width: auto;
  }
}
.login-wrap .page-header {
  border-bottom: 0;
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 0;
}
.login-wrap .page-header h1 {
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 12px;
  position: relative;
}
.login-wrap .page-header h1:before {
  background-color: #eeeeee;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.login-wrap form .control-label {
  text-align: left;
  font-weight: 400 !important;
}
.login-wrap form .control-label {
  position: relative;
  padding: 0;
}
.login-wrap form .control-label label {
  background-color: #f6f6f6;
  border-right: 1px solid #eeeeee;
  border-radius: 4px 0 0 4px;
  color: #18e2ba;
  display: block;
  height: 38px;
  left: 1px;
  line-height: 38px;
  padding: 0 0 0 15px;
  position: absolute;
  min-width: 140px;
  top: 1px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .login-wrap form .control-label label {
    background: transparent;
    border: 0;
    padding-left: 0;
    position: static;
    height: auto;
    line-height: 1;
  }
}
.login-wrap form .control-label label#username-lbl:before,
.login-wrap form .control-label label#password-lbl:before,
.login-wrap form .control-label label#secretkey-lbl:before {
  content: "\f007";
  display: inline-block;
  font-family: FontAwesome;
  height: 16px;
  width: 16px;
}
@media (max-width: 767px) {
  .login-wrap form .control-label label#username-lbl:before,
  .login-wrap form .control-label label#password-lbl:before,
  .login-wrap form .control-label label#secretkey-lbl:before {
    display: none;
  }
}
.login-wrap form .control-label label#password-lbl:before {
  content: "\f084";
}
.login-wrap form .control-label label#secretkey-lbl:before {
  content: "\f09c";
}
.login-wrap form label {
  color: #555555;
  text-align: left;
  font-weight: normal;
  font-weight: 400;
}
.login-wrap form .form-group {
  margin: 0 0 24px;
}
.login-wrap form .form-group input[type="text"],
.login-wrap form .form-group input[type="password"] {
  box-shadow: none;
  border-radius: 0px;
  padding: 0 20px 0 150px;
  height: 40px;
  line-height: 40px;
  width: 100%;
}
@media (max-width: 767px) {
  .login-wrap form .form-group input[type="text"],
  .login-wrap form .form-group input[type="password"] {
    padding-left: 20px;
  }
}
.login-wrap .btn-actions {
  text-align: center;
}
.login-wrap .btn-actions:before,
.login-wrap .btn-actions:after {
  content: " ";
  display: table;
}
.login-wrap .btn-actions:after {
  clear: both;
}
@media (max-width: 767px) {
  .login-wrap .btn-actions {
    text-align: center;
  }
}
.login-wrap .btn-actions .btn {
  border: 0;
  float: none;
  font-weight: bold;
  height: 40px;
  line-height: 38px;
  margin-right: 10px;
  padding: 0 20px;
  vertical-align: top;
  width: 100%;
  text-transform: uppercase;
}
@media (min-width: 480px) {
  .login-wrap .btn-actions .btn {
    float: none;
    width: auto;
  }
}
.login-wrap .other-links.form-group {
  margin-bottom: 0;
}
.login-wrap .other-links.form-group ul {
  padding: 0;
  font-size: 13px;
  margin-top: 12px;
  margin-bottom: 0;
  text-align: center;
}
.login-wrap .other-links.form-group ul li {
  display: inline-block;
  padding: 0 5px;
  margin-bottom: 10px;
}
.login-wrap .other-links.form-group ul li a {
  color: #333333;
}
.login-wrap .other-links.form-group ul li a:hover,
.login-wrap .other-links.form-group ul li a:focus,
.login-wrap .other-links.form-group ul li a:active {
  color: #16cba7;
}
.form-register {
  background: #ffffff;
  border-bottom: 2px solid #eeeeee;
}
.form-register fieldset {
  padding: 0 0 10px;
}
.form-register p {
  margin: 0 0 5px;
}
.form-register p.form-des {
  margin: 15px 0;
}
.form-register label {
  display: block;
  float: left;
  font-weight: bold;
  text-align: right;
  width: 130px;
}
.form-register .input,
.form-register .inputbox {
  margin-left: 10px;
  width: 200px;
}
.form-register .btn,
.form-register .button {
  margin-left: 140px;
}
.registration {
  background: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  padding: 20px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .registration {
    padding: 60px;
    width: 650px;
  }
}
.registration .text .red {
  background: transparent !important;
}
.registration legend {
  border-bottom: none;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  padding-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
}
.registration input {
  height: 40px;
  line-height: 40px;
  border-radius: 0px;
  border-color: #EEE;
  box-shadow: none;
}
@media (max-width: 480px) {
  .registration input {
    width: 250px !important;
  }
}
.registration .control-label {
  padding-top: 10px;
}
@media (min-width: 768px) {
  .registration .control-label {
    padding-left: 0;
  }
}
.registration label {
  font-weight: normal;
}
.registration fieldset dt {
  margin-right: 5px;
}
.registration .form-actions {
  background: transparent;
  border: none;
  padding: 0;
}
.registration .form-actions .col-sm-offset-4 {
  padding-left: 15px !important;
}
@media (max-width: 480px) {
  .registration .form-actions .col-sm-offset-4 {
    padding-left: 0 !important;
  }
}
.registration .form-actions .col-sm-offset-4 .validate {
  margin-right: 10px;
}
.registration .form-actions .btn {
  font-weight: bold;
  height: 40px;
  line-height: 36px;
  padding: 0 20px;
}
.registration .form-actions .btn-default {
  border-width: 2px;
  color: #999999;
}
.registration .form-actions .btn-default:hover,
.registration .form-actions .btn-default:focus,
.registration .form-actions .btn-default:active {
  background: #5cb85c;
  border-color: #5cb85c;
  color: #ffffff;
}
.admintable textarea {
  max-width: 90% !important;
  resize: none;
}
.com_mailto body {
  padding: 10px;
}
.com_mailto .t3-mainbody {
  padding-top: 0;
  padding-bottom: 0;
}
.com_mailto .t3-content {
  width: auto;
}
#mailto-window {
  background: #fff;
  margin: 10px 0 20px;
  padding: 0;
  position: relative;
}
#mailto-window h2 {
  margin-top: 0;
  margin-bottom: 20px;
}
#mailtoForm .formelm {
  padding: 5px 0;
  vertical-align: middle;
  overflow: hidden;
}
#mailtoForm .formelm label {
  display: inline-block;
  float: left;
  font-weight: bold;
  vertical-align: middle;
  width: 100px;
}
#mailtoForm p {
  margin-top: 20px;
}
#mailtoForm .input,
#mailtoForm .inputbox {
  width: 65%;
}
#mailtoForm .btn,
#mailtoForm .button,
#mailtoForm button {
  margin-right: 5px;
}
.user-details {
  padding: 10px 0;
}
.user-details p {
  margin: 0 0 5px;
}
.user-details label {
  display: block;
  float: left;
  font-weight: bold;
  text-align: right;
  width: 130px;
}
.user-details .input,
.user-details .inputbox {
  margin-left: 10px;
  width: 200px;
}
.user-details .btn,
.user-details button {
  margin-left: 140px;
}
.user-details .paramlist .paramlist_key {
  padding: 0 0 5px;
  width: 130px;
}
.user-details .paramlist .paramlist_value {
  padding: 0 0 5px;
}
.user-details .user_name span {
  font-weight: bold;
  padding-left: 10px;
}
.reset .form-validate p,
.remind .form-validate p {
  background: #eeeeee;
  border: 1px solid #eeeeee;
  margin-bottom: 20px;
  padding: 10px 20px;
  border-radius: 4px;
}
.reset .form-validate fieldset dl,
.remind .form-validate fieldset dl {
  margin: 0;
}
.reset .form-validate fieldset dt,
.remind .form-validate fieldset dt {
  margin: 4px 0 0 0;
}
.profile-edit input {
  position: relative;
  min-height: 1px;
  padding-left: 6px;
  padding-right: 6px;
}
@media (min-width: 768px) {
  .profile-edit input {
    float: left;
    width: 50%;
  }
}
.profile-edit select {
  position: relative;
  min-height: 1px;
  padding-left: 6px;
  padding-right: 6px;
}
@media (min-width: 768px) {
  .profile-edit select {
    float: left;
    width: 50%;
  }
}
.profile-edit select + button {
  margin-left: 5px;
}
#searchForm:before,
#searchForm:after {
  content: " ";
  display: table;
}
#searchForm:after {
  clear: both;
}
#searchForm fieldset {
  margin: 20px 0;
}
#searchForm legend {
  margin-bottom: 10px;
}
#searchForm select {
  width: auto;
  display: inline-block;
  margin-left: 5px;
  padding-left: 5px;
}
#searchForm .form-limit {
  margin-top: 20px;
}
#searchForm .form-limit .counter {
  margin-top: 0;
}
#search-form ul#finder-filter-select-list {
  margin-left: 0;
  padding-left: 0;
}
#search-form ul#finder-filter-select-list li {
  list-style: none;
  padding: 10px 0;
}
#search-form ul#finder-filter-select-list li label {
  width: 150px;
}
#search-form .word .form-group {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #searchForm .radio-inline,
  #searchForm .checkbox-inline {
    display: block;
    width: 100%;
    margin-left: 0;
  }
}
.search-results {
  margin-top: 20px;
  margin-left: 0;
  padding-left: 0;
}
.search-results .result-title {
  font-size: 16px;
  margin-top: 20px;
}
.search-results .result-category {
  font-size: 12px;
  color: #999999;
}
.search-results .result-text {
  margin-top: 5px;
  margin-bottom: 5px;
}
.search-results .result-url {
  color: #555555;
  margin-top: 20px;
}
.search-results .result-created {
  font-size: 12px;
  color: #999999;
}
div.finder {
  margin-bottom: 20px;
}
#searchForm .phrases-box input[type="radio"] {
  vertical-align: top;
  margin-top: 3px;
}
.contact {
  margin-bottom: 80px;
  margin-top: 20px;
}
.contact .star {
  color: #ff0000;
}
.contact .page-header {
  background: transparent;
  border-left: 0;
  border: none;
}
.contact .page-header h2 {
  line-height: 1;
  margin: 0;
}
.contact .control-label {
  text-align: left;
  text-align: left\9 !important;
}
@media (max-width: 768px) {
  .contact .thumbnail {
    width: 100%;
  }
}
.contact .dl-horizontal > dt {
  display: none;
}
.contact .dl-horizontal > dd {
  margin-left: 0;
  margin-bottom: 5px;
}
.contact .dl-horizontal > dd:last-child {
  margin-bottom: 0;
}
.contact .dl-horizontal > dd .fa {
  color: #555555;
  margin-right: 5px;
  width: 15px;
}
.contact .plain-style .color-gray i {
  color: #18e2ba !important;
}
.contact .plain-style .inner {
  padding: 20px;
}
.contact .plain-style .inner h3 {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  padding: 15px 0;
  text-transform: uppercase;
  margin: 7px 0 7px 0;
}
.contact .plain-style .inner .page-header {
  padding: 15px 20px;
  margin: -20px -20px 20px -20px;
  border: none;
}
.contact .plain-style .inner .page-header h2 {
  margin-bottom: 0;
  padding: 10px;
}
@media (min-width: 481px) and (max-width: 767px) {
  .contact .plain-style .inner .contact-image {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 50%;
  }
}
.contact .plain-style .inner .contact-image img {
  width: 100%;
}
.contact .plain-style .inner .contact-address {
  padding-left: 10px;
  font-weight: 600;
  text-transform: capitalize;
}
@media screen and (max-width: 767px) {
  .contact .plain-style .inner .contact-address {
    padding-left: 0;
  }
  .contact .plain-style .inner .contact-address + h3 {
    clear: both;
  }
}
.contact .plain-style .inner .contact-address .fa {
  color: #555555;
}
.contact .plain-style .inner .contact-address a {
  color: #18e2ba;
  text-transform: lowercase;
}
.contact .plain-style .inner .contact-address a:hover,
.contact .plain-style .inner .contact-address a:focus,
.contact .plain-style .inner .contact-address a:active {
  color: #13b494;
}
.contact .plain-style .inner .contact-links ul {
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .contact .plain-style .inner .contact-links ul {
    padding-left: 0;
  }
}
.contact .plain-style .inner .contact-links ul li {
  margin-bottom: 5px;
}
.contact .plain-style .inner .contact-links ul li a {
  font-weight: 600;
  text-transform: capitalize;
  color: #555555;
  transition: all 200ms;
  padding-left: 0px;
}
.contact .plain-style .inner .contact-links ul li a:hover,
.contact .plain-style .inner .contact-links ul li a:focus,
.contact .plain-style .inner .contact-links ul li a:active {
  background: transparent;
  color: #18e2ba;
}
.contact .plain-style .inner .contact-miscinfo {
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .contact .plain-style .inner .contact-miscinfo {
    padding-left: 0;
  }
}
.contact .plain-style .contact-left {
  margin-top: 20px;
}
.contact .plain-style .contact-left h3 {
  color: #333333;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
}
.contact .plain-style .contact-left .contact-form legend {
  border-bottom: 0;
  font-size: 14px;
}
.contact .plain-style .contact-left .contact-form label {
  color: #555555;
  font-weight: bold;
  padding-top: 0;
  margin-bottom: 5px;
}
.contact .plain-style .contact-left .contact-form label.invalid {
  color: #ff0000;
}
.contact .plain-style .contact-left .contact-form .control-checkbox .checkbox input {
  width: auto !important;
  margin-left: 0;
}
.contact .plain-style .contact-left .contact-form textarea,
.contact .plain-style .contact-left .contact-form input {
  border: 2px solid #eeeeee;
  box-shadow: none;
  background: #ffffff;
  border-radius: 0px;
  width: 100%;
}
.contact .plain-style .contact-left .contact-form textarea:focus,
.contact .plain-style .contact-left .contact-form input:focus {
  border-color: #333333;
}
.contact .plain-style .contact-left .contact-form textarea.invalid,
.contact .plain-style .contact-left .contact-form input.invalid {
  border-color: #ff0000;
}
.contact .plain-style .contact-left .contact-form .control-btn {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .contact .plain-style .contact-left .form-group:last-child {
    margin-top: -20px;
  }
  .contact .plain-style .contact-left .form-group:last-child .control-btn {
    margin-top: 20px;
    text-align: left;
  }
}
.contact-form #jform_contact_emailmsg {
  width: 100%;
}
.contact-form #jform_contact_message {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .contact-form #jform_captcha-lbl {
    display: none;
  }
  .contact-form #recaptcha_image {
    width: 220px;
  }
  .contact-form #recaptcha_image img {
    max-width: 220px;
  }
  .contact-form #recaptcha_response_field {
    max-width: 220px;
  }
}
.contact .accordion-toggle {
  font-weight: bold;
}
#archive-items > li {
  line-height: normal;
  margin: 0;
  overflow: visible;
  padding: 0;
}
#archive-items .intro {
  clear: both;
  overflow: hidden;
}
.categories-list {
  margin-bottom: 20px;
}
.category-item:before,
.category-item:after {
  content: " ";
  display: table;
}
.category-item:after {
  clear: both;
}
.category-item .page-header {
  line-height: normal;
  padding: 10px 5px;
  margin: 0;
  font-size: 18px;
  font-weight: normal;
}
.category-item .category-item {
  margin-bottom: 0;
  margin-left: 30px;
}
.category-item .category-item .page-header {
  font-size: 14px;
}
.cat-children .page-header {
  line-height: normal;
  padding: 10px 5px;
  margin: 0;
  font-size: 18px;
  font-weight: normal;
}
.newsfeed-category > h2,
.newsfeed > h2 {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-top: 0;
}
.newsfeed-category .category-desc,
.newsfeed .category-desc {
  margin-bottom: 20px;
}
.newsfeed-category .category li:before,
.newsfeed .category li:before,
.newsfeed-category .category li:after,
.newsfeed .category li:after {
  content: " ";
  display: table;
}
.newsfeed-category .category li:after,
.newsfeed .category li:after {
  clear: both;
}
.newsfeed > h2 {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-top: 0;
}
.newsfeed .feed-description {
  margin-bottom: 20px;
  font-size: 16px;
}
.newsfeed .feed-item-description .feed-description {
  font-size: 14px;
}
.newsfeed ol li > a {
  font-weight: bold;
  font-size: 16px;
}
.article-content .pagination ul {
  display: block;
  list-style: none;
  padding: 0;
  overflow: hidden;
}
.article-content .pagination ul li {
  border: 1px solid #eeeeee;
  float: left;
  line-height: normal;
  margin-right: 10px;
  padding: 10px 20px;
}
.article-content .pagination ul li a {
  border: 0;
  text-decoration: none;
  background-color: transparent;
  line-height: normal;
  padding: 0;
}
.pagenavcounter {
  margin: 0 0 20px;
  font-weight: bold;
}
#article-index,
.article-index {
  border: 1px solid #eeeeee;
  border-radius: 4px;
  float: right;
  padding: 10px;
  margin: 0 0 20px 20px;
  width: 25%;
}
#article-index ul,
.article-index ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}
#article-index ul > li,
.article-index ul > li {
  border: 0;
  margin-top: 2px;
}
#article-index ul > li > a,
.article-index ul > li > a {
  border: 0;
  padding: 5px;
  border-radius: 4px;
}
#article-index ul > .active > a,
.article-index ul > .active > a {
  border: 0;
  background: #18e2ba;
  color: #ffffff;
}
#article-index ul > .active > a:hover,
.article-index ul > .active > a:hover,
#article-index ul > .active > a:active,
.article-index ul > .active > a:active,
#article-index ul > .active > a:focus,
.article-index ul > .active > a:focus {
  border: 0;
  background: #18e2ba;
  color: #ffffff;
}
.pagenav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pagenav > li {
  margin: 0;
  padding: 0;
  float: left;
}
.pagenav > li.pagenav-prev,
.pagenav > li.previous {
  margin-right: 10px;
}
.pagenav li > a {
  padding: 10px 20px;
  line-height: normal;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.pagenav li > a:hover,
.pagenav li > a:active,
.pagenav li > a:focus {
  background-color: #eeeeee;
}
.items-more h3 {
  margin: 0 0 20px;
}
.items-more .nav > li {
  border-top: 1px solid #eeeeee;
}
.items-more .nav > li > a {
  padding: 6px 5px;
}
.back_button a {
  display: block;
  margin: 10px 0;
}
.filters {
  margin: 10px 0;
}
.display-limit {
  margin: 10px 0 5px;
}
.filters .display-limit {
  float: right;
  text-align: right;
}
#system-message dt {
  font-weight: bold;
}
#system-message dd {
  font-weight: bold;
}
#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
  margin: 0;
  padding: 0;
}
#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
  background: none;
  margin: 0;
  padding: 5px;
}
.alert-message {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-message hr {
  border-top-color: #c9e2b3;
}
.alert-message .alert-link {
  color: #356635;
}
.alert-notice {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-notice hr {
  border-top-color: #a6e1ec;
}
.alert-notice .alert-link {
  color: #2d6987;
}
.alert-error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #b94a48;
}
.alert-error hr {
  border-top-color: #e4b9c0;
}
.alert-error .alert-link {
  color: #953b39;
}
.tip-wrap {
  background: #fff6df;
  border: 1px solid #fb3;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 300px;
  z-index: 999;
}
.tip-title {
  border-bottom: 1px solid #fb3;
  font-weight: bold;
  padding: 5px 10px;
}
.tip-text {
  font-size: 14px;
  margin: 0;
  padding: 5px 10px;
}
.hasTip img {
  border: none;
  margin: 0 5px 0 0;
}
@media (min-width: 768px) {
  .languageswitcherload {
    float: right;
    width: 100%;
  }
  .languageswitcherload .mod-languages {
    text-align: right;
  }
}
div.calendar {
  width: 187px;
}
.edit.item-page fieldset .btn-toolbar {
  margin-top: 10px;
}
.chzn-container-multi .chzn-choices li.search-field input[type="text"] {
  height: auto;
}
.iframe-bordered {
  border: 1px solid #dddddd;
}
.chzn-container {
  display: block;
}
.chzn-container-single .chzn-single,
.chzn-container-multi .chzn-choices .search-field input,
.chzn-container-single .chzn-search input {
  height: 26px;
}
.chzn-container-single .chzn-drop,
.chzn-container .chzn-drop {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.input-prepend .chzn-container-single .chzn-single {
  border-color: #cccccc;
  height: 26px;
  border-radius: 0 3px 3px 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.input-prepend .chzn-container-active .chzn-single-with-drop {
  border-radius: 0 3px 0 0;
}
.input-prepend .chzn-container-single .chzn-drop {
  border-color: #cccccc;
}
.btn-group .chzn-results {
  white-space: normal;
}

.page-header {
  padding-bottom: 9px;
  margin: 0 0 20px;
  border-bottom: 1px solid #eeeeee;
}
.page-title,
.page-header h1 {
  line-height: 1;
  margin: 0;
}
.page-subheader {
  border-bottom: 1px solid #eeeeee;
  margin: 0 0 20px;
}
.page-subheader:before,
.page-subheader:after {
  content: " ";
  display: table;
}
.page-subheader:after {
  clear: both;
}
.page-subtitle,
.page-subheader h2 {
  line-height: 1;
  margin: 0;
}
.page-header + .page-subheader {
  margin-top: -20px;
}
.article-title,
.article-header h1 {
  margin: 0 0 20px 0;
}
.article-title a,
.article-header h1 a {
  font-family: 'Montserrat', sans-serif;
  color: #282828;
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
}
.article-title a:hover,
.article-header h1 a:hover {
  color: #18e2ba;
}
.item-title {
  font-weight: bold;
}
.jumbotron h1,
.jumbotron h2,
.jumbotron h3 {
  margin-top: 0;
}
.jumbotron p:last-child {
  margin-bottom: 0;
}
.container .jumbotron {
  border-radius: 6px;
}
.masthead {
  padding: 40px 0;
  text-align: center;
}
.masthead p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .masthead {
    padding: 80px 0;
  }
  .masthead h1 {
    font-size: 98px;
  }
  .masthead p {
    font-size: 28px;
  }
  .masthead .btn-lg {
    margin-top: 20px;
    padding: 18px 42px;
    font-size: 21px;
  }
}
.jumbotron-primary {
  background-color: #18e2ba;
  color: #fafffe;
}
.jumbotron-primary h1,
.jumbotron-primary h2,
.jumbotron-primary h3 {
  color: #ffffff;
}
.jumbotron-primary p {
  color: #ffffff;
}
.jumbotron-primary .btn-primary {
  border-color: #fff;
}
.label:empty {
  display: none;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.page-header .label,
.page-header .badge {
  vertical-align: middle;
}
.alert h4 {
  color: inherit;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #ccfaf1;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 500px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
.modal-content {
  border-radius: 0px !important;
}
.modal-content .modal-header {
  background: #18e2ba;
  color: #ffffff;
}
.modal-content .modal-header .close {
  color: #ffffff;
  opacity: 1;
}
.modal-content .modal-header .modal-title {
  color: #ffffff;
  font-size: 16px;
}
.modal-content .modal-body .jb-control-group {
  margin-bottom: 10px;
}
.modal-content .modal-body .jb-control-group .input {
  width: 100%;
  box-shadow: none;
  border: 2px solid #eeeeee;
}
.modal-content .modal-body .jb-control-group .alert-info {
  margin-top: 10px;
}
.modal-content .modal-body .jb-control-group textarea {
  width: 100%;
  height: 100%;
  box-shadow: none;
  border: 2px solid #eeeeee;
}
.bubble {
  background: #ffffff;
  width: 57px;
  font-size: 18px;
  font-weight: 600;
  height: 57px;
  margin: 0px 3px;
  line-height: 57px;
  display: inline-block;
  text-align: center;
}
.icon-container {
  font-family: Montserrat,sans-serif !important;
  font-size: 24px;
  line-height: 105px;
}
.icon-container .bubble {
  bottom: 0px;
  position: absolute;
  right: 0px;
  width: 30px;
  height: 30px;
  border: 1px solid #DDD;
  line-height: 27px;
  border-radius: 100px;
  font-size: 15px;
}
.border-blue {
  border-color: #03ACDC !important;
  color: #03ACDC !important;
}
.border-green {
  border-color: #18E2BA !important;
  color: #18E2BA !important;
}
.border-yellow {
  color: #FFCC0E !important;
  border-color: #FFCC0E !important;
}
.border-red {
  color: #ff0000 !important;
  border-color: #ff0000 !important;
}
.bg-fixed {
  background-size: cover !important;
  display: table;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
  vertical-align: sub;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0);
  background-image: none;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  z-index: 10;
}
.ImageWrapper {
  box-shadow: none !important;
}
.owl-item p {
  margin-bottom: 30px;
}
.carousel-content p {
  margin-bottom: 30px;
}
.nopadding {
  padding: 0px !important;
}
.ImageWrapper img {
  width: 100%;
}
.white-color h2 {
  color: #ffffff !important;
}
.position-relative {
  position: relative !important;
}
.about-widget .social-icons {
  margin-left: -10px;
  margin-right: 0px;
  margin-top: 30px;
}
.about-widget .social-icons em {
  height: 40px;
  line-height: 40px;
  margin-bottom: 12px;
  margin-left: 12px;
  margin-right: 12px;
  text-align: center;
  width: 40px;
  background: #F8F8F8;
}
.copybuttons {
  display: block;
  position: relative;
  margin: 30px 0px 10px;
}
.copybuttons .btn {
  margin: 0px 10px;
}
.border-radius-little {
  border-radius: 15px;
}
.example-type h1,
.example-type h2,
.example-type h3,
.example-type h4,
.example-type h5,
.example-type h6 {
  margin: 20px 0;
}
.example-thumbnails img {
  margin-bottom: 0px;
}
.example .example-row .btn,
.example .example-row .label {
  margin: 5px;
}
.example .example-row .color-gray {
  background: #666666 !important;
}
.example-colors .swatch-item {
  width: 100%;
  min-height: 100px;
  position: relative;
  background: #333333;
  color: #ffffff;
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .example-colors .swatch-item {
    min-height: 123px;
  }
}
.example-colors .swatch-item dl {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 20px;
  margin: 0;
}
.example-colors .color-brand-primary {
  background: #18e2ba;
}
.example-colors .color-brand-secondary {
  background: #428bca;
}
.example-colors .color-brand-success {
  background: #5cb85c;
}
.example-colors .color-brand-danger {
  background: #d9534f;
}
.example-colors .color-brand-warning {
  background: #f0ad4e;
}
.example-colors .color-brand-info {
  background: #5bc0de;
}
.example-colors .color-gray-darker {
  background: #282828;
}
.example-colors .color-gray-dark {
  background: #333333;
}
.example-colors .color-gray {
  background: #555555;
}
.example-colors .color-gray-light {
  background: #999999;
  color: #333333;
}
.example-colors .color-gray-lighter {
  background: #eeeeee;
  color: #333333;
}
.example-colors .color-gray-lightest {
  background: #f6f6f6;
  color: #333333;
}
.example-buttons .btn,
.example-inputs .btn,
.example-buttons .form-control,
.example-inputs .form-control {
  width: 100%;
  margin-bottom: 20px;
}

.jb-home .t3-mainbody {
  display: none;
}
.jb-topbar {
  border-bottom: 1px solid #eeeeee;
  display: block;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #fafafa;
  line-height: 40px;
}
.jb-topbar .t3-module {
  margin: 0px;
}
@media (max-width: 767px) {
  .jb-topbar .t3-topbar-1 {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .jb-topbar .t3-topbar-1 {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .jb-topbar .t3-topbar-1 {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .jb-topbar .t3-topbar-1 {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .jb-topbar .t3-topbar-2 {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .jb-topbar .t3-topbar-2 {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .jb-topbar .t3-topbar-2 {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .jb-topbar .t3-topbar-2 {
    text-align: right;
  }
}
.jb-topbar #contact-details ul {
  padding: 0px;
  margin: 0px;
}
.jb-topbar #contact-details ul .jb-top-bar-widget {
  padding: 0px 19px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-family: 'Montserrat', sans-serif;
}
.jb-topbar #contact-details ul .jb-top-bar-widget:first-child {
  padding-left: 0px;
}
.jb-topbar #contact-details ul .jb-top-bar-widget:last-child {
  padding-right: 0;
}
.jb-topbar #contact-details ul .jb-top-bar-widget:last-child:after {
  border: none;
}
.jb-topbar #contact-details ul .jb-top-bar-widget:after {
  border-right: 1px solid #e5e7e8;
  content: "";
  height: 65%;
  position: absolute;
  right: 0;
  top: 17%;
  width: 1px;
}
.jb-topbar #contact-details ul li {
  list-style: none;
  display: inline;
}
@media (max-width: 767px) {
  .jb-topbar #contact-details ul li {
    font-size: 11px;
  }
}
@media (min-width: 768px) {
  .jb-topbar #contact-details ul li {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .jb-topbar #contact-details ul li {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .jb-topbar #contact-details ul li {
    font-size: 14px;
  }
}
.jb-topbar #contact-details ul li a {
  color: #555555;
}
.jb-topbar #contact-details ul li a:hover {
  color: #18e2ba;
}
.jb-topbar #contact-details ul li i,
.jb-topbar #contact-details ul li em {
  margin-right: 10px;
  display: inline-block;
  font-size: 15px;
  font-weight: 100;
  line-height: 30px;
  margin-right: 9px;
  position: relative;
  text-align: center;
  color: #18e2ba;
}
.jb-topbar .social-icons i,
.jb-topbar .social-icons em {
  width: 30px;
  color: #999999;
  background: #eeeeee;
  margin-left: 8px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 500px;
}
.jb-topbar-brand {
  border-bottom: 1px solid #18e2ba;
  display: block;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #18e2ba;
  color: #ffffff;
  line-height: 40px;
}
.jb-topbar-brand .t3-module {
  margin: 0px;
}
@media (max-width: 767px) {
  .jb-topbar-brand .t3-topbar-1 {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .jb-topbar-brand .t3-topbar-1 {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .jb-topbar-brand .t3-topbar-1 {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .jb-topbar-brand .t3-topbar-1 {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .jb-topbar-brand .t3-topbar-2 {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .jb-topbar-brand .t3-topbar-2 {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .jb-topbar-brand .t3-topbar-2 {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .jb-topbar-brand .t3-topbar-2 {
    text-align: right;
  }
}
.jb-topbar-brand #contact-details ul {
  padding: 0px;
  margin: 0px;
}
.jb-topbar-brand #contact-details ul .jb-top-bar-widget {
  padding: 0px 19px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-family: 'Montserrat', sans-serif;
}
.jb-topbar-brand #contact-details ul .jb-top-bar-widget:first-child {
  padding-left: 0px;
}
.jb-topbar-brand #contact-details ul .jb-top-bar-widget:last-child {
  padding-right: 0;
}
.jb-topbar-brand #contact-details ul .jb-top-bar-widget:last-child:after {
  border: none;
}
.jb-topbar-brand #contact-details ul .jb-top-bar-widget:after {
  border-right: 1px solid #16cba7;
  content: "";
  height: 65%;
  position: absolute;
  right: 0;
  top: 17%;
  width: 1px;
}
.jb-topbar-brand #contact-details ul li {
  list-style: none;
  display: inline;
}
@media (max-width: 767px) {
  .jb-topbar-brand #contact-details ul li {
    font-size: 11px;
  }
}
@media (min-width: 768px) {
  .jb-topbar-brand #contact-details ul li {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .jb-topbar-brand #contact-details ul li {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .jb-topbar-brand #contact-details ul li {
    font-size: 14px;
  }
}
.jb-topbar-brand #contact-details ul li a {
  color: #555555;
}
.jb-topbar-brand #contact-details ul li a:hover {
  color: #18e2ba;
}
.jb-topbar-brand #contact-details ul li i,
.jb-topbar-brand #contact-details ul li em {
  margin-right: 10px;
  display: inline-block;
  font-size: 15px;
  font-weight: 100;
  line-height: 30px;
  margin-right: 9px;
  position: relative;
  text-align: center;
  color: #ffffff;
}
.jb-topbar-brand .social-icons i,
.jb-topbar-brand .social-icons em {
  width: 30px;
  color: #ffffff;
  background: transparent;
  margin-left: 8px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 500px;
  border: 1px solid #ffffff;
}
.jb-topbar-brand .social-icons i:hover,
.jb-topbar-brand .social-icons em:hover {
  border: 1px solid #18e2ba;
}
.jb-topbar-dark {
  border-bottom: 1px solid #282828;
  display: block;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #282828;
  color: #ffffff;
  line-height: 40px;
}
.jb-topbar-dark .t3-module {
  margin: 0px;
}
@media (max-width: 767px) {
  .jb-topbar-dark .t3-topbar-1 {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .jb-topbar-dark .t3-topbar-1 {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .jb-topbar-dark .t3-topbar-1 {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .jb-topbar-dark .t3-topbar-1 {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .jb-topbar-dark .t3-topbar-2 {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .jb-topbar-dark .t3-topbar-2 {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .jb-topbar-dark .t3-topbar-2 {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .jb-topbar-dark .t3-topbar-2 {
    text-align: right;
  }
}
.jb-topbar-dark #contact-details ul {
  padding: 0px;
  margin: 0px;
}
.jb-topbar-dark #contact-details ul .jb-top-bar-widget {
  padding: 0px 19px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-family: 'Montserrat', sans-serif;
}
.jb-topbar-dark #contact-details ul .jb-top-bar-widget:first-child {
  padding-left: 0px;
}
.jb-topbar-dark #contact-details ul .jb-top-bar-widget:last-child {
  padding-right: 0;
}
.jb-topbar-dark #contact-details ul .jb-top-bar-widget:last-child:after {
  border: none;
}
.jb-topbar-dark #contact-details ul .jb-top-bar-widget:after {
  border-right: 1px solid #333333;
  content: "";
  height: 65%;
  position: absolute;
  right: 0;
  top: 17%;
  width: 1px;
}
.jb-topbar-dark #contact-details ul li {
  list-style: none;
  display: inline;
}
.jb-topbar-dark #contact-details ul li a {
  color: #555555;
}
.jb-topbar-dark #contact-details ul li a:hover {
  color: #18e2ba;
}
.jb-topbar-dark #contact-details ul li i,
.jb-topbar-dark #contact-details ul li em {
  margin-right: 10px;
  border-radius: 100%;
  color: #18e2ba;
  display: inline-block;
  font-size: 15px;
  font-weight: 100;
  margin-right: 9px;
  position: relative;
  text-align: center;
}
.jb-topbar-dark .social-icons i,
.jb-topbar-dark .social-icons em {
  width: 30px;
  color: #ffffff;
  background: transparent;
  margin-left: 8px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 500px;
}
.jb-topbar-dark .social-icons i:hover,
.jb-topbar-dark .social-icons em:hover {
  border: 1px solid #18e2ba;
}
.jb-onepage .t3-header-wrap {
  width: 100%;
  position: absolute;
  z-index: 1000;
}
@media (max-width: 767px) {
  .jb-onepage .t3-header-wrap {
    top: 0px;
  }
  .jb-onepage .t3-header-wrap .jb-header-default {
    border: none;
    background: none !important;
    position: relative;
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
  }
  .jb-onepage .t3-header-wrap .jb-header-default .container {
    background: #ffffff;
    padding-left: auto;
    padding-right: auto;
  }
}
@media (min-width: 768px) {
  .jb-onepage .t3-header-wrap {
    top: 0px;
  }
  .jb-onepage .t3-header-wrap .jb-header-default {
    border: none;
    background: none !important;
    position: relative;
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
  }
  .jb-onepage .t3-header-wrap .jb-header-default .container {
    background: #ffffff;
    padding-left: auto;
    padding-right: auto;
  }
}
@media (min-width: 992px) {
  .jb-onepage .t3-header-wrap {
    top: 40px;
  }
  .jb-onepage .t3-header-wrap .jb-header-default {
    border: none;
    background: none !important;
    position: relative;
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
  }
  .jb-onepage .t3-header-wrap .jb-header-default .container {
    background: #ffffff;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px) {
  .jb-onepage .t3-header-wrap {
    top: 40px;
  }
  .jb-onepage .t3-header-wrap .jb-header-default {
    border: none;
    background: none !important;
    position: relative;
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
  }
  .jb-onepage .t3-header-wrap .jb-header-default .container {
    background: #ffffff;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.jb-onepage .t3-header-wrap.affix {
  width: 100%;
  top: 0;
  background: rgba(255, 255, 255, 0.8) !important;
  position: fixed;
  z-index: 9999;
  -webkit-animation: fadeInDown 800ms;
  -moz-animation: fadeInDown 800ms;
  -ms-animation: fadeInDown 800ms;
  -o-animation: fadeInDown 800ms;
  animation: fadeInDown 800ms;
  -webkit-backface-visibility: hidden;
}
.jb-onepage .t3-header-wrap.affix .jb-header-default .container {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
@media (max-width: 767px) {
  .jb-onepage .t3-header-wrap.affix .jb-header-default .container {
    background: rgba(255, 255, 255, 0.8) !important;
  }
}
@media (min-width: 768px) {
  .jb-onepage .t3-header-wrap.affix .jb-header-default .container {
    background: rgba(255, 255, 255, 0.8) !important;
  }
}
@media (min-width: 992px) {
  .jb-onepage .t3-header-wrap.affix .jb-header-default .container {
    background: transparent !important;
  }
}
@media (min-width: 1200px) {
  .jb-onepage .t3-header-wrap.affix .jb-header-default .container {
    background: transparent !important;
  }
}
.jb-onepage .map-mask {
  background: rgba(0, 0, 0, 0.5) !important;
  color: #ffffff;
}
.medical .jb-topbar {
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (max-width: 767px) {
  .medical .jb-topbar .logo {
    text-align: center;
    float: none;
  }
}
@media (min-width: 768px) {
  .medical .jb-topbar .logo {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .medical .jb-topbar .logo {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .medical .jb-topbar .logo {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .medical .jb-topbar .t3-topbar-1 {
    padding: 5px;
  }
}
@media (min-width: 768px) {
  .medical .jb-topbar .t3-topbar-1 {
    padding: 33px 10px;
  }
}
@media (min-width: 992px) {
  .medical .jb-topbar .t3-topbar-1 {
    padding: 33px 10px;
  }
}
@media (min-width: 1200px) {
  .medical .jb-topbar .t3-topbar-1 {
    padding: 33px 10px;
  }
}
@media (max-width: 767px) {
  .medical .jb-topbar .t3-topbar-2 {
    padding: 5px;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .medical .jb-topbar .t3-topbar-2 {
    padding: 31px 0px;
    display: inline-block;
    float: right;
  }
}
@media (min-width: 992px) {
  .medical .jb-topbar .t3-topbar-2 {
    padding: 31px 0px;
    display: inline-block;
    float: right;
  }
}
@media (min-width: 1200px) {
  .medical .jb-topbar .t3-topbar-2 {
    padding: 31px 0px;
    display: inline-block;
    float: right;
  }
}
.medical .t3-header-wrap .jb-header-default {
  border-top: 1px solid #f6f6f6;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  background: none !important;
  position: relative;
  -webkit-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
}
@media (max-width: 991px) {
  .medical .t3-header-wrap .jb-header-default {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.medical .t3-header-wrap .jb-header-default .navbar-default {
  min-height: auto !important;
  padding: 18px 0px;
}
.medical .t3-header-wrap .jb-header-default .navbar-default .navbar-nav .active a {
  background: #18e2ba;
  color: #ffffff;
  border-radius: 30px;
}
.medical .t3-header-wrap .jb-header-default .navbar-default .navbar-nav li a {
  padding: 7px 15px;
  border-radius: 30px;
}
.medical .t3-header-wrap .jb-header-default .navbar-default .navbar-nav li a:hover,
.medical .t3-header-wrap .jb-header-default .navbar-default .navbar-nav li a:focus {
  background: #18e2ba;
  color: #ffffff;
  border-radius: 30px;
}
.medical .t3-header-wrap .jb-header-default .navbar-default .navbar-nav li .dropdown-menu {
  margin-top: 16px;
}
.medical .t3-header-wrap .jb-header-default .navbar-default .navbar-nav li .mega-dropdown-menu .active a {
  color: #ffffff;
  background: none;
}
.medical .t3-header-wrap .jb-header-default .navbar-default .navbar-nav li .mega-dropdown-menu li a {
  padding: 2px 15px;
}
@media (min-width: 768px) {
  .medical .t3-header-wrap .jb-header-default .head-search {
    padding: 12px 25px;
  }
  .medical .t3-header-wrap .jb-header-default .off-canvas-toggle {
    padding: 30px 10px;
  }
}
@media (min-width: 992px) {
  .medical .t3-header-wrap .jb-header-default .head-search {
    padding: 18px 0px;
  }
}
.jb-modern .t3-header-wrap {
  width: 100%;
  position: absolute;
  z-index: 1000;
  top: 0;
}
.jb-modern .t3-header-wrap .jb-header-default {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07000000000000001);
  background: none !important;
  position: relative;
  -webkit-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
}
@media (max-width: 767px) {
  .jb-modern .t3-header-wrap .jb-header-default .head-search {
    padding: 28px 20px;
  }
}
@media (min-width: 768px) {
  .jb-modern .t3-header-wrap .jb-header-default .head-search {
    padding: 38px 20px;
  }
}
@media (min-width: 992px) {
  .jb-modern .t3-header-wrap .jb-header-default .head-search {
    padding: 38px 0px;
  }
}
.header-trans .jb-modern .t3-header-wrap {
  position: absolute;
  z-index: 1000;
  top: 0;
}
@media (max-width: 991px) {
  .header-trans .jb-modern .t3-header-wrap {
    position: fixed;
    top: 0;
  }
  .header-trans .jb-modern .t3-header-wrap .t3-header {
    background: rgba(0, 0, 0, 0.86);
  }
}
@media (min-width: 992px) {
  .header-trans .jb-modern .t3-header-wrap .t3-header {
    background: transparent;
  }
}
@media (min-width: 992px) {
  .header-trans .jb-modern .t3-header-wrap.affix {
    position: fixed;
    z-index: 1030;
    background: rgba(0, 0, 0, 0.86);
  }
}
.jb-modern .t3-header-wrap .t3-cpanel {
  background: #333333;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 500ms;
  -o-transition: height 500ms;
  transition: height 500ms;
}
.jb-modern .t3-header-wrap .t3-cpanel .finder {
  margin-bottom: 0;
}
.jb-modern .t3-header-wrap .t3-cpanel .search {
  background: none;
  padding: 0;
}
@media (max-width: 767px) {
  .jb-modern .t3-header-wrap .t3-cpanel .search {
    padding: 15px 39px;
  }
}
.jb-modern .t3-header-wrap .t3-cpanel .search .form-search:before {
  color: #777 !important;
  content: "\f002";
  display: inline-block;
  font-family: FontAwesome;
  left: 6px;
  padding-right: 10px;
  padding: 10px;
  position: relative;
}
@media (max-width: 767px) {
  .jb-modern .t3-header-wrap .t3-cpanel .search .form-search:before {
    float: left;
  }
}
.jb-modern .t3-header-wrap .t3-cpanel .form-inline .form-group {
  display: block;
}
.jb-modern .t3-header-wrap .t3-cpanel .form-control {
  background: none;
  border: 0;
  width: auto;
  padding: 14px;
  height: auto;
  font-weight: 300;
  color: #ffffff;
  font-size: 15px;
  position: relative;
}
@media (max-width: 767px) {
  .jb-modern .t3-header-wrap .t3-cpanel .form-control {
    padding: 0px 15px;
  }
}
.jb-modern .t3-header-wrap .t3-cpanel .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.jb-modern .t3-header-wrap .t3-cpanel .form-control:focus::-moz-placeholder {
  color: transparent;
  opacity: 1;
}
.jb-modern .t3-header-wrap .t3-cpanel .form-control:focus:-ms-input-placeholder {
  color: transparent;
}
.jb-modern .t3-header-wrap .t3-cpanel .form-control:focus::-webkit-input-placeholder {
  color: transparent;
}
.jb-modern .t3-header-wrap.cpanel-open .t3-cpanel {
  height: 50px;
}
@media (max-width: 767px) {
  .jb-modern .t3-header-wrap.cpanel-open .t3-cpanel {
    height: 50px;
  }
}
.jb-modern .t3-header-wrap.cpanel-open .t3-header {
  padding-top: 0px;
  padding-bottom: 0px;
  background: #ffffff;
}
@media (max-width: 1199px) {
  .jb-modern .t3-header-wrap .head-actions {
    width: auto;
  }
}
.jb-shop-wrapper .t3-header-wrap {
  width: 100%;
}
.jb-shop-wrapper .t3-header-wrap .jb-header-default {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #ffffff;
  position: relative;
  -webkit-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
}
@media (max-width: 991px) {
  .jb-shop-wrapper .t3-header-wrap .jb-header-default {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.header-trans .jb-shop-wrapper .t3-header-wrap {
  position: absolute;
  z-index: 1000;
  top: 0;
}
@media (max-width: 991px) {
  .header-trans .jb-shop-wrapper .t3-header-wrap {
    position: fixed;
    top: 0;
  }
  .header-trans .jb-shop-wrapper .t3-header-wrap .t3-header {
    background: rgba(0, 0, 0, 0.86);
  }
}
@media (min-width: 992px) {
  .header-trans .jb-shop-wrapper .t3-header-wrap .t3-header {
    background: transparent;
  }
}
@media (min-width: 992px) {
  .header-trans .jb-shop-wrapper .t3-header-wrap.affix {
    position: fixed;
    z-index: 1030;
    background: rgba(0, 0, 0, 0.86);
  }
}
.jb-shop-wrapper .t3-header-wrap .t3-cpanel {
  background: #333333;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 500ms;
  -o-transition: height 500ms;
  transition: height 500ms;
}
.jb-shop-wrapper .t3-header-wrap .t3-cpanel .finder {
  margin-bottom: 0;
}
.jb-shop-wrapper .t3-header-wrap .t3-cpanel .search {
  background: none;
  padding: 0;
}
@media (max-width: 767px) {
  .jb-shop-wrapper .t3-header-wrap .t3-cpanel .search {
    padding: 15px 39px;
  }
}
.jb-shop-wrapper .t3-header-wrap .t3-cpanel .search .form-search:before {
  color: #777 !important;
  content: "\f002";
  display: inline-block;
  font-family: FontAwesome;
  left: 6px;
  padding-right: 10px;
  padding: 10px;
  position: relative;
}
@media (max-width: 767px) {
  .jb-shop-wrapper .t3-header-wrap .t3-cpanel .search .form-search:before {
    float: left;
  }
}
.jb-shop-wrapper .t3-header-wrap .t3-cpanel .form-inline .form-group {
  display: block;
}
.jb-shop-wrapper .t3-header-wrap .t3-cpanel .form-control {
  background: none;
  border: 0;
  width: auto;
  padding: 14px;
  height: auto;
  font-weight: 300;
  color: #ffffff;
  font-size: 15px;
  position: relative;
}
@media (max-width: 767px) {
  .jb-shop-wrapper .t3-header-wrap .t3-cpanel .form-control {
    padding: 0px 14px;
  }
}
.jb-shop-wrapper .t3-header-wrap .t3-cpanel .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.jb-shop-wrapper .t3-header-wrap .t3-cpanel .form-control:focus::-moz-placeholder {
  color: transparent;
  opacity: 1;
}
.jb-shop-wrapper .t3-header-wrap .t3-cpanel .form-control:focus:-ms-input-placeholder {
  color: transparent;
}
.jb-shop-wrapper .t3-header-wrap .t3-cpanel .form-control:focus::-webkit-input-placeholder {
  color: transparent;
}
.jb-shop-wrapper .t3-header-wrap.cpanel-open .t3-cpanel {
  height: 50px;
}
@media (max-width: 767px) {
  .jb-shop-wrapper .t3-header-wrap.cpanel-open .t3-cpanel {
    height: 50px;
  }
}
.jb-shop-wrapper .t3-header-wrap.cpanel-open .t3-header {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #ffffff;
}
@media (max-width: 1199px) {
  .jb-shop-wrapper .t3-header-wrap .head-actions {
    width: auto;
  }
}
@media (min-width: 768px) {
  .jb-shop-wrapper .jb-shop .center-logo {
    display: inline !important;
  }
}
@media (min-width: 992px) {
  .jb-shop-wrapper .jb-shop {
    position: absolute;
    top: -30px !important;
    left: 0px;
    text-align: center;
    right: 0px;
    margin: auto !important;
  }
  .jb-shop-wrapper .jb-shop .logo-image {
    margin-top: 40px;
  }
  .jb-shop-wrapper .jb-shop .center-logo {
    display: inline !important;
  }
}
.jb-shop-wrapper .jb-cart-block {
  display: inline-block;
}
@media (max-width: 767px) {
  .jb-shop-wrapper .jb-cart-block {
    padding: 44px 20px;
  }
}
@media (min-width: 768px) {
  .jb-shop-wrapper .jb-cart-block {
    padding: 50px 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .jb-shop-wrapper .jb-cart-block {
    padding: 55px 20px;
  }
}
@media (min-width: 992px) {
  .jb-shop-wrapper .jb-cart-block {
    padding: 50px 10px;
  }
}
@media (min-width: 1200px) {
  .jb-shop-wrapper .jb-cart-block {
    padding: 50px 10px;
  }
}
.jb-shop-wrapper .jb-cart-block .j2store-minicart-button i {
  font-size: 30px;
  position: relative;
  color: #555555;
}
.jb-shop-wrapper .jb-cart-block .j2store-minicart-button i:hover {
  color: #18e2ba;
}
.jb-shop-wrapper .jb-cart-block .j2store-minicart-button .jb-cart-item-count {
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 14px;
  position: absolute;
  text-align: center;
  display: inline;
  left: 11px;
  top: 4px;
}
.jb-modern-2 .t3-header-wrap {
  width: 100%;
  position: absolute;
  z-index: 1000;
  top: 0;
}
.jb-modern-2 .t3-header-wrap .jb-header-default {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07000000000000001);
  background: none !important;
  position: relative;
  -webkit-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
}
@media (max-width: 767px) {
  .jb-modern-2 .t3-header-wrap .jb-header-default .head-search {
    margin-top: 0px;
  }
}
@media (min-width: 768px) {
  .jb-modern-2 .t3-header-wrap .jb-header-default .head-search {
    margin-top: 0px;
  }
}
@media (min-width: 992px) {
  .jb-modern-2 .t3-header-wrap .jb-header-default .head-search {
    padding: 38px 0px;
  }
}
.header-trans .jb-modern-2 .t3-header-wrap {
  position: absolute;
  z-index: 1000;
  top: 0;
}
@media (max-width: 991px) {
  .header-trans .jb-modern-2 .t3-header-wrap {
    position: fixed;
    top: 0;
  }
  .header-trans .jb-modern-2 .t3-header-wrap .t3-header {
    background: rgba(0, 0, 0, 0.86);
  }
}
@media (min-width: 992px) {
  .header-trans .jb-modern-2 .t3-header-wrap .t3-header {
    background: transparent;
  }
}
@media (min-width: 992px) {
  .header-trans .jb-modern-2 .t3-header-wrap.affix {
    position: fixed;
    z-index: 1030;
    background: rgba(0, 0, 0, 0.86);
  }
}
.jb-modern-2 .t3-header-wrap .t3-cpanel {
  background: #333333;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 500ms;
  -o-transition: height 500ms;
  transition: height 500ms;
}
.jb-modern-2 .t3-header-wrap .t3-cpanel .finder {
  margin-bottom: 0;
}
.jb-modern-2 .t3-header-wrap .t3-cpanel .search {
  background: none;
  padding: 0;
}
@media (max-width: 767px) {
  .jb-modern-2 .t3-header-wrap .t3-cpanel .search {
    padding: 15px 39px;
  }
}
.jb-modern-2 .t3-header-wrap .t3-cpanel .search .form-search:before {
  color: #777 !important;
  content: "\f002";
  display: inline-block;
  font-family: FontAwesome;
  left: 6px;
  padding-right: 10px;
  padding: 10px;
  position: relative;
}
@media (max-width: 767px) {
  .jb-modern-2 .t3-header-wrap .t3-cpanel .search .form-search:before {
    float: left;
  }
}
.jb-modern-2 .t3-header-wrap .t3-cpanel .form-inline .form-group {
  display: block;
}
.jb-modern-2 .t3-header-wrap .t3-cpanel .form-control {
  background: none;
  border: 0;
  width: auto;
  padding: 14px;
  height: auto;
  font-weight: 300;
  color: #ffffff;
  font-size: 15px;
  position: relative;
}
@media (max-width: 767px) {
  .jb-modern-2 .t3-header-wrap .t3-cpanel .form-control {
    padding: 0px 14px;
  }
}
.jb-modern-2 .t3-header-wrap .t3-cpanel .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.jb-modern-2 .t3-header-wrap .t3-cpanel .form-control:focus::-moz-placeholder {
  color: transparent;
  opacity: 1;
}
.jb-modern-2 .t3-header-wrap .t3-cpanel .form-control:focus:-ms-input-placeholder {
  color: transparent;
}
.jb-modern-2 .t3-header-wrap .t3-cpanel .form-control:focus::-webkit-input-placeholder {
  color: transparent;
}
.jb-modern-2 .t3-header-wrap.cpanel-open .t3-cpanel {
  height: 50px;
}
@media (max-width: 767px) {
  .jb-modern-2 .t3-header-wrap.cpanel-open .t3-cpanel {
    height: 50px;
  }
}
.jb-modern-2 .t3-header-wrap.cpanel-open .t3-header {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #ffffff;
}
@media (max-width: 1199px) {
  .jb-modern-2 .t3-header-wrap .head-actions {
    width: auto;
  }
}
.t3-header-wrap {
  width: 100%;
  line-height: 0px;
}
.t3-header-wrap .jb-header-default {
  background: #ffffff;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  -webkit-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
}
@media (max-width: 991px) {
  .t3-header-wrap .jb-header-default {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.t3-header-wrap .jb-header-default .jb-header-shadow {
  background-image: url(/templates/jb_creativ/images/creativ/shadow.png);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 37px;
  left: 0px;
  opacity: 0.2;
  right: 0px;
  margin: auto;
  padding: 0px;
  position: absolute;
  bottom: -36px;
  z-index: 99;
  width: 100%;
}
.header-trans .t3-header-wrap {
  position: absolute;
  z-index: 1000;
  top: 0;
}
@media (max-width: 991px) {
  .header-trans .t3-header-wrap {
    position: fixed;
    top: 0;
  }
  .header-trans .t3-header-wrap .t3-header {
    background: rgba(0, 0, 0, 0.86);
  }
}
@media (min-width: 992px) {
  .header-trans .t3-header-wrap .t3-header {
    background: transparent;
  }
}
@media (min-width: 992px) {
  .header-trans .t3-header-wrap.affix {
    position: fixed;
    z-index: 1030;
    background: rgba(0, 0, 0, 0.86);
  }
}
.t3-header-wrap .t3-cpanel {
  background: #333333;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 500ms;
  -o-transition: height 500ms;
  transition: height 500ms;
}
.t3-header-wrap .t3-cpanel .finder {
  margin-bottom: 0;
}
.t3-header-wrap .t3-cpanel .search {
  background: none;
  padding: 0;
}
@media (max-width: 767px) {
  .t3-header-wrap .t3-cpanel .search {
    padding: 15px 39px;
  }
}
.t3-header-wrap .t3-cpanel .search .form-search:before {
  color: #777 !important;
  content: "\f002";
  display: inline-block;
  font-family: FontAwesome;
  left: 6px;
  padding-right: 10px;
  padding: 10px;
  position: relative;
}
@media (max-width: 767px) {
  .t3-header-wrap .t3-cpanel .search .form-search:before {
    float: left;
  }
}
.t3-header-wrap .t3-cpanel .form-inline .form-group {
  display: block;
}
.t3-header-wrap .t3-cpanel .form-control {
  background: none;
  border: 0;
  width: auto;
  padding: 14px;
  height: auto;
  font-weight: 300;
  color: #ffffff;
  font-size: 15px;
  position: relative;
}
@media (max-width: 767px) {
  .t3-header-wrap .t3-cpanel .form-control {
    padding: 0px  14px;
  }
}
.t3-header-wrap .t3-cpanel .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.t3-header-wrap .t3-cpanel .form-control:focus::-moz-placeholder {
  color: transparent;
  opacity: 1;
}
.t3-header-wrap .t3-cpanel .form-control:focus:-ms-input-placeholder {
  color: transparent;
}
.t3-header-wrap .t3-cpanel .form-control:focus::-webkit-input-placeholder {
  color: transparent;
}
.t3-header-wrap.cpanel-open .t3-cpanel {
  height: 50px;
}
@media (max-width: 767px) {
  .t3-header-wrap.cpanel-open .t3-cpanel {
    height: 50px;
  }
}
.t3-header-wrap.cpanel-open .t3-header {
  background: #ffffff;
}
@media (max-width: 1199px) {
  .t3-header-wrap .head-actions {
    width: auto;
  }
}
.logo {
  padding: 31px 10px;
  *padding-top: 10px;
  *padding-bottom: 10px;
  text-align: left;
}
@media screen and (max-width: 1199px) {
  .logo {
    width: auto;
  }
}
.logo a {
  display: inline-block;
  line-height: 1;
  margin: 0;
}
.logo-image span,
.logo-image small {
  display: none;
}
.logo-text a {
  text-decoration: none;
  font-size: 28px;
  font-weight: bold;
  color: #ffffff;
}
.logo-text:hover a,
.logo-text a:hover,
.logo-text a:active,
.logo-text a:focus {
  text-decoration: none;
}
.logo-text .site-slogan {
  display: block;
  font-size: 14px;
  margin-top: 5px;
  color: #999999;
}
.jb-modern .btn-search {
  color: #ffffff !important;
}
.head-search {
  float: right;
}
.head-search:before,
.head-search:after {
  content: " ";
  display: table;
}
.head-search:after {
  clear: both;
}
@media (max-width: 767px) {
  .head-search {
    padding: 29px 10px;
  }
}
@media (min-width: 768px) {
  .head-search {
    padding: 39px 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .head-search {
    padding: 39px 10px;
  }
}
@media (min-width: 992px) {
  .head-search {
    padding: 38px 20px;
  }
}
@media (min-width: 1200px) {
  .head-search {
    padding: 38px 0px;
  }
}
.modal-open .head-search {
  z-index: 0;
}
.head-search .btn-search {
  color: #282828;
  background: none;
  text-align: center;
  padding: 0;
  height: 34px;
  width: 34px;
  *line-height: 34px;
}
.head-search .btn-search:hover,
.head-search .btn-search:focus,
.head-search .btn-search:active {
  background: none;
  color: #18e2ba;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.head-btn {
  float: right;
  position: relative;
  z-index: 1;
  padding: 10px 0;
  margin-left: 7.5px;
}
.jb-slideshow .jb-brand {
  color: #18e2ba;
  font-weight: bold;
}
.jb-slideshow .btn {
  padding: 13px 57px;
  border-radius: 500px;
  color: #ffffff !important;
}
.cd-intro h1 {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
}
.cd-intro .cd-words-wrapper {
  color: #18e2ba;
}
.t3-sl {
  padding-bottom: 40px;
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .t3-sl {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
.jb-sl-no-bottom {
  padding-bottom: 0px;
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .jb-sl-no-bottom {
    padding-bottom: 0px;
    padding-top: 60px;
  }
}
.nopadding-top {
  padding-bottom: 40px;
  padding-top: 0px;
}
@media screen and (min-width: 768px) {
  .nopadding-top {
    padding-bottom: 60px;
    padding-top: 0px;
  }
}
.nopadding-bottom {
  padding-bottom: 0px;
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .nopadding-bottom {
    padding-bottom: 0px;
    padding-top: 60px;
  }
}
.jb-sl-30 {
  padding-bottom: 30px;
  padding-top: 30px;
}
.t3-mainbody {
  padding-top: 20px;
  padding-bottom: 20px;
}
.t3-content {
  padding-top: 20px;
  padding-bottom: 20px;
}
.t3-sidebar {
  padding-top: 20px;
  padding-bottom: 20px;
}
.t3-sidebar .t3-module {
  margin-top: 20px;
  margin-bottom: 20px;
}
.social-icons i,
.social-icons em {
  height: 40px;
  line-height: 40px;
  margin-left: 0px;
  text-align: center;
  width: 40px;
  border-radius: 500px;
  background: #383838;
  color: #999999;
}
.social-icons i:hover,
.social-icons em:hover {
  color: #ffffff;
  background: transparent linear-gradient(to bottom, #17dfbe 0px, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%) repeat scroll 0% 0%;
}
.social-icons .tooltip-inner {
  background: transparent linear-gradient(to bottom, #17dfbe 0px, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%) repeat scroll 0% 0%;
}
.social-icons .tooltip.bottom {
  margin-left: -2px;
  margin-top: 20px;
}
.social-icons .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #17dfbe;
}
.color-blue {
  background: #03acdc !important;
}
.color-gray {
  background: #f5f5f5 !important;
}
.color-green {
  background: #18E2BA !important;
}
.color-purple {
  background: #564BB5 !important;
}
.color-yellow {
  background: #FFCC0E !important;
}
.bg-gray {
  background: #F5F5F5 !important;
}
.bg-gray-darker {
  background: #282828 !important;
}
.color-red {
  background: #ff0000;
}
.color-tael {
  background: #52C854 !important;
}
.bg-gradian-color {
  color: #FFF !important;
  background: transparent linear-gradient(to bottom, #17dfbe 0px, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%) repeat scroll 0% 0%;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  height: 15px !important;
  width: 15px !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: transparent linear-gradient(to bottom, #17dfbe 0px, #15dac0 24%, #0dc8cb 57%, #06b4d7 86%, #04afda 100%) repeat scroll 0% 0% !important;
}
.jb-page-header .jb-page-head-padding {
  padding: 30rem 0px 20rem;
}
.jb-page-header .jb-page-head-padding h2 {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 48px;
  font-weight: bold;
}
.jb-page-header .jb-page-head-padding p {
  margin-top: 20px;
  font-size: 18px;
  font-family: Athelas;
  font-style: italic;
  color: #ffffff;
}
.logo-showcase .client-logo a {
  clear: both;
}
.logo-showcase .client-logo a img {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .logo-showcase .client-logo a img {
    height: 70px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .logo-showcase .client-logo a img {
    height: auto;
  }
}
@media (min-width: 992px) {
  .logo-showcase .client-logo a img {
    height: auto;
  }
}
@media (min-width: 1200px) {
  .logo-showcase .client-logo a img {
    height: auto;
  }
}
#sidebar-wrapper::-webkit-scrollbar {
  width: 10px;
  background-color: #cccccc;
}
#sidebar-wrapper::-webkit-scrollbar-thumb {
  background-color: #333333;
  border-radius: 10px;
}
#sidebar-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #16cba7;
  border: 1px solid #333333;
}
#sidebar-wrapper::-webkit-scrollbar-thumb:active {
  background-color: #16cba7;
  border: 1px solid #333333;
}
#sidebar-wrapper::-webkit-scrollbar-track {
  border: 1px #fff solid;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 6px #fff inset;
}
.go-top {
  position: relative;
  overflow: visible;
}
.go-top a {
  outline: none;
}
.go-top div {
  position: absolute;
}
.square {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  bottom: -61.6px;
  margin-left: -40px;
  border-radius: 20%;
  -webkit-transform: rotate(45deg) translateY(40px) translateX(40px);
  -ms-transform: rotate(45deg) translateY(40px) translateX(40px);
  transform: rotate(45deg) translateY(40px) translateX(40px);
  z-index: 2;
}
.square span {
  position: absolute;
  height: 13.33333333px;
  width: 13.33333333px;
  left: 13.33333333px;
  top: 13.33333333px;
  border-top-left-radius: 0;
}
.rectangle {
  height: 40px;
  width: 240px;
  left: 50%;
  bottom: -30px;
  margin-left: -120px;
  -webkit-transform: translateY(16px);
  -ms-transform: translateY(16px);
  transform: translateY(16px);
}
.go-top-out .square {
  position: absolute;
  cursor: pointer;
  -webkit-transform: rotate(45deg) translateY(0) translateX(0);
  -ms-transform: rotate(45deg) translateY(0) translateX(0);
  transform: rotate(45deg) translateY(0) translateX(0);
}
.go-top-out .rectangle {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.t3-footer-white {
  background: #ffffff;
  color: #999999;
  font-size: 16px;
  line-height: 2.7;
}
.t3-footer-white:before,
.t3-footer-white:after {
  content: " ";
  display: table;
}
.t3-footer-white:after {
  clear: both;
}
.t3-footer-white small {
  display: block;
  font-size: 100%;
}
.t3-footer-white .k2ItemsBlock li .moduleItemTitle {
  font-size: 14px;
  padding: 0px;
  font-weight: 400;
  margin: 0px;
  color: #f6f6f6;
  font-family: 'Montserrat', sans-serif;
  text-transform: capitalize;
}
.t3-footer-white .k2ItemsBlock li .moduleItemCategory,
.t3-footer-white .k2ItemsBlock li .moduleItemDateCreated {
  color: #999999;
  font-weight: 300;
  font-size: 14px;
  font-style: italic;
}
.t3-footer-white .map-bg {
  background: url(/templates/jb_creativ/images/creativ/map.png) no-repeat;
  display: block;
  height: 188px;
  left: -34px;
  margin: auto;
  padding: 0px;
  position: absolute;
  top: 70px;
  width: 300px;
}
.t3-footer-white .square {
  background: #f6f6f6;
  z-index: 0;
}
.t3-footer-white .square span {
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
}
.t3-footer {
  background: #2d2d2d;
  color: #999999;
  font-size: 16px;
  line-height: 1.9;
}
.t3-footer:before,
.t3-footer:after {
  content: " ";
  display: table;
}
.t3-footer:after {
  clear: both;
}
.t3-footer small {
  display: block;
  font-size: 100%;
}
.t3-footer .k2ItemsBlock li .moduleItemTitle {
  font-size: 14px;
  padding: 0px;
  font-weight: 400;
  margin: 0px;
  color: #f6f6f6;
  font-family: 'Montserrat', sans-serif;
  text-transform: capitalize;
}
.t3-footer .k2ItemsBlock li .moduleItemCategory,
.t3-footer .k2ItemsBlock li .moduleItemDateCreated {
  color: #999999;
  font-weight: 300;
  font-size: 14px;
  font-style: italic;
}
.t3-footer .map-bg {
  background: url(/templates/jb_creativ/images/creativ/map.png) no-repeat;
  display: block;
  height: 188px;
  left: -34px;
  margin: auto;
  padding: 0px;
  position: absolute;
  top: 70px;
  width: 300px;
}
.t3-footer .square {
  background: #282828;
  z-index: 0;
}
.t3-footer .square span {
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
}
.t3-footnav {
  padding: 20px 0;
}
.t3-footnav:before,
.t3-footnav:after {
  content: " ";
  display: table;
}
.t3-footnav:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .t3-footnav {
    padding: 60px 0;
  }
}
.t3-footnav .t3-module {
  background: #2d2d2d;
  color: #999999;
  margin-top: 10px;
  margin-bottom: 10px;
}
.t3-footnav .t3-module .module-title {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.t3-footnav .t3-module ul {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.t3-footnav .t3-module ul > li {
  line-height: 24px;
}
.t3-footnav .t3-module ul > li > a {
  color: #999999;
}
.t3-footnav .t3-module ul > li > a:hover,
.t3-footnav .t3-module ul > li > a:active,
.t3-footnav .t3-module ul > li > a:focus {
  color: #999999;
}
.t3-footnav .t3-module .contact-widget ul li {
  margin-bottom: 20px;
}
.t3-copyright-modern {
  font-weight: 500;
  text-align: center;
  color: #999999;
  font-size: 14px;
  background: #f6f6f6;
  font-family: 'Montserrat', sans-serif;
  padding: 40px 0 40px;
}
.t3-copyright-modern:before,
.t3-copyright-modern:after {
  content: " ";
  display: table;
}
.t3-copyright-modern:after {
  clear: both;
}
.t3-copyright-modern small {
  margin-bottom: 5px;
}
.t3-copyright-modern a {
  color: #999999;
}
.t3-copyright {
  font-weight: 500;
  text-align: center;
  color: #999999;
  font-size: 14px;
  background: #282828;
  font-family: 'Montserrat', sans-serif;
  padding: 40px 0 40px;
}
.t3-copyright:before,
.t3-copyright:after {
  content: " ";
  display: table;
}
.t3-copyright:after {
  clear: both;
}
.t3-copyright small {
  margin-bottom: 5px;
}
.t3-copyright a {
  color: #999999;
}
.poweredby:before,
.poweredby:after {
  content: " ";
  display: table;
}
.poweredby:after {
  clear: both;
}
@media screen and (min-width: 991px) {
  .poweredby {
    text-align: right;
  }
}
.poweredby .t3-logo,
.poweredby .t3-logo-small {
  opacity: .8;
  display: inline-block;
}
.all-demos .jb-animate {
  -webkit-animation: backgroundScroll 10s linear infinite;
  animation: backgroundScroll 10s linear infinite;
  background-size: 100%;
}
@-webkit-keyframes backgroundScroll {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -400px 0;
  }
}
@keyframes backgroundScroll {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -400px 0;
  }
}
.all-demos .jb-page-head-padding {
  padding: 22rem 0 22rem;
  position: relative;
}
.all-demos .jb-page-head-padding h3 {
  color: #ffffff;
  font-size: 40px;
  font-weight: bold;
}
.all-demos .jb-page-head-padding h3 span {
  color: #18e2ba;
}
.all-demos .jb-title-intro {
  font-size: 23px;
  color: #333333;
}
.all-demos .landing-item {
  margin: 0 0 15px;
}
.all-demos .landing-item img {
  border: 1px solid #f9f9f9;
  width: 100%;
}
.all-demos .landing-item h3 {
  color: #333333;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
}
.all-demos .landing-demos {
  margin: 0 0 15px;
}
.all-demos .landing-demos h3 a {
  color: #333333;
  text-transform: uppercase;
  font-size: 16px;
}
.all-demos .hover-shadow {
  box-shadow: 0 0 1px transparent;
  display: inline-block;
  position: relative;
  transform: translateZ(0px);
  transition-duration: 0.3s;
  transition-property: transform;
}
.all-demos .hover-shadow::before {
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center, rgba(0, 0, 0, 0.35) 0px, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0;
  content: "";
  height: 10px;
  left: 5%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transition-duration: 0.3s;
  transition-property: transform, opacity;
  width: 90%;
  z-index: -1;
}
.all-demos .hover-shadow:active,
.all-demos .hover-shadow:focus,
.all-demos .hover-shadow:hover {
  animation-delay: 0.3s;
  animation-direction: alternate;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: hover;
  animation-timing-function: linear;
  transform: translateY(-6px);
}
.all-demos .hover-shadow:active::before,
.all-demos .hover-shadow:focus::before,
.all-demos .hover-shadow:hover::before {
  animation-delay: 0.3s;
  animation-direction: alternate;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: hover-shadow;
  animation-timing-function: linear;
  opacity: 0.4;
  transform: translateY(6px);
}
.all-demos .service-style-1 {
  min-height: auto !important;
  margin: auto;
}
.all-demos .service-style-1 em {
  color: #18e2ba;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 500px;
  text-align: center;
  font-size: 26px;
}
.all-demos .service-style-1 .title h3 {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 15px;
  text-transform: capitalize;
}
.all-demos .arrow-down-gray-dark {
  background-color: #18e2ba;
  position: relative;
  color: #ffffff;
}
.all-demos .arrow-down-gray-dark:after {
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #18e2ba;
  bottom: -26px;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 0;
}
.all-demos .arrow-down-gray-dark h3 {
  color: #ffffff;
  font-size: 30px;
  font-weight: bold;
  text-transform: capitalize;
  margin-top: 0px;
  margin-bottom: 10px;
}
.all-demos .arrow-down-gray-dark .tp-sub-text {
  font-size: 20px;
  margin: 0 auto;
  max-width: 620px;
  text-align: center;
}
.all-demos #scrolldown {
  bottom: 40px;
  height: 100px;
  margin-left: -50px;
  position: absolute;
  left: 50%;
  text-align: center;
  width: 100px;
  z-index: 100;
}
.all-demos #scrolldown p {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: scroll;
  color: #fff;
  font-style: normal;
  font-family: 'Source Sans Pro', sans-serif;
}
.all-demos .mouse {
  border: 1px solid #ffffff;
  border-radius: 13px;
  display: block;
  height: 46px;
  left: 50%;
  margin: 10px 0 0 -13px;
  position: absolute;
  width: 26px;
}
.all-demos .mouse p {
  display: block;
  font-size: 1.5em;
  margin: 6px auto;
}
@keyframes scroll {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(10px);
  }
}
.all-demos .jb-bottom-promo {
  background: #18e2ba;
  color: #ffffff;
}
.all-demos .jb-bottom-promo p {
  margin-bottom: 0px;
}
.all-demos .jb-bottom-promo .button-full {
  display: block !important;
  white-space: normal;
  margin: 0;
  height: auto;
  line-height: 1.6;
  padding: 50px 0;
  font-size: 25px;
  font-weight: 300;
  text-transform: none;
  border-radius: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  background: #18e2ba;
  color: #ffffff;
  transition: all 500ms ease;
}
.all-demos .jb-bottom-promo .button-full:hover {
  background: #333333;
  color: #ffffff;
}
.all-demos .jb-bottom-promo h3 {
  margin-top: 4px;
  margin-bottom: 12px;
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 300;
}

.home .t3-sl-1 .jumbotron .btn,
.home .t3-sl-5 .jumbotron .btn {
  border-color: #fff;
}
.t3-mainnav {
  border-bottom: none;
}
.ImageOverlayLi:before {
  background: rgba(26, 206, 173, 0.7) none repeat scroll 0% 0% !important;
}
.ImageOverlayLi:after {
  background: rgba(26, 206, 173, 0.7) none repeat scroll 0% 0% !important;
}
.t3-megamenu .mega-inner:before,
.t3-megamenu .mega-inner:after {
  content: " ";
  display: table;
}
.t3-megamenu .mega-inner:after {
  clear: both;
}
.t3-megamenu .mega > .mega-dropdown-menu {
  min-width: 200px;
  display: none;
}
.t3-megamenu .mega.open > .mega-dropdown-menu,
.t3-megamenu .mega.dropdown-submenu.open > .mega-dropdown-menu {
  display: block;
}
.t3-megamenu .mega-group:before,
.t3-megamenu .mega-group:after {
  content: " ";
  display: table;
}
.t3-megamenu .mega-group:after {
  clear: both;
}
.t3-megamenu .dropdown-header,
.t3-megamenu .mega-nav .mega-group > .dropdown-header,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header {
  margin: 0;
  padding: 0;
  background: transparent;
  color: #000000;
  font-size: 18px;
  line-height: normal;
}
.t3-megamenu .dropdown-header:hover,
.t3-megamenu .mega-nav .mega-group > .dropdown-header:hover,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:hover,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:hover,
.t3-megamenu .dropdown-header:active,
.t3-megamenu .mega-nav .mega-group > .dropdown-header:active,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:active,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:active,
.t3-megamenu .dropdown-header:focus,
.t3-megamenu .mega-nav .mega-group > .dropdown-header:focus,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:focus,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:focus {
  background: inherit;
  color: inherit;
}
.t3-megamenu .mega-group-ct {
  margin: 0;
  padding: 0;
}
.t3-megamenu .mega-group-ct:before,
.t3-megamenu .mega-group-ct:after {
  content: " ";
  display: table;
}
.t3-megamenu .mega-group-ct:after {
  clear: both;
}
.t3-megamenu .mega-nav,
.t3-megamenu .dropdown-menu .mega-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.t3-megamenu .mega-nav > li,
.t3-megamenu .dropdown-menu .mega-nav > li {
  list-style: none;
  margin-left: 0;
}
.t3-megamenu .mega-nav > li a,
.t3-megamenu .dropdown-menu .mega-nav > li a {
  white-space: normal;
  display: block;
  padding: 5px;
}
.t3-megamenu .mega-nav > li a:hover,
.t3-megamenu .dropdown-menu .mega-nav > li a:hover,
.t3-megamenu .mega-nav > li a:focus,
.t3-megamenu .dropdown-menu .mega-nav > li a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.t3-megamenu .mega-nav > li .separator {
  display: block;
  padding: 5px;
}
.t3-megamenu .mega-group > .mega-nav,
.t3-megamenu .dropdown-menu .mega-group > .mega-nav {
  margin-left: -5px;
  margin-right: -5px;
}
.t3-megamenu .mega-nav .dropdown-submenu > a::after {
  margin-right: 5px;
}
.t3-megamenu .t3-module {
  margin-bottom: 10px;
}
.t3-megamenu .t3-module .module-title {
  margin: 0;
  padding: 0;
  background: transparent;
  color: #000000;
  font-size: 18px;
  line-height: normal;
  margin-bottom: 5px;
}
.t3-megamenu .t3-module .module-title:hover,
.t3-megamenu .t3-module .module-title:active,
.t3-megamenu .t3-module .module-title:focus {
  background: inherit;
  color: inherit;
}
.t3-megamenu .t3-module .module-ct {
  margin: 0;
  padding: 0;
}
.t3-megamenu .mega-caption {
  display: block;
  white-space: nowrap;
}
.t3-megamenu .nav .caret,
.t3-megamenu .dropdown-submenu .caret,
.t3-megamenu .mega-menu .caret {
  display: none;
}
.t3-megamenu .nav > .dropdown > .dropdown-toggle .caret {
  display: inline-block;
}
.t3-megamenu .nav [class^="icon-"],
.t3-megamenu .nav [class*=" icon-"],
.t3-megamenu .nav .fa {
  margin-right: 5px;
}
.t3-megamenu .nav .input-group-addon [class^="icon-"],
.t3-megamenu .nav .input-group-addon [class*=" icon-"],
.t3-megamenu .nav .input-group-addon .fa {
  margin-right: 0;
}
.t3-megamenu .mega-align-left > .dropdown-menu {
  left: 0;
}
.t3-megamenu .mega-align-right > .dropdown-menu {
  left: auto;
  right: 0;
}
.t3-megamenu .mega-align-center > .dropdown-menu {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.t3-megamenu .dropdown-submenu.mega-align-left > .dropdown-menu {
  left: 100%;
}
.t3-megamenu .dropdown-submenu.mega-align-right > .dropdown-menu {
  left: auto;
  right: 100%;
}
.t3-megamenu .mega-align-justify {
  position: static;
}
.t3-megamenu .mega-align-justify > .dropdown-menu {
  left: 0;
  margin-left: 0;
  top: auto;
}
.t3-megamenu .mega-tab > div {
  position: relative;
}
.t3-megamenu .mega-tab > div > ul {
  width: 200px;
}
.t3-megamenu .mega-tab > div > ul > li {
  position: static;
}
.t3-megamenu .mega-tab > div > ul > li > .dropdown-menu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 200px;
}
.t3-megamenu .mega-tab > div > ul > li > .mega-dropdown-menu {
  border: none;
  box-shadow: none;
}
.t3-megamenu .mega-tab > div > ul > li > .mega-dropdown-menu > div {
  opacity: 1 !important;
  margin-left: 0 !important;
  transition: none !important;
}
@media (min-width: 768px) {
  .t3-megamenu.animate .mega > .mega-dropdown-menu {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
  }
  .t3-megamenu.animate .mega.animating > .mega-dropdown-menu {
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    display: block;
  }
  .t3-megamenu.animate .mega.open > .mega-dropdown-menu,
  .t3-megamenu.animate .mega.animating.open > .mega-dropdown-menu {
    opacity: 1;
  }
  .t3-megamenu.animate.zoom .mega > .mega-dropdown-menu {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transform-origin: 20% 20%;
    -moz-transform-origin: 20% 20%;
    -ms-transform-origin: 20% 20%;
    transform-origin: 20% 20%;
  }
  .t3-megamenu.animate.zoom .mega.open > .mega-dropdown-menu {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  .t3-megamenu.animate.zoom .level0 > .mega-align-center > .mega-dropdown-menu {
    -webkit-transform: scale(0, 0) translate(-50%, 0);
    -ms-transform: scale(0, 0) translate(-50%, 0);
    transform: scale(0, 0) translate(-50%, 0);
    -webkit-transform-origin: 0% 20%;
    -moz-transform-origin: 0% 20%;
    -ms-transform-origin: 0% 20%;
    transform-origin: 0% 20%;
  }
  .t3-megamenu.animate.zoom .level0 > .mega-align-center.open > .mega-dropdown-menu {
    -webkit-transform: scale(1, 1) translate(-50%, 0);
    -ms-transform: scale(1, 1) translate(-50%, 0);
    transform: scale(1, 1) translate(-50%, 0);
  }
  .t3-megamenu.animate.elastic .mega > .mega-dropdown-menu {
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 10% 0;
    -moz-transform-origin: 10% 0;
    -ms-transform-origin: 10% 0;
    transform-origin: 10% 0;
  }
  .t3-megamenu.animate.elastic .mega.open > .mega-dropdown-menu {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  .t3-megamenu.animate.elastic .level0 > .mega > .mega-dropdown-menu {
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  .t3-megamenu.animate.elastic .level0 .open > .mega-dropdown-menu {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  .t3-megamenu.animate.elastic .level0 > .mega-align-center > .mega-dropdown-menu {
    transform: scale(1, 0) translate(-50%, 0);
    -webkit-transform: scale(1, 0) translate(-50%, 0);
    -ms-transform: scale(1, 0) translate(-50%, 0);
  }
  .t3-megamenu.animate.elastic .level0 > .mega-align-center.open > .mega-dropdown-menu {
    transform: scale(1, 1) translate(-50%, 0);
    -webkit-transform: scale(1, 1) translate(-50%, 0);
    -ms-transform: scale(1, 1) translate(-50%, 0);
  }
  .t3-megamenu.animate.slide .mega {
    
    
  }
  .t3-megamenu.animate.slide .mega.animating > .mega-dropdown-menu {
    overflow: hidden;
  }
  .t3-megamenu.animate.slide .mega > .mega-dropdown-menu > div {
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-top: -30%;
  }
  .t3-megamenu.animate.slide .mega.open > .mega-dropdown-menu > div {
    margin-top: 0%;
  }
  .t3-megamenu.animate.slide .mega .mega > .mega-dropdown-menu {
    min-width: 0;
  }
  .t3-megamenu.animate.slide .mega .mega > .mega-dropdown-menu > div {
    min-width: 200px;
    margin-top: 0;
    margin-left: -500px;
    width: 100%;
  }
  .t3-megamenu.animate.slide .mega .mega.open > .mega-dropdown-menu > div {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .t3-megamenu .mega-inner:before,
  .t3-megamenu .mega-inner:after {
    content: " ";
    display: table;
  }
  .t3-megamenu .mega-inner:after {
    clear: both;
  }
  .t3-megamenu .row,
  .t3-megamenu .mega-dropdown-menu,
  .t3-megamenu .row [class*="col-lg-"],
  .t3-megamenu .row [class*="col-md-"],
  .t3-megamenu .row [class*="col-sm-"],
  .t3-megamenu .row [class*="col-xs-"] {
    width: 100% !important;
    min-width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }
  .t3-megamenu .hidden-collapse,
  .t3-megamenu .always-show .caret,
  .t3-megamenu .always-show .dropdown-submenu > a:after .sub-hidden-collapse > .nav-child,
  .t3-megamenu .sub-hidden-collapse .caret,
  .t3-megamenu .sub-hidden-collapse > a:after {
    display: none !important;
  }
  .mega-caption {
    display: none !important;
  }
  html[dir="rtl"] .t3-megamenu .row,
  html[dir="rtl"] .t3-megamenu .mega-dropdown-menu,
  html[dir="rtl"] .t3-megamenu .row [class*="col-lg-"],
  html[dir="rtl"] .t3-megamenu .row [class*="col-md-"],
  html[dir="rtl"] .t3-megamenu .row [class*="col-sm-"],
  html[dir="rtl"] .t3-megamenu .row [class*="col-xs-"] {
    left: auto;
    right: 0 !important;
    margin-right: 0 !important;
  }
}
.t3-megamenu .mega-inner {
  padding: 10px 0;
}
.t3-megamenu .row {
  margin-left: auto;
  margin-right: auto;
}
.t3-megamenu .row + .row {
  padding-top: 10px;
  border-top: 1px solid #e7e7e7;
}
.t3-megamenu .mega-dropdown-menu {
  padding: 10px 0;
  margin-left: -1px;
  background: #282828;
  border-top: 2px solid #18e2ba;
}
.t3-megamenu .mega-dropdown-menu.menu-layout-preview li a {
  font-weight: 400;
}
.t3-megamenu .mega-dropdown-menu.menu-layout-preview li img {
  max-width: 100%;
  margin-bottom: 10px;
  display: block !important;
}
.t3-megamenu .mega-dropdown-menu.menu-layout-preview li:hover,
.t3-megamenu .mega-dropdown-menu.menu-layout-preview li:focus {
  background: none;
  color: #ffffff;
}
.t3-megamenu .dropdown-submenu .col-lg-12.mega-col-nav .mega-inner,
.t3-megamenu .dropdown-submenu .col-md-12.mega-col-nav .mega-inner,
.t3-megamenu .dropdown-submenu .col-sm-12.mega-col-nav .mega-inner,
.t3-megamenu .dropdown-submenu .col-xs-12.mega-col-nav .mega-inner {
  padding-top: 0;
  padding-bottom: 0;
}
.t3-megamenu .dropdown-header,
.t3-megamenu .mega-nav .mega-group > .dropdown-header,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header {
  margin: 0;
  padding: 10px 20px 15px;
  background: transparent;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}
.t3-megamenu .dropdown-header:hover,
.t3-megamenu .mega-nav .mega-group > .dropdown-header:hover,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:hover,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:hover,
.t3-megamenu .dropdown-header:active,
.t3-megamenu .mega-nav .mega-group > .dropdown-header:active,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:active,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:active,
.t3-megamenu .dropdown-header:focus,
.t3-megamenu .mega-nav .mega-group > .dropdown-header:focus,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:focus,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:focus {
  background: transparent;
  color: #ffffff;
}
.t3-megamenu .mega-group-ct .row {
  margin-left: -15px;
  margin-right: -15px;
}
.t3-megamenu .mega-nav,
.t3-megamenu .dropdown-menu .mega-nav {
  margin: -5px;
  border-bottom: none;
}
.t3-megamenu .mega-nav > li,
.t3-megamenu .dropdown-menu .mega-nav > li {
  margin-right: 10px;
  margin-left: 10px;
  border-left: none;
  border-right: none;
  padding: 0px;
}
.t3-megamenu .mega-nav > li.active > a,
.t3-megamenu .dropdown-menu .mega-nav > li.active > a {
  color: #18e2ba;
}
.t3-megamenu .mega-nav > li a,
.t3-megamenu .dropdown-menu .mega-nav > li a {
  padding: 0px;
  color: #B1B1B1 !important;
  font-size: 13px;
  font-weight: 400;
  padding: 2px 15px;
  text-transform: uppercase;
  border: none;
  line-height: 40px;
  font-family: 'Montserrat', sans-serif;
  outline: none;
}
.t3-megamenu .mega-nav > li a:hover,
.t3-megamenu .dropdown-menu .mega-nav > li a:hover,
.t3-megamenu .mega-nav > li a:active,
.t3-megamenu .dropdown-menu .mega-nav > li a:active,
.t3-megamenu .mega-nav > li a:focus,
.t3-megamenu .dropdown-menu .mega-nav > li a:focus {
  background: transparent !important;
  color: #ffffff !important;
}
.t3-megamenu .mega-nav > li a:hover:after,
.t3-megamenu .dropdown-menu .mega-nav > li a:hover:after,
.t3-megamenu .mega-nav > li a:active:after,
.t3-megamenu .dropdown-menu .mega-nav > li a:active:after,
.t3-megamenu .mega-nav > li a:focus:after,
.t3-megamenu .dropdown-menu .mega-nav > li a:focus:after {
  border-left-border: #ffffff;
}
.t3-megamenu .dropdown-menu .mega-group .mega-nav > li.active > a {
  color: #18e2ba;
}
.t3-megamenu .dropdown-menu .mega-group .mega-nav > li.active > a:hover,
.t3-megamenu .dropdown-menu .mega-group .mega-nav > li.active > a:active,
.t3-megamenu .dropdown-menu .mega-group .mega-nav > li.active > a:focus {
  background: transparent !important;
}
.t3-megamenu .mega-nav .dropdown-submenu > a:after {
  border: none;
  content: "\F105";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  margin-top: -41px;
  right: 0px;
  color: #555555;
}
.t3-megamenu .mega-nav .dropdown-submenu.open > a:after {
  *border-left-color: #ffffff;
}
.t3-megamenu .mega-nav .dropdown-submenu.open > .dropdown-menu {
  margin-left: -2px;
  box-shadow: 0px 0px ;
}
.t3-megamenu .mega-nav .dropdown-submenu > .mega-dropdown-menu > .mega-dropdown-inner {
  padding: 0 0px;
}
.t3-megamenu .dropdown .dropdown-menu .mega-dropdown-inner .responsive_map {
  height: 250px;
}
.t3-megamenu .dropdown .dropdown-menu .mega-dropdown-inner .tp-mega-address {
  text-transform: capitalize;
}
.t3-megamenu .dropdown .dropdown-menu .mega-dropdown-inner .tp-mega-address a {
  display: inline;
  border: none;
  line-height: 0px;
  font-size: 13px;
  color: #666666;
}
.t3-megamenu .dropdown .dropdown-menu .mega-dropdown-inner .tp-mega-address a:hover {
  border: none;
  text-decoration: none;
  color: #18e2ba;
}
.t3-megamenu .t3-module.layout-menu {
  padding-left: 0;
  padding-right: 0;
}
.t3-megamenu .t3-module .module-title {
  margin: 0;
  padding: 10px 20px 15px;
  background: transparent;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 10px;
}
.t3-megamenu .t3-module .module-title:hover,
.t3-megamenu .t3-module .module-title:active,
.t3-megamenu .t3-module .module-title:focus {
  background: transparent;
  color: #ffffff;
}
.t3-megamenu .t3-module ul li,
.t3-megamenu .t3-module .nav li {
  list-style: disc;
  display: list-item;
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
}
.t3-megamenu .t3-module ul li a,
.t3-megamenu .t3-module .nav li a {
  display: inline;
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 100%;
  background: none;
  font: inherit;
  white-space: normal;
}
.t3-megamenu .t3-module ul li a:hover,
.t3-megamenu .t3-module .nav li a:hover,
.t3-megamenu .t3-module ul li a:focus,
.t3-megamenu .t3-module .nav li a:focus,
.t3-megamenu .t3-module ul li a:active,
.t3-megamenu .t3-module .nav li a:active {
  background: none;
  color: inherit;
  font: inherit;
}
.t3-megamenu .mega-caption-empty {
  display: none;
}
.t3-megamenu .hot-tag .mega-caption {
  padding: 0 8px !important;
  line-height: 18px;
  background-color: #18e2ba;
  color: #ffffff;
  position: absolute;
  font-size: 11px;
  font-weight: normal;
  top: 4px;
  right: 0;
}
.t3-megamenu .hot-tag .mega-caption:before {
  position: absolute;
  left: 6px;
  top: 17px;
  width: 0;
  height: 0;
  content: "";
  border-style: solid;
  border-width: 5px;
  border-color: transparent;
  border-top-color: #18e2ba;
}
.t3-megamenu .mega-caption {
  float: right;
  background: #18e2ba;
  color: #ffffff;
  border-radius: 3px;
  font-size: 12px;
  margin-top: 10px;
  font-weight: 400;
  line-height: 20px;
  padding: 0px 8px;
}
.t3-megamenu .nav > .dropdown > .dropdown-toggle .caret {
  display: none;
  border: 0;
}
.t3-megamenu .nav > .dropdown > .dropdown-toggle .caret:before {
  *content: "\f107";
  *font-family: FontAwesome;
}
.t3-megamenu .nav .open > a,
.t3-megamenu .nav .open > a:hover,
.t3-megamenu .nav .open > a:focus {
  background-color: transparent;
}
.t3-megamenu .nav .input-group-addon [class^="icon-"],
.t3-megamenu .nav .input-group-addon [class*=" icon-"],
.t3-megamenu .nav .input-group-addon .fa {
  margin-right: 0;
}
.mega-bg .mega-dropdown-inner .row {
  background-image: url(/templates/jb_creativ/images/creativ/menu-bg.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 30% auto;
}
.mega-bg .mega-dropdown-inner .row .mega-dropdown-inner .row {
  background-image: none;
}
.off-canvas-toggle {
  z-index: 100;
}
html,
body {
  height: 100%;
}
.noscroll {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}
.t3-wrapper {
  background: #ffffff;
  position: relative;
  left: 0;
  z-index: 99;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  overflow: visible;
}
.t3-wrapper::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  z-index: 100;
}
.t3-mainnav-android {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.t3-mainnav-android::after {
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.off-canvas-open .t3-wrapper::after {
  width: 100%;
  height: 10000px;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.off-canvas-open .t3-mainnav-android::after {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.t3-off-canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  visibility: hidden;
  width: 250px;
  height: 100%;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.t3-off-canvas::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.off-canvas-right.t3-off-canvas {
  display: none;
}
.off-canvas-right .off-canvas-right.t3-off-canvas {
  display: block;
}
html[dir="ltr"] .off-canvas-right.t3-off-canvas {
  left: auto;
  right: 0;
}
.off-canvas-open .t3-off-canvas::after {
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.off-canvas-open .off-canvas-current {
  visibility: visible;
}
.off-canvas-open .t3-off-canvas {
  overflow-y: auto;
}
.t3-off-canvas {
  background: #ffffff;
  color: #333333;
}
.t3-off-canvas .t3-off-canvas-header {
  background: #eeeeee;
  color: #333333;
  padding: 6px 12px;
}
.t3-off-canvas .t3-off-canvas-header h2 {
  margin: 0;
}
.t3-off-canvas .t3-off-canvas-body {
  padding: 6px 12px;
}
.t3-off-canvas .t3-off-canvas-body a {
  color: #eeeeee;
}
.t3-off-canvas .t3-off-canvas-body a:hover,
.t3-off-canvas .t3-off-canvas-body a:focus {
  color: #16cba7;
}
.t3-off-canvas .t3-off-canvas-body a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu {
  position: static;
  float: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.off-canvas-effect-1.t3-off-canvas {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-1.off-canvas-open .off-canvas-effect-1.t3-off-canvas {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.off-canvas-effect-1.t3-off-canvas::after {
  display: none;
}
.off-canvas-right.off-canvas-effect-1.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.off-canvas-effect-2.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-2.t3-off-canvas {
  z-index: 1;
}
.off-canvas-effect-2.off-canvas-open .off-canvas-effect-2.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.off-canvas-effect-2.t3-off-canvas::after {
  display: none;
}
.off-canvas-right.off-canvas-effect-2.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
.off-canvas-effect-3.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-3.t3-off-canvas {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-3.off-canvas-open .off-canvas-effect-3.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.off-canvas-effect-3.t3-off-canvas::after {
  display: none;
}
.off-canvas-right.off-canvas-effect-3.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
.off-canvas-right.off-canvas-effect-3.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.off-canvas-effect-4.off-canvas-open .t3-wrapper,
.off-canvas-effect-4.off-canvas-open .t3-mainnav-android {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-4.t3-off-canvas {
  z-index: 1;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.off-canvas-effect-4.off-canvas-open .off-canvas-effect-4.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.off-canvas-effect-4.t3-off-canvas::after {
  display: none;
}
.off-canvas-right.off-canvas-effect-4.off-canvas-open .t3-wrapper,
.off-canvas-right.off-canvas-effect-4.off-canvas-open .t3-mainnav-android {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
.off-canvas-right.off-canvas-effect-4.t3-off-canvas {
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}
.off-canvas-effect-5.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-5.t3-off-canvas {
  z-index: 1;
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}
.off-canvas-effect-5.off-canvas-open .off-canvas-effect-5.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.off-canvas-right.off-canvas-effect-5.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
.off-canvas-right.off-canvas-effect-5.t3-off-canvas {
  z-index: 1;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
body.off-canvas-effect-6 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
}
.off-canvas-effect-6 .t3-wrapper {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: auto;
  overflow: hidden;
}
.off-canvas-effect-6.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0) rotateY(-15deg);
  transform: translate3d(250px, 0, 0) rotateY(-15deg);
}
.off-canvas-effect-6.t3-off-canvas {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-6.off-canvas-open .off-canvas-effect-6.t3-off-canvas {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.off-canvas-effect-6.t3-off-canvas::after {
  display: none;
}
.off-canvas-right.off-canvas-effect-6 .t3-wrapper {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-6.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0) rotateY(15deg);
  transform: translate3d(-250px, 0, 0) rotateY(15deg);
}
.off-canvas-right.off-canvas-effect-6.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
body.off-canvas-effect-7 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}
.off-canvas-effect-7 .t3-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-7.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-7.t3-off-canvas {
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
  transform: translate3d(-100%, 0, 0) rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-7.off-canvas-open .off-canvas-effect-7.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
  transform: translate3d(-100%, 0, 0) rotateY(0deg);
}
body.off-canvas-effect-7.off-canvas-right {
  -webkit-perspective-origin: 100% 50%;
  perspective-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-7.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
.off-canvas-right.off-canvas-effect-7.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
  transform: translate3d(100%, 0, 0) rotateY(90deg);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.off-canvas-right.off-canvas-effect-7.off-canvas-open .off-canvas-right.off-canvas-effect-7.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0) rotateY(0deg);
  transform: translate3d(100%, 0, 0) rotateY(0deg);
}
body.off-canvas-effect-8 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}
.off-canvas-effect-8 .t3-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-8.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-8.t3-off-canvas {
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
  transform: translate3d(-100%, 0, 0) rotateY(90deg);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-8.off-canvas-open .off-canvas-effect-8.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
  transform: translate3d(-100%, 0, 0) rotateY(0deg);
}
.off-canvas-effect-8.t3-off-canvas::after {
  display: none;
}
body.off-canvas-effect-8.off-canvas-right {
  -webkit-perspective-origin: 100% 50%;
  perspective-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-8.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
.off-canvas-right.off-canvas-effect-8.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg);
  transform: translate3d(100%, 0, 0) rotateY(-90deg);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.off-canvas-right.off-canvas-effect-8.off-canvas-open .off-canvas-right.off-canvas-effect-8.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0) rotateY(0deg);
  transform: translate3d(100%, 0, 0) rotateY(0deg);
}
body.off-canvas-effect-9 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
}
.off-canvas-effect-9 .t3-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-9.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(0, 0, -250px);
  transform: translate3d(0, 0, -250px);
}
.off-canvas-effect-9.t3-off-canvas {
  opacity: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-9.off-canvas-open .off-canvas-effect-9.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.off-canvas-effect-9.t3-off-canvas::after {
  display: none;
}
.off-canvas-right.off-canvas-effect-9.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
body.off-canvas-effect-10 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}
.off-canvas-effect-10.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-10.t3-off-canvas {
  z-index: 1;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, -250px);
  transform: translate3d(0, 0, -250px);
}
.off-canvas-effect-10.off-canvas-open .off-canvas-effect-10.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
body.off-canvas-effect-10.off-canvas-right {
  -webkit-perspective-origin: 100% 50%;
  perspective-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-10.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
body.off-canvas-effect-11 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
}
.off-canvas-effect-11 .t3-wrapper {
  height: auto;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-11.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
  transform: translate3d(100px, 0, -600px) rotateY(-20deg);
}
.off-canvas-effect-11.t3-off-canvas {
  opacity: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-11.off-canvas-open .off-canvas-effect-11.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.off-canvas-effect-11.t3-off-canvas::after {
  display: none;
}
.off-canvas-right.off-canvas-effect-11.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-100px, 0, -600px) rotateY(20deg);
  transform: translate3d(-100px, 0, -600px) rotateY(20deg);
}
.off-canvas-right.off-canvas-effect-11.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
body.off-canvas-effect-12 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
}
.off-canvas-effect-12 .t3-wrapper {
  height: auto;
  overflow: hidden;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-12.off-canvas-open .t3-wrapper {
  -webkit-transform: rotateY(-10deg);
  transform: rotateY(-10deg);
}
.off-canvas-effect-12.t3-off-canvas {
  opacity: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-12.off-canvas-open .off-canvas-effect-12.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.off-canvas-effect-12.t3-off-canvas::after {
  display: none;
}
.off-canvas-right.off-canvas-effect-12 .t3-wrapper {
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.off-canvas-right.off-canvas-effect-12.off-canvas-open .t3-wrapper {
  -webkit-transform: rotateY(10deg);
  transform: rotateY(10deg);
}
.off-canvas-right.off-canvas-effect-12.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
body.off-canvas-effect-13 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}
.off-canvas-effect-13.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-13.t3-off-canvas {
  z-index: 1;
  opacity: 1;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.off-canvas-effect-13.off-canvas-open .off-canvas-effect-13.t3-off-canvas {
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-speed: 0.2s;
  transition-speed: 0.2s;
}
body.off-canvas-effect-13.off-canvas-right {
  -webkit-perspective-origin: 100% 50%;
  perspective-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-13.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
body.off-canvas-effect-14 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}
.off-canvas-effect-14 .t3-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-14.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-14.t3-off-canvas {
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
  transform: translate3d(-100%, 0, 0) rotateY(90deg);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-14.off-canvas-open .off-canvas-effect-14.t3-off-canvas {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
  transform: translate3d(-100%, 0, 0) rotateY(0deg);
}
body.off-canvas-effect-14.off-canvas-right {
  -webkit-perspective-origin: 100% 50%;
  perspective-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-14.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
.off-canvas-right.off-canvas-effect-14.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg);
  transform: translate3d(100%, 0, 0) rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-14.off-canvas-open .off-canvas-right.off-canvas-effect-14.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0) rotateY(0deg);
  transform: translate3d(100%, 0, 0) rotateY(0deg);
}
.old-ie .t3-off-canvas {
  z-index: 100 !important;
  left: -250px;
}
html[dir="ltr"] .off-canvas-right.old-ie .t3-off-canvas {
  right: -250px;
  left: auto;
}
.modal-open .t3-wrapper {
  position: static;
}
.off-canvas-toggle {
  border-radius: 0;
  border: 0;
  width: 30px;
  height: 34px;
  line-height: 34px;
  background: none;
  box-shadow: none;
}
@media (max-width: 767px) {
  .off-canvas-toggle {
    padding: 45px 10px;
  }
}
@media (min-width: 768px) {
  .off-canvas-toggle {
    padding: 55px 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .off-canvas-toggle {
    padding: 55px 10px;
  }
}
@media (min-width: 992px) {
  .off-canvas-toggle {
    padding: 54px 26px;
  }
}
@media (min-width: 1200px) {
  .off-canvas-toggle {
    padding: 54px 16px;
  }
}
.off-canvas-toggle:focus,
.off-canvas-toggle:hover,
.off-canvas-toggle:active {
  background: transparent;
  outline: none;
}
.off-canvas-toggle .patty {
  background-color: #333333;
  height: 2px;
  margin: 0 -5px;
  width: 20px;
  display: block;
  position: relative;
}
.off-canvas-toggle .patty:before,
.off-canvas-toggle .patty:after {
  background: #333333;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 20px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.off-canvas-toggle .patty:after {
  top: 8px;
}
.off-canvas-toggle .patty:before {
  top: -8px;
}
.off-canvas-toggle .patty:hover {
  background-color: #18e2ba;
}
.off-canvas-toggle .patty:hover:after {
  top: 7px;
  background-color: #18e2ba;
}
.off-canvas-toggle .patty:hover:before {
  top: -7px;
  background-color: #18e2ba;
}
.jb-modern .patty {
  background-color: #ffffff;
}
.jb-modern .patty:after {
  background-color: #ffffff;
}
.jb-modern .patty:before {
  background-color: #ffffff;
}
.off-canvas-open .jb-modern .patty:before,
.off-canvas-open .jb-modern .patty:after {
  background: #ffffff !important;
}
.off-canvas-open .off-canvas-toggle .patty {
  background-color: transparent;
}
.off-canvas-open .off-canvas-toggle .patty:before,
.off-canvas-open .off-canvas-toggle .patty:after {
  background: #282828;
}
.off-canvas-open .off-canvas-toggle .patty:after {
  top: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.off-canvas-open .off-canvas-toggle .patty:before {
  top: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.off-canvas-open .off-canvas-toggle .patty:hover:after {
  top: 0;
}
.off-canvas-open .off-canvas-toggle .patty:hover:before {
  top: 0;
}
.t3-off-canvas {
  background: #ffffff;
  color: #333333;
}
.t3-off-canvas .t3-off-canvas-header {
  background: #eeeeee;
  color: #333333;
  padding: 0 0 0 12px;
  height: 35px;
}
.t3-off-canvas .t3-off-canvas-header h2 {
  margin: 0;
  line-height: 35px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.t3-off-canvas .close {
  color: #ffffff;
  margin: 0;
  height: 35px;
  line-height: 35px;
  width: 35px;
  position: absolute;
  top: 15px;
  right: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.t3-off-canvas .t3-off-canvas-body {
  background: #333333;
  padding: 0px;
}
.t3-off-canvas .t3-off-canvas-body .module-title {
  color: #ffffff;
  background: #18e2ba;
  padding: 20px;
}
.t3-off-canvas .t3-off-canvas-body a {
  color: #eeeeee;
  text-decoration: none;
  font-weight: bold;
}
.t3-off-canvas .t3-off-canvas-body a:hover,
.t3-off-canvas .t3-off-canvas-body a:focus {
  color: #ffffff;
  text-decoration: none;
}
.t3-off-canvas .t3-off-canvas-body a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu .active a {
  background: transparent;
  color: #ffffff;
}
.t3-off-canvas .t3-off-canvas-body .nav {
  padding: 10px;
}
.t3-off-canvas .t3-off-canvas-body .nav > li,
.t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle {
  *border-bottom: 1px solid #1e1e1e;
}
.t3-off-canvas .t3-off-canvas-body .nav > li > a,
.t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle > a,
.t3-off-canvas .t3-off-canvas-body .nav > li > .dropdown-toggle,
.t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle > .dropdown-toggle {
  background: none;
  text-transform: none;
  color: #999;
  padding: 10px 20px;
}
.t3-off-canvas .t3-off-canvas-body .nav > li > a .caret,
.t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle > a .caret,
.t3-off-canvas .t3-off-canvas-body .nav > li > .dropdown-toggle .caret,
.t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle > .dropdown-toggle .caret {
  float: right;
  margin-top: 10px;
  border-top-color: #18e2ba;
}
.t3-off-canvas .t3-off-canvas-body .nav > li > a:before,
.t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle > a:before,
.t3-off-canvas .t3-off-canvas-body .nav > li > .dropdown-toggle:before,
.t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle > .dropdown-toggle:before {
  content: "\f00a";
  position: absolute;
  left: 0;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  margin-top: 7px;
  font-size: 10px;
}
.t3-off-canvas .t3-off-canvas-body .nav > li.active > a,
.t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle.active > a,
.t3-off-canvas .t3-off-canvas-body .nav > li.active > .dropdown-toggle,
.t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle.active > .dropdown-toggle {
  background: none;
  text-transform: none;
  color: #ffffff;
}
.t3-off-canvas .t3-off-canvas-body .nav > li.active > a .caret,
.t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle.active > a .caret,
.t3-off-canvas .t3-off-canvas-body .nav > li.active > .dropdown-toggle .caret,
.t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle.active > .dropdown-toggle .caret {
  border-top-color: #18e2ba;
}
.t3-off-canvas .t3-off-canvas-body .nav > li > a:hover,
.t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle > a:hover,
.t3-off-canvas .t3-off-canvas-body .nav > li > a:focus,
.t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle > a:focus,
.t3-off-canvas .t3-off-canvas-body .nav > li > a:active,
.t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle > a:active {
  background: none;
  text-transform: none;
  color: #ffffff;
}
.t3-off-canvas .t3-off-canvas-body .nav > li > a:hover .caret,
.t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle > a:hover .caret,
.t3-off-canvas .t3-off-canvas-body .nav > li > a:focus .caret,
.t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle > a:focus .caret,
.t3-off-canvas .t3-off-canvas-body .nav > li > a:active .caret,
.t3-off-canvas .t3-off-canvas-body .nav .dropdown-toggle > a:active .caret {
  border-top-color: #18e2ba;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu {
  background: none;
  padding-left: 20px;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a,
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > .nav-header {
  padding: 5px 0;
  color: #eeeeee;
  display: inline-block;
  font-weight: bold;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li.open > a,
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a:hover,
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a:focus,
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a:active {
  background: none;
  color: #eeeeee;
  opacity: 1;
  filter: alpha(opacity=100);
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li.active > a {
  background: none;
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu .caret {
  display: none;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-submenu > a:after,
.t3-off-canvas .t3-off-canvas-body .dropdown-submenu > .nav-header:after {
  display: none;
}
.t3-off-canvas .t3-off-canvas-body .t3-module {
  background: none;
  margin-bottom: 20px;
}
.t3-off-canvas .t3-off-canvas-body .t3-module .module-inner {
  padding: 0;
}
.t3-off-canvas .t3-off-canvas-body .module-ct {
  background: none;
}
.t3-off-canvas .t3-off-canvas-body .module-title {
  margin-bottom: 10px;
}
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url(/templates/jb_creativ/fonts/font-awesome/fonts/fontawesome-webfont.eot?v=4.3.0);src:url(/templates/jb_creativ/fonts/font-awesome/fonts/fontawesome-webfont.eot#iefix&v=4.3.0) format('embedded-opentype'),url(/templates/jb_creativ/fonts/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'),url(/templates/jb_creativ/fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'),url(/templates/jb_creativ/fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'),url(/templates/jb_creativ/fonts/font-awesome/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}
/* Elastislide Style */

.sit-preview img {
opacity:0.4;
}

.sit-preview:hover img {
opacity:1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sitpreviewdiv {
   background: none repeat scroll 0 0 #2b2b2b;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
    display: inline;
    left: 242px !important;
    opacity: 0;
    padding: 7px;
    position: fixed;
    top: 8px;
    z-index: 9999;
}
.sit-preview-block {
    bottom: auto;
    display: none;
    height: 246px !important;
    left: 172px !important;
    overflow: hidden !important;
    position: fixed;
    top: 0 !important;
    width: 300px !important;
    z-index: 100000;
}
.sit-preview-block img{margin:0;border:0;max-width:100%;height:auto;display:block}
.sit-preview-preloader{background:#000 url(/templates/jb_creativ/css/preload.animation.gif) center center no-repeat;display:block}
.sit-theme-simple{background:#282828;padding:5px;border:1px solid #222}
.sit-theme-caption{ background:#282828;padding:5px;border:1px solid #222}
.sit-theme-caption h4{margin:5px 0 0;color:#fefefe; font-size:13px;text-transform: uppercase; text-align: center;}
.sit-theme-envato{background:#333;color:#fff;padding:10px;border:1px solid #000}
.sit-theme-envato h3{margin:5px 0 0;font-size:16px;line-height:20px}
.sit-envato-info{float:left}
.sit-envato-price{float:right;font-size:36px;font-weight:700}
.sit-envato-price sup{vertical-align:10px;font-size:24px}
.sit-envato-author{color:#aaa;font-size:11px;margin-bottom:5px;display:block}
.sit-envato-category{color:#eee;font-size:13px;display:block}

#menu-toggle {
    bottom: 2%;
    border:0;
    color: #fff;
    position: fixed;
    right: 2%;
    z-index: 999;
}

#wrapper.toggled #sidebar-wrapper {
    width: 170px;
}

.swit-title {
	padding-top:30px;
}

.swit-title img {
	margin:0 auto;
}
#sidebar-wrapper h1,
#sidebar-wrapper h3 {
	color:#fff;
    font-family: "Source Sans Pro",sans-serif;
	font-size:14px;
	font-weight: 300;
	margin:0;
	text-transform: uppercase;
	padding:0;
	text-align: center;
}

#sidebar-wrapper h3 {
	font-weight: 600;
	margin-bottom: 10px;

}
#sidebar-wrapper {

    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: none repeat scroll 0 0 #282828;
    border: 0 none;
    border-radius: 0;
    bottom: 0;
    color: #303030;
    cursor: pointer;
    font-size: 13px;
    height: 100%;
    left: 170px;
    margin-left: -170px;
    overflow: scroll;
    padding: 0;
    position: fixed;
    text-shadow: none;
    top: 0;
    width: 0;
    z-index: 9999;
}
.elastislide-wrapper {
	width: 170px !important;
	max-height:100% !important;
}


#demo-2{
	overflow: hidden;
	position: relative;
	z-index: 9999;
	display: block;
}


#demo-2 .elastislide-vertical {
	max-width: 170px;
	padding: 37px 4px;
	border-radius:0;

}

#demo-2 .elastislide-vertical:before {
	top: 30px;
	bottom: 30px;
	left: 0;
	right: 0;
	content: " ";
	position: absolute;
	z-index: -2;

	border-radius: 0;
}

#demo-2 .elastislide-vertical:after {
	content: " ";
	position: absolute;
	z-index: -2;
}


.elastislide-list {
	list-style-type: none;
	display: none;
}

.no-js .elastislide-list {
	display: block;
}

.elastislide-carousel ul li {
	min-width: 20px; /* minimum width of the image (min width + border) */
}

.elastislide-wrapper {
	position: relative;
	background-color: #282828;
	margin: 0 auto;
	min-height: 60px;
}

.elastislide-wrapper.elastislide-loading {
	background-image: url(/templates/jb_creativ/css/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.elastislide-horizontal {
	padding: 10px 40px;
}

.elastislide-vertical {
	padding: 40px 10px;
}

.elastislide-carousel {
	overflow: hidden;
	position: relative;
}

.elastislide-carousel ul {
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}

.elastislide-horizontal ul {
	white-space: nowrap;
}

.elastislide-carousel ul li {
	margin: 0;
	-webkit-backface-visibility: hidden;
}

.elastislide-horizontal ul li {
	height: 100%;
	display: inline-block;
}

.elastislide-vertical ul li {
	display: block;
}

.elastislide-carousel ul li a {
	display: inline-block;
	width: 100%;
}

.elastislide-carousel ul li a img {
	display: block;
	border: 2px solid #282828;
	max-width: 100%;
}

/* Navigation Arrows */

.elastislide-wrapper nav span {
	position: absolute;
	background: #000 url(/templates/jb_creativ/images/creativ/switcher/nav.png) no-repeat 4px 3px;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	text-indent: -9000px;
	cursor: pointer;
	opacity: 0.8;
}

.elastislide-wrapper nav span:hover {
	opacity: 1.0
}

.elastislide-horizontal nav span {
	top: 50%;
	left: 10px;
	margin-top: -11px;
}

.elastislide-vertical nav span {
	top: 10px;
	left: 50%;
	margin-left: -11px;
	background-position: -17px 5px;
}

.elastislide-horizontal nav span.elastislide-next {
	right: 10px;
	left: auto;
	background-position: 4px -17px;
}

.elastislide-vertical nav span.elastislide-next {
	bottom: 10px;
	top: auto;
	background-position: -17px -18px;
}
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(/templates/jb_creativ/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(/templates/jb_creativ/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(/templates/jb_creativ/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(/templates/jb_creativ/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(/templates/jb_creativ/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(/templates/jb_creativ/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(/templates/jb_creativ/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(/templates/jb_creativ/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(/templates/jb_creativ/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(/templates/jb_creativ/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(/templates/jb_creativ/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(/templates/jb_creativ/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(/templates/jb_creativ/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/templates/jb_creativ/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/templates/jb_creativ/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(/templates/jb_creativ/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(/templates/jb_creativ/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(/templates/jb_creativ/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(/templates/jb_creativ/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(/templates/jb_creativ/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(/templates/jb_creativ/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(/templates/jb_creativ/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(/templates/jb_creativ/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(/templates/jb_creativ/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(/templates/jb_creativ/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(/templates/jb_creativ/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(/templates/jb_creativ/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(/templates/jb_creativ/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(/templates/jb_creativ/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(/templates/jb_creativ/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(/templates/jb_creativ/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(/templates/jb_creativ/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(/templates/jb_creativ/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(/templates/jb_creativ/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(/templates/jb_creativ/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(/templates/jb_creativ/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(/templates/jb_creativ/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(/templates/jb_creativ/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(/templates/jb_creativ/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(/templates/jb_creativ/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(/templates/jb_creativ/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(/templates/jb_creativ/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(/templates/jb_creativ/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(/templates/jb_creativ/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(/templates/jb_creativ/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(/templates/jb_creativ/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(/templates/jb_creativ/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(/templates/jb_creativ/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(/templates/jb_creativ/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(/templates/jb_creativ/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(/templates/jb_creativ/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(/templates/jb_creativ/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(/templates/jb_creativ/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(/templates/jb_creativ/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(/templates/jb_creativ/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(/templates/jb_creativ/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(/templates/jb_creativ/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(/templates/jb_creativ/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(/templates/jb_creativ/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(/templates/jb_creativ/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(/templates/jb_creativ/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(/templates/jb_creativ/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(/templates/jb_creativ/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(/templates/jb_creativ/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(/templates/jb_creativ/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(/templates/jb_creativ/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(/templates/jb_creativ/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(/templates/jb_creativ/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(/templates/jb_creativ/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(/templates/jb_creativ/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(/templates/jb_creativ/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(/templates/jb_creativ/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(/templates/jb_creativ/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(/templates/jb_creativ/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(/templates/jb_creativ/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(/templates/jb_creativ/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(/templates/jb_creativ/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(/templates/jb_creativ/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(/templates/jb_creativ/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(/templates/jb_creativ/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(/templates/jb_creativ/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(/templates/jb_creativ/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.flexslider .slides,
.flex-control-nav,
.flex-direction-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  -webkit-backface-visibility: hidden;
  display: none;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

.flexslider .slides {
  *zoom: 1;
}
.flexslider .slides:before, .flexslider .slides:after {
  content: "";
  display: table;
  line-height: 0;
}
.flexslider .slides:after {
  clear: both;
}

.no-js .flexslider .slides > li:first-child {
  display: block;
}

.flexslider {
  margin: 0;
  position: relative;
}

.flex-viewport {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.flexslider.carousel li {
  margin-right: 5px;
}

.flex-direction-nav > li {
  *display: inline;
}

.flex-prev,
.flex-next {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity:1;
  -webkit-transition: background 0.2s, opacity 0.2s;
  -moz-transition: background 0.2s, opacity 0.2s;
  -o-transition: background 0.2s, opacity 0.2s;
  transition: background 0.2s, opacity 0.2s;
  background: #212121;
  background: rgba(236, 100, 75, 0.8);
  color: transparent;
  font-size: 0px;
  height: 25px;
  line-height: 0px;
  margin-top: -18px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 25px;
  *color: white;
  *font-size: 11px;
  *height: auto;
  *padding: 0 6px;
  *width: auto;
}
.flex-prev:hover, .flex-prev:focus,
.flex-next:hover,
.flex-next:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background: #212121;
  background: rgba(236, 100, 75, 0.8);
  color: transparent;
  text-decoration: none;
  *color: white;
}
.flex-prev:before,
.flex-next:before {
  color: #ffffff;
  font-size:16px !important;
	font-family: 'FontAwesome';
}

.flex-prev {
  left: -15px;
}
.flex-prev:before {
	content: "\f104";
}

.flex-next {
  right: -15px;
}
.flex-next:before {
	content: "\f105";
}

.flex-disabled, .flex-disabled:hover, .flex-disabled:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
  opacity: 0.7;
  cursor: default;
}

.flex-control-nav {
  bottom: -30px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.flex-control-nav li {
  display: inline-block;
  margin: 0 8px;
  *display: inline;
  *zoom: 1;
}

.flex-control-paging li a {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  background: #cccccc;
  cursor: pointer;
  display: block;
  height: 12px;
  text-indent: -9999px;
  width: 12px;
}
.flex-control-paging li a:hover, .flex-control-paging li a:focus {
  background: #555555;
}
.flex-control-paging li a.flex-active {
  background: #167edd;
  cursor: default;
}

.flex-control-thumbs {
  *zoom: 1;
  margin: 12px 0 0;
  position: static;
}
.flex-control-thumbs:before, .flex-control-thumbs:after {
  content: "";
  display: table;
  line-height: 0;
}
.flex-control-thumbs:after {
  clear: both;
}
.flex-control-thumbs li {
  float: left;
  margin: 0;
  width: 25%;
  *width: 24.9%;
}
.flex-control-thumbs img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  cursor: pointer;
  display: block;
  width: 100%;
}
.flex-control-thumbs img:hover, .flex-control-thumbs img:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  cursor: default;
}

.flex-caption {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  color: #ffffff;
  left: 0;
  padding: 12px;
  position: absolute;
  right: 0;
}
.flex-caption h1, .flex-caption h2, .flex-caption h3, .flex-caption h4, .flex-caption h5, .flex-caption h6, .flex-caption p {
  margin: 5px 0;
}
@media (max-width: 639px) {
	.flex-direction-nav .flex-prev, 
	.flex-direction-nav .flex-next,
  .flex-caption {
    display: none;
  }
}

.flex-direction-nav-on-top .flex-direction-nav {
  position: absolute;
  width: 100%;
  top:55%;
  margin:-20px auto;
}
.flex-direction-nav-on-top .flex-direction-nav > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.flex-direction-nav-on-top:hover .flex-prev,
.flex-direction-nav-on-top:hover .flex-next,
.flex-direction-nav-on-top:hover .flex-disabled:hover,
.flex-direction-nav-on-top:hover .flex-disabled:focus, .flex-direction-nav-on-top:focus .flex-prev,
.flex-direction-nav-on-top:focus .flex-next,
.flex-direction-nav-on-top:focus .flex-disabled:hover,
.flex-direction-nav-on-top:focus .flex-disabled:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.flex-direction-nav-on-top:hover .flex-disabled:hover,
.flex-direction-nav-on-top:hover .flex-disabled:focus, .flex-direction-nav-on-top:focus .flex-disabled:hover,
.flex-direction-nav-on-top:focus .flex-disabled:focus {
  *color: #ffffff;
}
.flex-direction-nav-on-top .flex-prev,
.flex-direction-nav-on-top .flex-next {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background: transparent;
  position: static;
  *color: #ffffff;
}
.flex-direction-nav-on-top .flex-prev:hover, .flex-direction-nav-on-top .flex-prev:focus,
.flex-direction-nav-on-top .flex-next:hover,
.flex-direction-nav-on-top .flex-next:focus {
  color: transparent;
  text-decoration: none;
  *color: #ffffff;
}
.flex-direction-nav-on-top .flex-prev:hover:before, .flex-direction-nav-on-top .flex-prev:focus:before,
.flex-direction-nav-on-top .flex-next:hover:before,
.flex-direction-nav-on-top .flex-next:focus:before {
  color: #ffffff;
}
.flex-direction-nav-on-top .flex-prev:before
{
  background: none repeat scroll 0 0 transparent !important;
    border: 3px solid #fff !important;
    cursor: pointer;
    font-size: 41px;
    font-weight: 300;
    height: 50px;
    line-height: 45px;
    position: absolute;
    left: 20px;
    width: 50px;
    z-index: 9999;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}
.flex-direction-nav-on-top .flex-next:before {
  background: none repeat scroll 0 0 transparent !important;
    border:3px solid #fff !important;
    cursor: pointer;
    font-size: 45px;
    font-weight: 300;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: 20px;
    width: 50px;
    z-index: 9999;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}
.flex-direction-nav-on-top .flex-disabled {
  *color: #ffffff;
}
.flex-direction-nav-on-top .flex-disabled:before, 
.flex-direction-nav-on-top .flex-disabled:hover:before, 
.flex-direction-nav-on-top .flex-disabled:focus:before {
  color: #ffffff;
}
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -50px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(/templates/jb_creativ/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
	z-index: 4;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #e5e5e5;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #f1f1f1;
	
}

.clients .bx-wrapper .bx-pager.bx-default-pager a {
	background: transparent;
	border: 1px solid #fff;
	text-indent: -9999px;
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 5px;
	outline: 0;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.clients .bx-wrapper .bx-pager.bx-default-pager a:hover,
.clients .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
}

/* DIRECTION CONTROLS (NEXT / PREV) */


.bx-wrapper .bx-controls-direction a {
}

.bx-wrapper .bx-prev {
	left: -1px;
	border-top-right-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-top-right-radius: 20px;
	-o-border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-bottom-right-radius: 20px;
	-o-border-bottom-right-radius: 20px;
}

.bx-wrapper .bx-next {
	right: -1px;
	border-top-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-top-left-radius: 20px;
	-o-border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-bottom-left-radius: 20px;
	-o-border-bottom-left-radius: 20px;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(/templates/jb_creativ/css/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(/templates/jb_creativ/css/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
/* -------------------------------- 

Primary style

-------------------------------- */


.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}
.no-js .cd-words-wrapper b {
  opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

/* -------------------------------- 

xrotate-1 

-------------------------------- */
.cd-headline.rotate-1 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.rotate-1 b {
  opacity: 0;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.cd-headline.rotate-1 b.is-visible {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-animation: cd-rotate-1-in 1.2s;
  -moz-animation: cd-rotate-1-in 1.2s;
  animation: cd-rotate-1-in 1.2s;
}
.cd-headline.rotate-1 b.is-hidden {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-animation: cd-rotate-1-out 1.2s;
  -moz-animation: cd-rotate-1-out 1.2s;
  animation: cd-rotate-1-out 1.2s;
}

@-webkit-keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    opacity: 1;
  }
}
@-moz-keyframes cd-rotate-1-in {
  0% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -moz-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(360deg);
    opacity: 1;
  }
}
@keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    -moz-transform: rotateX(120deg);
    -ms-transform: rotateX(120deg);
    -o-transform: rotateX(120deg);
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
  }
}
@-webkit-keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
}
@-moz-keyframes cd-rotate-1-out {
  0% {
    -moz-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -moz-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
}
@keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    -moz-transform: rotateX(-40deg);
    -ms-transform: rotateX(-40deg);
    -o-transform: rotateX(-40deg);
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
}
/* -------------------------------- 

xtype 

-------------------------------- */
.cd-headline.type .cd-words-wrapper {
  vertical-align: top;
  overflow: hidden;
}
.cd-headline.type .cd-words-wrapper::after {
  /* vertical bar */
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 90%;
  width: 1px;
  background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.waiting::after {
  -webkit-animation: cd-pulse 1s infinite;
  -moz-animation: cd-pulse 1s infinite;
  animation: cd-pulse 1s infinite;
}
.cd-headline.type .cd-words-wrapper.selected {
  background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.selected::after {
  visibility: hidden;
}
.cd-headline.type .cd-words-wrapper.selected b {
  color: #0d0d0d;
}
.cd-headline.type b {
  visibility: hidden;
}
.cd-headline.type b.is-visible {
  visibility: visible;
}
.cd-headline.type i {
  position: absolute;
  visibility: hidden;
}
.cd-headline.type i.in {
  position: relative;
  visibility: visible;
}

@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@-moz-keyframes cd-pulse {
  0% {
    -moz-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -moz-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    -moz-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    -o-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 

xrotate-2 

-------------------------------- */
.cd-headline.rotate-2 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-headline.rotate-2 b {
  opacity: 0;
}
.cd-headline.rotate-2 i {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-20px) rotateX(90deg);
  -moz-transform: translateZ(-20px) rotateX(90deg);
  -ms-transform: translateZ(-20px) rotateX(90deg);
  -o-transform: translateZ(-20px) rotateX(90deg);
  transform: translateZ(-20px) rotateX(90deg);
  opacity: 0;
}
.is-visible .cd-headline.rotate-2 i {
  opacity: 1;
}
.cd-headline.rotate-2 i.in {
  -webkit-animation: cd-rotate-2-in 0.4s forwards;
  -moz-animation: cd-rotate-2-in 0.4s forwards;
  animation: cd-rotate-2-in 0.4s forwards;
}
.cd-headline.rotate-2 i.out {
  -webkit-animation: cd-rotate-2-out 0.4s forwards;
  -moz-animation: cd-rotate-2-out 0.4s forwards;
  animation: cd-rotate-2-out 0.4s forwards;
}
.cd-headline.rotate-2 em {
  -webkit-transform: translateZ(20px);
  -moz-transform: translateZ(20px);
  -ms-transform: translateZ(20px);
  -o-transform: translateZ(20px);
  transform: translateZ(20px);
}

.no-csstransitions .cd-headline.rotate-2 i {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 0;
}
.no-csstransitions .cd-headline.rotate-2 i em {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
  opacity: 1;
}

@-webkit-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
  }
}
@-moz-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0deg);
  }
}
@keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
    -moz-transform: translateZ(-20px) rotateX(-10deg);
    -ms-transform: translateZ(-20px) rotateX(-10deg);
    -o-transform: translateZ(-20px) rotateX(-10deg);
    transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
    -moz-transform: translateZ(-20px) rotateX(0deg);
    -ms-transform: translateZ(-20px) rotateX(0deg);
    -o-transform: translateZ(-20px) rotateX(0deg);
    transform: translateZ(-20px) rotateX(0deg);
  }
}
@-webkit-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
  }
}
@-moz-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-90deg);
  }
}
@keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
    -moz-transform: translateZ(-20px) rotateX(0);
    -ms-transform: translateZ(-20px) rotateX(0);
    -o-transform: translateZ(-20px) rotateX(0);
    transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
    -moz-transform: translateZ(-20px) rotateX(-100deg);
    -ms-transform: translateZ(-20px) rotateX(-100deg);
    -o-transform: translateZ(-20px) rotateX(-100deg);
    transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
    -moz-transform: translateZ(-20px) rotateX(-90deg);
    -ms-transform: translateZ(-20px) rotateX(-90deg);
    -o-transform: translateZ(-20px) rotateX(-90deg);
    transform: translateZ(-20px) rotateX(-90deg);
  }
}
/* -------------------------------- 

xloading-bar 

-------------------------------- */
.cd-headline.loading-bar span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.loading-bar .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.loading-bar .cd-words-wrapper::after {
  /* loading bar */
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #0096a7;
  z-index: 2;
  -webkit-transition: width 0.3s -0.1s;
  -moz-transition: width 0.3s -0.1s;
  transition: width 0.3s -0.1s;
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
  width: 100%;
  -webkit-transition: width 3s;
  -moz-transition: width 3s;
  transition: width 3s;
}
.cd-headline.loading-bar b {
  top: .2em;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.cd-headline.loading-bar b.is-visible {
  opacity: 1;
  top: 0;
}

/* -------------------------------- 

xslide 

-------------------------------- */
.cd-headline.slide span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.slide b {
  opacity: 0;
  top: .2em;
}
.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in 0.6s;
  -moz-animation: slide-in 0.6s;
  animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
  -webkit-animation: slide-out 0.6s;
  -moz-animation: slide-out 0.6s;
  animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes slide-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}
/* -------------------------------- 

xclip 

-------------------------------- */
.cd-headline.clip span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.clip .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.clip .cd-words-wrapper::after {
  /* line */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: #aebcb9;
}
.cd-headline.clip b {
  opacity: 0;
}
.cd-headline.clip b.is-visible {
  opacity: 1;
}

/* -------------------------------- 

xzoom 

-------------------------------- */
.cd-headline.zoom .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.zoom b {
  opacity: 0;
}
.cd-headline.zoom b.is-visible {
  opacity: 1;
  -webkit-animation: zoom-in 0.8s;
  -moz-animation: zoom-in 0.8s;
  animation: zoom-in 0.8s;
}
.cd-headline.zoom b.is-hidden {
  -webkit-animation: zoom-out 0.8s;
  -moz-animation: zoom-out 0.8s;
  animation: zoom-out 0.8s;
}

@-webkit-keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
}
@-moz-keyframes zoom-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0);
  }
}
@keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    -o-transform: translateZ(100px);
    transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-webkit-keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
  }
}
@-moz-keyframes zoom-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-100px);
  }
}
@keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
    -moz-transform: translateZ(-100px);
    -ms-transform: translateZ(-100px);
    -o-transform: translateZ(-100px);
    transform: translateZ(-100px);
  }
}
/* -------------------------------- 

xrotate-3 

-------------------------------- */
.cd-headline.rotate-3 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.rotate-3 b {
  opacity: 0;
}
.cd-headline.rotate-3 i {
  display: inline-block;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.is-visible .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.cd-headline.rotate-3 i.in {
  -webkit-animation: cd-rotate-3-in 0.6s forwards;
  -moz-animation: cd-rotate-3-in 0.6s forwards;
  animation: cd-rotate-3-in 0.6s forwards;
}
.cd-headline.rotate-3 i.out {
  -webkit-animation: cd-rotate-3-out 0.6s forwards;
  -moz-animation: cd-rotate-3-out 0.6s forwards;
  animation: cd-rotate-3-out 0.6s forwards;
}

.no-csstransitions .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 0;
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
  opacity: 1;
}

@-webkit-keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
  }
}
@-moz-keyframes cd-rotate-3-in {
  0% {
    -moz-transform: rotateY(180deg);
  }
  100% {
    -moz-transform: rotateY(0deg);
  }
}
@keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
  }
}
@-moz-keyframes cd-rotate-3-out {
  0% {
    -moz-transform: rotateY(0);
  }
  100% {
    -moz-transform: rotateY(-180deg);
  }
}
@keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}
/* -------------------------------- 

xscale 

-------------------------------- */
.cd-headline.scale b {
  opacity: 0;
}
.cd-headline.scale i {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.is-visible .cd-headline.scale i {
  opacity: 1;
}
.cd-headline.scale i.in {
  -webkit-animation: scale-up 0.6s forwards;
  -moz-animation: scale-up 0.6s forwards;
  animation: scale-up 0.6s forwards;
}
.cd-headline.scale i.out {
  -webkit-animation: scale-down 0.6s forwards;
  -moz-animation: scale-down 0.6s forwards;
  animation: scale-down 0.6s forwards;
}

.no-csstransitions .cd-headline.scale i {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}

.no-csstransitions .cd-headline.scale .is-visible i {
  opacity: 1;
}

@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes scale-up {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }
  60% {
    -moz-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
}
@-moz-keyframes scale-down {
  0% {
    -moz-transform: scale(1);
    opacity: 1;
  }
  60% {
    -moz-transform: scale(0);
    opacity: 0;
  }
}
@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 

xpush 

-------------------------------- */
.cd-headline.push b {
  opacity: 0;
}
.cd-headline.push b.is-visible {
  opacity: 1;
  -webkit-animation: push-in 0.6s;
  -moz-animation: push-in 0.6s;
  animation: push-in 0.6s;
}
.cd-headline.push b.is-hidden {
  -webkit-animation: push-out 0.6s;
  -moz-animation: push-out 0.6s;
  animation: push-out 0.6s;
}

@-webkit-keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes push-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -o-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
}
@-moz-keyframes push-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
}
@keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
          animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp;
}


/*
--------------------------------------------------------

Item Information

--------------------------------------------------------

Author: IncisiveStudio
Author UI: http://IncisiveStudio.com
Item Name: Sinister
Description: CSS Animation and Effects
Version: 1.6.4

-------------------------------------------------------- */
.ImageWrapper {-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);-ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);-o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);display: block;overflow: hidden;position: relative;}
/*  =============================================
Button Layout and Color Scheme
============================================= */
.WhiteRounded {background-color: #ffffff;border: medium none;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);}
.WhiteRounded > a {color: #222222;display: block;font-weight: normal;}
.RedRounded {background-color: #D8322B;border: medium none;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);}
.RedRounded > a {color: #FFFFFF;display: block;font-weight: normal;}
.BlackRounded {background-color: #222222;border: medium none;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);}
.BlackRounded > a {color: #ffffff;display: block;font-weight: normal;}
.WhiteHollowRounded {border: 1px solid #ffffff;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.WhiteHollowRounded > a {color: #ffffff;display: block;font-weight: normal;}
.BlackHollowRounded {border: 1px solid #222222;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.BlackHollowRounded > a {color: #222222;display: block;font-weight: normal;}
.WhiteSquare {background-color: #ffffff;border: medium none;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 4px 4px 4px;-moz-border-radius: 4px 4px 4px;-ms-border-radius: 4px 4px 4px;-o-border-radius: 4px 4px 4px;border-radius: 4px 4px 4px;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);}
.WhiteSquare > a {color: #222222;display: block;font-weight: normal;}
.BlackSquare {background-color: #222222;border: medium none;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 4px 4px 4px;-moz-border-radius: 4px 4px 4px;-ms-border-radius: 4px 4px 4px;-o-border-radius: 4px 4px 4px;border-radius: 4px 4px 4px;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);}
.BlackSquare > a {color: #ffffff;display: block;font-weight: normal;}
.WhiteHollowSquare {border: 1px solid #ffffff;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 4px 4px 4px;-moz-border-radius: 4px 4px 4px;-ms-border-radius: 4px 4px 4px;-o-border-radius: 4px 4px 4px;border-radius: 4px 4px 4px;}
.WhiteHollowSquare > a {color: #ffffff;display: block;font-weight: normal;}
.BlackHollowSquare {border: 1px solid #222222;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 4px 4px 4px;-moz-border-radius: 4px 4px 4px;-ms-border-radius: 4px 4px 4px;-o-border-radius: 4px 4px 4px;border-radius: 4px 4px 4px;}
.BlackHollowSquare > a {color: #222222;display: block;font-weight: normal;}
.VisibleButtons {margin: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;}
.VisibleImageOverlay {position: absolute;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);width: 100%;height: 100%;top: 0;left: 0;opacity: .6;visibility: visible;}
/*  =============================================
Overlay Effects
============================================= */
.ImageWrapper .ImageOverlayH {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);bottom: 0;display: block;height: 100%;left: 0;opacity: 0;position: absolute;right: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlayH {opacity: 1;}
.ImageWrapper .ImageOverlayHe {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 0;display: block;height: 0;left: 0;opacity: 0;position: absolute;top: 50%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlayHe {height: 100%;top: 0;opacity: 1;}
.ImageWrapper .ImageOverlayLi:after {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;content:"";display: block;left: 0;opacity: 0;position: absolute;top: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlayLi:after {top: -50%;opacity: 1;}
.ImageWrapper .ImageOverlayLi:before {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);bottom: -100%;height: 100%;content:"";display: block;left: 0;opacity: 0;position: absolute;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlayLi:before {bottom: -50%;opacity: 1;}
.ImageWrapper .ImageOverlayBe:after {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;content:"";display: block;left: 0;opacity: 0;position: absolute;top: -100%;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlayBe:after {top: 50%;opacity: 1;}
.ImageWrapper .ImageOverlayBe:before {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);bottom: -100%;height: 100%;content:"";display: block;left: 0;opacity: 0;position: absolute;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlayBe:before {bottom: 50%;opacity: 1;}
.ImageWrapper .ImageOverlayB {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;left: 50%;opacity: 0;position: absolute;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 0;}
.ImageWrapper:hover .ImageOverlayB {left: 0;width: 100%;opacity: 1;}
.ImageWrapper .ImageOverlayC:after {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;content:"";display: block;right: -100%;opacity: 0;position: absolute;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlayC:after {right: -50%;opacity: 1;}
.ImageWrapper .ImageOverlayC:before {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;content:"";display: block;left: -100%;opacity: 0;position: absolute;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlayC:before {left: -50%;opacity: 1;}
.ImageWrapper .ImageOverlayN:after {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;content:"";display: block;right: -100%;opacity: 0;position: absolute;top: 0;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlayN:after {right: 50%;opacity: 1;}
.ImageWrapper .ImageOverlayN:before {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;content:"";display: block;left: -100%;opacity: 0;position: absolute;top: 0;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlayN:before {left: 50%;opacity: 1;}
.ImageWrapper .ImageOverlayO {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;left: -100%;opacity: 0;position: absolute;top: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlayO {left: 0;top: 0;opacity: 1;}
.ImageWrapper .ImageOverlayF {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;right: -100%;opacity: 0;position: absolute;top: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlayF {right: 0;top: 0;opacity: 1;}
.ImageWrapper .ImageOverlayNe {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;left: -100%;opacity: 0;position: absolute;bottom: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlayNe {bottom: 0;left: 0;opacity: 1;}
.ImageWrapper .ImageOverlayNa {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;right: -100%;opacity: 0;position: absolute;bottom: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlayNa {bottom: 0;right: 0;opacity: 1;}
.ImageWrapper .ImageOverlayMg {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;left: 0;opacity: 0;position: absolute;top: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlayMg {top: 0;opacity: 1;}
.ImageWrapper .ImageOverlayAl {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;left: 0;opacity: 0;position: absolute;bottom: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlayAl {bottom: 0;opacity: 1;}
.ImageWrapper .ImageOverlaySi {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;top: 0;opacity: 0;position: absolute;right: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlaySi {right: 0;opacity: 1;}
.ImageWrapper .ImageOverlayP {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;top: 0;opacity: 0;position: absolute;left: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
.ImageWrapper:hover .ImageOverlayP {left: 0;opacity: 1;}
.ImageWrapper .ImageOverlayS {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;top: 0;opacity: 0;position: absolute;left: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;-webkit-transform: rotate(180deg) scale(0);-moz-transform: rotate(180deg) scale(0);-ms-transform: rotate(180deg) scale(0);-o-transform: rotate(180deg) scale(0);transform: rotate(180deg) scale(0);}
.ImageWrapper:hover .ImageOverlayS {-webkit-transform: rotate(0deg) scale(1);-moz-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);opacity: 1;}
.ImageWrapper .ImageOverlayCl {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;top: 0;opacity: 0;position: absolute;left: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;-webkit-transform: rotate(-180deg) scale(0);-moz-transform: rotate(-180deg) scale(0);-ms-transform: rotate(-180deg) scale(0);-o-transform: rotate(-180deg) scale(0);transform: rotate(-180deg) scale(0);}
.ImageWrapper:hover .ImageOverlayCl {-webkit-transform: rotate(0deg) scale(1);-moz-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);opacity: 1;}
.ImageWrapper .ImageOverlayArLeft:before {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity: 0;content:"";display: block;position: absolute;top: -50%;-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;width: 100%;height: 100%;left: -100%;overflow: hidden;}
.ImageWrapper .ImageOverlayArLeft:after {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity: 0;content:"";display: block;position: absolute;top: 50%;-webkit-transition: all 0.2s ease .2s;-moz-transition: all 0.2s ease .2s;-ms-transition: all 0.2s ease .2s;-o-transition: all 0.2s ease .2s;transition: all 0.2s ease .2s;width: 100%;height: 100%;left: -100%;overflow: hidden;}
.ImageWrapper .ImageOverlayArRight:before {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity: 0;content:"";display: block;position: absolute;top: -50%;-webkit-transition: all 0.2s ease .3s;-moz-transition: all 0.2s ease .3s;-ms-transition: all 0.2s ease .3s;-o-transition: all 0.2s ease .3s;transition: all 0.2s ease .3s;width: 100%;height: 100%;right: -100%;overflow: hidden;}
.ImageWrapper .ImageOverlayArRight:after {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity: 0;content:"";display: block;position: absolute;top: 50%;-webkit-transition: all 0.2s ease .5s;-moz-transition: all 0.2s ease .5s;-ms-transition: all 0.2s ease .5s;-o-transition: all 0.2s ease .5s;transition: all 0.2s ease .5s;width: 100%;height: 100%;right: -100%;overflow: hidden;}
.ImageWrapper:hover .ImageOverlayArLeft:before, .ImageWrapper:hover .ImageOverlayArLeft:after {opacity: 1;left: 50%;}
.ImageWrapper:hover .ImageOverlayArRight:before, .ImageWrapper:hover .ImageOverlayArRight:after {opacity: 1;right: 50%;}
.ImageWrapper .ImageOverlayK {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity: 0;position: absolute;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;-o-transform-origin: top left;transform-origin: top left;-webkit-transform-style: preserve-3D;-moz-transform-style: preserve-3D;-ms-transform-style: preserve-3D;-o-transform-style: preserve-3D;transform-style: preserve-3D;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .ImageOverlayK {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);opacity: 1;}
.ImageWrapper .ImageOverlayCa {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity: 0;position: absolute;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;-o-transform-origin: top right;transform-origin: top right;-webkit-transform-style: preserve-3D;-moz-transform-style: preserve-3D;-ms-transform-style: preserve-3D;-o-transform-style: preserve-3D;transform-style: preserve-3D;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .ImageOverlayCa {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);opacity: 1;}
.ImageWrapper .ImageOverlaySc {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity: 0;position: absolute;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform-origin: bottom left;-moz-transform-origin: bottom left;-ms-transform-origin: bottom left;-o-transform-origin: bottom left;transform-origin: bottom left;-webkit-transform-style: preserve-3D;-moz-transform-style: preserve-3D;-ms-transform-style: preserve-3D;-o-transform-style: preserve-3D;transform-style: preserve-3D;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .ImageOverlaySc {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);opacity: 1;}
.ImageWrapper .ImageOverlayTi {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity: 0;position: absolute;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform-origin: bottom right;-moz-transform-origin: bottom right;-ms-transform-origin: bottom right;-o-transform-origin: bottom right;transform-origin: bottom right;-webkit-transform-style: preserve-3D;-moz-transform-style: preserve-3D;-ms-transform-style: preserve-3D;-o-transform-style: preserve-3D;transform-style: preserve-3D;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .ImageOverlayTi {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);opacity: 1;}
/*  =============================================
Background Transform
============================================= */
.GrayScale {-webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;-webkit-filter: grayscale(100%);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity: .6;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.GrayScale:hover {-webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter: grayscale(0%);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.BackgroundS img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.BackgroundS:hover img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.BackgroundRR img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.BackgroundRR:hover img {-webkit-transform: rotate(-10deg) scale(1.4);-moz-transform: rotate(-10deg) scale(1.4);-ms-transform: rotate(-10deg) scale(1.4);-o-transform: rotate(-10deg) scale(1.4);transform: rotate(-10deg) scale(1.4);}
.BackgroundR img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.BackgroundR:hover img {-webkit-transform: rotate(10deg) scale(1.4);-moz-transform: rotate(10deg) scale(1.4);-ms-transform: rotate(10deg) scale(1.4);-o-transform: rotate(10deg) scale(1.4);transform: rotate(10deg) scale(1.4);}
.BackgroundRS img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.BackgroundRS:hover img {-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);}
.BackgroundF img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.BackgroundF:hover img {opacity: 0;}
.BackgroundFS img {-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.BackgroundFS:hover img {-webkit-transform: scale(10);-moz-transform: scale(10);-ms-transform: scale(10);-o-transform: scale(10);transform: scale(10);opacity: 0;}
.BackgroundFRS img {-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.BackgroundFRS:hover img {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;}
.SquareCircle {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.SquareCircle:hover {-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.CircleSquare {-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.CircleSquare:hover {-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;}
/*  =============================================
Cubic Effects
============================================= */
.ImageWrapper .CStyleH {margin: 0;opacity: 0;position: absolute;text-align: center;top: 0;visibility: hidden;width: 100%;-webkit-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-moz-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-ms-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-o-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);}
.ImageWrapper:hover .CStyleH {margin-top: -20px;opacity: 1;top: 50%;visibility: visible;}
.ImageWrapper .CStyleHe {visibility: hidden;margin: 0;opacity: 0;position: absolute;text-align: center;bottom: 0;width: 100%;-webkit-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-moz-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-ms-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-o-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);}
.ImageWrapper:hover .CStyleHe {margin-bottom: -20px;opacity: 1;bottom: 50%;visibility: visible;}
.ImageWrapper .CStyleLi {visibility: hidden;margin: 0;opacity: 0;position: absolute;text-align: right;right: 0;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-moz-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-ms-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-o-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);}
.ImageWrapper:hover .CStyleLi {margin-right: -42px;opacity: 1;right: 50%;visibility: visible;}
.ImageWrapper .CStyleBe {visibility: hidden;margin: 0;opacity: 0;position: absolute;text-align: left;left: 0;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-moz-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-ms-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-o-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);}
.ImageWrapper:hover .CStyleBe {margin-left: -42px;opacity: 1;left: 50%;visibility: visible;}
.ImageWrapper .CStyleB {visibility: hidden;margin: 0;opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;-webkit-transform: scale(0.2);-moz-transform: scale(0.2);-ms-transform: scale(0.2);-o-transform: scale(0.2);transform: scale(0.2);-webkit-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-moz-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-ms-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-o-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);}
.ImageWrapper:hover .CStyleB {opacity: 1;visibility: visible;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.ImageWrapper .CStyleC span {position: absolute;}
.ImageWrapper .CStyleC span:nth-of-type(1) {bottom: 50%;top: 50%;left: 0;margin: -20px 0 0 -68px;visibility: hidden;opacity: 0;-webkit-transition: all 400ms cubic-bezier(1.000, 0, 0.570, 0) !important;-webkit-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-moz-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-ms-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-o-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;}
.ImageWrapper .CStyleC span:nth-of-type(2) {bottom: 50%;top: 50%;left: 50%;right: 50%;margin: -20px 0 0 -20px;visibility: hidden;opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper .CStyleC span:nth-of-type(3) {bottom: 50%;top: 50%;right: 0;margin: -20px -68px 0 0;visibility: hidden;opacity: 0;-webkit-transition: all 400ms cubic-bezier(1.000, 0, 0.570, 0) !important;-webkit-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-moz-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-ms-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-o-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;}
.ImageWrapper:hover .CStyleC span:nth-of-type(1) {left: 50%;visibility: visible;opacity: 1;}
.ImageWrapper:hover .CStyleC span:nth-of-type(2) {visibility: visible;opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.ImageWrapper:hover .CStyleC span:nth-of-type(3) {right: 50%;visibility: visible;opacity: 1;}
/*  =============================================
Button Effects
============================================= */
.ImageWrapper .StyleH {visibility: hidden;margin: 0;opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleH {opacity: 1;visibility: visible;}
.ImageWrapper .StyleHe {margin: 0;opacity: 0;position: absolute;text-align: center;top: 0;visibility: hidden;width: 100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleHe {margin-top: -20px;opacity: 1;top: 50%;visibility: visible;}
.ImageWrapper .StyleLi {visibility: hidden;margin: 0;opacity: 0;position: absolute;text-align: center;bottom: 0;width: 100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleLi {margin-bottom: -20px;opacity: 1;bottom: 50%;visibility: visible;}
.ImageWrapper .StyleBe {visibility: hidden;opacity: 0;position: absolute;text-align: right;right: 0;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleBe {margin-right: -42px;opacity: 1;right: 50%;visibility: visible;}
.ImageWrapper .StyleB {visibility: hidden;opacity: 0;position: absolute;text-align: left;left: 0;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleB {margin-left: -42px;opacity: 1;left: 50%;visibility: visible;}
.ImageWrapper .StyleC {visibility: hidden;opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;-webkit-transform: scale(0.2);-moz-transform: scale(0.2);-ms-transform: scale(0.2);-o-transform: scale(0.2);transform: scale(0.2);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleC {opacity: 1;visibility: visible;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.ImageWrapper .StyleN {visibility: hidden;opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;visibility: visible;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleN {opacity: 1;visibility: visible;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
.ImageWrapper .StyleO span {position: absolute;}
.ImageWrapper .StyleO span:nth-of-type(1) {bottom: 50%;top: 50%;left: 50%;margin: -20px 0 0 -42px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper .StyleO span:nth-of-type(2) {bottom: 50%;top: 50%;right: 50%;margin: -20px -42px 0 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleO span:nth-of-type(1) {opacity: 1;visibility: visible;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
.ImageWrapper:hover .StyleO span:nth-of-type(2) {opacity: 1;visibility: visible;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
.ImageWrapper .StyleF {visibility: hidden;-webkit-transform: scale(0.5) rotateX(360deg);-moz-transform: scale(0.5) rotateX(360deg);-ms-transform: scale(0.5) rotateX(360deg);-o-transform: scale(0.5) rotateX(360deg);transform: scale(0.5) rotateX(360deg);margin: 0;opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleF {opacity: 1;-webkit-transform: scale(1) rotateX(0deg);-moz-transform: scale(1) rotateX(0deg);-ms-transform: scale(1) rotateX(0deg);-o-transform: scale(1) rotateX(0deg);transform: scale(1) rotateX(0deg);visibility: visible;}
.ImageWrapper .StyleNe {visibility: hidden;margin: 0;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleNe {opacity: 1;-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);visibility: visible;}
.ImageWrapper .StyleNa {visibility: hidden;-webkit-transform: scale(0.2) rotateY(360deg);-moz-transform: scale(0.2) rotateY(360deg);-ms-transform: scale(0.2) rotateY(360deg);-o-transform: scale(0.2) rotateY(360deg);transform: scale(0.2) rotateY(360deg);margin: 0;opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleNa {opacity: 1;-webkit-transform: scale(1) rotateY(0deg);-moz-transform: scale(1) rotateY(0deg);-ms-transform: scale(1) rotateY(0deg);-o-transform: scale(1) rotateY(0deg);transform: scale(1) rotateY(0deg);visibility: visible;}
.ImageWrapper .StyleMg span {position: absolute;}
.ImageWrapper .StyleMg span:nth-of-type(1) {bottom: 50%;top: 50%;left: 50%;margin: -20px 0 0 -82px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper .StyleMg span:nth-of-type(2) {bottom: 50%;top: 50%;right: 50%;margin: -20px -82px 0 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleMg span:nth-of-type(1) {margin: -20px 0 0 -42px;visibility: visible;opacity: 1;}
.ImageWrapper:hover .StyleMg span:nth-of-type(2) {margin: -20px -42px 0 0;visibility: visible;opacity: 1;}
.ImageWrapper .StyleAl span {position: absolute;}
.ImageWrapper .StyleAl span:nth-of-type(1) {top: 0;left: 50%;margin: -20px 0 0 -42px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper .StyleAl span:nth-of-type(2) {bottom: 0;right: 50%;margin: 0 -42px -20px 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleAl span:nth-of-type(1) {top: 50%;visibility: visible;opacity: 1;}
.ImageWrapper:hover .StyleAl span:nth-of-type(2) {bottom: 50%;visibility: visible;opacity: 1;}
.ImageWrapper .StyleSi span {position: absolute;}
.ImageWrapper .StyleSi span:nth-of-type(1) {bottom: 0;left: 50%;margin: 0 0 -20px -42px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper .StyleSi span:nth-of-type(2) {top: 0;right: 50%;margin: -20px -42px 0 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleSi span:nth-of-type(1) {bottom: 50%;visibility: visible;opacity: 1;}
.ImageWrapper:hover .StyleSi span:nth-of-type(2) {top: 50%;visibility: visible;opacity: 1;}
.ImageWrapper .StyleP span {position: absolute;}
.ImageWrapper .StyleP span:nth-of-type(1) {top: 0;left: 0;margin: -40px 0 0 -40px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper .StyleP span:nth-of-type(2) {bottom: 0;right: 0;margin: 0 -40px -40px 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleP span:nth-of-type(1) {top: 50%;left: 50%;margin: -20px 0 0 -42px;visibility: visible;opacity: 1;}
.ImageWrapper:hover .StyleP span:nth-of-type(2) {bottom: 50%;right: 50%;margin: 0 -42px -20px 0;visibility: visible;opacity: 1;}
.ImageWrapper .StyleS span {position: absolute;}
.ImageWrapper .StyleS span:nth-of-type(1) {bottom: 0;left: 0;margin: -40px 0 0 -40px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper .StyleS span:nth-of-type(2) {top: 0;right: 0;margin: 0 -40px -40px 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleS span:nth-of-type(1) {bottom: 50%;left: 50%;margin: 0 0 -20px -42px;visibility: visible;opacity: 1;}
.ImageWrapper:hover .StyleS span:nth-of-type(2) {top: 50%;right: 50%;margin: -20px -42px 0 0;visibility: visible;opacity: 1;}
.ImageWrapper .StyleCl {visibility: hidden;margin: 0;opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;visibility: visible;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleCl {opacity: 1;visibility: visible;-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg);-ms-transform:rotateX(360deg);-o-transform:rotateX(360deg);transform:rotateX(360deg);}
.ImageWrapper .StyleAr span {position: absolute;}
.ImageWrapper .StyleAr span:nth-of-type(1) {top: 50%;bottom: 50%;left: 50%;margin: -20px 0 0 -42px;visibility: hidden;opacity: 0;-webkit-transform: scale(0.2) rotate(0deg);-moz-transform: scale(0.2) rotate(0deg);-ms-transform: scale(0.2) rotate(0deg);-o-transform: scale(0.2) rotate(0deg);transform: scale(0.2) rotate(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper .StyleAr span:nth-of-type(2) {top: 50%;bottom: 50%;right: 50%;margin: -20px -42px -0 0;visibility: hidden;opacity: 0;-webkit-transform: scale(0.2) rotate(0deg);-moz-transform: scale(0.2) rotate(0deg);-ms-transform: scale(0.2) rotate(0deg);-o-transform: scale(0.2) rotate(0deg);transform: scale(0.2) rotate(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleAr span:nth-of-type(1) {visibility: visible;opacity: 1;-webkit-transform: scale(1) rotate(360deg);-moz-transform: scale(1) rotate(360deg);-ms-transform: scale(1) rotate(360deg);-o-transform: scale(1) rotate(360deg);transform: scale(1) rotate(360deg);}
.ImageWrapper:hover .StyleAr span:nth-of-type(2) {visibility: visible;opacity: 1;-webkit-transform: scale(1) rotate(360deg);-moz-transform: scale(1) rotate(360deg);-ms-transform: scale(1) rotate(360deg);-o-transform: scale(1) rotate(360deg);transform: scale(1) rotate(360deg);}
.ImageWrapper .StyleK span {position: absolute;}
.ImageWrapper .StyleK span:nth-of-type(1) {top: 50%;bottom: 50%;left: 50%;margin: -20px 0 0 -42px;visibility: hidden;opacity: 0;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper .StyleK span:nth-of-type(2) {top: 50%;bottom: 50%;right: 50%;margin: -20px -42px -0 0;visibility: hidden;opacity: 0;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleK span:nth-of-type(1) {visibility: visible;opacity: 1;-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}
.ImageWrapper:hover .StyleK span:nth-of-type(2) {visibility: visible;opacity: 1;-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}
.ImageWrapper .StyleCa span {position: absolute;}
.ImageWrapper .StyleCa span:nth-of-type(1) {top: 50%;bottom: 50%;left: 50%;margin: -20px 0 0 -42px;visibility: hidden;opacity: 0;-webkit-transform: scale(0.2) rotateY(0deg);-moz-transform: scale(0.2) rotateY(0deg);-ms-transform: scale(0.2) rotateY(0deg);-o-transform: scale(0.2) rotateY(0deg);transform: scale(0.2) rotateY(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper .StyleCa span:nth-of-type(2) {top: 50%;bottom: 50%;right: 50%;margin: -20px -42px -0 0;visibility: hidden;opacity: 0;-webkit-transform: scale(0.2) rotateY(0deg);-moz-transform: scale(0.2) rotateY(0deg);-ms-transform: scale(0.2) rotateY(0deg);-o-transform: scale(0.2) rotateY(0deg);transform: scale(0.2) rotateY(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleCa span:nth-of-type(1) {visibility: visible;opacity: 1;-webkit-transform: scale(1) rotateY(360deg);-moz-transform: scale(1) rotateY(360deg);-ms-transform: scale(1) rotateY(360deg);-o-transform: scale(1) rotateY(360deg);transform: scale(1) rotateY(360deg);}
.ImageWrapper:hover .StyleCa span:nth-of-type(2) {visibility: visible;opacity: 1;-webkit-transform: scale(1) rotateY(360deg);-moz-transform: scale(1) rotateY(360deg);-ms-transform: scale(1) rotateY(360deg);-o-transform: scale(1) rotateY(360deg);transform: scale(1) rotateY(360deg);}
.ImageWrapper .StyleSc span {position: absolute;}
.ImageWrapper .StyleSc span:nth-of-type(1) {bottom: 50%;top: 50%;left: 0;margin: -20px 0 0 -68px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper .StyleSc span:nth-of-type(2) {top: 0;right: 50%;left: 50%;margin: -20px 0 0 -20px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper .StyleSc span:nth-of-type(3) {bottom: 50%;top: 50%;right: 0;margin: -20px -68px 0 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleSc span:nth-of-type(1) {left: 50%;visibility: visible;opacity: 1;}
.ImageWrapper:hover .StyleSc span:nth-of-type(2) {top: 50%;visibility: visible;opacity: 1;}
.ImageWrapper:hover .StyleSc span:nth-of-type(3) {right: 50%;visibility: visible;opacity: 1;}
.ImageWrapper .StyleTi span {position: absolute;}
.ImageWrapper .StyleTi span:nth-of-type(1) {bottom: 50%;top: 50%;left: 0;margin: -20px 0 0 -68px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper .StyleTi span:nth-of-type(2) {bottom: 50%;top: 50%;left: 50%;right: 50%;margin: -20px 0 0 -20px;visibility: hidden;opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper .StyleTi span:nth-of-type(3) {bottom: 50%;top: 50%;right: 0;margin: -20px -68px 0 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .StyleTi span:nth-of-type(1) {left: 50%;visibility: visible;opacity: 1;}
.ImageWrapper:hover .StyleTi span:nth-of-type(2) {visibility: visible;opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.ImageWrapper:hover .StyleTi span:nth-of-type(3) {right: 50%;visibility: visible;opacity: 1;}
.ImageWrapper .StyleV span {position: absolute;}
.ImageWrapper .StyleV span:nth-of-type(1) {top: 0;left: 50%;margin: -20px 0 0 -68px;visibility: hidden;opacity: 0;-webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;-moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;-ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;-o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;}
.ImageWrapper .StyleV span:nth-of-type(2) {top: 0;left: 50%;margin: -20px 0 0 -20px;visibility: hidden;opacity: 0;-webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;-moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;-ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;-o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;}
.ImageWrapper .StyleV span:nth-of-type(3) {top: 0;right: 50%;margin: -20px -68px 0 0;visibility: hidden;opacity: 0;-webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;-moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;-ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;-o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;}
.ImageWrapper:hover .StyleV span:nth-of-type(1) {top: 50%;visibility: visible;opacity: 1;}
.ImageWrapper:hover .StyleV span:nth-of-type(2) {top: 50%;visibility: visible;opacity: 1;}
.ImageWrapper:hover .StyleV span:nth-of-type(3) {top: 50%;visibility: visible;opacity: 1;}
/*  =============================================
Plus Button Effects
============================================= */
.ImageWrapper .PStyleH {background: url(/templates/jb_creativ/assets/images/plus.png) no-repeat scroll center center / 60px 60px #222222;height: 100%;left: 0;opacity: 0;overflow: hidden;position: absolute;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;z-index: 9999;}
.ImageWrapper:hover .PStyleH {opacity: .6;visibility: visible;}
.ImageWrapper .PStyleHe {position: absolute;background: url(/templates/jb_creativ/assets/images/plus.png) no-repeat scroll center center / 100% 100% #222222;width: 100%;height: 100%;z-index: 199;-webkit-background-origin: padding-box, padding-box;-moz-background-origin: padding-box, padding-box;-ms-background-origin: padding-box, padding-box;-o-background-origin: padding-box, padding-box;background-origin: padding-box, padding-box;background-position: center center;background-repeat: no-repeat;-webkit-background-size: 10px 10px, 100% 100%;-moz-background-size: 10px 10px, 100% 100%;-ms-background-size: 10px 10px, 100% 100%;-o-background-size: 10px 10px, 100% 100%;background-size: 10px 10px, 100% 100%;opacity: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .PStyleHe {opacity: .6;-webkit-background-size: 60px 60px, 100% 100%;-moz-background-size: 60px 60px, 100% 100%;-ms-background-size: 60px 60px, 100% 100%;-o-background-size: 60px 60px, 100% 100%;background-size: 60px 60px, 100% 100%;visibility: visible;}
.ImageWrapper .PStyleLi {-webkit-transform: scale(0.5) rotateY(180deg);-moz-transform: scale(0.5) rotateY(180deg);-ms-transform: scale(0.5) rotateY(180deg);-o-transform: scale(0.5) rotateY(180deg);transform: scale(0.5) rotateY(180deg);background: url(/templates/jb_creativ/assets/images/plus.png) no-repeat scroll center center / 60px 60px #222222;height: 100%;left: 0;opacity: 0;overflow: hidden;position: absolute;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;z-index: 9999;}
.ImageWrapper:hover .PStyleLi {opacity: .6;-webkit-transform: scale(1) rotateY(0deg);-moz-transform: scale(1) rotateY(0deg);-ms-transform: scale(1) rotateY(0deg);-o-transform: scale(1) rotateY(0deg);transform: scale(1) rotateY(0deg);visibility: visible;}
.ImageWrapper .PStyleBe {-webkit-transform: scale(0.5) rotateX(180deg);-moz-transform: scale(0.5) rotateX(180deg);-ms-transform: scale(0.5) rotateX(180deg);-o-transform: scale(0.5) rotateX(180deg);transform: scale(0.5) rotateX(180deg);background: url(/templates/jb_creativ/assets/images/plus.png) no-repeat scroll center center / 60px 60px #222222;height: 100%;left: 0;opacity: 0;overflow: hidden;position: absolute;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;z-index: 9999;}
.ImageWrapper:hover .PStyleBe {opacity: .6;-webkit-transform: scale(1) rotateX(0deg);-moz-transform: scale(1) rotateX(0deg);-ms-transform: scale(1) rotateX(0deg);-o-transform: scale(1) rotateX(0deg);transform: scale(1) rotateX(0deg);visibility: visible;}
.ImageWrapper .PStyleB {position: absolute;background: url(/templates/jb_creativ/assets/images/plus.png) no-repeat scroll top left / 100% 100% #222222;width: 100%;height: 100%;z-index: 199;-webkit-background-origin: padding-box, padding-box;-moz-background-origin: padding-box, padding-box;-ms-background-origin: padding-box, padding-box;-o-background-origin: padding-box, padding-box;background-origin: padding-box, padding-box;background-position: top left;background-repeat: no-repeat;-webkit-background-size: 10px 10px, 100% 100%;-moz-background-size: 10px 10px, 100% 100%;-ms-background-size: 10px 10px, 100% 100%;-o-background-size: 10px 10px, 100% 100%;background-size: 10px 10px, 100% 100%;opacity: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .PStyleB {opacity: .6;-webkit-background-size: 60px 60px, 100% 100%;-moz-background-size: 60px 60px, 100% 100%;-ms-background-size: 60px 60px, 100% 100%;-o-background-size: 60px 60px, 100% 100%;background-size: 60px 60px, 100% 100%;visibility: visible;background-position: center center;}
.ImageWrapper .PStyleC {position: absolute;background: url(/templates/jb_creativ/assets/images/plus.png) no-repeat scroll top left / 100% 100% #222222;width: 100%;height: 100%;z-index: 199;-webkit-background-origin: padding-box, padding-box;-moz-background-origin: padding-box, padding-box;-ms-background-origin: padding-box, padding-box;-o-background-origin: padding-box, padding-box;background-origin: padding-box, padding-box;background-position: top right;background-repeat: no-repeat;-webkit-background-size: 10px 10px, 100% 100%;-moz-background-size: 10px 10px, 100% 100%;-ms-background-size: 10px 10px, 100% 100%;-o-background-size: 10px 10px, 100% 100%;background-size: 10px 10px, 100% 100%;opacity: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .PStyleC {opacity: .6;-webkit-background-size: 60px 60px, 100% 100%;-moz-background-size: 60px 60px, 100% 100%;-ms-background-size: 60px 60px, 100% 100%;-o-background-size: 60px 60px, 100% 100%;background-size: 60px 60px, 100% 100%;visibility: visible;background-position: center center;}
.ImageWrapper .PStyleN {position: absolute;background: url(/templates/jb_creativ/assets/images/plus.png) no-repeat scroll top left / 100% 100% #222222;width: 100%;height: 100%;z-index: 199;-webkit-background-origin: padding-box, padding-box;-moz-background-origin: padding-box, padding-box;-ms-background-origin: padding-box, padding-box;-o-background-origin: padding-box, padding-box;background-origin: padding-box, padding-box;background-position: bottom right;background-repeat: no-repeat;-webkit-background-size: 10px 10px, 100% 100%;-moz-background-size: 10px 10px, 100% 100%;-ms-background-size: 10px 10px, 100% 100%;-o-background-size: 10px 10px, 100% 100%;background-size: 10px 10px, 100% 100%;opacity: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .PStyleN {opacity: .6;-webkit-background-size: 60px 60px, 100% 100%;-moz-background-size: 60px 60px, 100% 100%;-ms-background-size: 60px 60px, 100% 100%;-o-background-size: 60px 60px, 100% 100%;background-size: 60px 60px, 100% 100%;visibility: visible;background-position: center center;}
.ImageWrapper .PStyleO {position: absolute;background: url(/templates/jb_creativ/assets/images/plus.png) no-repeat scroll top left / 100% 100% #222222;width: 100%;height: 100%;z-index: 199;-webkit-background-origin: padding-box, padding-box;-moz-background-origin: padding-box, padding-box;-ms-background-origin: padding-box, padding-box;-o-background-origin: padding-box, padding-box;background-origin: padding-box, padding-box;background-position: bottom left;background-repeat: no-repeat;-webkit-background-size: 10px 10px, 100% 100%;-moz-background-size: 10px 10px, 100% 100%;-ms-background-size: 10px 10px, 100% 100%;-o-background-size: 10px 10px, 100% 100%;background-size: 10px 10px, 100% 100%;opacity: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .PStyleO {opacity: .6;-webkit-background-size: 60px 60px, 100% 100%;-moz-background-size: 60px 60px, 100% 100%;-ms-background-size: 60px 60px, 100% 100%;-o-background-size: 60px 60px, 100% 100%;background-size: 60px 60px, 100% 100%;visibility: visible;background-position: center center;}
.ImageWrapper .PStyleF {position: absolute;background: url(/templates/jb_creativ/assets/images/plus.png) no-repeat scroll top left / 100% 100% #222222;width: 100%;height: 100%;z-index: 199;-webkit-background-origin: padding-box, padding-box;-moz-background-origin: padding-box, padding-box;-ms-background-origin: padding-box, padding-box;-o-background-origin: padding-box, padding-box;background-origin: padding-box, padding-box;background-position: top center;background-repeat: no-repeat;-webkit-background-size: 10px 10px, 100% 100%;-moz-background-size: 10px 10px, 100% 100%;-ms-background-size: 10px 10px, 100% 100%;-o-background-size: 10px 10px, 100% 100%;background-size: 10px 10px, 100% 100%;opacity: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .PStyleF {opacity: .6;-webkit-background-size: 60px 60px, 100% 100%;-moz-background-size: 60px 60px, 100% 100%;-ms-background-size: 60px 60px, 100% 100%;-o-background-size: 60px 60px, 100% 100%;background-size: 60px 60px, 100% 100%;visibility: visible;background-position: center center;}
.ImageWrapper .PStyleNe {position: absolute;background: url(/templates/jb_creativ/assets/images/plus.png) no-repeat scroll top left / 100% 100% #222222;width: 100%;height: 100%;z-index: 199;-webkit-background-origin: padding-box, padding-box;-moz-background-origin: padding-box, padding-box;-ms-background-origin: padding-box, padding-box;-o-background-origin: padding-box, padding-box;background-origin: padding-box, padding-box;background-position: bottom center;background-repeat: no-repeat;-webkit-background-size: 10px 10px, 100% 100%;-moz-background-size: 10px 10px, 100% 100%;-ms-background-size: 10px 10px, 100% 100%;-o-background-size: 10px 10px, 100% 100%;background-size: 10px 10px, 100% 100%;opacity: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .PStyleNe {opacity: .6;-webkit-background-size: 60px 60px, 100% 100%;-moz-background-size: 60px 60px, 100% 100%;-ms-background-size: 60px 60px, 100% 100%;-o-background-size: 60px 60px, 100% 100%;background-size: 60px 60px, 100% 100%;visibility: visible;background-position: center center;}
/*  =============================================
Content Transform
============================================= */
.ContentWrapperH .ContentH {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperH:hover .ContentH {opacity: 1;visibility: visible;}
.ContentWrapperH .ContentH .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperH .ContentH .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperH .ContentH .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperH .ContentH .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperH .ContentH .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperHe .ContentHe {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: scale(0.0);-moz-transform: scale(0.0);-ms-transform: scale(0.0);-o-transform: scale(0.0);transform: scale(0.0);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperHe:hover .ContentHe {opacity: 1;visibility: visible;-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);}
.ContentWrapperHe .ContentHe .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperHe .ContentHe .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperHe .ContentHe .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperHe .ContentHe .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperHe .ContentHe .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperLi img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperLi:hover img {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
.ContentWrapperLi .ContentLi {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperLi:hover .ContentLi {opacity: 1;visibility: visible;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.ContentWrapperLi .ContentLi .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperLi .ContentLi .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperLi .ContentLi .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperLi .ContentLi .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperLi .ContentLi .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperBe img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;opacity: 1;}
.ContentWrapperBe:hover img {-webkit-transform: scale(10);-moz-transform: scale(10);-ms-transform: scale(10);-o-transform: scale(10);transform: scale(10);opacity: 0;}
.ContentWrapperBe .ContentBe {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperBe:hover .ContentBe {opacity: 1;visibility: visible;}
.ContentWrapperBe .ContentBe .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperBe .ContentBe .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperBe .ContentBe .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperBe .ContentBe .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperBe .ContentBe .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperB img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperB:hover img {-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);transform: translateY(100%);}
.ContentWrapperB .ContentB {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: -100%;left: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperB:hover .ContentB {opacity: 1;visibility: visible;top: 0;}
.ContentWrapperB .ContentB .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperB .ContentB .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperB .ContentB .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperB .ContentB .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperB .ContentB .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperC img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperC:hover img {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);}
.ContentWrapperC .ContentC {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;bottom: -100%;left: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperC:hover .ContentC {opacity: 1;visibility: visible;bottom: 0;}
.ContentWrapperC .ContentC .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperC .ContentC .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperC .ContentC .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperC .ContentC .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperC .ContentC .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperN img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperN:hover img {-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);}
.ContentWrapperN .ContentN {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;right: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperN:hover .ContentN {opacity: 1;visibility: visible;right: 0;}
.ContentWrapperN .ContentN .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperN .ContentN .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperN .ContentN .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperN .ContentN .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperN .ContentN .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperO img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperO:hover img {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);}
.ContentWrapperO .ContentO {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperO:hover .ContentO {opacity: 1;visibility: visible;left: 0;}
.ContentWrapperO .ContentO .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperO .ContentO .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperO .ContentO .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperO .ContentO .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperO .ContentO .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperF img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperF:hover img {-webkit-transform: translateX(20%);-moz-transform: translateX(20%);-ms-transform: translateX(20%);-o-transform: translateX(20%);transform: translateX(20%);}
.ContentWrapperF .ContentF {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 50%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: perspective(600px) rotateY(90deg);-moz-transform: perspective(600px) rotateY(90deg);-ms-transform: perspective(600px) rotateY(90deg);-o-transform: perspective(600px) rotateY(90deg);transform: perspective(600px) rotateY(90deg);-webkit-transform-origin: left center 0;-moz-transform-origin: left center 0;-ms-transform-origin: left center 0;-o-transform-origin: left center 0;transform-origin: left center 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperF:hover .ContentF {opacity: 1;visibility: visible;-webkit-transform: perspective(600px) rotateY(0deg);-moz-transform: perspective(600px) rotateY(0deg);-ms-transform: perspective(600px) rotateY(0deg);-o-transform: perspective(600px) rotateY(0deg);transform: perspective(600px) rotateY(0deg);}
.ContentWrapperF .ContentF .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperF .ContentF .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperF .ContentF .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperNe img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperNe:hover img {-webkit-transform: translateY(20%);-moz-transform: translateY(20%);-ms-transform: translateY(20%);-o-transform: translateY(20%);transform: translateY(20%);}
.ContentWrapperNe .ContentNe {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 50%;display: block;top: 0;left: 0;-webkit-transform: perspective(600px) rotateX(-90deg);-moz-transform: perspective(600px) rotateX(-90deg);-ms-transform: perspective(600px) rotateX(-90deg);-o-transform: perspective(600px) rotateX(-90deg);transform: perspective(600px) rotateX(-90deg);-webkit-transform-origin: center top 0;-moz-transform-origin: center top 0;-ms-transform-origin: center top 0;-o-transform-origin: center top 0;transform-origin: center top 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperNe:hover .ContentNe {opacity: 1;visibility: visible;-webkit-transform: perspective(600px) rotateX(0deg);-moz-transform: perspective(600px) rotateX(0deg);-ms-transform: perspective(600px) rotateX(0deg);-o-transform: perspective(600px) rotateX(0deg);transform: perspective(600px) rotateX(0deg);}
.ContentWrapperNe .ContentNe .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperNe .ContentNe .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperNe .ContentNe .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperNa img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperNa:hover img {-webkit-transform: translateX(-20%);-moz-transform: translateX(-20%);-ms-transform: translateX(-20%);-o-transform: translateX(-20%);transform: translateX(-20%);}
.ContentWrapperNa .ContentNa {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 50%;height: 100%;display: block;top: 0;right: 0;-webkit-transform: perspective(600px) rotateY(-90deg);-moz-transform: perspective(600px) rotateY(-90deg);-ms-transform: perspective(600px) rotateY(-90deg);-o-transform: perspective(600px) rotateY(-90deg);transform: perspective(600px) rotateY(-90deg);-webkit-transform-origin: right center 0;-moz-transform-origin: right center 0;-ms-transform-origin: right center 0;-o-transform-origin: right center 0;transform-origin: right center 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperNa:hover .ContentNa {opacity: 1;visibility: visible;-webkit-transform: perspective(600px) rotateY(0deg);-moz-transform: perspective(600px) rotateY(0deg);-ms-transform: perspective(600px) rotateY(0deg);-o-transform: perspective(600px) rotateY(0deg);transform: perspective(600px) rotateY(0deg);}
.ContentWrapperNa .ContentNa .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperNa .ContentNa .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperNa .ContentNa .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperMg img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperMg:hover img {-webkit-transform: translateY(-20%);-moz-transform: translateY(-20%);-ms-transform: translateY(-20%);-o-transform: translateY(-20%);transform: translateY(-20%);}
.ContentWrapperMg .ContentMg {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 50%;display: block;bottom: 0;left: 0;-webkit-transform: perspective(600px) rotateX(90deg);-moz-transform: perspective(600px) rotateX(90deg);-ms-transform: perspective(600px) rotateX(90deg);-o-transform: perspective(600px) rotateX(90deg);transform: perspective(600px) rotateX(90deg);-webkit-transform-origin: center bottom 0;-moz-transform-origin: center bottom 0;-ms-transform-origin: center bottom 0;-o-transform-origin: center bottom 0;transform-origin: center bottom 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperMg:hover .ContentMg {opacity: 1;visibility: visible;-webkit-transform: perspective(600px) rotateY(0deg);-moz-transform: perspective(600px) rotateY(0deg);-ms-transform: perspective(600px) rotateY(0deg);-o-transform: perspective(600px) rotateY(0deg);transform: perspective(600px) rotateY(0deg);}
.ContentWrapperMg .ContentMg .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperMg .ContentMg .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperMg .ContentMg .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperAl .ContentAl {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: rotateY(0deg) scale(0.0);-moz-transform: rotateY(0deg) scale(0.0);-ms-transform: rotateY(0deg) scale(0.0);-o-transform: rotateY(0deg) scale(0.0);transform: rotateY(0deg) scale(0.0);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperAl:hover .ContentAl {opacity: 1;visibility: visible;-webkit-transform: rotateY(360deg) scale(.9);-moz-transform: rotateY(360deg) scale(.9);-ms-transform: rotateY(360deg) scale(.9);-o-transform: rotateY(360deg) scale(.9);transform: rotateY(360deg) scale(.9);}
.ContentWrapperAl .ContentAl .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperAl .ContentAl .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperAl .ContentAl .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperAl .ContentAl .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperAl .ContentAl .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperSi .ContentSi {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: rotateX(0deg) scale(0.0);-moz-transform: rotateX(0deg) scale(0.0);-ms-transform: rotateX(0deg) scale(0.0);-o-transform: rotateX(0deg) scale(0.0);transform: rotateX(0deg) scale(0.0);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperSi:hover .ContentSi {opacity: 1;visibility: visible;-webkit-transform: rotateX(360deg) scale(.9);-moz-transform: rotateX(360deg) scale(.9);-ms-transform: rotateX(360deg) scale(.9);-o-transform: rotateX(360deg) scale(.9);transform: rotateX(360deg) scale(.9);}
.ContentWrapperSi .ContentSi .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperSi .ContentSi .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperSi .ContentSi .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperSi .ContentSi .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperSi .ContentSi .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperP .ContentP {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: rotateY(0deg) scale(.9);-moz-transform: rotateY(0deg) scale(.9);-ms-transform: rotateY(0deg) scale(.9);-o-transform: rotateY(0deg) scale(.9);transform: rotateY(0deg) scale(.9);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperP:hover .ContentP {opacity: 1;visibility: visible;-webkit-transform: rotateY(360deg) scale(.9);-moz-transform: rotateY(360deg) scale(.9);-ms-transform: rotateY(360deg) scale(.9);-o-transform: rotateY(360deg) scale(.9);transform: rotateY(360deg) scale(.9);}
.ContentWrapperP .ContentP .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperP .ContentP .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperP .ContentP .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperP .ContentP .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperP .ContentP .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperS .ContentS {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: rotateX(0deg) scale(.9);-moz-transform: rotateX(0deg) scale(.9);-ms-transform: rotateX(0deg) scale(.9);-o-transform: rotateX(0deg) scale(.9);transform: rotateX(0deg) scale(.9);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperS:hover .ContentS {opacity: 1;visibility: visible;-webkit-transform: rotateX(360deg) scale(.9);-moz-transform: rotateX(360deg) scale(.9);-ms-transform: rotateX(360deg) scale(.9);-o-transform: rotateX(360deg) scale(.9);transform: rotateX(360deg) scale(.9);}
.ContentWrapperS .ContentS .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperS .ContentS .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperS .ContentS .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperS .ContentS .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperS .ContentS .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperCl {overflow: visible !important;}
.ContentWrapperCl img {position: relative;z-index: 455;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperCl:hover img {-webkit-transform: translateY(-40%);-moz-transform: translateY(-40%);-ms-transform: translateY(-40%);-o-transform: translateY(-40%);transform: translateY(-40%);}
.ContentWrapperCl .ContentCl {position: absolute;background: #ffffff;opacity: 1;visibility: hidden;width: 100%;height: 100%;display: block;bottom: 0;left: 0;z-index: 200;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperCl:hover .ContentCl {visibility: visible;}
.ContentWrapperCl .ContentCl .Content {position: absolute;top: 65%;display: block;width: 100%;}
.ContentWrapperCl .ContentCl .Content h2 {font:bold 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 2px;text-align: center;}
.ContentWrapperCl .ContentCl .Content .ReadMore {margin: 8px auto;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);display: block;width: 80px;}
.ContentWrapperCl .ContentCl .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperAr {overflow: visible !important;}
.ContentWrapperAr img {position: relative;z-index: 455;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperAr:hover img {-webkit-transform: translateY(40%);-moz-transform: translateY(40%);-ms-transform: translateY(40%);-o-transform: translateY(40%);transform: translateY(40%);}
.ContentWrapperAr .ContentAr {position: absolute;background: #ffffff;opacity: 1;visibility: hidden;width: 100%;height: 100%;display: block;bottom: 0;left: 0;z-index: 200;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperAr:hover .ContentAr {visibility: visible;}
.ContentWrapperAr .ContentAr .Content {position: absolute;top: 5%;display: block;width: 100%;}
.ContentWrapperAr .ContentAr .Content h2 {font:bold 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 2px;text-align: center;}
.ContentWrapperAr .ContentAr .Content .ReadMore {margin: 8px auto;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);display: block;width: 80px;}
.ContentWrapperAr .ContentAr .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperK {overflow: visible !important;}
.ContentWrapperK img {position: relative;z-index: 455;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperK:hover img {-webkit-transform: translateX(-20%);-moz-transform: translateX(-20%);-ms-transform: translateX(-20%);-o-transform: translateX(-20%);transform: translateX(-20%);}
.ContentWrapperK .ContentK {position: absolute;background: #ffffff;opacity: 1;visibility: hidden;width: 100%;height: 100%;display: block;bottom: 0;left: 0;z-index: 200;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperK:hover .ContentK {visibility: visible;}
.ContentWrapperK .ContentK .Content {display: block;width: 100%;position: relative;}
.ContentWrapperK .ContentK .Content ul {position: absolute;top: 0;right: 0;}
.ContentWrapperK .ContentK .Content ul li {margin: 14px 16px;}
.ContentWrapperK .ContentK .Content ul li a {font-size: 21px;color: #a9a9a9;}
.ContentWrapperCa {overflow: visible !important;}
.ContentWrapperCa img {position: relative;z-index: 455;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperCa:hover img {-webkit-transform: translateX(20%);-moz-transform: translateX(20%);-ms-transform: translateX(20%);-o-transform: translateX(20%);transform: translateX(20%);}
.ContentWrapperCa .ContentCa {position: absolute;background: #ffffff;opacity: 1;visibility: hidden;width: 100%;height: 100%;display: block;bottom: 0;left: 0;z-index: 200;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperCa:hover .ContentCa {visibility: visible;}
.ContentWrapperCa .ContentCa .Content {display: block;width: 100%;position: relative;}
.ContentWrapperCa .ContentCa .Content ul {position: absolute;top: 0;left: 0;}
.ContentWrapperCa .ContentCa .Content ul li {margin: 14px 16px;}
.ContentWrapperCa .ContentCa .Content ul li a {font-size: 21px;color: #a9a9a9;}
.ContentWrapperSc .ContentSc {position: absolute;background: #ffffff;visibility: hidden;width: 100%;height: 100%;display: block;top: -100%;left: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperSc:hover .ContentSc {visibility: visible;top: 0;}
.ContentWrapperSc .ContentSc .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperSc .ContentSc .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperSc .ContentSc .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperSc .ContentSc .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperSc .ContentSc .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperTi .ContentTi {position: absolute;background: #ffffff;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperTi:hover .ContentTi {visibility: visible;left: 0;}
.ContentWrapperTi .ContentTi .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperTi .ContentTi .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperTi .ContentTi .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperTi .ContentTi .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperTi .ContentTi .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperV .ContentV {position: absolute;background: #ffffff;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;right: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperV:hover .ContentV {visibility: visible;right: 0;}
.ContentWrapperV .ContentV .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperV .ContentV .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperV .ContentV .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperV .ContentV .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperV .ContentV .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperCr .ContentCr {position: absolute;background: #ffffff;visibility: hidden;width: 100%;height: 0;display: block;bottom: -100%;left: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperCr:hover .ContentCr {visibility: visible;height: 100%;bottom: 0;}
.ContentWrapperCr .ContentCr .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperCr .ContentCr .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperCr .ContentCr .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperCr .ContentCr .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperCr .ContentCr .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperMn .ContentMn {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;-o-transform-origin: top left;transform-origin: top left;-webkit-transform-style: preserve-3D;-moz-transform-style: preserve-3D;-ms-transform-style: preserve-3D;-o-transform-style: preserve-3D;transform-style: preserve-3D;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperMn:hover .ContentMn {opacity: 1;visibility: visible;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
.ContentWrapperMn .ContentMn .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperMn .ContentMn .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperMn .ContentMn .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperMn .ContentMn .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperMn .ContentMn .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperFe .ContentFe {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;right: 0;-webkit-transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;-o-transform-origin: top right;transform-origin: top right;-webkit-transform-style: preserve-3D;-moz-transform-style: preserve-3D;-ms-transform-style: preserve-3D;-o-transform-style: preserve-3D;transform-style: preserve-3D;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperFe:hover .ContentFe {opacity: 1;visibility: visible;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
.ContentWrapperFe .ContentFe .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperFe .ContentFe .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperFe .ContentFe .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperFe .ContentFe .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperFe .ContentFe .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperCo .ContentCo {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform-origin: bottom left;-moz-transform-origin: bottom left;-ms-transform-origin: bottom left;-o-transform-origin: bottom left;transform-origin: bottom left;-webkit-transform-style: preserve-3D;-moz-transform-style: preserve-3D;-ms-transform-style: preserve-3D;-o-transform-style: preserve-3D;transform-style: preserve-3D;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperCo:hover .ContentCo {opacity: 1;visibility: visible;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
.ContentWrapperCo .ContentCo .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperCo .ContentCo .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperCo .ContentCo .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperCo .ContentCo .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperCo .ContentCo .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperNi .ContentNi {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;right: 0;-webkit-transform-origin: bottom right;-moz-transform-origin: bottom right;-ms-transform-origin: bottom right;-o-transform-origin: bottom right;transform-origin: bottom right;-webkit-transform-style: preserve-3D;-moz-transform-style: preserve-3D;-ms-transform-style: preserve-3D;-o-transform-style: preserve-3D;transform-style: preserve-3D;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperNi:hover .ContentNi {opacity: 1;visibility: visible;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
.ContentWrapperNi .ContentNi .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperNi .ContentNi .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperNi .ContentNi .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperNi .ContentNi .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperNi .ContentNi .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperCu img {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperCu:hover img {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.ContentWrapperCu .ContentCu {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperCu:hover .ContentCu {opacity: 1;visibility: visible;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);}
.ContentWrapperCu .ContentCu .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperCu .ContentCu .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperCu .ContentCu .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperCu .ContentCu .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperCu .ContentCu .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
.ContentWrapperZn img {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperZn:hover img {-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-ms-transform: rotateX(180deg);-o-transform: rotateX(180deg);transform: rotateX(180deg);}
.ContentWrapperZn .ContentZn {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-ms-transform: rotateX(180deg);-o-transform: rotateX(180deg);transform: rotateX(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ContentWrapperZn:hover .ContentZn {opacity: 1;visibility: visible;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);}
.ContentWrapperZn .ContentZn .Content {position: absolute;top: 10%;padding: 0 10px;}
.ContentWrapperZn .ContentZn .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
.ContentWrapperZn .ContentZn .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
.ContentWrapperZn .ContentZn .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperZn .ContentZn .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
/*  =============================================
Ribbons
============================================= */
.ImageWrapper .RibbonCTL .Triangle:after {border-right: 35px solid rgba(0, 0, 0, 0);border-top: 35px solid #FFFFFF;content:" ";display: block;height: 0;position: absolute;width: 0;top: 0;left: 0;z-index: 99;}
.ImageWrapper .RibbonCTL .Sign {top: 2px;left: 2px;position: absolute;z-index: 999;}
.ImageWrapper .RibbonCTL .Sign a {color: #666666;}
.ImageWrapper .RibbonCTL {opacity: 0;visibility: hidden;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .RibbonCTL {opacity: 1;visibility: visible;}
.ImageWrapper .RibbonCTR .Triangle:after {border-left: 35px solid rgba(0, 0, 0, 0);border-top: 35px solid #FFFFFF;content:" ";display: block;height: 0;position: absolute;width: 0;top: 0;right: 0;z-index: 99;}
.ImageWrapper .RibbonCTR .Sign {top: 2px;right: 2px;position: absolute;z-index: 999;}
.ImageWrapper .RibbonCTR .Sign a {color: #666666;}
.ImageWrapper .RibbonCTR {opacity: 0;visibility: hidden;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .RibbonCTR {opacity: 1;visibility: visible;}
.ImageWrapper .RibbonCBL .Triangle:after {border-right: 35px solid rgba(0, 0, 0, 0);border-bottom: 35px solid #FFFFFF;content:" ";display: block;height: 0;position: absolute;width: 0;bottom: 0;left: 0;z-index: 99;}
.ImageWrapper .RibbonCBL .Sign {bottom: 1px;left: 1px;position: absolute;z-index: 999;}
.ImageWrapper .RibbonCBL .Sign a {color: #666666;}
.ImageWrapper .RibbonCBL {opacity: 0;visibility: hidden;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .RibbonCBL {opacity: 1;visibility: visible;}
.ImageWrapper .RibbonCBR .Triangle:after {border-left: 35px solid rgba(0, 0, 0, 0);border-bottom: 35px solid #FFFFFF;content:" ";display: block;height: 0;position: absolute;width: 0;bottom: 0;right: 0;z-index: 99;}
.ImageWrapper .RibbonCBR .Sign {bottom: 1px;right: 1px;position: absolute;z-index: 999;}
.ImageWrapper .RibbonCBR .Sign a {color: #666666;}
.ImageWrapper .RibbonCBR {opacity: 0;visibility: hidden;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ImageWrapper:hover .RibbonCBR {opacity: 1;visibility: visible;}
/*  =============================================
Transparent Background
============================================= */
.TBlack {background: none repeat scroll 0 0 rgba(0,0,0,.8) !important;}
.TWhite {background: none repeat scroll 0 0 rgba(255,255,255,.8) !important;}
/* 
 *  Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-controls {
    bottom: 10%;
    left: 0;
    margin-top: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: auto;
    right: auto;
    width:auto;
}

#team-members-carousel .owl-controls {
    bottom: -10%;
    left: 0;
    margin-top: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: auto;
    width: auto;
}

.owl-theme .owl-controls .owl-nav [class*='owl-'] {
    border: 2px solid #d5d5d5 !important;
    border-radius: 100% !important;
    color: #d5d5d5 !important;
    cursor: pointer !important;
    display: inline-block;
    font-size: 26px;
    height: 30px;
    line-height: 26px;
    margin: 0 3px;
    padding: 0;
    text-align: center;
    width: 30px;
}
.owl-theme .owl-controls .owl-nav [class*='owl-']:hover {
  color: #52b3d9 !important;
  text-decoration: none;
}
.owl-theme .owl-controls .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 15px 5px 0;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}



/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-controls {
  position:absolute;
  top:0;
  right:0;
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(/templates/jb_creativ/css/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
@font-face{
	font-family: 'et-line';
	src:url(/templates/jb_creativ/fonts/et-line/fonts/et-line.eot);
	src:url(/templates/jb_creativ/fonts/et-line/fonts/et-line.eot#iefix) format('embedded-opentype'),
		url(/templates/jb_creativ/fonts/et-line/fonts/et-line.woff) format('woff'),
		url(/templates/jb_creativ/fonts/et-line/fonts/et-line.ttf) format('truetype'),
		url(/templates/jb_creativ/fonts/et-line/fonts/et-line.svg#et-line) format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'et-line';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="myicon-"] {
*/
.myicon-mobile, .myicon-laptop, .myicon-desktop, .myicon-tablet, .myicon-phone, .myicon-document, .myicon-documents, .myicon-search, .myicon-clipboard, .myicon-newspaper, .myicon-notebook, .myicon-book-open, .myicon-browser, .myicon-calendar, .myicon-presentation, .myicon-picture, .myicon-pictures, .myicon-video, .myicon-camera, .myicon-printer, .myicon-toolbox, .myicon-briefcase, .myicon-wallet, .myicon-gift, .myicon-bargraph, .myicon-grid, .myicon-expand, .myicon-focus, .myicon-edit, .myicon-adjustments, .myicon-ribbon, .myicon-hourglass, .myicon-lock, .myicon-megaphone, .myicon-shield, .myicon-trophy, .myicon-flag, .myicon-map, .myicon-puzzle, .myicon-basket, .myicon-envelope, .myicon-streetsign, .myicon-telescope, .myicon-gears, .myicon-key, .myicon-paperclip, .myicon-attachment, .myicon-pricetags, .myicon-lightbulb, .myicon-layers, .myicon-pencil, .myicon-tools, .myicon-tools-2, .myicon-scissors, .myicon-paintbrush, .myicon-magnifying-glass, .myicon-circle-compass, .myicon-linegraph, .myicon-mic, .myicon-strategy, .myicon-beaker, .myicon-caution, .myicon-recycle, .myicon-anchor, .myicon-profile-male, .myicon-profile-female, .myicon-bike, .myicon-wine, .myicon-hotairballoon, .myicon-globe, .myicon-genius, .myicon-map-pin, .myicon-dial, .myicon-chat, .myicon-heart, .myicon-cloud, .myicon-upload, .myicon-download, .myicon-target, .myicon-hazardous, .myicon-piechart, .myicon-speedometer, .myicon-global, .myicon-compass, .myicon-lifesaver, .myicon-clock, .myicon-aperture, .myicon-quote, .myicon-scope, .myicon-alarmclock, .myicon-refresh, .myicon-happy, .myicon-sad, .myicon-facebook, .myicon-twitter, .myicon-googleplus, .myicon-rss, .myicon-tumblr, .myicon-linkedin, .myicon-dribbble {
	font-family: 'et-line';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}
.myicon-mobile:before {
	content: "\e000";
}
.myicon-laptop:before {
	content: "\e001";
}
.myicon-desktop:before {
	content: "\e002";
}
.myicon-tablet:before {
	content: "\e003";
}
.myicon-phone:before {
	content: "\e004";
}
.myicon-document:before {
	content: "\e005";
}
.myicon-documents:before {
	content: "\e006";
}
.myicon-search:before {
	content: "\e007";
}
.myicon-clipboard:before {
	content: "\e008";
}
.myicon-newspaper:before {
	content: "\e009";
}
.myicon-notebook:before {
	content: "\e00a";
}
.myicon-book-open:before {
	content: "\e00b";
}
.myicon-browser:before {
	content: "\e00c";
}
.myicon-calendar:before {
	content: "\e00d";
}
.myicon-presentation:before {
	content: "\e00e";
}
.myicon-picture:before {
	content: "\e00f";
}
.myicon-pictures:before {
	content: "\e010";
}
.myicon-video:before {
	content: "\e011";
}
.myicon-camera:before {
	content: "\e012";
}
.myicon-printer:before {
	content: "\e013";
}
.myicon-toolbox:before {
	content: "\e014";
}
.myicon-briefcase:before {
	content: "\e015";
}
.myicon-wallet:before {
	content: "\e016";
}
.myicon-gift:before {
	content: "\e017";
}
.myicon-bargraph:before {
	content: "\e018";
}
.myicon-grid:before {
	content: "\e019";
}
.myicon-expand:before {
	content: "\e01a";
}
.myicon-focus:before {
	content: "\e01b";
}
.myicon-edit:before {
	content: "\e01c";
}
.myicon-adjustments:before {
	content: "\e01d";
}
.myicon-ribbon:before {
	content: "\e01e";
}
.myicon-hourglass:before {
	content: "\e01f";
}
.myicon-lock:before {
	content: "\e020";
}
.myicon-megaphone:before {
	content: "\e021";
}
.myicon-shield:before {
	content: "\e022";
}
.myicon-trophy:before {
	content: "\e023";
}
.myicon-flag:before {
	content: "\e024";
}
.myicon-map:before {
	content: "\e025";
}
.myicon-puzzle:before {
	content: "\e026";
}
.myicon-basket:before {
	content: "\e027";
}
.myicon-envelope:before {
	content: "\e028";
}
.myicon-streetsign:before {
	content: "\e029";
}
.myicon-telescope:before {
	content: "\e02a";
}
.myicon-gears:before {
	content: "\e02b";
}
.myicon-key:before {
	content: "\e02c";
}
.myicon-paperclip:before {
	content: "\e02d";
}
.myicon-attachment:before {
	content: "\e02e";
}
.myicon-pricetags:before {
	content: "\e02f";
}
.myicon-lightbulb:before {
	content: "\e030";
}
.myicon-layers:before {
	content: "\e031";
}
.myicon-pencil:before {
	content: "\e032";
}
.myicon-tools:before {
	content: "\e033";
}
.myicon-tools-2:before {
	content: "\e034";
}
.myicon-scissors:before {
	content: "\e035";
}
.myicon-paintbrush:before {
	content: "\e036";
}
.myicon-magnifying-glass:before {
	content: "\e037";
}
.myicon-circle-compass:before {
	content: "\e038";
}
.myicon-linegraph:before {
	content: "\e039";
}
.myicon-mic:before {
	content: "\e03a";
}
.myicon-strategy:before {
	content: "\e03b";
}
.myicon-beaker:before {
	content: "\e03c";
}
.myicon-caution:before {
	content: "\e03d";
}
.myicon-recycle:before {
	content: "\e03e";
}
.myicon-anchor:before {
	content: "\e03f";
}
.myicon-profile-male:before {
	content: "\e040";
}
.myicon-profile-female:before {
	content: "\e041";
}
.myicon-bike:before {
	content: "\e042";
}
.myicon-wine:before {
	content: "\e043";
}
.myicon-hotairballoon:before {
	content: "\e044";
}
.myicon-globe:before {
	content: "\e045";
}
.myicon-genius:before {
	content: "\e046";
}
.myicon-map-pin:before {
	content: "\e047";
}
.myicon-dial:before {
	content: "\e048";
}
.myicon-chat:before {
	content: "\e049";
}
.myicon-heart:before {
	content: "\e04a";
}
.myicon-cloud:before {
	content: "\e04b";
}
.myicon-upload:before {
	content: "\e04c";
}
.myicon-download:before {
	content: "\e04d";
}
.myicon-target:before {
	content: "\e04e";
}
.myicon-hazardous:before {
	content: "\e04f";
}
.myicon-piechart:before {
	content: "\e050";
}
.myicon-speedometer:before {
	content: "\e051";
}
.myicon-global:before {
	content: "\e052";
}
.myicon-compass:before {
	content: "\e053";
}
.myicon-lifesaver:before {
	content: "\e054";
}
.myicon-clock:before {
	content: "\e055";
}
.myicon-aperture:before {
	content: "\e056";
}
.myicon-quote:before {
	content: "\e057";
}
.myicon-scope:before {
	content: "\e058";
}
.myicon-alarmclock:before {
	content: "\e059";
}
.myicon-refresh:before {
	content: "\e05a";
}
.myicon-happy:before {
	content: "\e05b";
}
.myicon-sad:before {
	content: "\e05c";
}
.myicon-facebook:before {
	content: "\e05d";
}
.myicon-twitter:before {
	content: "\e05e";
}
.myicon-googleplus:before {
	content: "\e05f";
}
.myicon-rss:before {
	content: "\e060";
}
.myicon-tumblr:before {
	content: "\e061";
}
.myicon-linkedin:before {
	content: "\e062";
}
.myicon-dribbble:before {
	content: "\e063";
}
@font-face{
	font-family: 'font-icons';
	src:url(/templates/jb_creativ/fonts/font-icons/fonts/font-icons.eot);
	src:url(/templates/jb_creativ/fonts/font-icons/fonts/font-icons.eot) format('embedded-opentype'),
		url(/templates/jb_creativ/fonts/font-icons/fonts/font-icons.woff) format('woff'),
		url(/templates/jb_creativ/fonts/font-icons/fonts/font-icons.ttf) format('truetype'),
		url(/templates/jb_creativ/fonts/font-icons/fonts/font-icons.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'lined-icons';
	src:url(/templates/jb_creativ/fonts/font-icons/fonts/lined-icons.eot);
	src:url(/templates/jb_creativ/fonts/font-icons/fonts/lined-icons.eot) format('embedded-opentype'),
		url(/templates/jb_creativ/fonts/font-icons/fonts/lined-icons.woff) format('woff'),
		url(/templates/jb_creativ/fonts/font-icons/fonts/lined-icons.ttf) format('truetype'),
		url(/templates/jb_creativ/fonts/font-icons/fonts/lined-icons.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'Simple-Line-Icons';
	src:url(/templates/jb_creativ/fonts/font-icons/fonts/Simple-Line-Icons.eot);
	src:url(/templates/jb_creativ/fonts/font-icons/fonts/Simple-Line-Icons.eot#iefix) format('embedded-opentype'),
		url(/templates/jb_creativ/fonts/font-icons/fonts/Simple-Line-Icons.woff) format('woff'),
		url(/templates/jb_creativ/fonts/font-icons/fonts/Simple-Line-Icons.ttf) format('truetype'),
		url(/templates/jb_creativ/fonts/font-icons/fonts/Simple-Line-Icons.svg#Simple-Line-Icons) format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"],
[class^="icon-line-"], [class*=" icon-line-"],
[class^="icon-line2-"], [class*=" icon-line2-"],
.docs-navigation ul ul li.current a:after {
	display: inline-block;
	font-family: 'font-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-line-"], [class*=" icon-line-"] { font-family: 'lined-icons'; }

[class^="icon-line2-"], [class*=" icon-line2-"] { font-family: 'Simple-Line-Icons'; }

.icon-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-2x {
  font-size: 2em;
}
.icon-3x {
  font-size: 3em;
}
.icon-4x {
  font-size: 4em;
}
.icon-5x {
  font-size: 5em;
}
.icon-fw {
  width: 1.2857142857142858em;
  text-align: center;
}

.iconlist {
	padding-left: 0;
	margin-left: 1.75em;
	list-style-type: none;
}

.iconlist li { position: relative; }

.iconlist ul {
	list-style-type: none;
	margin: 5px 0 5px 25px;
}

.iconlist > li [class^="icon-"], .iconlist > li [class*=" icon-"] {
	position: absolute;
	left: -1.75em;
	width: 1.75em;
	text-align: center;
	top: 1px;
	width: 14px;
}

.iconlist.iconlist-large { font-size: 16px; }

.iconlist.iconlist-large li { margin: 4px 0; }

.iconlist.iconlist-large > li [class^="icon-"], .iconlist.iconlist-large > li [class*=" icon-"] {
	width: 16px;
	margin-right: 5px;
}

.iconlist-color li i { color: #1ABC9C; }

.icon-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.icon.pull-left {
  margin-right: .3em;
}
.icon.pull-right {
  margin-left: .3em;
}
.icon-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.icon-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.icon-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.icon-stacked {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.icon-stacked-1x,
.icon-stacked-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.icon-stacked-1x {
  line-height: inherit;
}
.icon-stacked-2x {
  font-size: 2em;
}
.icon-inverse {
  color: #ffffff;
}

.icon-type:before {
	content: "\e600";
}
.icon-box:before {
	content: "\e601";
}
.icon-archive:before {
	content: "\e602";
}
.icon-envelope:before {
	content: "\e603";
}
.icon-email:before {
	content: "\e604";
}
.icon-files:before {
	content: "\e605";
}
.icon-printer2:before {
	content: "\e606";
}
.icon-folder-add:before {
	content: "\e607";
}
.icon-folder-settings:before {
	content: "\e608";
}
.icon-folder-check:before {
	content: "\e609";
}
.icon-wifi-low:before {
	content: "\e60a";
}
.icon-wifi-mid:before {
	content: "\e60b";
}
.icon-wifi-full:before {
	content: "\e60c";
}
.icon-connection-empty:before {
	content: "\e60d";
}
.icon-battery-full:before {
	content: "\e60e";
}
.icon-settings:before {
	content: "\e60f";
}
.icon-arrow-left:before {
	content: "\e610";
}
.icon-arrow-up:before {
	content: "\e611";
}
.icon-arrow-down:before {
	content: "\e612";
}
.icon-arrow-right:before {
	content: "\e613";
}
.icon-reload:before {
	content: "\e614";
}
.icon-download:before {
	content: "\e615";
}
.icon-tag:before {
	content: "\e616";
}
.icon-trashcan:before {
	content: "\e617";
}
.icon-search:before {
	content: "\e618";
}
.icon-zoom-in:before {
	content: "\e619";
}
.icon-zoom-out:before {
	content: "\e61a";
}
.icon-chat:before {
	content: "\e61b";
}
.icon-clock:before {
	content: "\e61c";
}
.icon-printer:before {
	content: "\e61d";
}
.icon-home:before {
	content: "\e61e";
}
.icon-flag:before {
	content: "\e61f";
}
.icon-meter:before {
	content: "\e620";
}
.icon-switch:before {
	content: "\e621";
}
.icon-forbidden:before {
	content: "\e622";
}
.icon-phone-landscape:before {
	content: "\e623";
}
.icon-tablet:before {
	content: "\e624";
}
.icon-tablet-landscape:before {
	content: "\e625";
}
.icon-laptop:before {
	content: "\e626";
}
.icon-camera:before {
	content: "\e627";
}
.icon-microwave-oven:before {
	content: "\e628";
}
.icon-credit-cards:before {
	content: "\e629";
}
.icon-map-marker:before {
	content: "\e62a";
}
.icon-map:before {
	content: "\e62b";
}
.icon-support:before {
	content: "\e62c";
}
.icon-newspaper2:before {
	content: "\e62d";
}
.icon-barbell:before {
	content: "\e62e";
}
.icon-stopwatch:before {
	content: "\e62f";
}
.icon-atom:before {
	content: "\e630";
}
.icon-image:before {
	content: "\e631";
}
.icon-cube:before {
	content: "\e632";
}
.icon-bars:before {
	content: "\e633";
}
.icon-chart:before {
	content: "\e634";
}
.icon-pencil:before {
	content: "\e635";
}
.icon-measure:before {
	content: "\e636";
}
.icon-eyedropper:before {
	content: "\e637";
}
.icon-file-settings:before {
	content: "\e638";
}
.icon-file-add:before {
	content: "\e639";
}
.icon-file:before {
	content: "\e63a";
}
.icon-align-left:before {
	content: "\e63b";
}
.icon-align-right:before {
	content: "\e63c";
}
.icon-align-center:before {
	content: "\e63d";
}
.icon-align-justify:before {
	content: "\e63e";
}
.icon-file-broken:before {
	content: "\e63f";
}
.icon-browser:before {
	content: "\e640";
}
.icon-windows:before {
	content: "\e641";
}
.icon-window:before {
	content: "\e642";
}
.icon-folder:before {
	content: "\e643";
}
.icon-connection-25:before {
	content: "\e644";
}
.icon-connection-50:before {
	content: "\e645";
}
.icon-connection-75:before {
	content: "\e646";
}
.icon-connection-full:before {
	content: "\e647";
}
.icon-list:before {
	content: "\e648";
}
.icon-grid:before {
	content: "\e649";
}
.icon-stack3:before {
	content: "\e64a";
}
.icon-battery-charging:before {
	content: "\e64b";
}
.icon-battery-empty:before {
	content: "\e64c";
}
.icon-battery-25:before {
	content: "\e64d";
}
.icon-battery-50:before {
	content: "\e64e";
}
.icon-battery-75:before {
	content: "\e64f";
}
.icon-refresh:before {
	content: "\e650";
}
.icon-volume:before {
	content: "\e651";
}
.icon-volume-increase:before {
	content: "\e652";
}
.icon-volume-decrease:before {
	content: "\e653";
}
.icon-mute:before {
	content: "\e654";
}
.icon-microphone:before {
	content: "\e655";
}
.icon-microphone-off:before {
	content: "\e656";
}
.icon-book:before {
	content: "\e657";
}
.icon-checkmark:before {
	content: "\e658";
}
.icon-checkbox-checked:before {
	content: "\e659";
}
.icon-checkbox:before {
	content: "\e65a";
}
.icon-paperclip:before {
	content: "\e65b";
}
.icon-chat-1:before {
	content: "\e65c";
}
.icon-chat-2:before {
	content: "\e65d";
}
.icon-chat-3:before {
	content: "\e65e";
}
.icon-comment:before {
	content: "\e65f";
}
.icon-calendar:before {
	content: "\e660";
}
.icon-bookmark:before {
	content: "\e661";
}
.icon-email2:before {
	content: "\e662";
}
.icon-heart:before {
	content: "\e663";
}
.icon-enter:before {
	content: "\e664";
}
.icon-cloud:before {
	content: "\e665";
}
.icon-book2:before {
	content: "\e666";
}
.icon-star:before {
	content: "\e667";
}
.icon-lock:before {
	content: "\e668";
}
.icon-unlocked:before {
	content: "\e669";
}
.icon-unlocked2:before {
	content: "\e66a";
}
.icon-users:before {
	content: "\e66b";
}
.icon-user:before {
	content: "\e66c";
}
.icon-users2:before {
	content: "\e66d";
}
.icon-user2:before {
	content: "\e66e";
}
.icon-bullhorn:before {
	content: "\e66f";
}
.icon-share:before {
	content: "\e670";
}
.icon-screen:before {
	content: "\e671";
}
.icon-phone:before {
	content: "\e672";
}
.icon-phone-portrait:before {
	content: "\e673";
}
.icon-calculator:before {
	content: "\e674";
}
.icon-bag:before {
	content: "\e675";
}
.icon-diamond:before {
	content: "\e676";
}
.icon-drink:before {
	content: "\e677";
}
.icon-shorts:before {
	content: "\e678";
}
.icon-vcard:before {
	content: "\e679";
}
.icon-sun:before {
	content: "\e67a";
}
.icon-bill:before {
	content: "\e67b";
}
.icon-coffee:before {
	content: "\e67c";
}
.icon-tv2:before {
	content: "\e67d";
}
.icon-newspaper:before {
	content: "\e67e";
}
.icon-stack:before {
	content: "\e67f";
}
.icon-syringe:before {
	content: "\e680";
}
.icon-health:before {
	content: "\e681";
}
.icon-bolt:before {
	content: "\e682";
}
.icon-pill:before {
	content: "\e683";
}
.icon-bones:before {
	content: "\e684";
}
.icon-lab:before {
	content: "\e685";
}
.icon-clipboard:before {
	content: "\e686";
}
.icon-mug:before {
	content: "\e687";
}
.icon-bucket:before {
	content: "\e688";
}
.icon-select:before {
	content: "\e689";
}
.icon-graph:before {
	content: "\e68a";
}
.icon-crop:before {
	content: "\e68b";
}
.icon-heart2:before {
	content: "\e68c";
}
.icon-cloud2:before {
	content: "\e68d";
}
.icon-star2:before {
	content: "\e68e";
}
.icon-pen:before {
	content: "\e68f";
}
.icon-diamond2:before {
	content: "\e690";
}
.icon-display:before {
	content: "\e691";
}
.icon-paperplane:before {
	content: "\e692";
}
.icon-params:before {
	content: "\e693";
}
.icon-banknote:before {
	content: "\e694";
}
.icon-vynil:before {
	content: "\e695";
}
.icon-truck:before {
	content: "\e696";
}
.icon-world:before {
	content: "\e697";
}
.icon-tv:before {
	content: "\e698";
}
.icon-sound:before {
	content: "\e699";
}
.icon-video:before {
	content: "\e69a";
}
.icon-trash:before {
	content: "\e69b";
}
.icon-user3:before {
	content: "\e69c";
}
.icon-key:before {
	content: "\e69d";
}
.icon-search2:before {
	content: "\e69e";
}
.icon-settings2:before {
	content: "\e69f";
}
.icon-camera2:before {
	content: "\e6a0";
}
.icon-tag2:before {
	content: "\e6a1";
}
.icon-lock2:before {
	content: "\e6a2";
}
.icon-bulb:before {
	content: "\e6a3";
}
.icon-location:before {
	content: "\e6a4";
}
.icon-eye:before {
	content: "\e6a5";
}
.icon-bubble:before {
	content: "\e6a6";
}
.icon-stack2:before {
	content: "\e6a7";
}
.icon-cup:before {
	content: "\e6a8";
}
.icon-phone2:before {
	content: "\e6a9";
}
.icon-news:before {
	content: "\e6aa";
}
.icon-mail:before {
	content: "\e6ab";
}
.icon-like:before {
	content: "\e6ac";
}
.icon-photo:before {
	content: "\e6ad";
}
.icon-note:before {
	content: "\e6ae";
}
.icon-clock2:before {
	content: "\e6af";
}
.icon-data:before {
	content: "\e6b0";
}
.icon-music:before {
	content: "\e6b1";
}
.icon-megaphone:before {
	content: "\e6b2";
}
.icon-study:before {
	content: "\e6b3";
}
.icon-lab2:before {
	content: "\e6b4";
}
.icon-food:before {
	content: "\e6b5";
}
.icon-t-shirt:before {
	content: "\e6b6";
}
.icon-fire:before {
	content: "\e6b7";
}
.icon-clip:before {
	content: "\e6b8";
}
.icon-shop:before {
	content: "\e6b9";
}
.icon-calendar2:before {
	content: "\e6ba";
}
.icon-wallet:before {
	content: "\e6bb";
}
.icon-duckduckgo:before {
	content: "\e830";
}
.icon-lkdto:before {
	content: "\e896";
}
.icon-delicious:before {
	content: "\e832";
}
.icon-paypal:before {
	content: "\e833";
}
.icon-flattr:before {
	content: "\e834";
}
.icon-android:before {
	content: "\e835";
}
.icon-eventful:before {
	content: "\e836";
}
.icon-smashmag:before {
	content: "\e837";
}
.icon-gplus:before {
	content: "\e838";
}
.icon-wikipedia:before {
	content: "\e839";
}
.icon-lanyrd:before {
	content: "\e83a";
}
.icon-calendar-1:before {
	content: "\e83b";
}
.icon-stumbleupon:before {
	content: "\e83c";
}
.icon-bitcoin:before {
	content: "\e83f";
}
.icon-w3c:before {
	content: "\e840";
}
.icon-foursquare:before {
	content: "\e841";
}
.icon-html5:before {
	content: "\e842";
}
.icon-ie:before {
	content: "\e843";
}
.icon-call:before {
	content: "\e844";
}
.icon-grooveshark:before {
	content: "\e845";
}
.icon-ninetyninedesigns:before {
	content: "\e846";
}
.icon-forrst:before {
	content: "\e847";
}
.icon-digg:before {
	content: "\e848";
}
.icon-spotify:before {
	content: "\e849";
}
.icon-reddit:before {
	content: "\e84a";
}
.icon-guest:before {
	content: "\e84b";
}
.icon-blogger:before {
	content: "\e84e";
}
.icon-cc:before {
	content: "\e84f";
}
.icon-dribbble:before {
	content: "\e850";
}
.icon-evernote:before {
	content: "\e851";
}
.icon-flickr:before {
	content: "\e852";
}
.icon-google:before {
	content: "\e853";
}
.icon-viadeo:before {
	content: "\e854";
}
.icon-instapaper:before {
	content: "\e855";
}
.icon-weibo:before {
	content: "\e856";
}
.icon-klout:before {
	content: "\e857";
}
.icon-linkedin:before {
	content: "\e858";
}
.icon-meetup:before {
	content: "\e859";
}
.icon-vk:before {
	content: "\e85a";
}
.icon-rss:before {
	content: "\e85d";
}
.icon-skype:before {
	content: "\e85e";
}
.icon-twitter:before {
	content: "\e85f";
}
.icon-youtube:before {
	content: "\e860";
}
.icon-vimeo:before {
	content: "\e861";
}
.icon-windows2:before {
	content: "\e862";
}
.icon-aim:before {
	content: "\e831";
}
.icon-yahoo:before {
	content: "\e864";
}
.icon-chrome:before {
	content: "\e865";
}
.icon-email3:before {
	content: "\e866";
}
.icon-macstore:before {
	content: "\e867";
}
.icon-myspace:before {
	content: "\e868";
}
.icon-podcast:before {
	content: "\e869";
}
.icon-cloudapp:before {
	content: "\e86c";
}
.icon-dropbox:before {
	content: "\e86d";
}
.icon-ebay:before {
	content: "\e86e";
}
.icon-facebook:before {
	content: "\e86f";
}
.icon-github:before {
	content: "\e870";
}
.icon-github-circled:before {
	content: "\e871";
}
.icon-googleplay:before {
	content: "\e872";
}
.icon-itunes:before {
	content: "\e873";
}
.icon-plurk:before {
	content: "\e874";
}
.icon-songkick:before {
	content: "\e875";
}
.icon-lastfm:before {
	content: "\e876";
}
.icon-gmail:before {
	content: "\e877";
}
.icon-pinboard:before {
	content: "\e878";
}
.icon-soundcloud:before {
	content: "\e87b";
}
.icon-tumblr:before {
	content: "\e87c";
}
.icon-eventasaurus:before {
	content: "\e87d";
}
.icon-wordpress:before {
	content: "\e87e";
}
.icon-yelp:before {
	content: "\e87f";
}
.icon-intensedebate:before {
	content: "\e880";
}
.icon-eventbrite:before {
	content: "\e881";
}
.icon-scribd:before {
	content: "\e882";
}
.icon-posterous:before {
	content: "\e883";
}
.icon-stripe:before {
	content: "\e884";
}
.icon-opentable:before {
	content: "\e885";
}
.icon-cart:before {
	content: "\e886";
}
.icon-print:before {
	content: "\e887";
}
.icon-dwolla:before {
	content: "\e88a";
}
.icon-appnet:before {
	content: "\e88b";
}
.icon-statusnet:before {
	content: "\e88c";
}
.icon-acrobat:before {
	content: "\e88d";
}
.icon-drupal:before {
	content: "\e88e";
}
.icon-buffer:before {
	content: "\e88f";
}
.icon-pocket:before {
	content: "\e890";
}
.icon-bitbucket:before {
	content: "\e891";
}
.icon-lego:before {
	content: "\e892";
}
.icon-login:before {
	content: "\e893";
}
.icon-stackoverflow:before {
	content: "\e894";
}
.icon-hackernews:before {
	content: "\e895";
}
.icon-xing:before {
	content: "\e863";
}
.icon-instagram:before {
	content: "\e889";
}
.icon-angellist:before {
	content: "\e888";
}
.icon-quora:before {
	content: "\e87a";
}
.icon-openid:before {
	content: "\e879";
}
.icon-steam:before {
	content: "\e86b";
}
.icon-amazon:before {
	content: "\e86a";
}
.icon-disqus:before {
	content: "\e85c";
}
.icon-plancast:before {
	content: "\e85b";
}
.icon-appstore:before {
	content: "\e84d";
}
.icon-gowalla:before {
	content: "\e84c";
}
.icon-pinterest:before {
	content: "\e83e";
}
.icon-fivehundredpx:before {
	content: "\e83d";
}
.icon-glass:before {
	content: "\e6bc";
}
.icon-music2:before {
	content: "\e6bd";
}
.icon-search3:before {
	content: "\e6be";
}
.icon-envelope2:before {
	content: "\e6bf";
}
.icon-heart3:before {
	content: "\e6c0";
}
.icon-star3:before {
	content: "\e6c1";
}
.icon-star-empty:before {
	content: "\e6c2";
}
.icon-user4:before {
	content: "\e6c3";
}
.icon-film:before {
	content: "\e6c4";
}
.icon-th-large:before {
	content: "\e6c5";
}
.icon-th:before {
	content: "\e6c6";
}
.icon-th-list:before {
	content: "\e6c7";
}
.icon-ok:before {
	content: "\e6c8";
}
.icon-remove:before {
	content: "\e6c9";
}
.icon-zoom-in2:before {
	content: "\e6ca";
}
.icon-zoom-out2:before {
	content: "\e6cb";
}
.icon-off:before {
	content: "\e6cc";
}
.icon-signal:before {
	content: "\e6cd";
}
.icon-cog:before {
	content: "\e6ce";
}
.icon-trash2:before {
	content: "\e6cf";
}
.icon-home2:before {
	content: "\e6d0";
}
.icon-file2:before {
	content: "\e6d1";
}
.icon-time:before {
	content: "\e6d2";
}
.icon-road:before {
	content: "\e6d3";
}
.icon-download-alt:before {
	content: "\e6d4";
}
.icon-download2:before {
	content: "\e6d5";
}
.icon-upload:before {
	content: "\e6d6";
}
.icon-inbox:before {
	content: "\e6d7";
}
.icon-play-circle:before {
	content: "\e6d8";
}
.icon-repeat:before {
	content: "\e6d9";
}
.icon-refresh2:before {
	content: "\e6da";
}
.icon-list-alt:before {
	content: "\e6db";
}
.icon-lock3:before {
	content: "\e6dc";
}
.icon-flag2:before {
	content: "\e6dd";
}
.icon-headphones:before {
	content: "\e6de";
}
.icon-volume-off:before {
	content: "\e6df";
}
.icon-volume-down:before {
	content: "\e6e0";
}
.icon-volume-up:before {
	content: "\e6e1";
}
.icon-qrcode:before {
	content: "\e6e2";
}
.icon-barcode:before {
	content: "\e6e3";
}
.icon-tag3:before {
	content: "\e6e4";
}
.icon-tags:before {
	content: "\e6e5";
}
.icon-book3:before {
	content: "\e6e6";
}
.icon-bookmark2:before {
	content: "\e6e7";
}
.icon-print2:before {
	content: "\e6e8";
}
.icon-camera3:before {
	content: "\e6e9";
}
.icon-font:before {
	content: "\e6ea";
}
.icon-bold:before {
	content: "\e6eb";
}
.icon-italic:before {
	content: "\e6ec";
}
.icon-text-height:before {
	content: "\e6ed";
}
.icon-text-width:before {
	content: "\e6ee";
}
.icon-align-left2:before {
	content: "\e6ef";
}
.icon-align-center2:before {
	content: "\e6f0";
}
.icon-align-right2:before {
	content: "\e6f1";
}
.icon-align-justify2:before {
	content: "\e6f2";
}
.icon-list2:before {
	content: "\e6f3";
}
.icon-indent-left:before {
	content: "\e6f4";
}
.icon-indent-right:before {
	content: "\e6f5";
}
.icon-facetime-video:before {
	content: "\e6f6";
}
.icon-picture:before {
	content: "\e6f7";
}
.icon-pencil2:before {
	content: "\e6f8";
}
.icon-map-marker2:before {
	content: "\e6f9";
}
.icon-adjust:before {
	content: "\e6fa";
}
.icon-tint:before {
	content: "\e6fb";
}
.icon-edit:before {
	content: "\e6fc";
}
.icon-share2:before {
	content: "\e6fd";
}
.icon-check:before {
	content: "\e6fe";
}
.icon-move:before {
	content: "\e6ff";
}
.icon-step-backward:before {
	content: "\e700";
}
.icon-fast-backward:before {
	content: "\e701";
}
.icon-backward:before {
	content: "\e702";
}
.icon-play:before {
	content: "\e703";
}
.icon-pause:before {
	content: "\e704";
}
.icon-stop:before {
	content: "\e705";
}
.icon-forward:before {
	content: "\e706";
}
.icon-fast-forward:before {
	content: "\e707";
}
.icon-step-forward:before {
	content: "\e708";
}
.icon-eject:before {
	content: "\e709";
}
.icon-chevron-left:before {
	content: "\e70a";
}
.icon-chevron-right:before {
	content: "\e70b";
}
.icon-plus-sign:before {
	content: "\e70c";
}
.icon-minus-sign:before {
	content: "\e70d";
}
.icon-remove-sign:before {
	content: "\e70e";
}
.icon-ok-sign:before {
	content: "\e70f";
}
.icon-question-sign:before {
	content: "\e710";
}
.icon-info-sign:before {
	content: "\e711";
}
.icon-screenshot:before {
	content: "\e712";
}
.icon-remove-circle:before {
	content: "\e713";
}
.icon-ok-circle:before {
	content: "\e714";
}
.icon-ban-circle:before {
	content: "\e715";
}
.icon-arrow-left2:before {
	content: "\e716";
}
.icon-arrow-right2:before {
	content: "\e717";
}
.icon-arrow-up2:before {
	content: "\e718";
}
.icon-arrow-down2:before {
	content: "\e719";
}
.icon-share-alt:before {
	content: "\e71a";
}
.icon-resize-full:before {
	content: "\e71b";
}
.icon-resize-small:before {
	content: "\e71c";
}
.icon-plus:before {
	content: "\e71d";
}
.icon-minus:before {
	content: "\e71e";
}
.icon-asterisk:before {
	content: "\e71f";
}
.icon-exclamation-sign:before {
	content: "\e720";
}
.icon-gift:before {
	content: "\e721";
}
.icon-leaf:before {
	content: "\e722";
}
.icon-fire2:before {
	content: "\e723";
}
.icon-eye-open:before {
	content: "\e724";
}
.icon-eye-close:before {
	content: "\e725";
}
.icon-warning-sign:before {
	content: "\e726";
}
.icon-plane:before {
	content: "\e727";
}
.icon-calendar3:before {
	content: "\e728";
}
.icon-random:before {
	content: "\e729";
}
.icon-comment2:before {
	content: "\e72a";
}
.icon-magnet:before {
	content: "\e72b";
}
.icon-chevron-up:before {
	content: "\e72c";
}
.icon-chevron-down:before {
	content: "\e72d";
}
.icon-retweet:before {
	content: "\e72e";
}
.icon-shopping-cart:before {
	content: "\e72f";
}
.icon-folder-close:before {
	content: "\e730";
}
.icon-folder-open:before {
	content: "\e731";
}
.icon-resize-vertical:before {
	content: "\e732";
}
.icon-resize-horizontal:before {
	content: "\e733";
}
.icon-bar-chart:before {
	content: "\e734";
}
.icon-twitter-sign:before {
	content: "\e735";
}
.icon-facebook-sign:before {
	content: "\e736";
}
.icon-camera-retro:before {
	content: "\e737";
}
.icon-key2:before {
	content: "\e738";
}
.icon-cogs:before {
	content: "\e739";
}
.icon-comments:before {
	content: "\e73a";
}
.icon-thumbs-up:before {
	content: "\e73b";
}
.icon-thumbs-down:before {
	content: "\e73c";
}
.icon-star-half:before {
	content: "\e73d";
}
.icon-heart-empty:before {
	content: "\e73e";
}
.icon-signout:before {
	content: "\e73f";
}
.icon-linkedin-sign:before {
	content: "\e740";
}
.icon-pushpin:before {
	content: "\e741";
}
.icon-external-link:before {
	content: "\e742";
}
.icon-signin:before {
	content: "\e743";
}
.icon-trophy:before {
	content: "\e744";
}
.icon-github-sign:before {
	content: "\e745";
}
.icon-upload-alt:before {
	content: "\e746";
}
.icon-lemon:before {
	content: "\e747";
}
.icon-phone3:before {
	content: "\e748";
}
.icon-check-empty:before {
	content: "\e749";
}
.icon-bookmark-empty:before {
	content: "\e74a";
}
.icon-phone-sign:before {
	content: "\e74b";
}
.icon-twitter2:before {
	content: "\e74c";
}
.icon-facebook2:before {
	content: "\e74d";
}
.icon-github2:before {
	content: "\e74e";
}
.icon-unlock:before {
	content: "\e74f";
}
.icon-credit:before {
	content: "\e750";
}
.icon-rss2:before {
	content: "\e751";
}
.icon-hdd:before {
	content: "\e752";
}
.icon-bullhorn2:before {
	content: "\e753";
}
.icon-bell:before {
	content: "\e754";
}
.icon-certificate:before {
	content: "\e755";
}
.icon-hand-right:before {
	content: "\e756";
}
.icon-hand-left:before {
	content: "\e757";
}
.icon-hand-up:before {
	content: "\e758";
}
.icon-hand-down:before {
	content: "\e759";
}
.icon-circle-arrow-left:before {
	content: "\e75a";
}
.icon-circle-arrow-right:before {
	content: "\e75b";
}
.icon-circle-arrow-up:before {
	content: "\e75c";
}
.icon-circle-arrow-down:before {
	content: "\e75d";
}
.icon-globe:before {
	content: "\e75e";
}
.icon-wrench:before {
	content: "\e75f";
}
.icon-tasks:before {
	content: "\e760";
}
.icon-filter:before {
	content: "\e761";
}
.icon-briefcase:before {
	content: "\e762";
}
.icon-fullscreen:before {
	content: "\e763";
}
.icon-group:before {
	content: "\e764";
}
.icon-link:before {
	content: "\e765";
}
.icon-cloud3:before {
	content: "\e766";
}
.icon-beaker:before {
	content: "\e767";
}
.icon-cut:before {
	content: "\e768";
}
.icon-copy:before {
	content: "\e769";
}
.icon-paper-clip:before {
	content: "\e76a";
}
.icon-save:before {
	content: "\e76b";
}
.icon-sign-blank:before {
	content: "\e76c";
}
.icon-reorder:before {
	content: "\e76d";
}
.icon-list-ul:before {
	content: "\e76e";
}
.icon-list-ol:before {
	content: "\e76f";
}
.icon-strikethrough:before {
	content: "\e770";
}
.icon-underline:before {
	content: "\e771";
}
.icon-table:before {
	content: "\e772";
}
.icon-magic:before {
	content: "\e773";
}
.icon-truck2:before {
	content: "\e774";
}
.icon-pinterest2:before {
	content: "\e775";
}
.icon-pinterest-sign:before {
	content: "\e776";
}
.icon-google-plus-sign:before {
	content: "\e777";
}
.icon-google-plus:before {
	content: "\e778";
}
.icon-money:before {
	content: "\e779";
}
.icon-caret-down:before {
	content: "\e77a";
}
.icon-caret-up:before {
	content: "\e77b";
}
.icon-caret-left:before {
	content: "\e77c";
}
.icon-caret-right:before {
	content: "\e77d";
}
.icon-columns:before {
	content: "\e77e";
}
.icon-sort:before {
	content: "\e77f";
}
.icon-sort-down:before {
	content: "\e780";
}
.icon-sort-up:before {
	content: "\e781";
}
.icon-envelope-alt:before {
	content: "\e782";
}
.icon-linkedin2:before {
	content: "\e783";
}
.icon-undo:before {
	content: "\e784";
}
.icon-legal:before {
	content: "\e785";
}
.icon-dashboard:before {
	content: "\e786";
}
.icon-comment-alt:before {
	content: "\e787";
}
.icon-comments-alt:before {
	content: "\e788";
}
.icon-bolt2:before {
	content: "\e789";
}
.icon-sitemap:before {
	content: "\e78a";
}
.icon-umbrella:before {
	content: "\e78b";
}
.icon-paste:before {
	content: "\e78c";
}
.icon-lightbulb:before {
	content: "\e78d";
}
.icon-exchange:before {
	content: "\e78e";
}
.icon-cloud-download:before {
	content: "\e78f";
}
.icon-cloud-upload:before {
	content: "\e790";
}
.icon-user-md:before {
	content: "\e791";
}
.icon-stethoscope:before {
	content: "\e792";
}
.icon-suitcase:before {
	content: "\e793";
}
.icon-bell-alt:before {
	content: "\e794";
}
.icon-coffee2:before {
	content: "\e795";
}
.icon-food2:before {
	content: "\e796";
}
.icon-file-alt:before {
	content: "\e797";
}
.icon-building:before {
	content: "\e798";
}
.icon-hospital:before {
	content: "\e799";
}
.icon-ambulance:before {
	content: "\e79a";
}
.icon-medkit:before {
	content: "\e79b";
}
.icon-fighter-jet:before {
	content: "\e79c";
}
.icon-beer:before {
	content: "\e79d";
}
.icon-h-sign:before {
	content: "\e79e";
}
.icon-plus-sign2:before {
	content: "\e79f";
}
.icon-double-angle-left:before {
	content: "\e7a0";
}
.icon-double-angle-right:before {
	content: "\e7a1";
}
.icon-double-angle-up:before {
	content: "\e7a2";
}
.icon-double-angle-down:before {
	content: "\e7a3";
}
.icon-angle-left:before {
	content: "\e7a4";
}
.icon-angle-right:before {
	content: "\e7a5";
}
.icon-angle-up:before {
	content: "\e7a6";
}
.icon-angle-down:before {
	content: "\e7a7";
}
.icon-desktop:before {
	content: "\e7a8";
}
.icon-laptop2:before {
	content: "\e7a9";
}
.icon-tablet2:before {
	content: "\e7aa";
}
.icon-mobile:before {
	content: "\e7ab";
}
.icon-circle-blank:before {
	content: "\e7ac";
}
.icon-quote-left:before {
	content: "\e7ad";
}
.icon-quote-right:before {
	content: "\e7ae";
}
.icon-spinner:before {
	content: "\e7af";
}
.icon-circle:before {
	content: "\e7b0";
}
.icon-reply:before {
	content: "\e7b1";
}
.icon-github-alt:before {
	content: "\e7b2";
}
.icon-folder-close-alt:before {
	content: "\e7b3";
}
.icon-folder-open-alt:before {
	content: "\e7b4";
}
.icon-expand-alt:before {
	content: "\e7b5";
}
.icon-collapse-alt:before {
	content: "\e7b6";
}
.icon-smile:before {
	content: "\e7b7";
}
.icon-frown:before {
	content: "\e7b8";
}
.icon-meh:before {
	content: "\e7b9";
}
.icon-gamepad:before {
	content: "\e7ba";
}
.icon-keyboard:before {
	content: "\e7bb";
}
.icon-flag-alt:before {
	content: "\e7bc";
}
.icon-flag-checkered:before {
	content: "\e7bd";
}
.icon-terminal:before {
	content: "\e7be";
}
.icon-code:before {
	content: "\e7bf";
}
.icon-reply-all:before {
	content: "\e7c0";
}
.icon-star-half-full:before {
	content: "\e7c1";
}
.icon-location-arrow:before {
	content: "\e7c2";
}
.icon-crop2:before {
	content: "\e7c3";
}
.icon-code-fork:before {
	content: "\e7c4";
}
.icon-unlink:before {
	content: "\e7c5";
}
.icon-question:before {
	content: "\e7c6";
}
.icon-info:before {
	content: "\e7c7";
}
.icon-exclamation:before {
	content: "\e7c8";
}
.icon-superscript:before {
	content: "\e7c9";
}
.icon-subscript:before {
	content: "\e7ca";
}
.icon-eraser:before {
	content: "\e7cb";
}
.icon-puzzle:before {
	content: "\e7cc";
}
.icon-microphone2:before {
	content: "\e7cd";
}
.icon-microphone-off2:before {
	content: "\e7ce";
}
.icon-shield:before {
	content: "\e7cf";
}
.icon-calendar-empty:before {
	content: "\e7d0";
}
.icon-fire-extinguisher:before {
	content: "\e7d1";
}
.icon-rocket:before {
	content: "\e7d2";
}
.icon-maxcdn:before {
	content: "\e7d3";
}
.icon-chevron-sign-left:before {
	content: "\e7d4";
}
.icon-chevron-sign-right:before {
	content: "\e7d5";
}
.icon-chevron-sign-up:before {
	content: "\e7d6";
}
.icon-chevron-sign-down:before {
	content: "\e7d7";
}
.icon-html52:before {
	content: "\e7d8";
}
.icon-css3:before {
	content: "\e7d9";
}
.icon-anchor:before {
	content: "\e7da";
}
.icon-unlock-alt:before {
	content: "\e7db";
}
.icon-bullseye:before {
	content: "\e7dc";
}
.icon-ellipsis-horizontal:before {
	content: "\e7dd";
}
.icon-ellipsis-vertical:before {
	content: "\e7de";
}
.icon-rss-sign:before {
	content: "\e7df";
}
.icon-play-sign:before {
	content: "\e7e0";
}
.icon-ticket:before {
	content: "\e7e1";
}
.icon-minus-sign-alt:before {
	content: "\e7e2";
}
.icon-check-minus:before {
	content: "\e7e3";
}
.icon-level-up:before {
	content: "\e7e4";
}
.icon-level-down:before {
	content: "\e7e5";
}
.icon-check-sign:before {
	content: "\e7e6";
}
.icon-edit-sign:before {
	content: "\e7e7";
}
.icon-external-link-sign:before {
	content: "\e7e8";
}
.icon-share-sign:before {
	content: "\e7e9";
}
.icon-compass:before {
	content: "\e7ea";
}
.icon-collapse:before {
	content: "\e7eb";
}
.icon-collapse-top:before {
	content: "\e7ec";
}
.icon-expand:before {
	content: "\e7ed";
}
.icon-euro:before {
	content: "\e7ee";
}
.icon-gbp:before {
	content: "\e7ef";
}
.icon-dollar:before {
	content: "\e7f0";
}
.icon-rupee:before {
	content: "\e7f1";
}
.icon-yen:before {
	content: "\e7f2";
}
.icon-renminbi:before {
	content: "\e7f3";
}
.icon-won:before {
	content: "\e7f4";
}
.icon-bitcoin2:before {
	content: "\e7f5";
}
.icon-file3:before {
	content: "\e7f6";
}
.icon-file-text:before {
	content: "\e7f7";
}
.icon-sort-by-alphabet:before {
	content: "\e7f8";
}
.icon-sort-by-alphabet-alt:before {
	content: "\e7f9";
}
.icon-sort-by-attributes:before {
	content: "\e7fa";
}
.icon-sort-by-attributes-alt:before {
	content: "\e7fb";
}
.icon-sort-by-order:before {
	content: "\e7fc";
}
.icon-sort-by-order-alt:before {
	content: "\e7fd";
}
.icon-thumbs-up2:before {
	content: "\e7fe";
}
.icon-thumbs-down2:before {
	content: "\e7ff";
}
.icon-youtube-sign:before {
	content: "\e800";
}
.icon-youtube2:before {
	content: "\e801";
}
.icon-xing2:before {
	content: "\e802";
}
.icon-xing-sign:before {
	content: "\e803";
}
.icon-youtube-play:before {
	content: "\e804";
}
.icon-dropbox2:before {
	content: "\e805";
}
.icon-stackexchange:before {
	content: "\e806";
}
.icon-instagram2:before {
	content: "\e807";
}
.icon-flickr2:before {
	content: "\e808";
}
.icon-adn:before {
	content: "\e809";
}
.icon-bitbucket2:before {
	content: "\e80a";
}
.icon-bitbucket-sign:before {
	content: "\e80b";
}
.icon-tumblr2:before {
	content: "\e80c";
}
.icon-tumblr-sign:before {
	content: "\e80d";
}
.icon-long-arrow-down:before {
	content: "\e80e";
}
.icon-long-arrow-up:before {
	content: "\e80f";
}
.icon-long-arrow-left:before {
	content: "\e810";
}
.icon-long-arrow-right:before {
	content: "\e811";
}
.icon-apple:before {
	content: "\e812";
}
.icon-windows3:before {
	content: "\e813";
}
.icon-android2:before {
	content: "\e814";
}
.icon-linux:before {
	content: "\e815";
}
.icon-dribbble2:before {
	content: "\e816";
}
.icon-skype2:before {
	content: "\e817";
}
.icon-foursquare2:before {
	content: "\e818";
}
.icon-trello:before {
	content: "\e819";
}
.icon-female:before {
	content: "\e81a";
}
.icon-male:before {
	content: "\e81b";
}
.icon-gittip:before {
	content: "\e81c";
}
.icon-sun2:before {
	content: "\e81d";
}
.icon-moon:before {
	content: "\e81e";
}
.icon-archive2:before {
	content: "\e81f";
}
.icon-bug:before {
	content: "\e820";
}
.icon-renren:before {
	content: "\e821";
}
.icon-weibo2:before {
	content: "\e822";
}
.icon-vk2:before {
	content: "\e823";
}

.icon-line-eye:before {
	content: "\e000";
}
.icon-line-paper-clip:before {
	content: "\e001";
}
.icon-line-mail:before {
	content: "\e002";
}
.icon-line-toggle:before {
	content: "\e003";
}
.icon-line-layout:before {
	content: "\e004";
}
.icon-line-link:before {
	content: "\e005";
}
.icon-line-bell:before {
	content: "\e006";
}
.icon-line-lock:before {
	content: "\e007";
}
.icon-line-unlock:before {
	content: "\e008";
}
.icon-line-ribbon:before {
	content: "\e009";
}
.icon-line-image:before {
	content: "\e010";
}
.icon-line-signal:before {
	content: "\e011";
}
.icon-line-target:before {
	content: "\e012";
}
.icon-line-clipboard:before {
	content: "\e013";
}
.icon-line-clock:before {
	content: "\e014";
}
.icon-line-watch:before {
	content: "\e015";
}
.icon-line-air-play:before {
	content: "\e016";
}
.icon-line-camera:before {
	content: "\e017";
}
.icon-line-video:before {
	content: "\e018";
}
.icon-line-disc:before {
	content: "\e019";
}
.icon-line-printer:before {
	content: "\e020";
}
.icon-line-monitor:before {
	content: "\e021";
}
.icon-line-server:before {
	content: "\e022";
}
.icon-line-cog:before {
	content: "\e023";
}
.icon-line-heart:before {
	content: "\e024";
}
.icon-line-paragraph:before {
	content: "\e025";
}
.icon-line-align-justify:before {
	content: "\e026";
}
.icon-line-align-left:before {
	content: "\e027";
}
.icon-line-align-center:before {
	content: "\e028";
}
.icon-line-align-right:before {
	content: "\e029";
}
.icon-line-book:before {
	content: "\e030";
}
.icon-line-layers:before {
	content: "\e031";
}
.icon-line-stack:before {
	content: "\e032";
}
.icon-line-stack-2:before {
	content: "\e033";
}
.icon-line-paper:before {
	content: "\e034";
}
.icon-line-paper-stack:before {
	content: "\e035";
}
.icon-line-search:before {
	content: "\e036";
}
.icon-line-zoom-in:before {
	content: "\e037";
}
.icon-line-zoom-out:before {
	content: "\e038";
}
.icon-line-reply:before {
	content: "\e039";
}
.icon-line-circle-plus:before {
	content: "\e040";
}
.icon-line-circle-minus:before {
	content: "\e041";
}
.icon-line-circle-check:before {
	content: "\e042";
}
.icon-line-circle-cross:before {
	content: "\e043";
}
.icon-line-square-plus:before {
	content: "\e044";
}
.icon-line-square-minus:before {
	content: "\e045";
}
.icon-line-square-check:before {
	content: "\e046";
}
.icon-line-square-cross:before {
	content: "\e047";
}
.icon-line-microphone:before {
	content: "\e048";
}
.icon-line-record:before {
	content: "\e049";
}
.icon-line-skip-back:before {
	content: "\e050";
}
.icon-line-rewind:before {
	content: "\e051";
}
.icon-line-play:before {
	content: "\e052";
}
.icon-line-pause:before {
	content: "\e053";
}
.icon-line-stop:before {
	content: "\e054";
}
.icon-line-fast-forward:before {
	content: "\e055";
}
.icon-line-skip-forward:before {
	content: "\e056";
}
.icon-line-shuffle:before {
	content: "\e057";
}
.icon-line-repeat:before {
	content: "\e058";
}
.icon-line-folder:before {
	content: "\e059";
}
.icon-line-umbrella:before {
	content: "\e060";
}
.icon-line-moon:before {
	content: "\e061";
}
.icon-line-thermometer:before {
	content: "\e062";
}
.icon-line-drop:before {
	content: "\e063";
}
.icon-line-sun:before {
	content: "\e064";
}
.icon-line-cloud:before {
	content: "\e065";
}
.icon-line-cloud-upload:before {
	content: "\e066";
}
.icon-line-cloud-download:before {
	content: "\e067";
}
.icon-line-upload:before {
	content: "\e068";
}
.icon-line-download:before {
	content: "\e069";
}
.icon-line-location:before {
	content: "\e070";
}
.icon-line-location-2:before {
	content: "\e071";
}
.icon-line-map:before {
	content: "\e072";
}
.icon-line-battery:before {
	content: "\e073";
}
.icon-line-head:before {
	content: "\e074";
}
.icon-line-briefcase:before {
	content: "\e075";
}
.icon-line-speech-bubble:before {
	content: "\e076";
}
.icon-line-anchor:before {
	content: "\e077";
}
.icon-line-globe:before {
	content: "\e078";
}
.icon-line-box:before {
	content: "\e079";
}
.icon-line-reload:before {
	content: "\e080";
}
.icon-line-share:before {
	content: "\e081";
}
.icon-line-marquee:before {
	content: "\e082";
}
.icon-line-marquee-plus:before {
	content: "\e083";
}
.icon-line-marquee-minus:before {
	content: "\e084";
}
.icon-line-tag:before {
	content: "\e085";
}
.icon-line-power:before {
	content: "\e086";
}
.icon-line-command:before {
	content: "\e087";
}
.icon-line-alt:before {
	content: "\e088";
}
.icon-line-esc:before {
	content: "\e089";
}
.icon-line-bar-graph:before {
	content: "\e090";
}
.icon-line-bar-graph-2:before {
	content: "\e091";
}
.icon-line-pie-graph:before {
	content: "\e092";
}
.icon-line-star:before {
	content: "\e093";
}
.icon-line-arrow-left:before {
	content: "\e094";
}
.icon-line-arrow-right:before {
	content: "\e095";
}
.icon-line-arrow-up:before {
	content: "\e096";
}
.icon-line-arrow-down:before {
	content: "\e097";
}
.icon-line-volume:before {
	content: "\e098";
}
.icon-line-mute:before {
	content: "\e099";
}
.icon-line-content-right:before {
	content: "\e100";
}
.icon-line-content-left:before {
	content: "\e101";
}
.icon-line-grid:before {
	content: "\e102";
}
.icon-line-grid-2:before {
	content: "\e103";
}
.icon-line-columns:before {
	content: "\e104";
}
.icon-line-loader:before {
	content: "\e105";
}
.icon-line-bag:before {
	content: "\e106";
}
.icon-line-ban:before {
	content: "\e107";
}
.icon-line-flag:before {
	content: "\e108";
}
.icon-line-trash:before {
	content: "\e109";
}
.icon-line-expand:before {
	content: "\e110";
}
.icon-line-contract:before {
	content: "\e111";
}
.icon-line-maximize:before {
	content: "\e112";
}
.icon-line-minimize:before {
	content: "\e113";
}
.icon-line-plus:before {
	content: "\e114";
}
.icon-line-minus:before {
	content: "\e115";
}
.icon-line-check:before {
	content: "\e116";
}
.icon-line-cross:before {
	content: "\e117";
}
.icon-line-move:before {
	content: "\e118";
}
.icon-line-delete:before {
	content: "\e119";
}
.icon-line-menu:before {
	content: "\e120";
}
.icon-line-archive:before {
	content: "\e121";
}
.icon-line-inbox:before {
	content: "\e122";
}
.icon-line-outbox:before {
	content: "\e123";
}
.icon-line-file:before {
	content: "\e124";
}
.icon-line-file-add:before {
	content: "\e125";
}
.icon-line-file-subtract:before {
	content: "\e126";
}
.icon-line-help:before {
	content: "\e127";
}
.icon-line-open:before {
	content: "\e128";
}
.icon-line-ellipsis:before {
	content: "\e129";
}

.icon-line2-user-female:before {
	content: "\e000";
}
.icon-line2-user-follow:before {
	content: "\e002";
}
.icon-line2-user-following:before {
	content: "\e003";
}
.icon-line2-user-unfollow:before {
	content: "\e004";
}
.icon-line2-trophy:before {
	content: "\e006";
}
.icon-line2-screen-smartphone:before {
	content: "\e010";
}
.icon-line2-screen-desktop:before {
	content: "\e011";
}
.icon-line2-plane:before {
	content: "\e012";
}
.icon-line2-notebook:before {
	content: "\e013";
}
.icon-line2-moustache:before {
	content: "\e014";
}
.icon-line2-mouse:before {
	content: "\e015";
}
.icon-line2-magnet:before {
	content: "\e016";
}
.icon-line2-energy:before {
	content: "\e020";
}
.icon-line2-emoticon-smile:before {
	content: "\e021";
}
.icon-line2-disc:before {
	content: "\e022";
}
.icon-line2-cursor-move:before {
	content: "\e023";
}
.icon-line2-crop:before {
	content: "\e024";
}
.icon-line2-credit-card:before {
	content: "\e025";
}
.icon-line2-chemistry:before {
	content: "\e026";
}
.icon-line2-user:before {
	content: "\e005";
}
.icon-line2-speedometer:before {
	content: "\e007";
}
.icon-line2-social-youtube:before {
	content: "\e008";
}
.icon-line2-social-twitter:before {
	content: "\e009";
}
.icon-line2-social-tumblr:before {
	content: "\e00a";
}
.icon-line2-social-facebook:before {
	content: "\e00b";
}
.icon-line2-social-dropbox:before {
	content: "\e00c";
}
.icon-line2-social-dribbble:before {
	content: "\e00d";
}
.icon-line2-shield:before {
	content: "\e00e";
}
.icon-line2-screen-tablet:before {
	content: "\e00f";
}
.icon-line2-magic-wand:before {
	content: "\e017";
}
.icon-line2-hourglass:before {
	content: "\e018";
}
.icon-line2-graduation:before {
	content: "\e019";
}
.icon-line2-ghost:before {
	content: "\e01a";
}
.icon-line2-game-controller:before {
	content: "\e01b";
}
.icon-line2-fire:before {
	content: "\e01c";
}
.icon-line2-eyeglasses:before {
	content: "\e01d";
}
.icon-line2-envelope-open:before {
	content: "\e01e";
}
.icon-line2-envelope-letter:before {
	content: "\e01f";
}
.icon-line2-bell:before {
	content: "\e027";
}
.icon-line2-badge:before {
	content: "\e028";
}
.icon-line2-anchor:before {
	content: "\e029";
}
.icon-line2-wallet:before {
	content: "\e02a";
}
.icon-line2-vector:before {
	content: "\e02b";
}
.icon-line2-speech:before {
	content: "\e02c";
}
.icon-line2-puzzle:before {
	content: "\e02d";
}
.icon-line2-printer:before {
	content: "\e02e";
}
.icon-line2-present:before {
	content: "\e02f";
}
.icon-line2-playlist:before {
	content: "\e030";
}
.icon-line2-pin:before {
	content: "\e031";
}
.icon-line2-picture:before {
	content: "\e032";
}
.icon-line2-map:before {
	content: "\e033";
}
.icon-line2-layers:before {
	content: "\e034";
}
.icon-line2-handbag:before {
	content: "\e035";
}
.icon-line2-globe-alt:before {
	content: "\e036";
}
.icon-line2-globe:before {
	content: "\e037";
}
.icon-line2-frame:before {
	content: "\e038";
}
.icon-line2-folder-alt:before {
	content: "\e039";
}
.icon-line2-film:before {
	content: "\e03a";
}
.icon-line2-feed:before {
	content: "\e03b";
}
.icon-line2-earphones-alt:before {
	content: "\e03c";
}
.icon-line2-earphones:before {
	content: "\e03d";
}
.icon-line2-drop:before {
	content: "\e03e";
}
.icon-line2-drawer:before {
	content: "\e03f";
}
.icon-line2-docs:before {
	content: "\e040";
}
.icon-line2-directions:before {
	content: "\e041";
}
.icon-line2-direction:before {
	content: "\e042";
}
.icon-line2-diamond:before {
	content: "\e043";
}
.icon-line2-cup:before {
	content: "\e044";
}
.icon-line2-compass:before {
	content: "\e045";
}
.icon-line2-call-out:before {
	content: "\e046";
}
.icon-line2-call-in:before {
	content: "\e047";
}
.icon-line2-call-end:before {
	content: "\e048";
}
.icon-line2-calculator:before {
	content: "\e049";
}
.icon-line2-bubbles:before {
	content: "\e04a";
}
.icon-line2-briefcase:before {
	content: "\e04b";
}
.icon-line2-book-open:before {
	content: "\e04c";
}
.icon-line2-basket-loaded:before {
	content: "\e04d";
}
.icon-line2-basket:before {
	content: "\e04e";
}
.icon-line2-bag:before {
	content: "\e04f";
}
.icon-line2-action-undo:before {
	content: "\e050";
}
.icon-line2-action-redo:before {
	content: "\e051";
}
.icon-line2-wrench:before {
	content: "\e052";
}
.icon-line2-umbrella:before {
	content: "\e053";
}
.icon-line2-trash:before {
	content: "\e054";
}
.icon-line2-tag:before {
	content: "\e055";
}
.icon-line2-support:before {
	content: "\e056";
}
.icon-line2-size-fullscreen:before {
	content: "\e057";
}
.icon-line2-size-actual:before {
	content: "\e058";
}
.icon-line2-shuffle:before {
	content: "\e059";
}
.icon-line2-share-alt:before {
	content: "\e05a";
}
.icon-line2-share:before {
	content: "\e05b";
}
.icon-line2-rocket:before {
	content: "\e05c";
}
.icon-line2-question:before {
	content: "\e05d";
}
.icon-line2-pie-chart:before {
	content: "\e05e";
}
.icon-line2-pencil:before {
	content: "\e05f";
}
.icon-line2-note:before {
	content: "\e060";
}
.icon-line2-music-tone-alt:before {
	content: "\e061";
}
.icon-line2-music-tone:before {
	content: "\e062";
}
.icon-line2-microphone:before {
	content: "\e063";
}
.icon-line2-loop:before {
	content: "\e064";
}
.icon-line2-logout:before {
	content: "\e065";
}
.icon-line2-login:before {
	content: "\e066";
}
.icon-line2-list:before {
	content: "\e067";
}
.icon-line2-like:before {
	content: "\e068";
}
.icon-line2-home:before {
	content: "\e069";
}
.icon-line2-grid:before {
	content: "\e06a";
}
.icon-line2-graph:before {
	content: "\e06b";
}
.icon-line2-equalizer:before {
	content: "\e06c";
}
.icon-line2-dislike:before {
	content: "\e06d";
}
.icon-line2-cursor:before {
	content: "\e06e";
}
.icon-line2-control-start:before {
	content: "\e06f";
}
.icon-line2-control-rewind:before {
	content: "\e070";
}
.icon-line2-control-play:before {
	content: "\e071";
}
.icon-line2-control-pause:before {
	content: "\e072";
}
.icon-line2-control-forward:before {
	content: "\e073";
}
.icon-line2-control-end:before {
	content: "\e074";
}
.icon-line2-calendar:before {
	content: "\e075";
}
.icon-line2-bulb:before {
	content: "\e076";
}
.icon-line2-bar-chart:before {
	content: "\e077";
}
.icon-line2-arrow-up:before {
	content: "\e078";
}
.icon-line2-arrow-right:before {
	content: "\e079";
}
.icon-line2-arrow-left:before {
	content: "\e07a";
}
.icon-line2-arrow-down:before {
	content: "\e07b";
}
.icon-line2-ban:before {
	content: "\e07c";
}
.icon-line2-bubble:before {
	content: "\e07d";
}
.icon-line2-camcorder:before {
	content: "\e07e";
}
.icon-line2-camera:before {
	content: "\e07f";
}
.icon-line2-check:before {
	content: "\e080";
}
.icon-line2-clock:before {
	content: "\e081";
}
.icon-line2-close:before {
	content: "\e082";
}
.icon-line2-cloud-download:before {
	content: "\e083";
}
.icon-line2-cloud-upload:before {
	content: "\e084";
}
.icon-line2-doc:before {
	content: "\e085";
}
.icon-line2-envelope:before {
	content: "\e086";
}
.icon-line2-eye:before {
	content: "\e087";
}
.icon-line2-flag:before {
	content: "\e088";
}
.icon-line2-folder:before {
	content: "\e089";
}
.icon-line2-heart:before {
	content: "\e08a";
}
.icon-line2-info:before {
	content: "\e08b";
}
.icon-line2-key:before {
	content: "\e08c";
}
.icon-line2-link:before {
	content: "\e08d";
}
.icon-line2-lock:before {
	content: "\e08e";
}
.icon-line2-lock-open:before {
	content: "\e08f";
}
.icon-line2-magnifier:before {
	content: "\e090";
}
.icon-line2-magnifier-add:before {
	content: "\e091";
}
.icon-line2-magnifier-remove:before {
	content: "\e092";
}
.icon-line2-paper-clip:before {
	content: "\e093";
}
.icon-line2-paper-plane:before {
	content: "\e094";
}
.icon-line2-plus:before {
	content: "\e095";
}
.icon-line2-pointer:before {
	content: "\e096";
}
.icon-line2-power:before {
	content: "\e097";
}
.icon-line2-refresh:before {
	content: "\e098";
}
.icon-line2-reload:before {
	content: "\e099";
}
.icon-line2-settings:before {
	content: "\e09a";
}
.icon-line2-star:before {
	content: "\e09b";
}
.icon-line2-symbol-female:before {
	content: "\e09c";
}
.icon-line2-symbol-male:before {
	content: "\e09d";
}
.icon-line2-target:before {
	content: "\e09e";
}
.icon-line2-volume-1:before {
	content: "\e09f";
}
.icon-line2-volume-2:before {
	content: "\e0a0";
}
.icon-line2-volume-off:before {
	content: "\e0a1";
}
.icon-line2-users:before {
	content: "\e001";
}
@font-face{
  font-family: 'baronneue';
  src: url(/templates/jb_creativ/fonts/baronneue/fonts/baronneue-bold-webfont.ttf); 
 
}