/**
 * @package Helix Framework
 * @author JoomShaper http://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2013 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/
.form-control {
  display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.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;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
@font-face {
  font-family: 'IcoMoon';
  src: url('../fonts/IcoMoon.eot');
  src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../fonts/IcoMoon.woff') format('woff'), url('../fonts/IcoMoon.ttf') format('truetype'), url('../fonts/IcoMoon.svg#IcoMoon') 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: 'IcoMoon';
  content: attr(data-icon);
  speak: none;
}
/* From Bootstrap */
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: .25em;
  line-height: 14px;
  background-image: none;
}
dd > span[class^="icon-"] + time,
dd > span[class*=" icon-"] + time {
  margin-left: -.25em;
}
dl.article-info dd.hits span[class^="icon-"],
dl.article-info dd.hits span[class*=" icon-"] {
  margin-right: 0;
}
/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'IcoMoon';
  font-style: normal;
  speak: none;
}
[class^="icon-"].disabled,
[class*=" icon-"].disabled {
  font-weight: normal;
}
.icon-joomla:before {
  content: "\e200";
}
.icon-chevron-up:before,
.icon-uparrow:before,
.icon-arrow-up:before {
  content: "\e005";
}
.icon-chevron-right:before,
.icon-rightarrow:before,
.icon-arrow-right:before {
  content: "\e006";
}
.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {
  content: "\e007";
}
.icon-chevron-left:before,
.icon-leftarrow:before,
.icon-arrow-left:before {
  content: "\e008";
}
.icon-arrow-first:before {
  content: "\e003";
}
.icon-arrow-last:before {
  content: "\e004";
}
.icon-arrow-up-2:before {
  content: "\e009";
}
.icon-arrow-right-2:before {
  content: "\e00a";
}
.icon-arrow-down-2:before {
  content: "\e00b";
}
.icon-arrow-left-2:before {
  content: "\e00c";
}
.icon-arrow-up-3:before {
  content: "\e00f";
}
.icon-arrow-right-3:before {
  content: "\e010";
}
.icon-arrow-down-3:before {
  content: "\e011";
}
.icon-arrow-left-3:before {
  content: "\e012";
}
.icon-menu-2:before {
  content: "\e00e";
}
.icon-arrow-up-4:before {
  content: "\e201";
}
.icon-arrow-right-4:before {
  content: "\e202";
}
.icon-arrow-down-4:before {
  content: "\e203";
}
.icon-arrow-left-4:before {
  content: "\e204";
}
.icon-share:before,
.icon-redo:before {
  content: "\27";
}
.icon-undo:before {
  content: "\28";
}
.icon-forward-2:before {
  content: "\e205";
}
.icon-backward-2:before,
.icon-reply:before {
  content: "\e206";
}
.icon-unblock:before,
.icon-refresh:before,
.icon-redo-2:before {
  content: "\6c";
}
.icon-undo-2:before {
  content: "\e207";
}
.icon-move:before {
  content: "\7a";
}
.icon-expand:before {
  content: "\66";
}
.icon-contract:before {
  content: "\67";
}
.icon-expand-2:before {
  content: "\68";
}
.icon-contract-2:before {
  content: "\69";
}
.icon-play:before {
  content: "\e208";
}
.icon-pause:before {
  content: "\e209";
}
.icon-stop:before {
  content: "\e210";
}
.icon-previous:before,
.icon-backward:before {
  content: "\7c";
}
.icon-next:before,
.icon-forward:before {
  content: "\7b";
}
.icon-first:before {
  content: "\7d";
}
.icon-last:before {
  content: "\e000";
}
.icon-play-circle:before {
  content: "\e00d";
}
.icon-pause-circle:before {
  content: "\e211";
}
.icon-stop-circle:before {
  content: "\e212";
}
.icon-backward-circle:before {
  content: "\e213";
}
.icon-forward-circle:before {
  content: "\e214";
}
.icon-loop:before {
  content: "\e001";
}
.icon-shuffle:before {
  content: "\e002";
}
.icon-search:before {
  content: "\53";
}
.icon-zoom-in:before {
  content: "\64";
}
.icon-zoom-out:before {
  content: "\65";
}
.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
  content: "\2b";
}
.icon-pencil-2:before {
  content: "\2c";
}
.icon-brush:before {
  content: "\3b";
}
.icon-save-new:before,
.icon-plus-2:before {
  content: "\5d";
}
.icon-ban-circle:before,
.icon-minus-sign:before,
.icon-minus-2:before {
  content: "\5e";
}
.icon-delete:before,
.icon-remove:before,
.icon-cancel-2:before {
  content: "\49";
}
.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
  content: "\47";
}
.icon-new:before,
.icon-plus:before {
  content: "\2a";
}
.icon-plus-circle:before {
  content: "\e215";
}
.icon-minus:before,
.icon-not-ok:before {
  content: "\4b";
}
.icon-minus-circle:before {
  content: "\e216";
}
.icon-unpublish:before,
.icon-cancel:before {
  content: "\4a";
}
.icon-cancel-circle:before {
  content: "\e217";
}
.icon-checkmark-2:before {
  content: "\e218";
}
.icon-checkmark-circle:before {
  content: "\e219";
}
.icon-info:before {
  content: "\e220";
}
.icon-info-2:before,
.icon-info-circle:before {
  content: "\e221";
}
.icon-question:before,
.icon-question-sign:before,
.icon-help:before {
  content: "\45";
}
.icon-question-2:before,
.icon-question-circle:before {
  content: "\e222";
}
.icon-notification:before {
  content: "\e223";
}
.icon-notification-2:before,
.icon-notification-circle:before {
  content: "\e224";
}
.icon-pending:before,
.icon-warning:before {
  content: "\48";
}
.icon-warning-2:before,
.icon-warning-circle:before {
  content: "\e225";
}
.icon-checkbox-unchecked:before {
  content: "\3d";
}
.icon-checkin:before,
.icon-checkbox:before,
.icon-checkbox-checked:before {
  content: "\3e";
}
.icon-checkbox-partial:before {
  content: "\3f";
}
.icon-square:before {
  content: "\e226";
}
.icon-radio-unchecked:before {
  content: "\e227";
}
.icon-radio-checked:before,
.icon-generic:before {
  content: "\e228";
}
.icon-circle:before {
  content: "\e229";
}
.icon-signup:before {
  content: "\e230";
}
.icon-grid:before,
.icon-grid-view:before {
  content: "\58";
}
.icon-grid-2:before,
.icon-grid-view-2:before {
  content: "\59";
}
.icon-menu:before {
  content: "\5a";
}
.icon-list:before,
.icon-list-view:before {
  content: "\31";
}
.icon-list-2:before {
  content: "\e231";
}
.icon-menu-3:before {
  content: "\e232";
}
.icon-folder-open:before,
.icon-folder:before {
  content: "\2d";
}
.icon-folder-close:before,
.icon-folder-2:before {
  content: "\2e";
}
.icon-folder-plus:before {
  content: "\e234";
}
.icon-folder-minus:before {
  content: "\e235";
}
.icon-folder-3:before {
  content: "\e236";
}
.icon-folder-plus-2:before {
  content: "\e237";
}
.icon-folder-remove:before {
  content: "\e238";
}
.icon-file:before {
  content: "\e016";
}
.icon-file-2:before {
  content: "\e239";
}
.icon-file-add:before,
.icon-file-plus:before {
  content: "\29";
}
.icon-file-remove:before,
.icon-file-minus:before {
  content: "\e017";
}
.icon-file-check:before {
  content: "\e240";
}
.icon-file-remove:before {
  content: "\e241";
}
.icon-save-copy:before,
.icon-copy:before {
  content: "\e018";
}
.icon-stack:before {
  content: "\e242";
}
.icon-tree:before {
  content: "\e243";
}
.icon-tree-2:before {
  content: "\e244";
}
.icon-paragraph-left:before {
  content: "\e246";
}
.icon-paragraph-center:before {
  content: "\e247";
}
.icon-paragraph-right:before {
  content: "\e248";
}
.icon-paragraph-justify:before {
  content: "\e249";
}
.icon-screen:before {
  content: "\e01c";
}
.icon-tablet:before {
  content: "\e01d";
}
.icon-mobile:before {
  content: "\e01e";
}
.icon-box-add:before {
  content: "\51";
}
.icon-box-remove:before {
  content: "\52";
}
.icon-download:before {
  content: "\e021";
}
.icon-upload:before {
  content: "\e022";
}
.icon-home:before {
  content: "\21";
}
.icon-home-2:before {
  content: "\e250";
}
.icon-out-2:before,
.icon-new-tab:before {
  content: "\e024";
}
.icon-out-3:before,
.icon-new-tab-2:before {
  content: "\e251";
}
.icon-link:before {
  content: "\e252";
}
.icon-picture:before,
.icon-image:before {
  content: "\2f";
}
.icon-pictures:before,
.icon-images:before {
  content: "\30";
}
.icon-palette:before,
.icon-color-palette:before {
  content: "\e014";
}
.icon-camera:before {
  content: "\55";
}
.icon-camera-2:before,
.icon-video:before {
  content: "\e015";
}
.icon-play-2:before,
.icon-video-2:before,
.icon-youtube:before {
  content: "\56";
}
.icon-music:before {
  content: "\57";
}
.icon-user:before {
  content: "\22";
}
.icon-users:before {
  content: "\e01f";
}
.icon-vcard:before {
  content: "\6d";
}
.icon-address:before {
  content: "\70";
}
.icon-share-alt:before,
.icon-out:before {
  content: "\26";
}
.icon-enter:before {
  content: "\e257";
}
.icon-exit:before {
  content: "\e258";
}
.icon-comment:before,
.icon-comments:before {
  content: "\24";
}
.icon-comments-2:before {
  content: "\25";
}
.icon-quote:before,
.icon-quotes-left:before {
  content: "\60";
}
.icon-quote-2:before,
.icon-quotes-right:before {
  content: "\61";
}
.icon-quote-3:before,
.icon-bubble-quote:before {
  content: "\e259";
}
.icon-phone:before {
  content: "\e260";
}
.icon-phone-2:before {
  content: "\e261";
}
.icon-envelope:before,
.icon-mail:before {
  content: "\4d";
}
.icon-envelope-opened:before,
.icon-mail-2:before {
  content: "\4e";
}
.icon-unarchive:before,
.icon-drawer:before {
  content: "\4f";
}
.icon-archive:before,
.icon-drawer-2:before {
  content: "\50";
}
.icon-briefcase:before {
  content: "\e020";
}
.icon-tag:before {
  content: "\e262";
}
.icon-tag-2:before {
  content: "\e263";
}
.icon-tags:before {
  content: "\e264";
}
.icon-tags-2:before {
  content: "\e265";
}
.icon-options:before,
.icon-cog:before {
  content: "\38";
}
.icon-cogs:before {
  content: "\37";
}
.icon-screwdriver:before,
.icon-tools:before {
  content: "\36";
}
.icon-wrench:before {
  content: "\3a";
}
.icon-equalizer:before {
  content: "\39";
}
.icon-dashboard:before {
  content: "\78";
}
.icon-switch:before {
  content: "\e266";
}
.icon-filter:before {
  content: "\54";
}
.icon-purge:before,
.icon-trash:before {
  content: "\4c";
}
.icon-checkedout:before,
.icon-lock:before,
.icon-locked:before {
  content: "\23";
}
.icon-unlock:before {
  content: "\e267";
}
.icon-key:before {
  content: "\5f";
}
.icon-support:before {
  content: "\46";
}
.icon-database:before {
  content: "\62";
}
.icon-scissors:before {
  content: "\e268";
}
.icon-health:before {
  content: "\6a";
}
.icon-wand:before {
  content: "\6b";
}
.icon-eye-open:before,
.icon-eye:before {
  content: "\3c";
}
.icon-eye-close:before,
.icon-eye-blocked:before,
.icon-eye-2:before {
  content: "\e269";
}
.icon-clock:before {
  content: "\6e";
}
.icon-compass:before {
  content: "\6f";
}
.icon-broadcast:before,
.icon-connection:before,
.icon-wifi:before {
  content: "\e01b";
}
.icon-book:before {
  content: "\e271";
}
.icon-lightning:before,
.icon-flash:before {
  content: "\79";
}
.icon-print:before,
.icon-printer:before {
  content: "\e013";
}
.icon-feed:before {
  content: "\71";
}
.icon-calendar:before {
  content: "\43";
}
.icon-calendar-2:before {
  content: "\44";
}
.icon-calendar-3:before {
  content: "\e273";
}
.icon-pie:before {
  content: "\77";
}
.icon-bars:before {
  content: "\76";
}
.icon-chart:before {
  content: "\75";
}
.icon-power-cord:before {
  content: "\32";
}
.icon-cube:before {
  content: "\33";
}
.icon-puzzle:before {
  content: "\34";
}
.icon-attachment:before,
.icon-paperclip:before,
.icon-flag-2:before {
  content: "\72";
}
.icon-lamp:before {
  content: "\74";
}
.icon-pin:before,
.icon-pushpin:before {
  content: "\73";
}
.icon-location:before {
  content: "\63";
}
.icon-shield:before {
  content: "\e274";
}
.icon-flag:before {
  content: "\35";
}
.icon-flag-3:before {
  content: "\e275";
}
.icon-bookmark:before {
  content: "\e023";
}
.icon-bookmark-2:before {
  content: "\e276";
}
.icon-heart:before {
  content: "\e277";
}
.icon-heart-2:before {
  content: "\e278";
}
.icon-thumbs-up:before {
  content: "\5b";
}
.icon-thumbs-down:before {
  content: "\5c";
}
.icon-unfeatured:before,
.icon-asterisk:before,
.icon-star-empty:before {
  content: "\40";
}
.icon-star-2:before {
  content: "\41";
}
.icon-featured:before,
.icon-default:before,
.icon-star:before {
  content: "\42";
}
.icon-smiley:before,
.icon-smiley-happy:before {
  content: "\e279";
}
.icon-smiley-2:before,
.icon-smiley-happy-2:before {
  content: "\e280";
}
.icon-smiley-sad:before {
  content: "\e281";
}
.icon-smiley-sad-2:before {
  content: "\e282";
}
.icon-smiley-neutral:before {
  content: "\e283";
}
.icon-smiley-neutral-2:before {
  content: "\e284";
}
.icon-cart:before {
  content: "\e019";
}
.icon-basket:before {
  content: "\e01a";
}
.icon-credit:before {
  content: "\e286";
}
.icon-credit-2:before {
  content: "\e287";
}
.icon-expired:before {
  content: "\4b";
}
/**
 * @package Helix V3 Framework
 * @author JoomShaper http://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2015 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
 */
/*=========================================
 *======= 	 Megamenu	   ============
 *=======================================*/
.sp-megamenu-parent {
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 99;
  display: block;
  float: right;
  position: relative;
}
.sp-megamenu-parent > li {
  display: inline-block;
  position: relative;
  padding: 0;
  /*
        &.active:hover>a,
        &:hover>a {
                background-color: @major_color;
                color: #fff;
        }
        */
}
.sp-megamenu-parent > li.menu-justify {
  position: static;
}
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  display: inline-block;
  padding: 0 15px;
  line-height: 90px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #555555;
  margin: 0;
}
.sp-megamenu-parent > li.sp-has-child > a:after,
.sp-megamenu-parent > li.sp-has-child > span:after {
  font-family: "FontAwesome";
  content: " \f107";
}
.sp-megamenu-parent .sp-module {
  padding: 10px;
}
.sp-megamenu-parent .sp-mega-group {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-megamenu-parent .sp-mega-group .sp-mega-group-child {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-megamenu-parent .sp-dropdown {
  margin: 0;
  position: absolute;
  z-index: 10;
  display: none;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #ffffff;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  padding: 20px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after {
  font-family: "FontAwesome";
  content: " \f105";
  float: right;
}
.sp-megamenu-parent .sp-dropdown.sp-menu-center {
  margin-left: 45px;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
  top: 100%;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
  left: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
  left: auto;
  right: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
  right: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
  top: 0;
  left: 100%;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  display: block;
  padding: 0;
  position: relative;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
  display: block;
  padding: 10px;
  color: #000000;
  cursor: pointer;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a.sp-group-title,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span.sp-group-title {
  text-transform: uppercase;
  font-weight: bold;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover {
  color: #fff;
}
.sp-megamenu-parent .sp-dropdown-mega > .row {
  margin-top: 30px;
}
.sp-megamenu-parent .sp-dropdown-mega > .row:first-child {
  margin-top: 0;
}
.sp-megamenu-parent .sp-has-child:hover > .sp-dropdown {
  display: block;
}
.sp-megamenu-parent.menu-fade .sp-has-child:hover > .sp-dropdown {
  -webkit-animation: spMenuFadeIn 400ms;
  animation: spMenuFadeIn 400ms;
}
.sp-megamenu-parent.menu-zoom .sp-has-child:hover > .sp-dropdown {
  -webkit-animation: spMenuZoom 400ms;
  animation: spMenuZoom 400ms;
}
/*=================  Off Canvas  ===============*/
#offcanvas-toggler {
  float: right;
  line-height: 87px;
  margin-left: 15px;
  font-size: 20px;
}
#offcanvas-toggler > i {
  -webkit-transition: color 400ms, background-color 400ms;
  -o-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
}
#offcanvas-toggler > i:hover {
  color: #fff;
}
.off-canvas-menu-init {
  overflow-x: hidden;
  position: relative;
}
.offcanvas .offcanvas-overlay {
  visibility: visible;
  opacity: 1;
}
.offcanvas-overlay {
  background: rgba(0, 0, 0, 0.2);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999;
  visibility: hidden;
  -webkit-transition: .5s;
  transition: .5s;
}
.body-wrapper {
  position: relative;
  -webkit-transition: .5s;
  transition: .5s;
  right: 0;
  backface-visibility: hidden;
}
.close-offcanvas {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  line-height: .5;
  text-align: center;
  font-size: 16px;
  border: 1px solid #fff;
  color: #fff;
  padding-top: 3px;
}
.offcanvas-menu {
  width: 320px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  -webkit-transform: translateX(320px);
  transform: translateX(320px);
  visibility: hidden;
  overflow: inherit;
  -webkit-transition: .5s;
  transition: .5s;
  z-index: 10000;
}
.offcanvas-menu .offcanvas-inner .sp-module {
  margin-top: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 50px;
}
.offcanvas-menu .offcanvas-inner .sp-module:after {
  display: none;
}
.offcanvas-menu .offcanvas-inner .sp-module:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.offcanvas-menu .offcanvas-inner .sp-module.off-canvas-menu {
  padding: 0;
}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
  border: 0;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  padding: 10px 20px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  line-height: 28px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a {
  background: rgba(0, 0, 0, 0.15);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {
  background: rgba(0, 0, 0, 0.15);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:focus > a {
  background: rgba(0, 0, 0, 0.15) !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:focus {
  background: rgba(0, 0, 0, 0.15) !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 13px 20px;
  cursor: pointer;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .open-icon {
  display: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .close-icon {
  display: inline;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .open-icon {
  display: inline;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .close-icon {
  display: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li > a:after {
  display: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
  background: rgba(0, 0, 0, 0.02);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a {
  padding-left: 30px;
}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {
  margin-top: 0;
  padding: 30px;
}
.offcanvas-menu .offcanvas-inner .search {
  margin-top: 25px;
}
.offcanvas-menu .offcanvas-inner .search input {
  width: 100%;
  background: transparent;
  border-color: #5f5f5f;
  color: #fff;
}
.offcanvas {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.offcanvas .body-wrapper {
  right: 0;
  -webkit-transform: translateX(-320px);
  transform: translateX(-320px);
}
.offcanvas .body-wrapper:after {
  width: 100%;
  height: 100%;
  right: 0;
}
.offcanvas .offcanvas-menu {
  visibility: visible;
  z-index: 9999;
  right: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.offcanvas .offcanvas-menu ul.nav-child li {
  padding-left: 10px;
}
.menu .nav-child.small {
  font-size: inherit;
}
/* *************   START Helix 1.4 CSS Block   *************** */
/* *********************************************************** */
.sp-megamenu-parent.menu-fade-up .sp-has-child:hover > .sp-dropdown {
  -webkit-animation: spMenuFadeInUp 400ms;
  animation: spMenuFadeInUp 400ms;
}
.sp-megamenu-parent.menu-rotate .sp-has-child:hover > .sp-dropdown {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}
.sp-megamenu-parent.menu-slide-down .sp-has-child:hover > .sp-dropdown {
  opacity: 1;
  visibility: visible;
  top: 90px;
}
.sp-megamenu-parent.menu-slide-down .sp-has-child:hover > .sp-dropdown .sp-dropdown {
  top: 0;
}
/* ================== Menu Slide Down ================== */
.menu-slide-down .sp-has-child > .sp-dropdown {
  top: 60px;
  opacity: 0;
  visibility: hidden;
  display: block;
  transition: all 500ms ease;
}
.menu-slide-down .sp-has-child > .sp-dropdown.sp-dropdown-mega {
  left: auto;
  right: 0;
}
/* =================== Rotate Menu Drop Down =============== */
.menu-rotate .sp-has-child {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.menu-rotate .sp-has-child > .sp-dropdown {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  -webkit-transition: transform 0.4s ease 0s, opacity 0.2s ease 0s, visibility 0.2s ease 0s;
  transition: transform 0.4s ease 0s, opacity 0.2s ease 0s, visibility 0.2s ease 0s;
  opacity: 0;
  visibility: hidden;
  display: block;
}
.menu-rotate .sp-has-child > .sp-dropdown.sp-dropdown-mega {
  left: auto;
  right: 0;
}
/* ======================== Drop In ====================== */
.menu-drop-in .sp-has-child .sp-dropdown-inner {
  background: transparent none repeat scroll 0 0;
  box-shadow: none;
  padding: 0;
}
.menu-drop-in .sp-has-child .sp-dropdown-items {
  margin: 0;
  padding: 0;
  perspective: 1000px;
}
.menu-drop-in .sp-has-child .sp-menu-item {
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px);
  opacity: 0;
  padding: 0 20px !important;
  background-color: #ffffff;
}
.menu-drop-in .sp-has-child .sp-menu-item:first-child {
  padding-top: 20px !important;
}
.menu-drop-in .sp-has-child .sp-menu-item:last-child {
  padding-bottom: 20px !important;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: dropup;
  animation-name: dropup;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(1) {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(2) {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(3) {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(4) {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(5) {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(6) {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(7) {
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(8) {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:last-child {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2);
}
.menu-drop-in .sp-has-child.menu-justify:hover .sp-dropdown {
  -webkit-animation: spMenuFadeInUp 500ms;
  animation: spMenuFadeInUp 500ms;
}
.menu-drop-in .sp-has-child.menu-justify .sp-dropdown-inner {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  padding: 20px !important;
}
.menu-drop-in .sp-has-child.menu-justify .sp-mega-group .sp-menu-item {
  padding: 0 !important;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-iteration-count: 0;
  animation-iteration-count: 0;
  -webkit-animation-name: none;
  animation-name: none;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.menu-drop-in .sp-has-child.menu-justify .sp-mega-group .sp-menu-item:last-child {
  box-shadow: none;
}
@keyframes dropup {
  0% {
    opacity: 0;
    transform: translate(0, 100px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes dropup {
  0% {
    opacity: 0;
    transform: translate(0, 100px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
/* ================== Twist Menu =================== */
.menu-twist .sp-has-child .sp-dropdown-inner {
  background: transparent none repeat scroll 0 0;
  box-shadow: none;
  padding: 0;
}
.menu-twist .sp-has-child .sp-dropdown-items {
  margin: 0;
  padding: 0;
}
.menu-twist .sp-has-child .sp-menu-item {
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
  padding: 0 20px !important;
  background: #fff;
}
.menu-twist .sp-has-child .sp-menu-item:first-child {
  padding-top: 20px !important;
}
.menu-twist .sp-has-child .sp-menu-item:last-child {
  padding-bottom: 20px !important;
}
.menu-twist .sp-has-child:hover .sp-menu-item {
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: twist;
  animation-name: twist;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(1) {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(2) {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(3) {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(4) {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(5) {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(6) {
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(7) {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(8) {
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:last-child {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2);
}
.menu-twist .sp-has-child.menu-justify:hover .sp-dropdown {
  -webkit-animation: spMenuFadeInUp 500ms;
  animation: spMenuFadeInUp 500ms;
}
.menu-twist .sp-has-child.menu-justify .sp-dropdown-inner {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  padding: 20px !important;
}
.menu-twist .sp-has-child.menu-justify .sp-mega-group .sp-menu-item {
  padding: 0 !important;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-iteration-count: 0;
  animation-iteration-count: 0;
  -webkit-animation-name: none;
  animation-name: none;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.menu-twist .sp-has-child.menu-justify .sp-mega-group .sp-menu-item:last-child {
  box-shadow: none;
}
/* Twist Animation */
@keyframes twist {
  0% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  100% {
    opacity: 1;
    transform: rotateY(0);
  }
}
@-webkit-keyframes twist {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0);
  }
}
/*===========	Menu Animation   ============*/
@-webkit-keyframes spMenuFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes spMenuFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes spMenuZoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes spMenuZoom {
  0% {
    opacity: 0;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes spMenuFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}
@keyframes spMenuFadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
/* =============== Slide Top Off Canvas Menu ============== */
.slide-top-menu .offcanvas-menu {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.slide-top-menu .body-wrapper {
  right: 0;
}
.slide-top-menu .offcanvas-overlay {
  visibility: visible;
  opacity: 1;
}
.slide-top-menu .offcanvas-menu {
  right: 0;
  background-color: #000000;
  visibility: visible;
}
/* ========= Full Screen Off Canvas Menu ========= */
.full-screen .offcanvas-menu {
  right: -100%;
  width: 100%;
  transform: translateX(0);
  background-color: rgba(0, 0, 0, 0.9);
  transition: all 600ms ease;
}
.full-screen .offcanvas-menu .offcanvas-inner {
  margin: 0 auto;
  text-align: center;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module {
  margin-bottom: 0;
  margin-top: 80px;
  padding-bottom: 0;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul {
  background: transparent;
  height: auto;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li {
  overflow: inherit;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li.active a {
  color: #666;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a {
  color: #fff;
  display: inline-block;
  font-size: 28px;
  padding: 20px;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:before {
  display: none;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:hover,
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:focus {
  background-color: #fff;
  color: #000;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler {
  left: auto;
  right: auto;
  font-size: 28px;
  padding: 20px 10px;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li {
  display: block;
  padding: 0 20px;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a {
  font-size: 16px;
  padding: 5px 20px;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li .offcanvas-menu-toggler {
  padding: 6px 10px;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li:hover a,
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li:focus a {
  background: transparent;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu {
  padding-bottom: 75px;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module .search {
  max-width: 300px;
  margin: 25px auto 0;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
  font-size: 28px;
}
.full-screen .offcanvas-menu .close-offcanvas {
  font-size: 20px;
  height: 35px;
  line-height: 1;
  right: 30px;
  top: 25px;
  width: 35px;
  padding-top: 6px;
}
.full-screen-off-canvas.ltr .offcanvas-menu {
  visibility: visible;
  z-index: 9999;
  width: 100%;
  right: 0;
}
/* =============== Full Screen Off Canvas From Top ================== */
.full-screen-ftop .offcanvas-menu {
  right: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  background-color: rgba(0, 0, 0, 0.9);
  transition: all 500ms ease;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner {
  margin: 0 auto;
  text-align: center;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module {
  margin-bottom: 0;
  margin-top: 80px;
  padding-bottom: 0;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul {
  background: transparent;
  height: auto;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul > li {
  opacity: 0;
  -webkit-transform: translate3d(0px, -80px, 0px);
  transform: translate3d(0px, -80px, 0px);
  -webkit-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li {
  overflow: inherit;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a {
  color: #fff;
  display: inline-block;
  font-size: 28px;
  padding: 20px;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:before {
  display: none;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:hover,
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:focus {
  background: transparent;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler {
  left: auto;
  right: auto;
  font-size: 28px;
  padding: 20px 10px;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li {
  display: block;
  padding: 0 20px;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a {
  font-size: 16px;
  padding: 5px 20px;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li .offcanvas-menu-toggler {
  padding: 6px 10px;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li:hover a,
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li:focus a {
  background: transparent;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu {
  padding-bottom: 75px;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .search {
  max-width: 300px;
  margin: 25px auto 0;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
  font-size: 28px;
}
.full-screen-ftop .offcanvas-menu .close-offcanvas {
  font-size: 20px;
  height: 35px;
  line-height: 1;
  right: 30px;
  top: 25px;
  width: 35px;
  padding-top: 6px;
}
.full-screen-off-canvas-ftop.ltr .offcanvas-menu {
  visibility: visible;
  z-index: 9999;
  width: 100%;
  right: 0;
  opacity: 1;
}
.full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module {
  margin-top: 80px;
}
.full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul {
  background: transparent;
  height: auto;
}
.full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul > li {
  opacity: 1;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/* =================== New Look Off Canvas Menu ================ */
.new-look .offcanvas-menu {
  background-color: #2b2f3b;
}
.new-look .offcanvas-menu .sp-module ul > li > a {
  padding-left: 28px;
}
.new-look .offcanvas-menu .sp-module ul > li > a:before {
  display: none;
}
.new-look .offcanvas-menu .sp-module ul > li:hover a,
.new-look .offcanvas-menu .sp-module ul > li:focus a,
.new-look .offcanvas-menu .sp-module ul > li.active a {
  background: #22b8f0;
}
.new-look .offcanvas-menu .sp-module ul > li ul li a {
  background-color: #2b2f3b !important;
}
.new-look .offcanvas-menu .sp-module ul > li ul li a:hover,
.new-look .offcanvas-menu .sp-module ul > li ul li a:focus {
  color: #22b8f0;
}
.new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler {
  top: 6px;
  padding: 18px 25px;
}
.new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler i {
  display: none !important;
}
.new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler:before {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 8px;
  left: auto;
  position: absolute;
  right: 25px;
  top: 14px;
  width: 2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler:after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: auto;
  position: absolute;
  right: 22px;
  top: 17px;
  width: 8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler.collapsed:before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler.collapsed:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.new-look-off-canvas .offcanvas-overlay {
  visibility: visible;
  opacity: 1;
}
.new-look-off-canvas.ltr .offcanvas-menu {
  visibility: visible;
  right: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
/* ====================== Firefox Only Css ==================== */
@-moz-document url-prefix() {
  .offcanvas-menu {
    right: -320px;
    transform: translateX(0px);
  }
}
/* *************   END:: Helix 1.4 CSS Block   ************** */
/* ********************************************************** */
/**
* @package Helix Framework
* @author JoomShaper http://www.joomshaper.com
* @copyright Copyright (c) 2010 - 2016 JoomShaper
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/
/* ************   START TABLE OF CONTENT   ************ */
/* **************************************************** */
/*
        01. Base Style
        01. Button & Input
        03. Top Bar
        04. Header
        05. Page Title
        06. body innerwrapper
        07. Page Builder Addons
        08. Module
        09. Login Form
        10. Search
        11. Blog
        12. Bottom
        13. Footer
        14. Comingsoon
        15. Error page
        16. Mixed CSS

        /* ************   END:: TABLE OF CONTENT  ************* */
/* **************************************************** */
/* ************   START Start Base Style   ************* */
/* **************************************************** */
a {
  -webkit-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
}
body {
  line-height: 24px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  background-color: #ffffff;
}
a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
}
label {
  font-weight: normal;
}
legend {
  padding-bottom: 10px;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
/* ***************   END:: Base Style  **************** */
/* **************************************************** */
/* ****************   START Button   ****************** */
/* **************************************************** */
.btn,
.sppb-btn {
  -webkit-transition: color 400ms, background-color 400ms, border-color 400ms;
  -o-transition: color 400ms, background-color 400ms, border-color 400ms;
  transition: color 400ms, background-color 400ms, border-color 400ms;
}
.offline-inner {
  margin-top: 100px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input: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);
}
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,
.uneditable-input::-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,
.uneditable-input:-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,
.uneditable-input::-webkit-input-placeholder {
  color: #999999;
}
select[disabled],
textarea[disabled],
input[type="text"][disabled],
input[type="password"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="color"][disabled],
.uneditable-input[disabled],
select[readonly],
textarea[readonly],
input[type="text"][readonly],
input[type="password"][readonly],
input[type="datetime"][readonly],
input[type="datetime-local"][readonly],
input[type="date"][readonly],
input[type="month"][readonly],
input[type="time"][readonly],
input[type="week"][readonly],
input[type="number"][readonly],
input[type="email"][readonly],
input[type="url"][readonly],
input[type="search"][readonly],
input[type="tel"][readonly],
input[type="color"][readonly],
.uneditable-input[readonly],
fieldset[disabled] select,
fieldset[disabled] textarea,
fieldset[disabled] input[type="text"],
fieldset[disabled] input[type="password"],
fieldset[disabled] input[type="datetime"],
fieldset[disabled] input[type="datetime-local"],
fieldset[disabled] input[type="date"],
fieldset[disabled] input[type="month"],
fieldset[disabled] input[type="time"],
fieldset[disabled] input[type="week"],
fieldset[disabled] input[type="number"],
fieldset[disabled] input[type="email"],
fieldset[disabled] input[type="url"],
fieldset[disabled] input[type="search"],
fieldset[disabled] input[type="tel"],
fieldset[disabled] input[type="color"],
fieldset[disabled] .uneditable-input {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
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.uneditable-input {
  height: auto;
}
.group-control select,
.group-control textarea,
.group-control input[type="text"],
.group-control input[type="password"],
.group-control input[type="datetime"],
.group-control input[type="datetime-local"],
.group-control input[type="date"],
.group-control input[type="month"],
.group-control input[type="time"],
.group-control input[type="week"],
.group-control input[type="number"],
.group-control input[type="email"],
.group-control input[type="url"],
.group-control input[type="search"],
.group-control input[type="tel"],
.group-control input[type="color"],
.group-control .uneditable-input {
  width: 100%;
}
/* *****************   END:: Button  ****************** */
/* **************************************************** */
/* ****************   START Common   ****************** */
/* **************************************************** */
.scrollup {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 62px;
  right: 100px;
  display: none;
  z-index: 999;
  border: 1px solid #ddd;
  background-color: rgba(255, 255, 255, 0.4);
}
.scrollup:hover {
  background-color: #c4c4c4;
}
.scrollup:before {
  content: " \f106";
  font-family: "FontAwesome";
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 3px;
  width: 40px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  color: #000;
}
/* *****************   END:: Common  ****************** */
/* **************************************************** */
/* ***************   START Top Bar   ****************** */
/* **************************************************** */
#sp-top-bar {
  padding: 8px 0;
}
#sp-top-bar .sp-module {
  display: inline-block;
  margin: 0 0 0 20px;
}
ul.social-icons {
  list-style: none;
  padding: 0;
  margin: -5px;
  display: inline-block;
}
ul.social-icons > li {
  display: inline-block;
  margin: 5px 7px;
}
ul.social-icons > li a {
  color: #999999;
}
.sp-module-content .mod-languages ul.lang-inline {
  margin: 0;
  padding: 0;
}
.sp-module-content .mod-languages ul.lang-inline li {
  border: none;
  display: inline-block;
  margin: 0 5px 0 0;
}
.sp-module-content .mod-languages ul.lang-inline li a {
  padding: 0 !important;
}
.sp-module-content .mod-languages ul.lang-inline li > a:before {
  display: none;
}
.sp-contact-info {
  float: right;
  list-style: none;
  padding: 0;
  margin: 0 -10px;
}
.sp-contact-info li {
  display: inline-block;
  margin: 0 10px;
  font-size: 90%;
}
.sp-contact-info li i {
  margin: 0 3px;
}
/* *****************   END:: Top Bar  ***************** */
/* **************************************************** */
/* ****************   START Header   ****************** */
/* **************************************************** */
.sticky-wrapper {
  position: relative;
  z-index: 99;
}
#sp-header {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
  height: 90px;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 99;
}
#sp-header .logo {
  display: inline-block;
  height: 90px;
  display: table;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  margin: 0;
}
#sp-header .logo a {
  font-size: 24px;
  line-height: 1;
  margin: 0;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
}
#sp-header .logo p {
  margin: 5px 0 0;
}
#sp-header .sp-retina-logo {
  display: none;
}
#sp-header.menu-fixed {
  position: fixed;
  z-index: 9999;
}
.sticky-wrapper.is-sticky {
  position: relative;
  z-index: 999;
}
/* *****************   END:: Header  ****************** */
/* **************************************************** */
/* ***************   START Page Title   *************** */
/* **************************************************** */
#sp-title {
  min-height: 0;
}
.sp-page-title {
  padding: 30px 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: fixed;
}
.sp-page-title h2,
.sp-page-title h3 {
  margin: 0;
  padding: 0;
  color: #fff;
}
.sp-page-title h2 {
  font-size: 24px;
  line-height: 1;
}
.sp-page-title h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  margin-top: 10px;
}
.sp-page-title .breadcrumb {
  background: none;
  padding: 0;
  margin: 10px 0 0 0;
}
.sp-page-title .breadcrumb > .active {
  color: rgba(255, 255, 255, 0.8);
}
.sp-page-title .breadcrumb > span,
.sp-page-title .breadcrumb > li,
.sp-page-title .breadcrumb > li + li:before,
.sp-page-title .breadcrumb > li > a {
  color: #fff;
}
/* ***************   END:: Page Title  **************** */
/* **************************************************** */
/* ***********   START body innerwrapper   ************ */
/* **************************************************** */
.body-innerwrapper {
  overflow-x: hidden;
}
.layout-boxed .body-innerwrapper {
  max-width: 1240px;
  margin: 0 auto;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
#sp-main-body {
  padding: 100px 0;
}
.com-sppagebuilder #sp-main-body {
  padding: 0;
}
/* ************   END:: body innerwrapper  ************ */
/* **************************************************** */
/* **********   START Page Builder Addons   *********** */
/* **************************************************** */
.sppb-addon-cta .sppb-cta-subtitle {
  margin-bottom: 0;
  line-height: 26px !important;
}
.sppb-addon-cta .sppb-btn-lg {
  margin-top: 30px;
}
.sppb-addon-image-content {
  position: relative;
}
.sppb-addon-image-content .sppb-image-holder {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background-position: 50%;
  background-size: cover;
}
.sppb-addon-image-content.aligment-left .sppb-image-holder {
  left: 0;
}
.sppb-addon-image-content.aligment-left .sppb-content-holder {
  padding: 120px 0 120px 50px;
}
.sppb-addon-image-content.aligment-right .sppb-image-holder {
  right: 0;
}
.sppb-addon-image-content.aligment-right .sppb-content-holder {
  padding: 120px 50px 120px 0;
}
@media (max-width: 768px) {
  .sppb-addon-image-content .sppb-image-holder {
    position: inherit;
    width: 100% !important;
    height: 300px;
  }
}
/* **********   END:: Page Builder Addons  ************ */
/* **************************************************** */
/* ****************   START Module   ****************** */
/* **************************************************** */
.sp-module {
  margin-top: 50px;
}
.sp-module:first-child {
  margin-top: 0;
}
.sp-module .sp-module-title {
  margin: 0 0 20px;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1;
}
.sp-module ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-module ul > li {
  display: block;
  border-bottom: 1px solid #e8e8e8;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.sp-module ul > li > a {
  display: block;
  padding: 5px 0;
  line-height: 36px;
  padding: 2px 0;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.sp-module ul > li > a:hover {
  background: none;
}
.sp-module ul > li > a:before {
  font-family: FontAwesome;
  content: "\f105";
  margin-right: 8px;
}
.sp-module ul > li:last-child {
  border-bottom: none;
}
.sp-module .categories-module ul {
  margin: 0 10px;
}
.sp-module .latestnews > div {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #e8e8e8;
}
.sp-module .latestnews > div:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.sp-module .latestnews > div > a {
  display: block;
  font-weight: 400;
}
.sp-module .tagscloud {
  margin: -2px 0;
}
.sp-module .tagscloud .tag-name {
  display: inline-block;
  padding: 5px 10px;
  background: #808080;
  color: #fff;
  border-radius: 4px;
  margin: 2px 0;
}
.sp-module .tagscloud .tag-name span {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
/* *****************   END:: Module  ****************** */
/* **************************************************** */
/* **************   START Login Form   **************** */
/* **************************************************** */
.login img {
  display: inline-block;
  margin: 20px 0;
}
.login .checkbox input[type="checkbox"] {
  margin-top: 6px;
}
.form-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* ***************   END:: Login Form  **************** */
/* **************************************************** */
/* ****************   START Search   ****************** */
/* **************************************************** */
.search .btn-toolbar {
  margin-bottom: 20px;
}
.search .btn-toolbar span.icon-search {
  margin: 0;
}
.search .btn-toolbar button {
  color: #fff;
}
.search .phrases .phrases-box .controls label {
  display: inline-block;
  margin: 0 20px 20px;
}
.search .phrases .ordering-box {
  margin-bottom: 15px;
}
.search .only label {
  display: inline-block;
  margin: 0 20px 20px;
}
.search .search-results dt.result-title {
  margin-top: 40px;
}
.search .search-results dt,
.search .search-results dd {
  margin: 5px 0;
}
.filter-search .chzn-container-single .chzn-single {
  height: 34px;
  line-height: 34px;
}
.form-search .finder label {
  display: block;
}
.form-search .finder .input-medium {
  width: 60%;
  border-radius: 4px;
}
.finder .word input {
  display: inline-block;
}
.finder .search-results.list-striped li {
  padding: 20px 0;
}
/* *****************   END:: Search   ***************** */
/* **************************************************** */
/* ******************   START Blog   ****************** */
/* **************************************************** */
.article-info {
  margin: 0 -8px 5px;
  line-height: 12px;
}
.article-info > dd {
  display: inline-block;
  color: #666;
  text-transform: uppercase;
  margin: 0 8px;
}
.article-info > dd > i {
  display: inline-block;
  margin-right: 3px;
}
article.item {
  margin-bottom: 50px;
}
.tags {
  margin-top: 20px;
}
.tags > span {
  text-transform: uppercase;
  letter-spacing: 2px;
}
.content_rating,
.content_rating + form {
  display: none;
}
.voting-symbol {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 14px;
  display: inline-block;
}
.voting-symbol span.star {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}
.voting-symbol span.star.active:before {
  content: "\f005";
}
.voting-symbol span.star:before {
  content: "\f006";
  padding-right: 5px;
}
.sp-rating span.star:hover:before,
.sp-rating span.star:hover ~ span.star:before {
  content: "\f005";
  cursor: pointer;
}
.post_rating {
  margin-bottom: 20px;
}
.post_rating .ajax-loader,
.post_rating .voting-result {
  display: none;
}
.post-format {
  position: absolute;
  top: 0;
  left: -68px;
  display: block;
  width: 48px;
  height: 48px;
  font-size: 24px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}
.entry-image,
.entry-gallery,
.entry-video,
.entry-audio,
.entry-link {
  margin-bottom: 30px;
}
.entry-status,
.entry-quote {
  margin-bottom: 50px;
}
.entry-header {
  position: relative;
  margin-bottom: 30px;
}
.entry-header.has-post-format {
  margin-left: 68px;
}
.entry-header h2 {
  margin: 8px 0 0;
  font-size: 24px;
  line-height: 1;
}
.entry-header h2 a {
  color: #000;
}
.entry-link {
  padding: 100px 50px;
  position: relative;
  z-index: 1;
}
.entry-link a h4 {
  margin: 0;
  font-size: 36px;
  color: #fff;
}
.entry-link a h4:hover {
  color: rgba(255, 255, 255, 0.85);
}
.entry-link:before {
  position: absolute;
  left: -60px;
  font-size: 300px;
  content: "\f0c1";
  font-family: FontAwesome;
  transform: rotate(90deg);
  top: -75px;
  color: rgba(255, 255, 255, 0.15);
  z-index: -1;
}
.entry-quote {
  position: relative;
  padding: 80px 50px;
  color: rgba(255, 255, 255, 0.9);
}
.entry-quote:before {
  position: absolute;
  left: -40px;
  font-size: 300px;
  content: "\f10e";
  font-family: FontAwesome;
  transform: rotate(15deg);
  top: -75px;
  color: rgba(255, 255, 255, 0.15);
}
.entry-quote blockquote small {
  color: #FFF;
  font-weight: 600;
  font-size: 20px;
}
.entry-quote blockquote {
  padding: 0;
  margin: 0;
  font-size: 16px;
  border: none;
}
.carousel-left,
.carousel-right {
  position: absolute;
  top: 50%;
  font-size: 24px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin-top: -18px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  -webkit-transition: 400ms;
  transition: 400ms;
}
.carousel-left:hover,
.carousel-right:hover {
  color: #fff;
}
.carousel-left:focus,
.carousel-right:focus {
  color: #fff;
}
.carousel-left {
  left: 10px;
}
.carousel-right {
  right: 10px;
}
.newsfeed-category .category {
  list-style: none;
  padding: 0;
  margin: 0;
}
.newsfeed-category .category li {
  padding: 5px 0;
}
.newsfeed-category #filter-search {
  margin: 10px 0;
}
.category-module,
.categories-module,
.archive-module,
.latestnews,
.newsflash-horiz,
.mostread,
.form-links,
.list-striped {
  list-style: none;
  padding: 0;
  margin: 0;
}
.category-module li,
.categories-module li,
.archive-module li,
.latestnews li,
.newsflash-horiz li,
.mostread li,
.form-links li,
.list-striped li {
  padding: 2px 0;
}
.category-module li h4,
.categories-module li h4,
.archive-module li h4,
.latestnews li h4,
.newsflash-horiz li h4,
.mostread li h4,
.form-links li h4,
.list-striped li h4 {
  margin: 5px 0;
}
.article-footer-top {
  display: table;
  clear: both;
  width: 100%;
}
.article-footer-top .post_rating {
  float: left;
}
.helix-social-share {
  float: right;
}
.helix-social-share .helix-social-share-icon ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.helix-social-share .helix-social-share-icon ul li {
  margin-right: 7px;
  display: inline-block;
}
.helix-social-share .helix-social-share-icon ul li div {
  display: block;
}
.helix-social-share .helix-social-share-icon ul li div a {
  background: #f5f5f5 none repeat scroll 0 0;
  border-radius: 50%;
  height: 30px;
  padding-top: 4px;
  text-align: center;
  width: 30px;
  display: inline-block;
}
.helix-social-share .helix-social-share-icon ul li div a:hover,
.helix-social-share .helix-social-share-icon ul li div a:focus {
  background: #23948d;
  color: #fff;
}
/* ******************   END:: Blog   ****************** */
/* **************************************************** */
/* ***************   START Bottom    ****************** */
/* **************************************************** */
#sp-bottom .sp-module .sp-module-title {
  text-transform: none;
  font-weight: 400;
  font-size: 24px;
}
/* ****************   END:: Bottom   ****************** */
/* **************************************************** */
/* ****************   START Footer   ****************** */
/* **************************************************** */
#sp-footer {
  color: #fff;
  text-align: center;
  padding: 20px 0;
}
#sp-footer a {
  color: rgba(255, 255, 255, 0.9);
}
#sp-footer a:hover {
  color: #fff;
}
#sp-footer-wrapper ul {
  display: inline-block;
}
#sp-footer-wrapper ul.nav {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0 5px;
}
#sp-footer-wrapper ul.nav li {
  display: inline-block;
  margin: 0 5px;
}
#sp-footer-wrapper ul.nav li a {
  display: block;
}
#sp-footer-wrapper ul.nav li a:hover {
  background: none;
}
#sp-footer-wrapper .helix-framework {
  display: inline-block;
}
#sp-footer-wrapper .helix-framework .helix-logo {
  display: block;
  width: 130px;
  height: 40px;
  text-indent: -9999px;
  background: url(../images/helix-logo-white.png) no-repeat 0 0;
}
#sp-footer-wrapper .copyright {
  display: block;
}
/* ****************   END:: Footer   ****************** */
/* **************************************************** */
/* ***************   START Comingsoon   *************** */
/* **************************************************** */
.sp-comingsoon {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.sp-comingsoon body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  color: #fff;
}
.sp-comingsoon #sp-comingsoon {
  padding: 100px 0;
}
.sp-comingsoon .sp-comingsoon-wrap.has-background {
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}
.sp-comingsoon .comingsoon-page-logo {
  text-align: center;
}
.sp-comingsoon .comingsoon-page-logo img {
  display: inline-block;
}
.sp-comingsoon .comingsoon-page-logo .sp-retina-logo {
  display: none;
}
.sp-comingsoon .sp-comingsoon-title {
  margin-top: 130px;
  font-size: 42px;
  margin-bottom: 10px;
  font-weight: 700;
}
.sp-comingsoon .sp-comingsoon-content {
  font-size: 28px;
  font-weight: 300;
}
.sp-comingsoon .days,
.sp-comingsoon .hours,
.sp-comingsoon .minutes,
.sp-comingsoon .seconds {
  display: inline-block;
  margin: 80px 15px;
}
.sp-comingsoon .days .number,
.sp-comingsoon .hours .number,
.sp-comingsoon .seconds .number,
.sp-comingsoon .minutes .number {
  width: 115px;
  height: 120px;
  line-height: 120px;
  border: 1px solid #fff;
  border-radius: 4px;
  display: inline-block;
  font-size: 48px;
  font-weight: bold;
}
.sp-comingsoon .days .string,
.sp-comingsoon .minutes .string,
.sp-comingsoon .seconds .string,
.sp-comingsoon .hours .string {
  display: block;
  font-size: 18px;
  margin-top: 10px;
}
.sp-comingsoon .social-icons li {
  display: inline-block;
  margin: 0 15px;
}
.sp-comingsoon .social-icons li a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 24px;
  -webkit-transition: color 400ms;
  transition: color 400ms;
}
.sp-comingsoon .social-icons li a:hover {
  color: #fff;
}
/* ***************   END:: Comingsoon  **************** */
/* **************************************************** */
/* **************   START Error Page   **************** */
/* **************************************************** */
.error-page {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.error-page body {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.error-page .error-page-inner {
  height: 100%;
  min-height: 100%;
  width: 100%;
  display: table;
  text-align: center;
}
.error-page .error-page-inner.has-background {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.error-page .error-page-inner .error-logo-wrap {
  text-align: center;
  margin-bottom: 30px;
}
.error-page .error-page-inner .error-logo-wrap img {
  display: inline-block;
}
.error-page .error-page-inner > div {
  display: table-cell;
  vertical-align: middle;
}
.error-page .fa-exclamation-triangle {
  font-size: 64px;
  line-height: 1;
  margin-bottom: 10px;
}
.error-page .error-code {
  font-weight: bold;
  font-size: 96px;
  line-height: 1;
  margin: 0 0 10px 0;
  padding: 0;
}
.error-page .error-message {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 30px;
}
/* ***************   END:: Error Page   *************** */
/* **************************************************** */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #sp-header .sp-default-logo {
    display: none;
  }
  #sp-header .sp-retina-logo {
    display: block;
  }
  .sp-comingsoon .comingsoon-page-logo .sp-retina-logo {
    display: table;
    margin: 0 auto;
  }
  .sp-comingsoon .comingsoon-page-logo .sp-default-logo {
    display: none;
  }
}
/* ***************   START Mixed CSS   **************** */
/* **************************************************** */
.sp-social-share ul {
  display: block;
  padding: 0;
  margin: 20px -5px 0;
}
.sp-social-share ul li {
  display: inline-block;
  font-size: 24px;
  margin: 0 5px;
}
.dl-horizontal dt {
  margin: 8px 0;
  text-align: left;
}
.page-header {
  padding-bottom: 15px;
}
table.category {
  width: 100%;
}
table.category thead > tr,
table.category tbody > tr {
  border: 1px solid #f2f2f2;
}
table.category thead > tr th,
table.category tbody > tr th,
table.category thead > tr td,
table.category tbody > tr td {
  padding: 10px;
}
.contact-form .form-actions {
  background: none;
  border: none;
}
@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
  background: #2D2D2D;
  border-radius: 2px;
  color: #fff;
  -webkit-transition: 300ms;
  transition: 300ms;
}
/* ***************   END:: Mixed CSS   **************** */
/* **************************************************** */
/* **********   START Helix 1.4 Loader Css  *********** */
/* **************************************************** */
/* ************   START Pre-Loader CSS   ************** */
/* **************************************************** */
.sp-pre-loader {
  background: #000000;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
}
.sp-pre-loader .sp-loader-clock {
  border: 3px solid #ffffff;
  border-radius: 60px;
  bottom: 0;
  height: 80px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}
.sp-pre-loader .sp-loader-clock:after {
  content: "";
  position: absolute;
  background-color: #ffffff;
  top: 2px;
  left: 48%;
  height: 38px;
  width: 4px;
  border-radius: 5px;
  -webkit-transform-origin: 50% 97%;
  transform-origin: 50% 97%;
  -webkit-animation: grdAiguille 2s linear infinite;
  animation: grdAiguille 2s linear infinite;
}
.sp-pre-loader .sp-loader-clock:before {
  content: "";
  position: absolute;
  background-color: #ffffff;
  top: 6px;
  left: 48%;
  height: 35px;
  width: 4px;
  border-radius: 5px;
  -webkit-transform-origin: 50% 94%;
  transform-origin: 50% 94%;
  -webkit-animation: ptAiguille 12s linear infinite;
  animation: ptAiguille 12s linear infinite;
}
.sp-pre-loader .sp-loader-circle {
  position: absolute;
  height: 80px;
  width: 80px;
  border-radius: 80px;
  border: 3px solid rgba(255, 255, 255, 0.7);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: loader1 3s linear infinite;
  animation: loader1 3s linear infinite;
}
.sp-pre-loader .sp-loader-circle:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 20px;
  width: 11px;
  height: 11px;
  border-radius: 10px;
  background-color: #ffffff;
}
.sp-pre-loader .sp-loader-bubble-loop {
  position: absolute;
  width: 12px;
  height: 12px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 12px;
  background-color: #ffffff;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50% ;
  -webkit-animation: loader6 1s ease-in-out infinite;
  animation: loader6 1s ease-in-out infinite;
}
.sp-pre-loader .sp-loader-bubble-loop:before {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  top: 0px;
  left: -25px;
  height: 12px;
  width: 12px;
  border-radius: 12px;
}
.sp-pre-loader .sp-loader-bubble-loop:after {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  top: 0px;
  left: 25px;
  height: 12px;
  width: 12px;
  border-radius: 12px;
}
.sp-pre-loader .circle-two {
  bottom: 0;
  height: 100px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}
.sp-pre-loader .circle-two > span,
.sp-pre-loader .circle-two > span:before,
.sp-pre-loader .circle-two > span:after {
  content: "";
  display: block;
  border-radius: 50%;
  border: 2px solid #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sp-pre-loader .circle-two > span {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-left-color: transparent;
  -webkit-animation: effect-2 2s infinite linear;
  -moz-animation: effect-2 2s infinite linear;
  -ms-animation: effect-2 2s infinite linear;
  -o-animation: effect-2 2s infinite linear;
  animation: effect-2 2s infinite linear;
}
.sp-pre-loader .circle-two > span:before {
  width: 75%;
  height: 75%;
  border-right-color: transparent;
}
.sp-pre-loader .circle-two > span:after {
  width: 50%;
  height: 50%;
  border-bottom-color: transparent;
}
.sp-pre-loader .wave-two-wrap {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 50%;
  width: 90px;
}
.sp-pre-loader .wave-two {
  margin: 0;
  list-style: none;
  width: 90px;
  position: relative;
  padding: 0;
  height: 10px;
}
.sp-pre-loader .wave-two li {
  position: absolute;
  width: 2px;
  height: 0;
  background-color: #ffffff;
  bottom: 0;
}
.sp-pre-loader .wave-two li:nth-child(1) {
  left: 0;
  -webkit-animation: sequence1 1s ease infinite 0;
  animation: sequence1 1s ease infinite 0;
}
.sp-pre-loader .wave-two li:nth-child(2) {
  left: 15px;
  -webkit-animation: sequence2 1s ease infinite 0.1s;
  animation: sequence2 1s ease infinite 0.1s;
}
.sp-pre-loader .wave-two li:nth-child(3) {
  left: 30px;
  -webkit-animation: sequence1 1s ease-in-out infinite 0.2s;
  animation: sequence1 1s ease-in-out infinite 0.2s;
}
.sp-pre-loader .wave-two li:nth-child(4) {
  left: 45px;
  -webkit-animation: sequence2 1s ease-in infinite 0.3s;
  animation: sequence2 1s ease-in infinite 0.3s;
}
.sp-pre-loader .wave-two li:nth-child(5) {
  left: 60px;
  -webkit-animation: sequence1 1s ease-in-out infinite 0.4s;
  animation: sequence1 1s ease-in-out infinite 0.4s;
}
.sp-pre-loader .wave-two li:nth-child(6) {
  left: 75px;
  -webkit-animation: sequence2 1s ease infinite 0.5s;
  animation: sequence2 1s ease infinite 0.5s;
}
.sp-pre-loader .sp-loader-audio-wave {
  width: 3em;
  height: 2em;
  background: linear-gradient(#ffffff, #ffffff) 0 50%, linear-gradient(#ffffff, #ffffff) 0.625em 50%, linear-gradient(#ffffff, #ffffff) 1.25em 50%, linear-gradient(#ffffff, #ffffff) 1.875em 50%, linear-gradient(#ffffff, #ffffff) 2.5em 50%;
  background-repeat: no-repeat;
  background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em;
  animation: audioWave 1.5s linear infinite;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.sp-pre-loader .sp-loader-with-logo {
  top: 0;
  left: 0;
  width: 100%;
  height: 105px;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  position: absolute;
}
.sp-pre-loader .sp-loader-with-logo .logo {
  display: inline-block;
  width: auto;
}
.sp-pre-loader .sp-loader-with-logo .line {
  background: #ffffff;
  bottom: 0;
  height: 5px;
  left: 0;
  position: absolute;
  top: auto;
}
/* *************   END:: Pre-Loader CSS   ************* */
/* **************************************************** */
/* ************   START Loader Animation   ************ */
/* **************************************************** */
@-webkit-keyframes grdAiguille {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes grdAiguille {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes ptAiguille {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes ptAiguille {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader1 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes loader1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader6 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
  }
}
@keyframes loader6 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes rotate-360 {
  from {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes audioWave {
  25% {
    background: linear-gradient(#ffffff, #ffffff) 0 50%, linear-gradient(#ffffff, #ffffff) 0.625em 50%, linear-gradient(#ffffff, #ffffff) 1.25em 50%, linear-gradient(#ffffff, #ffffff) 1.875em 50%, linear-gradient(#ffffff, #ffffff) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em;
  }
  37.5% {
    background: linear-gradient(#ffffff, #ffffff) 0 50%, linear-gradient(#ffffff, #ffffff) 0.625em 50%, linear-gradient(#ffffff, #ffffff) 1.25em 50%, linear-gradient(#ffffff, #ffffff) 1.875em 50%, linear-gradient(#ffffff, #ffffff) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em;
  }
  50% {
    background: linear-gradient(#ffffff, #ffffff) 0 50%, linear-gradient(#ffffff, #ffffff) 0.625em 50%, linear-gradient(#ffffff, #ffffff) 1.25em 50%, linear-gradient(#ffffff, #ffffff) 1.875em 50%, linear-gradient(#ffffff, #ffffff) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em;
  }
  62.5% {
    background: linear-gradient(#ffffff, #ffffff) 0 50%, linear-gradient(#ffffff, #ffffff) 0.625em 50%, linear-gradient(#ffffff, #ffffff) 1.25em 50%, linear-gradient(#ffffff, #ffffff) 1.875em 50%, linear-gradient(#ffffff, #ffffff) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em;
  }
  75% {
    background: linear-gradient(#ffffff, #ffffff) 0 50%, linear-gradient(#ffffff, #ffffff) 0.625em 50%, linear-gradient(#ffffff, #ffffff) 1.25em 50%, linear-gradient(#ffffff, #ffffff) 1.875em 50%, linear-gradient(#ffffff, #ffffff) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em;
  }
}
@-webkit-keyframes effect-2 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes effect-2 {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes sequence1 {
  0% {
    height: 10px;
  }
  50% {
    height: 50px;
  }
  100% {
    height: 10px;
  }
}
@keyframes sequence2 {
  0% {
    height: 20px;
  }
  50% {
    height: 65px;
  }
  100% {
    height: 20px;
  }
}
@keyframes rot1 {
  100% {
    transform: skew(-10deg) translateX(50px) rotate(405deg);
  }
}
@-webkit-keyframes rot1 {
  100% {
    -webkit-transform: skew(-10deg) translateX(50px) rotate(405deg);
  }
}
@keyframes rot2 {
  100% {
    transform: skew(-10deg) rotate(525deg);
  }
}
@-webkit-keyframes rot2 {
  100% {
    -webkit-transform: skew(-10deg) rotate(525deg);
  }
}
@keyframes rot3 {
  100% {
    transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg);
  }
}
@-webkit-keyframes rot3 {
  100% {
    -webkit-transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg);
  }
}
@keyframes width {
  10% {
    width: 10%;
  }
  20% {
    width: 20%;
  }
  30% {
    width: 30%;
  }
  40% {
    width: 40%;
  }
  50% {
    width: 50%;
  }
  60% {
    width: 60%;
  }
  70% {
    width: 70%;
  }
  80% {
    width: 80%;
  }
  90% {
    width: 90%;
  }
  100% {
    width: 100%;
  }
}
/* ***********   END:: Loader Animation   ************* */
/* **************************************************** */
/* **********   END:: Helix 1.4 Loader Css   ********** */
/* **************************************************** */
/* ************ START Animations Header *************** */
/* **************************************************** */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/* ************ END:: Animations Header *************** */
/* **************************************************** */
/* *********   START Responsive Media Query   ********* */
/* **************************************************** */
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .scrollup {
    bottom: 25px;
    right: 25px;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  ul.social-icons {
    margin: 0;
    width: 100%;
    text-align: center;
  }
  ul.social-icons > li {
    margin: 5px;
  }
  .sp-contact-info {
    display: table;
    float: none;
    margin: 0;
    text-align: center;
    width: 100%;
  }
  .sp-contact-info li {
    margin: 0 5px;
    font-size: 89%;
  }
  .sppb-animated .sppb-addon-cta .sppb-cta-title {
    font-size: 28px !important;
    line-height: 40px !important;
  }
  .sppb-animated .sppb-addon-cta .sppb-btn-lg {
    font-size: 16px;
  }
  .scrollup {
    bottom: 25px;
    right: 25px;
  }
  .form-horizontal .control-label {
    width: 100%;
    text-align: left;
  }
  .form-horizontal .controls {
    margin: 0;
    width: 100%;
  }
  .form-horizontal .controls input,
  .form-horizontal .controls textarea {
    width: 100%;
  }
  .form-horizontal .controls textarea {
    height: 131px;
  }
}
@media screen and (min-width: 550px) and (max-width: 767px) {
  .sp-contact-info li {
    margin: 0 5px;
    font-size: 90%;
  }
}
/* *********   END:: Responsive Media Query   ********* */
/* **************************************************** */
/**
 * @version		$Id: k2.css 1492 2012-02-22 17:40:09Z joomlaworks@gmail.com $
 * @package		K2
 * @author		JoomlaWorks http://www.joomlaworks.net
 * @copyright	Copyright (c) 2006 - 2012 JoomlaWorks Ltd. All rights reserved.
 * @license		GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
 */
/*
### Legend ###
Font families used:
	
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	font-family:Arial, Helvetica, sans-serif;

Colors used:
	#f7fafe (light blue) used as background on all toolbars, category and user/author boxes

*/
/*----------------------------------------------------------------------
	Common Elements
----------------------------------------------------------------------*/
/* --- Basic typography --- */
a:active,
a:focus {
  outline: 0;
}
img {
  border: none;
}
/* --- Global K2 container --- */
#k2Container {
  padding: 0 0px 20px 0;
}
body.contentpane #k2Container {
  padding: 16px;
}
/* used in popups */
/* --- General padding --- */
.k2Padding {
  padding: 4px;
}
/* --- Clearing --- */
.clr {
  clear: both;
  height: 0;
  line-height: 0;
  display: block;
  float: none;
  padding: 0;
  margin: 0;
  border: none;
}
/* --- Zebra rows --- */
.even {
  background: none;
  padding: 0;
}
.odd {
  background: none;
  padding: 0;
}
/* --- RSS feed icon --- */
div.k2FeedIcon {
  padding: 4px 8px;
}
div.k2FeedIcon a,
div.k2FeedIcon a:hover {
  display: block;
  float: right;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  background: url(../images/fugue/feed.png) no-repeat 50% 50%;
}
div.k2FeedIcon a span,
div.k2FeedIcon a:hover span {
  display: none;
}
/* --- Rating --- */
.itemRatingForm {
  display: block;
  vertical-align: middle;
  line-height: 25px;
  float: left;
}
.itemRatingLog {
  font-size: 16px;
  margin: 0;
  padding: 0 0 0 4px;
  float: left;
}
div.itemRatingForm .formLogLoading {
  background: url(../images/system/loading.gif) no-repeat left center;
  height: 25px;
  padding: 0 0 0 20px;
}
.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {
  background: transparent url(../images/system/transparent_star.gif) left -1000px repeat-x;
}
.itemRatingList {
  position: relative;
  float: left;
  width: 125px;
  height: 25px;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  background-position: left top;
}
.itemRatingList li {
  display: inline;
  background: none;
  padding: 0;
}
.itemRatingList a,
.itemRatingList .itemCurrentRating {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -1000px;
  height: 25px;
  line-height: 25px;
  outline: none;
  overflow: hidden;
  border: none;
  cursor: pointer;
}
.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 {
  z-index: 1;
  background-position: 0 center;
  margin: 0;
  padding: 0;
}
span.siteRoot {
  display: none;
}
/* --- CSS added with Javascript --- */
.smallerFontSize {
  font-size: 100%;
  line-height: inherit;
}
.largerFontSize {
  font-size: 150%;
  line-height: 140%;
}
/* --- ReCaptcha --- */
.recaptchatable .recaptcha_image_cell,
#recaptcha_table {
  background-color: #fff !important;
}
#recaptcha_table {
  border-color: #ddd !important;
}
#recaptcha_response_field {
  border-color: #ddd !important;
  background-color: #fff !important;
}
/* --- Primary lists in modules --- */
/* Example CSS: padding:0;margin:0;list-style:none;*/
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: 8px 0;
  margin: 0;
  list-style: none;
  background: none;
}
/* Example CSS: display:block;clear:both;padding:2px 0;border-bottom:1px dotted #ddd;*/
.clearList {
  display: none;
  float: none;
  clear: both;
}
/* this class is used to clear all previous floating list elements */
.lastItem {
  border: none;
}
/* class appended on last list item */
/* --- Avatars --- */
.k2Avatar img {
  display: block;
  float: left;
  background: #fff;
  border: 1px solid #ddd;
  padding: 2px;
  margin: 2px 4px 4px 0;
}
/* --- Read more --- */
/* --- Pagination --- */
div.k2Pagination {
  text-align: center;
}
/* --- Pagination (additional styling for Joomla! 1.6+) --- */
div.k2Pagination ul li {
  -webkit-transition: color 400ms, background-color 400ms, border-color 400ms;
  -o-transition: color 400ms, background-color 400ms, border-color 400ms;
  transition: color 400ms, background-color 400ms, border-color 400ms;
}
/* --- Extra fields: CSV data styling --- */
/* --- Featured flags: the classes are repeated further below to indicate placement in the CSS structure --- */
/*----------------------------------------------------------------------
	Component: Item view
----------------------------------------------------------------------*/
a.itemPrintThisPage {
  display: block;
  width: 160px;
  margin: 4px auto 16px;
  padding: 4px;
  background: #F7FAFE;
  border: 1px solid #ddd;
  text-align: center;
  color: #555;
  font-size: 13px;
}
a.itemPrintThisPage:hover {
  background: #eee;
  text-decoration: none;
}
/* Attach a class for each featured item */
span.itemEditLink {
  float: right;
  display: block;
  padding: 4px 0;
  margin: 0;
  width: 120px;
  text-align: right;
}
span.itemEditLink a {
  padding: 2px 12px;
  border: 1px solid #ddd;
  background: #eee;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
}
span.itemEditLink a:hover {
  background: #ffffcc;
}
div.itemHeader {
  margin-bottom: 30px;
}
div.itemHeader span.itemDateCreated {
  color: #999;
  font-size: 16px;
}
div.itemHeader h2.itemTitle,
h2.itemTitle {
  padding: 15px 0;
  margin: 0 0 30px 0;
  text-transform: uppercase;
  font-size: 24px;
}
div.itemHeader h2.itemTitle span {
  display: inline-block;
  float: right;
}
div.itemHeader h2.itemTitle span sup {
  font-size: 12px;
  color: #CF1919;
  text-decoration: none;
}
/* "Featured" presented in superscript */
div.itemHeader span.itemAuthor {
  display: block;
  padding: 0;
  margin: 0;
}
div.itemToolbar ul {
  text-align: right;
  list-style: none;
  padding: 0;
  margin: 0;
}
div.itemToolbar ul li {
  display: inline;
  list-style: none;
  padding: 0 4px 0 8px;
  margin: 0;
  border-left: 1px solid #ddd;
  text-align: center;
  background: none;
  font-size: 12px;
}
div.itemToolbar ul > li:first-child {
  border: none;
}
/* remove the first CSS border from the left of the toolbar */
div.itemToolbar ul li a {
  font-size: 12px;
  font-weight: normal;
}
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 {
  width: 13px;
  height: 13px;
  background: url(../images/system/font_decrease.gif) no-repeat;
}
div.itemToolbar ul li a#fontIncrease {
  margin: 0 0 0 2px;
}
div.itemToolbar ul li a#fontIncrease img {
  width: 13px;
  height: 13px;
  background: url(../images/system/font_increase.gif) no-repeat;
}
div.itemToolbar ul li a#fontDecrease span,
div.itemToolbar ul li a#fontIncrease span {
  display: none;
}
div.itemRatingBlock {
  padding: 8px 0;
}
div.itemRatingBlock span {
  display: block;
  float: left;
  font-style: normal;
  padding: 0 4px 0 0;
  margin: 0;
  color: #999;
}
div.itemImageBlock .itemImage img {
  margin-bottom: 20px;
  margin: auto;
}
div.itemImageBlock .itemImageCredits {
  font-size: 13px;
}
div.itemFullText {
  text-align: center;
}
div.itemFullText h3 {
  margin: 0;
  padding: 16px 0 4px 0;
}
div.itemExtraFields {
  font-family: arial;
  font-size: 14px;
}
div.itemExtraFields h3 {
  margin: 0;
  padding: 0 0 8px 0;
  line-height: normal !important;
}
div.itemExtraFields h4 {
  text-transform: uppercase;
}
div.itemExtraFields ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.itemExtraFields ul li {
  display: block;
  clear: both;
  background: #eeeeee;
  margin: 3px 0;
  padding: 3px 5px;
}
div.itemExtraFields ul li span.itemExtraFieldsLabel {
  display: table-cell;
  float: left;
  font-weight: bold;
  margin: 0 4px 0 0;
  width: 50%;
}
div.itemExtraFields ul li span.itemExtraFieldsValue {
  display: table-cell;
}
div.itemContentFooter {
  display: block;
  text-align: right;
  padding: 4px;
  margin: 16px 0 4px 0;
  border-top: 1px solid #ddd;
  color: #999;
}
span.itemHits {
  float: left;
}
div.itemSocialSharing div.itemTwitterButton {
  float: left;
  margin: 0 0 0 0;
  width: 90px;
}
div.itemSocialSharing div.itemFacebookButton {
  float: left;
  margin: 0 10px 0 0;
  width: 76px;
}
div.itemSocialSharing div.itemGooglePlusOneButton {
  float: left;
  margin: 0 10px 0 0;
}
div.itemSocialSharing div.itemEmailLink {
  float: left;
  margin: 0 10px 0 0;
}
div.itemSocialSharing div.itemEmailLink span {
  display: inline-block;
  position: relative;
}
div.itemSocialSharing div.itemEmailLink span a {
  vertical-align: text-top;
  font-size: 20px;
  color: #ffffff;
}
div.itemCategory {
  padding: 4px;
  border-bottom: 1px dotted #ddd;
}
div.itemCategory span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}
div.itemTagsBlock {
  padding: 4px;
  border-bottom: 1px dotted #ddd;
}
div.itemTagsBlock ul.itemTags {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}
div.itemTagsBlock ul.itemTags li {
  display: inline;
  list-style: none;
  padding: 0 4px 0 0;
  margin: 0;
  text-align: center;
}
div.itemAttachmentsBlock {
  padding: 4px;
  border-bottom: 1px dotted #ddd;
}
div.itemAttachmentsBlock span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}
div.itemAttachmentsBlock ul.itemAttachments {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}
div.itemAttachmentsBlock ul.itemAttachments li {
  display: inline;
  list-style: none;
  padding: 0 4px;
  margin: 0;
  text-align: center;
}
div.itemAttachmentsBlock ul.itemAttachments li span {
  font-size: 10px;
  color: #999;
  font-weight: normal;
}
/* Author block */
.itemAuthorBlock {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 30px 0;
  margin: 30px 0;
}
/* Author latest */
div.itemAuthorLatest {
  margin-bottom: 16px;
  padding: 0;
}
div.itemAuthorLatest h3 {
  font-size: 100%;
}
div.itemAuthorLatest ul li {
  float: left;
}
div.itemAuthorLatest ul li a {
  display: block;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  border: 1px solid #ddd;
  width: 60px;
  height: 60px;
  float: left;
  margin: 3px;
  background: #fff;
}
div.itemAuthorLatest ul li a img {
  width: 60px;
  height: auto;
  position: absolute;
  top: -25%;
  left: -25%;
  right: -25%;
  bottom: -25%;
  margin: auto;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}
div.itemAuthorLatest ul li a img:hover {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
}
/* Related by tag */
div.itemRelated {
  margin-bottom: 16px;
  padding: 0;
}
/* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */
div.itemRelated ul li.k2ScrollerElement {
  float: left;
  overflow: hidden;
  border: 1px solid #ddd;
  padding: 4px;
  margin: 0 4px 4px 0;
  background: #fff;
}
/* you need to insert this class in the related li element in item.php for this styling to take effect */
div.itemRelated ul li.clr {
  clear: both;
  height: 0;
  line-height: 0;
  display: block;
  float: none;
  padding: 0;
  margin: 0;
  border: none;
}
/* Video */
div.itemVideoBlock div.itemVideoEmbedded {
  text-align: center;
}
/* for embedded videos (not using AllVideos) */
div.itemVideoBlock span.itemVideo {
  display: block;
  overflow: hidden;
}
div.itemVideoBlock span.itemVideoCaption {
  color: #eee;
  float: left;
  display: block;
  font-size: 16px;
  font-weight: bold;
  width: 60%;
}
div.itemVideoBlock span.itemVideoCredits {
  color: #eee;
  float: right;
  display: block;
  font-style: italic;
  font-size: 16px;
  width: 35%;
  text-align: right;
}
/* Image Gallery */
div.itemImageGallery {
  margin: 0 0 16px 0;
  padding: 0;
}
/* Article navigation */
div.itemNavigation {
  padding: 4px 8px;
  margin: 0 0 24px 0;
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
  background: #fffff0;
}
div.itemNavigation span.itemNavigationTitle {
  color: #999;
}
div.itemNavigation a.itemPrevious {
  padding: 0 12px;
}
div.itemNavigation a.itemNext {
  padding: 0 12px;
}
/* Comments */
div.itemComments {
  background: #f7fafe;
  border: 1px solid #ddd;
  padding: 16px;
}
div.itemComments ul.itemCommentsList {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}
div.itemComments ul.itemCommentsList li {
  padding: 4px;
  margin: 0;
  border-bottom: 1px dotted #ddd;
}
div.itemComments ul.itemCommentsList li.authorResponse {
  background: url(../images/system/stripes.png) repeat;
}
div.itemComments ul.itemCommentsList li.unpublishedComment {
  background: #ffeaea;
}
div.itemComments ul.itemCommentsList li img {
  float: left;
  margin: 4px 4px 4px 0;
  padding: 4px;
  background: #fff;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}
div.itemComments ul.itemCommentsList li span.commentDate {
  padding: 0 4px 0 0;
  margin: 0 8px 0 0;
  border-right: 1px solid #ddd;
  font-weight: bold;
  font-size: 14px;
}
div.itemComments ul.itemCommentsList li span.commentAuthorName {
  font-weight: bold;
  font-size: 14px;
}
div.itemComments ul.itemCommentsList li p {
  padding: 4px 0;
}
div.itemComments ul.itemCommentsList li span.commentAuthorEmail {
  display: none;
}
div.itemComments ul.itemCommentsList li span.commentLink {
  float: right;
  margin-left: 8px;
}
div.itemComments ul.itemCommentsList li span.commentLink a {
  font-size: 16px;
  color: #999;
  text-decoration: underline;
}
div.itemComments ul.itemCommentsList li span.commentLink a:hover {
  font-size: 16px;
  color: #555;
  text-decoration: underline;
}
div.itemComments ul.itemCommentsList li span.commentToolbar {
  display: block;
  clear: both;
}
div.itemComments ul.itemCommentsList li span.commentToolbar a {
  font-size: 16px;
  color: #999;
  text-decoration: underline;
  margin-right: 4px;
}
div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {
  font-size: 16px;
  color: #555;
  text-decoration: underline;
}
div.itemComments ul.itemCommentsList li span.commentToolbarLoading {
  background: url(../images/system/searchLoader.gif) no-repeat 100% 50%;
}
div.itemCommentsPagination {
  padding: 4px;
  margin: 0 0 24px 0;
}
div.itemCommentsPagination span.pagination {
  display: block;
  float: right;
  clear: both;
}
div.itemCommentsForm h3 {
  margin: 0;
  padding: 0 0 4px 0;
}
div.itemCommentsForm p.itemCommentsFormNotes {
  border-top: 2px solid #ddd;
}
div.itemCommentsForm form label.formComment {
  display: block;
  margin: 12px 0 0 2px;
}
div.itemCommentsForm form label.formName {
  display: block;
  margin: 12px 0 0 2px;
}
div.itemCommentsForm form label.formEmail {
  display: block;
  margin: 12px 0 0 2px;
}
div.itemCommentsForm form label.formUrl {
  display: block;
  margin: 12px 0 0 2px;
}
div.itemCommentsForm form label.formRecaptcha {
  display: block;
  margin: 12px 0 0 2px;
}
div.itemCommentsForm form textarea.inputbox {
  display: block;
  width: 350px;
  height: 160px;
  margin: 0;
}
div.itemCommentsForm form input.inputbox {
  display: block;
  width: 350px;
  margin: 0;
}
div.itemCommentsForm form input#submitCommentButton {
  display: block;
  margin: 16px 0 0 0;
}
div.itemCommentsForm form span#formLog {
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
  font-weight: bold;
  color: #CF1919;
}
div.itemCommentsForm form .formLogLoading {
  background: url(../images/system/loading.gif) no-repeat left center;
}
/* "Report comment" form */
div.k2ReportCommentFormContainer {
  padding: 8px;
  width: 480px;
  margin: 0 auto;
}
div.k2ReportCommentFormContainer blockquote {
  width: 462px;
  background: #f7fafe;
  border: 1px solid #ddd;
  padding: 8px;
  margin: 0 0 8px 0;
}
div.k2ReportCommentFormContainer blockquote span.quoteIconLeft {
  font-style: italic;
  font-weight: bold;
  font-size: 40px;
  color: #135CAE;
  line-height: 30px;
  vertical-align: top;
  display: block;
  float: left;
}
div.k2ReportCommentFormContainer blockquote span.quoteIconRight {
  font-style: italic;
  font-weight: bold;
  font-size: 40px;
  color: #135CAE;
  line-height: 30px;
  vertical-align: top;
  display: block;
  float: right;
}
div.k2ReportCommentFormContainer blockquote span.theComment {
  font-style: italic;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  padding: 0 4px;
}
div.k2ReportCommentFormContainer form label {
  display: block;
  font-weight: bold;
}
div.k2ReportCommentFormContainer form input,
div.k2ReportCommentFormContainer form textarea {
  display: block;
  border: 1px solid #ddd;
  font-size: 12px;
  padding: 2px;
  margin: 0 0 8px 0;
  width: 474px;
}
div.k2ReportCommentFormContainer form #recaptcha {
  margin-bottom: 24px;
}
div.k2ReportCommentFormContainer form span#formLog {
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
  font-weight: bold;
  color: #CF1919;
}
div.k2ReportCommentFormContainer form .formLogLoading {
  background: url(../images/system/loading.gif) no-repeat left center;
}
/* Back to top link */
div.itemBackToTop {
  text-align: right;
}
div.itemBackToTop a {
  text-decoration: underline;
}
div.itemBackToTop a:hover {
  text-decoration: underline;
}
/*----------------------------------------------------------------------
	Component: Itemlist view (category)
----------------------------------------------------------------------*/
/* --- Category block --- */
div.itemListCategory {
  margin-bottom: 20px;
}
span.catItemAddLink {
  display: block;
  padding: 8px 0;
  margin: 0 0 4px 0;
  border-bottom: 1px dotted #ddd;
  text-align: right;
}
span.catItemAddLink a {
  padding: 4px 16px;
  border: 1px solid #ddd;
  background: #eee;
  text-decoration: none;
}
span.catItemAddLink a:hover {
  background: #ffffcc;
}
div.itemListCategory img {
  float: left;
  display: block;
  background: #fff;
  padding: 4px;
  border: 1px solid #ddd;
  margin: 0 8px 0 0;
}
div#map_canvas {
  border: 1px solid #777777;
}
/* --- Sub-category block --- */
div.subCategoryContainer {
  float: left;
}
/* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */
div.subCategory {
  background: #f7fafe;
  border: 1px solid #ddd;
  margin: 4px;
  padding: 8px;
}
div.subCategory a.subCategoryImage,
div.subCategory a.subCategoryImage:hover {
  text-align: center;
  display: block;
}
div.subCategory a.subCategoryImage img,
div.subCategory a.subCategoryImage:hover img {
  background: #fff;
  padding: 4px;
  border: 1px solid #ddd;
  margin: 0 8px 0 0;
}
/* --- Item groups --- */
div#itemListLeading {
  border: 1px solid #ddd;
  padding: 10px;
  font-style: italic;
}
div#itemListLinks {
  background: #f7fafe;
  border: 1px solid #ddd;
  margin: 8px 0;
  padding: 8px;
}
/* --- Item block for each item group --- */
div.catItemView {
  background-color: #f6f6f6;
}
/* this is the item container for this view - we add a generic padding so that items don't get stuck with each other */
/* Additional class appended to the element above for further styling per group item */
div.groupPrimary {
  margin-right: 0;
  margin-bottom: 0;
}
div.itemContainerLast div.groupPrimary {
  margin-right: 0;
}
div.groupLinks {
  padding: 0;
  margin: 0;
}
/* Attach a class for each featured item */
span.catItemEditLink {
  float: right;
  display: block;
  padding: 4px 0;
  margin: 0;
  width: 120px;
  text-align: right;
}
span.catItemEditLink a {
  padding: 2px 12px;
  border: 1px solid #ddd;
  background: #eee;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
}
span.catItemEditLink a:hover {
  background: #ffffcc;
}
div.catItemHeader {
  /* superscript */
}
div.catItemHeader span.catItemDateCreated {
  color: #999;
}
div.catItemHeader h2.catItemTitle,
div.catItemHeader .catItemTitle {
  overflow: hidden;
  font-size: 30px;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #000;
}
div.catItemHeader h2.catItemTitle span,
div.catItemHeader .catItemTitle span {
  font-size: 14px;
  color: #23948d;
}
div.catItemHeader h2.catItemTitle span sup {
  font-size: 12px;
  color: #CF1919;
  text-decoration: none;
}
div.catItemHeader span.catItemAuthor {
  display: block;
  padding: 0;
  margin: 0;
}
div.catItemRatingBlock {
  padding: 8px 0;
}
div.catItemRatingBlock span {
  display: block;
  float: left;
  font-style: normal;
  padding: 0 4px 0 0;
  margin: 0;
  color: #999;
}
div.catItemIntroText {
  line-height: 2;
}
div.catItemExtraFields,
div.genericItemExtraFields {
  margin: 16px 0 0 0;
  padding: 8px 0 0 0;
  border-top: 1px dotted #ddd;
}
div.catItemExtraFields h4,
div.genericItemExtraFields h4 {
  margin: 0;
  padding: 0 0 8px 0;
  line-height: normal !important;
}
div.catItemExtraFields ul,
div.genericItemExtraFields ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
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 17px 0 0;
  width: 30%;
}
div.catItemExtraFields ul li span.catItemExtraFieldsValue {
  display: table-cell;
}
div.catItemHitsBlock {
  padding: 4px;
  border-bottom: 1px dotted #ddd;
}
div.catItemCategory {
  padding: 4px;
  border-bottom: 1px dotted #ddd;
}
div.catItemCategory span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}
div.catItemTagsBlock ul.catItemTags {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}
div.catItemTagsBlock ul.catItemTags li {
  display: inline;
  list-style: none;
  padding: 0 4px 0 0;
  margin: 0;
  text-align: center;
}
div.catItemAttachmentsBlock {
  padding: 4px;
  border-bottom: 1px dotted #ddd;
}
div.catItemAttachmentsBlock span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}
div.catItemAttachmentsBlock ul.catItemAttachments {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}
div.catItemAttachmentsBlock ul.catItemAttachments li {
  display: inline;
  list-style: none;
  padding: 0 4px;
  margin: 0;
  text-align: center;
}
div.catItemAttachmentsBlock ul.catItemAttachments li span {
  font-size: 10px;
  color: #999;
  font-weight: normal;
}
/* Video */
div.catItemVideoBlock {
  margin: 0 0 16px 0;
  padding: 16px;
  background: #010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;
}
div.catItemVideoBlock div.catItemVideoEmbedded {
  text-align: center;
}
/* for embedded videos (not using AllVideos) */
div.catItemVideoBlock span.catItemVideo {
  display: block;
}
/* Image Gallery */
div.catItemImageGallery {
  margin: 0 0 16px 0;
  padding: 0;
}
/* Anchor link to comments */
div.catItemCommentsLink {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  border-right: 1px solid #ddd;
}
/* Read more link */
/* Modified date */
span.catItemDateModified {
  display: block;
  text-align: right;
  padding: 4px;
  margin: 4px 0;
  color: #999;
  border-top: 1px solid #ddd;
}
/*----------------------------------------------------------------------
	Component: Itemlist view (user)
----------------------------------------------------------------------*/
/* User info block */
div.userBlock {
  background: #ddd;
  margin: 0 0 20px 0;
  clear: both;
}
span.userItemAddLink {
  display: block;
  padding: 8px 0;
  margin: 0 0 4px 0;
  border-bottom: 1px dotted #ddd;
  text-align: right;
}
span.userItemAddLink a {
  padding: 4px 16px;
  border: 1px solid #ddd;
  background: #eee;
  text-decoration: none;
}
span.userItemAddLink a:hover {
  background: #ffffcc;
}
div.userBlock img {
  display: block;
  float: left;
  background: #fff;
  padding: 4px;
  border: 1px solid #ddd;
  margin: 0 8px 0 0;
}
div.userBlock div.userDescription {
  padding: 4px 0;
}
div.userBlock div.userAdditionalInfo {
  padding: 4px 0;
  margin: 8px 0 0 0;
}
span.userURL {
  font-weight: bold;
  color: #555;
  display: block;
}
span.userEmail {
  font-weight: bold;
  color: #555;
  display: block;
}
/* User items */
div.userItemView {
  margin-bottom: 40px;
}
/* this is the item container for this view */
/* Attach a class for each featured item */
div.userItemViewUnpublished {
  opacity: 0.9;
  border: 4px dashed #ddd;
  background: #fffff2;
  padding: 8px;
  margin: 8px 0;
}
span.userItemEditLink {
  float: right;
  display: block;
  padding: 4px 0;
  margin: 0;
  width: 120px;
  text-align: right;
}
span.userItemEditLink a {
  padding: 2px 12px;
  border: 1px solid #ddd;
  background: #eee;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
}
span.userItemEditLink a:hover {
  background: #ffffcc;
}
div.userItemHeader span.userItemDateCreated {
  color: #999;
}
div.userItemHeader h3.userItemTitle span sup {
  font-size: 12px;
  color: #CF1919;
  text-decoration: none;
}
/* "Unpublished" presented in superscript */
div.userItemBody {
  padding: 8px 0;
  margin: 0;
}
div.userItemImageBlock {
  padding: 0;
  margin: 0;
  float: left;
}
span.userItemImage {
  display: block;
  text-align: center;
  margin: 0 8px 8px 0;
}
span.userItemImage img {
  border: 1px solid #ddd;
  padding: 8px;
}
div.userItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  overflow: hidden;
  text-align: justify;
}
div.userItemCategory {
  padding: 4px;
  border-bottom: 1px dotted #ddd;
}
div.userItemCategory span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}
div.userItemTagsBlock {
  padding: 4px;
  border-bottom: 1px dotted #ddd;
}
div.userItemTagsBlock span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}
div.userItemTagsBlock ul.userItemTags {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}
div.userItemTagsBlock ul.userItemTags li {
  display: inline;
  list-style: none;
  padding: 0 4px 0 0;
  margin: 0;
  text-align: center;
}
/* Anchor link to comments */
div.userItemCommentsLink {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  border-right: 1px solid #ddd;
}
/* Read more link */
div.userItemReadMore {
  display: inline;
}
/*----------------------------------------------------------------------
	Component: Itemlist view (tag)
----------------------------------------------------------------------*/
div.tagItemView {
  border-bottom: 1px dotted #ddd;
  padding: 8px 0;
  margin: 0 0 16px 0;
}
/* this is the item container for this view */
div.tagItemHeader span.tagItemDateCreated {
  color: #999;
  font-size: 16px;
}
div.tagItemHeader h2.tagItemTitle {
  font-size: 24px;
  font-weight: normal;
  line-height: 110%;
  padding: 10px 0 4px 0;
  margin: 0;
}
div.tagItemBody {
  padding: 8px 0;
  margin: 0;
}
div.tagItemImageBlock {
  padding: 0;
  margin: 0;
  float: left;
}
span.tagItemImage {
  display: block;
  text-align: center;
  margin: 0 8px 8px 0;
}
span.tagItemImage img {
  border: 1px solid #ddd;
  padding: 8px;
}
div.tagItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 4px 0 12px 0;
}
div.tagItemCategory {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  border-right: 1px solid #ddd;
}
div.tagItemCategory span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}
/* Read more link */
div.tagItemReadMore {
  display: inline;
}
/*----------------------------------------------------------------------
	Component: Itemlist view (generic)
----------------------------------------------------------------------*/
div.genericItemView {
  border-bottom: 1px dotted #ddd;
  padding: 8px 0;
  margin: 0 0 16px 0;
}
/* this is the item container for this view */
div.genericItemHeader span.genericItemDateCreated {
  color: #999;
  font-size: 16px;
}
div.genericItemHeader h2.genericItemTitle {
  font-size: 24px;
  font-weight: normal;
  line-height: 110%;
  padding: 10px 0 4px 0;
  margin: 0;
}
div.genericItemBody {
  padding: 8px 0;
  margin: 0;
}
div.genericItemImageBlock {
  padding: 0;
  margin: 0;
  float: left;
}
span.genericItemImage {
  display: block;
  text-align: center;
  margin: 0 8px 8px 0;
}
span.genericItemImage img {
  border: 1px solid #ddd;
  padding: 8px;
}
div.genericItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 4px 0 12px 0;
}
div.genericItemCategory {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  border-right: 1px solid #ddd;
}
div.genericItemCategory span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}
/* Read more link */
div.genericItemReadMore {
  display: inline;
}
/* --- Google Search --- */
#k2Container div.gsc-branding-text {
  text-align: right;
}
#k2Container div.gsc-control {
  width: 100%;
}
#k2Container div.gs-visibleUrl {
  display: none;
}
/*----------------------------------------------------------------------
	Component: Latest view
----------------------------------------------------------------------*/
div.latestItemsContainer {
  float: left;
}
/* Category info block */
div.latestItemsCategory {
  background: #f7fafe;
  border: 1px solid #ddd;
  margin: 0 8px 8px 0;
  padding: 8px;
}
div.latestItemsCategoryImage {
  text-align: center;
}
div.latestItemsCategoryImage img {
  background: #fff;
  padding: 4px;
  border: 1px solid #ddd;
  margin: 0 8px 0 0;
}
/* User info block */
div.latestItemsUser {
  background: #f7fafe;
  border: 1px solid #ddd;
  margin: 0 8px 8px 0;
  padding: 8px;
  clear: both;
}
div.latestItemsUser img {
  display: block;
  float: left;
  background: #fff;
  padding: 4px;
  border: 1px solid #ddd;
  margin: 0 8px 0 0;
}
div.latestItemsUser p.latestItemsUserDescription {
  padding: 4px 0;
}
div.latestItemsUser p.latestItemsUserAdditionalInfo {
  padding: 4px 0;
  margin: 8px 0 0 0;
}
span.latestItemsUserURL {
  font-weight: bold;
  color: #555;
  display: block;
}
span.latestItemsUserEmail {
  font-weight: bold;
  color: #555;
  display: block;
}
/* Latest items list */
div.latestItemList {
  padding: 0 8px 8px 0;
}
/* this is the item container for this view */
div.latestItemHeader h3.latestItemTitle {
  font-size: 24px;
  font-weight: normal;
  line-height: 110%;
  padding: 10px 0 4px 0;
  margin: 0;
}
span.latestItemDateCreated {
  color: #999;
  font-size: 16px;
}
div.latestItemBody {
  padding: 8px 0;
  margin: 0;
}
div.latestItemImageBlock {
  padding: 0;
  margin: 0;
  float: left;
}
span.latestItemImage {
  display: block;
  text-align: center;
  margin: 0 8px 8px 0;
}
span.latestItemImage img {
  border: 1px solid #ddd;
  padding: 8px;
}
div.latestItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 4px 0 12px 0;
}
div.latestItemCategory {
  padding: 4px;
  border-bottom: 1px dotted #ddd;
}
div.latestItemCategory span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}
div.latestItemTagsBlock {
  padding: 4px;
  border-bottom: 1px dotted #ddd;
}
div.latestItemTagsBlock span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}
div.latestItemTagsBlock ul.latestItemTags {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}
div.latestItemTagsBlock ul.latestItemTags li {
  display: inline;
  list-style: none;
  padding: 0 4px 0 0;
  margin: 0;
  text-align: center;
}
/* Video */
div.latestItemVideoBlock {
  margin: 0 0 16px 0;
  padding: 16px;
  background: #010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;
}
div.latestItemVideoBlock span.latestItemVideo {
  display: block;
}
/* Anchor link to comments */
div.latestItemCommentsLink {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  border-right: 1px solid #ddd;
}
/* Read more link */
div.latestItemReadMore {
  display: inline;
}
/* Items presented in a list */
h2.latestItemTitleList {
  font-size: 14px;
  padding: 2px 0;
  margin: 8px 0 2px 0;
  font-family: Arial, Helvetica, sans-serif;
  border-bottom: 1px dotted #ddd;
  line-height: normal;
}
/*----------------------------------------------------------------------
	Component: Register & profile page views (register.php & profile.php)
----------------------------------------------------------------------*/
.k2AccountPage table tr td label {
  white-space: nowrap;
}
img.k2AccountPageImage {
  border: 4px solid #ddd;
  margin: 10px 0;
  padding: 0;
  display: block;
}
.k2AccountPage div.k2AccountPageNotice {
  padding: 8px;
}
.k2AccountPage div.k2AccountPageUpdate {
  border-top: 1px dotted #ddd;
  margin: 8px 0;
  padding: 8px;
  text-align: right;
}
.k2AccountPage th.k2ProfileHeading {
  text-align: left;
  font-size: 18px;
  padding: 8px;
  background: #f6f6f6;
  /*border-bottom:1px solid #e9e9e9;*/
}
.k2AccountPage td#userAdminParams {
  padding: 0;
  margin: 0;
}
.k2AccountPage table.admintable td.key,
.k2AccountPage table.admintable td.paramlist_key {
  background: #f6f6f6;
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  color: #666;
  font-weight: bold;
  text-align: right;
  font-size: 16px;
  width: 140px;
}
/* Profile edit */
/*----------------------------------------------------------------------
	Modules: mod_k2_comments
----------------------------------------------------------------------*/
/* Latest Comments */
div.k2LatestCommentsBlock ul li span.lcCommentDate {
  color: #999;
}
/* Top Commenters */
div.k2TopCommentersBlock ul li span.tcLatestCommentDate {
  color: #999;
}
/*----------------------------------------------------------------------
	Modules: mod_k2_content
----------------------------------------------------------------------*/
/* Articoli Home */
/*----------------------------------------------------------------------
	Modules: mod_k2_user (mod_k2_login will be removed in v2.6)
----------------------------------------------------------------------*/
div.k2LoginBlock fieldset.input {
  margin: 0;
  padding: 0 0 8px 0;
}
div.k2LoginBlock fieldset.input p {
  margin: 0;
  padding: 0 0 4px 0;
}
div.k2LoginBlock fieldset.input p label {
  display: block;
}
div.k2LoginBlock fieldset.input p input {
  display: block;
}
div.k2LoginBlock fieldset.input p#form-login-remember label,
div.k2LoginBlock fieldset.input p#form-login-remember input {
  display: inline;
}
div.k2UserBlock p.ubGreeting {
  border-bottom: 1px dotted #ddd;
}
div.k2UserBlock div.k2UserBlockDetails span.ubName {
  display: block;
  font-weight: bold;
  font-size: 14px;
}
/* 2nd level ul */
/* 3rd level ul (and so on...) */
/*----------------------------------------------------------------------
	Modules: mod_k2_tools
----------------------------------------------------------------------*/
/* --- Archives --- */
/* --- Authors --- */
div.k2AuthorsListBlock ul li a.abAuthorLatestItem {
  display: block;
  clear: both;
}
/* --- Breadcrumbs --- */
div.k2BreadcrumbsBlock span.bcTitle {
  padding: 0 4px 0 0;
  color: #999;
}
div.k2BreadcrumbsBlock span.bcSeparator {
  padding: 0 4px;
  font-size: 14px;
}
/* --- Calendar --- */
div.k2CalendarBlock {
  height: 190px;
  margin-bottom: 8px;
}
/* use this height value so that the calendar height won't change on Month change via ajax */
div.k2CalendarLoader {
  background: #ffffff url(../images/system/k2CalendarLoader.gif) no-repeat 50% 50%;
}
table.calendar {
  margin: 0 auto;
  background: #fff;
  border-collapse: collapse;
}
table.calendar tr td {
  text-align: center;
  vertical-align: middle;
  padding: 2px;
  border: 1px solid #f4f4f4;
  background: #fff;
}
table.calendar tr td.calendarNavMonthPrev {
  background: #f3f3f3;
  text-align: left;
}
table.calendar tr td.calendarNavMonthPrev a {
  font-size: 20px;
  text-decoration: none;
}
table.calendar tr td.calendarNavMonthPrev a:hover {
  font-size: 20px;
  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: 20px;
  text-decoration: none;
}
table.calendar tr td.calendarDayName {
  background: #e9e9e9;
  font-size: 16px;
  width: 14.2%;
}
table.calendar tr td.calendarDateEmpty {
  background: #fbfbfb;
}
table.calendar tr td.calendarDateLinked {
  padding: 0;
}
table.calendar tr td.calendarDateLinked a {
  display: block;
  padding: 2px;
  text-decoration: none;
  background: #eee;
}
table.calendar tr td.calendarDateLinked a:hover {
  display: block;
  background: #135cae;
  color: #fff;
  padding: 2px;
  text-decoration: none;
}
table.calendar tr td.calendarToday {
  background: #135cae;
  color: #fff;
}
table.calendar tr td.calendarTodayLinked {
  background: #135cae;
  color: #fff;
  padding: 0;
}
table.calendar tr td.calendarTodayLinked a {
  display: block;
  padding: 2px;
  color: #fff;
  text-decoration: none;
}
table.calendar tr td.calendarTodayLinked a:hover {
  display: block;
  background: #BFD9FF;
  padding: 2px;
  text-decoration: none;
}
/* --- Category Tree Select Box --- */
div.k2CategorySelectBlock form select {
  width: auto;
}
/* --- Category List/Menu --- */
div.k2CategoriesListBlock ul li {
  padding: 5px;
  float: left;
  border: none;
}
div.k2CategoriesListBlock ul li a span.catTitle {
  padding-right: 4px;
}
div.k2CategoriesListBlock ul li.activeCategory a {
  font-weight: bold;
}
/* Root level (0) */
/* First level (1) */
/* n level (n) - like the above... */
/* --- Search Box --- */
div.k2SearchBlock form input,
div.k2SearchBlock form button {
  height: 50px;
  border: none;
}
div.k2SearchBlock form input.k2SearchLoading {
  background: url(../images/system/searchLoader.gif) no-repeat 100% 50%;
}
div.k2SearchBlock div.k2LiveSearchResults {
  display: none;
  background: #fff;
  position: absolute;
  z-index: 99;
  border: 1px solid #ddd;
  margin-top: -1px;
}
/* Live search results (fetched via ajax) */
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 {
  display: block;
  padding: 1px 2px;
  border-top: 1px dotted #eee;
}
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a:hover {
  background: #fffff0;
}
/* --- Tag Cloud --- */
div.k2TagCloudBlock {
  padding: 8px 0;
}
div.k2TagCloudBlock a {
  padding: 4px;
  float: left;
  display: block;
}
div.k2TagCloudBlock a:hover {
  padding: 4px;
  float: left;
  display: block;
  background: #135cae;
  color: #fff;
  text-decoration: none;
}
/* --- Custom Code --- */
/*----------------------------------------------------------------------
	Modules: mod_k2_users
----------------------------------------------------------------------*/
div.k2UsersBlock > ul li {
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 90%;
}
div.k2UsersBlock ul li a.ubUserAvatar {
  display: block;
  float: left;
  margin-right: 20px;
  margin-bottom: 40px;
}
div.k2UsersBlock ul li a.ubUserName {
  font-weight: bold;
  font-size: 150%;
}
div.k2UsersBlock ul li div.ubUserDescription {
  margin-bottom: 10px;
}
a.ubUserFeedIcon,
a.ubUserFeedIcon:hover {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
  background: url(../images/fugue/feed.png) no-repeat 50% 50%;
}
a.ubUserFeedIcon span,
a.ubUserFeedIcon:hover span {
  display: none;
}
a.ubUserURL,
a.ubUserURL:hover {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
  background: url(../images/fugue/globe.png) no-repeat 50% 50%;
}
a.ubUserURL span,
a.ubUserURL:hover span {
  display: none;
}
span.ubUserEmail {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
  background: url(../images/fugue/mail.png) no-repeat 50% 50%;
  overflow: hidden;
}
span.ubUserEmail a {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
}
div.k2UsersBlock ul li h3 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  box-shadow: none;
}
/* --- END --- */
/* Cap Override */
/* Fix K2 modal  */
#k2Container a.modal {
  border: 0px;
  display: inline-block;
  margin: 0;
  position: relative;
  top: auto;
  left: 0px;
  width: auto;
  z-index: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}
#itemListPrimary > .row {
  margin-bottom: 40px;
}
/* CUSTOMS ########################################################### */
/* Bootstrap */
.badge-default {
  background: #ccc;
}
.badge-default a {
  font-weight: normal;
}
.label-default {
  background: none;
  color: #666;
  border: 1px solid #666;
  display: inline-block;
  font-weight: normal;
}
/* Singoli elementi */
img.sp-default-logo {
  margin: auto;
}
#sp-header .logo a {
  font-size: 2.5vw !important;
  text-transform: capitalize;
  letter-spacing: -2px;
}
.inverse .sppb-btn-default,
.btn-inverse {
  background: none;
  border-color: #fff;
  color: #fff;
  border-width: 2px;
}
.inverse .sppb-btn-default:hover,
.btn-inverse:hover {
  border-color: #999;
  color: #999;
}
.lead {
  font-weight: inherit;
}
/* TYPO */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: -1px;
  text-transform: capitalize;
}
/* Testimonials */
.cursive p {
  font-family: 'liorah_btregular';
  text-align: center;
  font-size: 20px;
}
.cursive .moduleItemIntrotext :first-child {
  quotes: "“" "”" "‘" "’";
  line-height: 180%;
  margin-bottom: 10px;
}
.cursive .moduleItemIntrotext :first-child:before {
  content: open-quote;
}
.cursive .moduleItemIntrotext :first-child:after {
  content: close-quote;
}
.cursive .moduleItemIntrotext :nth-child(2) {
  font-family: #dc143c Text, sans-serif;
}
/* HELIX */
#k2Container a {
  /* text-decoration:underline; */
  /* &:hover{color: #77a2b7;} */
}
.sp-module .sp-module-title {
  font-size: 24px;
  text-transform: uppercase;
  line-height: 1;
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding: 20px 0;
  margin-bottom: 20px;
  background: #f6f6f6;
}
.sp-tweet * {
  line-height: 1.5;
}
#sp-footer {
  padding: 60px 0;
  font-family: Lato, sans-serif;
  font-weight: 700;
}
#sp-footer img {
  display: inline-block;
}
#sp-footer a {
  color: #fff;
}
#sp-footer .sp-contact-info {
  float: none;
  text-align: center;
}
/* MENU */
.menu-logo img {
  max-width: 300px;
  margin: 0 20px -20px 20px;
  image-rendering: high-quality;
}
.sp-megamenu-parent {
  float: none !important;
}
/* MODULES */
/* Jgram (Instagram) */
div.jgram-img {
  width: 20vw;
  /* 20% of the viewport width */
  height: 20vw;
  overflow: hidden;
  position: relative;
}
div.jgram-img img {
  width: 100%;
  /* or any custom size */
  height: 100%;
  object-fit: cover;
}
/* sp-tweet */
.sp-tweet-item {
  border: none;
}
a.followme {
  display: block;
  background: url(../images/followme.png) no-repeat 0 5px;
  margin-top: 10px;
  padding-left: 20px;
  line-height: 140%;
  margin: 5px;
}
.sp-tweet-clr {
  clear: both;
}
/* PAGE BUILDER */
.sppb-addon-article h4 {
  text-transform: uppercase;
  font-weight: 400;
}
.sppb-addon-article p {
  text-transform: lowercase;
}
.sppb-addon-article p a {
  color: #333333;
}
.bordered .sppb-video-block {
  border: 6px solid #777777;
  margin-bottom: 30px;
}
.sppb-blocknumber-number {
  text-indent: -1000em;
}
.semitrans {
  background: rgba(255, 255, 255, 0.8);
}
.sppb-dropcap::first-letter {
  color: #666;
  display: block;
  float: left;
  font-size: 80px;
  line-height: 70px;
  padding: 4px 8px 0 0;
}
/* K2 */
/* K2 Content Module */
.blog.k2ItemsBlock .moduleItemDateCreated {
  font-family: sans-serif;
  font-size: 12px;
  font-style: italic;
  color: #777777;
}
.blog.onecol.k2ItemsBlock ul li {
  text-align: center;
  background: #fff;
  padding: 0;
  margin: 0 0 30px;
}
.blog.onecol.k2ItemsBlock ul li.clearList {
  display: none;
}
.blog.onecol.k2ItemsBlock ul li .moduleItemTitle {
  text-transform: uppercase;
  font-weight: 500;
  margin: 0;
}
.blog.onecol.k2ItemsBlock ul li .moduleItemTitle a {
  color: #000;
}
.blog.onecol.k2ItemsBlock ul li .moduleItemDateCreated {
  font-family: sans-serif;
  font-size: 12px;
  font-style: italic;
  color: #666;
}
.blog.onecol.k2ItemsBlock ul li .moduleItemImage {
  padding-bottom: 20px;
  display: inline-block;
}
.blog.onecol.k2ItemsBlock ul li .moduleItemImage img {
  max-width: 700px;
}
.blog.onecol.k2ItemsBlock ul li .moduleItemCategory {
  margin-bottom: 0;
  font-size: 14px;
}
.blog.onecol.k2ItemsBlock ul li .moduleItemIntrotext {
  display: block;
  padding: 0 0 0 0;
}
.blog.onecol.k2ItemsBlock ul li .moduleItemReadMore {
  margin-top: 30px;
}
.blog.onecol.k2ItemsBlock ul li .divider:after {
  content: "⚘";
  display: block;
  font-size: 20px;
  margin-top: 30px;
}
.blog.twocol.k2ItemsBlock .row {
  border-top: 1px solid #ccc;
  padding: 30px 0;
}
display:none .blog.twocol.k2ItemsBlock .divider:after {
  content: "⚘";
  display: block;
  font-size: 20px;
  margin-top: 30px;
}
.blog.HomeFeatured.k2ItemsBlock {
  text-align: center;
  position: relative;
}
.blog.HomeFeatured.k2ItemsBlock li {
  padding: 0;
  margin: 0;
}
.blog.HomeFeatured.k2ItemsBlock h2 {
  font-weight: 500;
}
.blog.HomeFeatured.k2ItemsBlock .moduleItemDateCreated {
  font-family: sans-serif;
  font-size: 12px;
  font-style: italic;
  color: #777777;
}
.blog.HomeFeatured.k2ItemsBlock .moduleItemImage {
  padding-bottom: 20px;
  display: inline-block;
}
.blog.HomeFeatured.k2ItemsBlock .moduleItemImage img {
  max-width: 700px;
}
.blog.HomeFeatured.k2ItemsBlock img {
  margin: auto;
  width: 100%;
}
.blog.HomeFeatured.k2ItemsBlock .typeImage .moduleItemExtraFieldsValue {
  background-size: cover;
  width: 100%;
  height: 90vh;
  display: block;
  background-position: center center;
}
.blog.HomeFeatured.k2ItemsBlock .box {
  margin: auto;
  padding: 20px;
}
/* K2 Content Module Pagination (vedi modulo modificato)*/
.holder {
  text-align: center;
}
.holder a {
  font-size: 16px;
}
.holder a.jp-current {
  color: #666;
}
.side.k2ItemsBlock {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.side.k2ItemsBlock .row {
  background: #fff;
  padding: 0 0 10px;
  margin: 0 0 10px;
}
.side.k2ItemsBlock .row .moduleItemTitle {
  text-transform: uppercase;
  text-align: left;
  font-family: "Crimson Text", Georgia, serif;
  text-transform: none;
  font-size: 18px;
  color: #000;
  text-decoration: none;
  line-height: 1.5em !important;
  display: block;
}
.side.k2ItemsBlock .row .moduleItemDateCreated {
  font-family: sans-serif;
  font-size: 12px;
  font-style: italic;
  color: #666;
}
.side.k2ItemsBlock .row a.moduleItemImage {
  overflow: hidden;
  max-height: 90px;
}
.side.k2ItemsBlock .row .moduleItemIntrotext {
  display: block;
  padding: 0;
}
.side.k2ItemsBlock .row .moduleItemReadMore {
  padding-top: 20px;
  display: block;
  text-align: right;
}
.side.k2ItemsBlock .row .moduleItemReadMore a::after {
  content: "→";
}
.k2SearchBlock form .input-group {
  height: 90px;
  line-height: 90px;
}
.k2SearchBlock form .input-group input {
  border: none;
  height: 90px;
  box-shadow: none;
  line-height: 1;
  margin: 0;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
}
.k2SearchBlock form .input-group span {
  background-color: #FFF;
  border: none;
}
.k2SearchBlock form .input-group i {
  border: none;
  font-size: 18px;
}
/* K2 Item */
.itemFullText {
  margin-top: 50px;
}
.itemView .row {
  margin-bottom: 30px;
}
.itemHeader {
  margin-bottom: 30px;
  padding-bottom: 20px;
  text-align: center;
}
.itemHeader .itemTitle {
  color: #555555;
  font-weight: 500;
  border-top: 3px solid #555555;
  border-bottom: 3px solid #555555;
}
.itemHeader .itemDateCreated {
  display: block;
  font-family: sans-serif;
  font-size: 12px;
  font-style: italic;
}
.itemHeader .itemAuthor {
  display: block;
}
.itemBody {
  font-size: 18px;
}
.itemBody .itemImageBlock {
  display: inline-block;
  text-align: center;
}
.itemBody a {
  text-decoration: underline;
}
.itemAuthorBlock {
  background: #f2f2f2;
  padding: 30px;
}
.itemRelated .even,
.itemRelated .row {
  padding: 0 5px;
}
.itemRelated .itemRelTitle {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  display: block;
  margin: 10px 0;
}
/* K2 Category Item */
.itemContainer .catItemIntroText {
  font-size: 14px;
  padding: 20px;
}
.itemContainer .catItemIntroText > div {
  margin-bottom: 15px;
}
.itemContainer .label {
  font-size: 90%;
}
.itemContainer .catItemDateCreated {
  display: block;
  font-family: sans-serif;
  font-size: 12px;
  font-style: italic;
}
.itemContainer .catItemAuthor {
  display: block;
}
.itemContainer .catItemImageBlock img {
  object-fit: cover;
  height: 100% !important;
}
/* K2 related */
.crop-container .crop {
  max-height: 200px;
  overflow: hidden;
}
.crop-container img {
  min-height: 200px;
}
/* INSTAGRAM */
div.jgram.user {
  background-color: #fff !important;
}
/* Simple portfolio */
.sp-simpleportfolio-description {
  width: 100% !important;
}
.sp-simpleportfolio-description img {
  width: 100% !important;
  height: auto !important;
}
.sp-simpleportfolio .sp-simpleportfolio-image {
  margin: 0 0 30px 0;
}
.sp-simpleportfolio-meta-top {
  display: none;
  background: #f5f5f5;
  margin-bottom: 20px;
}
.sp-simpleportfolio-meta-top:after {
  clear: both;
  content: " ";
  display: table;
}
.sp-simpleportfolio-meta-top .sp-simpleportfolio-created,
.sp-simpleportfolio-meta-top .sp-simpleportfolio-tags,
.sp-simpleportfolio-meta-top .sp-simpleportfolio-link {
  float: left;
  width: 50%;
  padding: 30px;
}
/* Mod_gtranslate */
a.flag.nturl {
  display: inline-block;
  height: 24px;
  width: 24px;
}
#sp-position1 .sp-module {
  margin: 6px 0 0;
  float: right;
}
/* RESPONSIVE ########################################## */
div.control-group.b2j-contact-actions {
  text-align: center;
}
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  .blog.HomeFeatured h2 {
    font-size: 5vw;
  }
  .blog.HomeFeatured p {
    font-size: 4vw;
  }
  .sppb-addon-article h4 {
    font-size: 6vw;
  }
  .sppb-addon-article p {
    font-size: 5vw;
  }
  .blog.twocol h2 {
    font-size: 6vw;
    line-height: 1;
  }
  .blog.twocol p.moduleItemCategory {
    font-size: 5vw;
  }
  .blog.twocol .post-share-links {
    font-size: 6vw;
  }
  .blog.twocol .moduleItemTags {
    font-size: 4vw;
  }
  .custom.stickyColumn img {
    margin: auto;
  }
  .sppb-addon-article {
    width: 90vw;
    margin: 0 auto 30px auto;
    text-align: center;
  }
  .sppb-addon-article .square-image img {
    object-fit: cover;
    overflow: hidden;
    height: 40vh;
    width: 90vw;
    object-position: top;
  }
  .sp-megamenu-parent {
    display: none !important;
  }
  .itemImageBlock img,
  .blog.k2ItemsBlock ul li .moduleItemImage img {
    max-width: 345px;
  }
  section#chisiamo div.sppb-addon-container.boxed.sppb-wow.fadeInLeft.sppb-animated {
    padding: 30px !important;
  }
  section#chisiamo div.sppb-addon-container.boxed.sppb-wow.fadeInLeft.sppb-animated .sppb-addon-content * {
    font-size: 11pt !important;
    line-height: 2;
  }
}
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .blog.HomeFeatured h2 {
    font-size: 2vw;
  }
  .blog.HomeFeatured p {
    font-size: 1.5vw;
  }
  .sppb-addon-article h4 {
    font-size: 1.5vw;
  }
  .sppb-addon-article p {
    font-size: 1.2vw;
  }
  .blog.twocol h2 {
    font-size: 3vw;
  }
  .blog.twocol p.moduleItemCategory,
  .blog.twocol .moduleItemTags {
    font-size: 1.5vw;
  }
  .blog.twocol .post-share-links {
    font-size: 1.5vw;
  }
  .blog.twocol .moduleItemTags {
    font-size: 1.2vw;
  }
  .custom.stickyColumn img {
    margin: auto;
  }
  .sppb-addon-article {
    width: initial;
    margin: 0 auto 30px auto;
  }
  .sppb-addon-article .square-image img {
    object-fit: cover;
    overflow: hidden;
    height: 25vh;
    width: 25vw;
    object-position: top;
  }
  .itemImageBlock img,
  .blog.k2ItemsBlock ul li .moduleItemImage img {
    max-width: 470px;
  }
  section#chisiamo div.sppb-addon-container.boxed.sppb-wow.fadeInLeft.sppb-animated {
    padding: 100px !important;
  }
  section#chisiamo div.sppb-addon-container.boxed.sppb-wow.fadeInLeft.sppb-animated .sppb-addon-content * {
    font-size: 13pt !important;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .sp-megamenu-parent > li > a {
    font-size: 16px;
    padding: 0px 6px;
    line-height: 90px;
  }
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .sp-megamenu-parent {
    display: initial !important;
  }
  .itemImageBlock img,
  .blog.k2ItemsBlock ul li .moduleItemImage img {
    max-width: 100%;
  }
}
/* Extra */
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  .itemImageBlock img,
  .blog.k2ItemsBlock ul li .moduleItemImage img {
    max-width: 100%;
  }
}
/* UP TO LANDSCAPE PHONE */
@media (max-width: 480px) {
  #sp-page-builder .nobg_mobile {
    background: none !important;
    text-align: center !important;
  }
  #sp-page-builder .nobg_mobile .sppb-addon-container {
    padding: 0 !important;
  }
  section#who.sppb-section {
    background: none !important;
  }
  section#who.sppb-section .sppb-addon-container {
    padding: 0 !important;
  }
  .xs-center {
    text-align: center;
  }
  .semitrans {
    padding: 20px !important;
  }
  .sppb-section {
    padding: 0 0!important;
  }
}