html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**** RETINA ****/
.x1 {
  display: inherit !important;
}

.x2 {
  display: none !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .x1 {
    display: none !important;
  }

  .x2 {
    display: inherit !important;
  }
}
/**** GENERAL ****/
body {
  color: #555;
  background: #2a2a2a;
  font:
    normal 100% Helvetica,
    Arial,
    sans-serif;
  line-height: 1.5em;
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
  background-attachment: fixed;
  background-position: center;
}

a {
  text-decoration: none;
  outline: none;
}

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

strong {
  font-weight: bold;
}

::selection,
::-moz-selection {
  background: #222;
  color: #fff;
}

small {
  font-size: 0.75em;
  line-height: 1.2em;
}

.last {
  margin-right: 0 !important;
}

.clear {
  clear: both;
}

/**** LAYOUT ****/
.container {
  margin: 0 auto;
  position: relative;
}

.non-responsive {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  min-width: 1000px;
}

.boxed {
  margin: 0 auto;
  padding: 40px 0;
  width: 1000px;
}

#content {
  background: #fff;
}

/**** UTILITIES ****/
.spacer {
  clear: both;
}

.divider {
  border-bottom: 1px solid #eee;
  padding: 10px 0 0 0;
  margin: 0 0 29px 0;
  position: relative;
}

.spot {
  display: block;
  width: 7px;
  height: 7px;
  background: #eee;
  position: absolute;
  left: 0;
  bottom: -4px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.vspace-20 {
  padding: 10px 0;
}

.vspace-40 {
  padding: 20px 0;
}

.padding-right-20 {
  margin-right: 20px;
  position: relative;
}

/**** GENERAL ****/
em {
  font-style: italic;
  color: #888;
}

h2 {
  font-size: 22px;
  line-height: 1.5em;
  margin: 0 0 20px 0;
}

h3 {
  font-size: 20px;
  line-height: 1.5em;
  margin: 0 0 20px 0;
}

h4 {
  font-size: 18px;
  line-height: 1.5em;
  margin: 0 0 20px 0;
}

h5 {
  font-size: 16px;
  line-height: 1.5em;
  margin: 0 0 20px 0;
}

h6 {
  font-size: 14px;
  line-height: 1.5em;
  margin: 0 0 20px 0;
}

p {
  margin: 0 0 20px 0;
}
p:last-child {
  margin: 0;
}

ul {
  margin: 0 0 20px 2px;
  padding: 0 0 0 20px;
  list-style: square;
}

ol {
  margin: 0 0 20px 2px;
  padding: 0 0 0 20px;
  list-style: decimal;
}

li {
  margin: 0 0 1px 0;
}

strong {
  font-weight: bold;
}

table {
  width: 100%;
  margin: 0;
  background: #fafafa;
  overflow: hidden;
  border: none;
  margin: 0 0 20px 0;
}
table thead {
  color: #fff;
}
table th {
  padding: 10px 12px;
  border-bottom: 1px solid #eee;
}
table td {
  padding: 10px 12px;
}
table tfoot td {
  border-top: 1px solid #eee;
}
table tbody td td {
  border-top: 1px dotted #eee;
}
table tbody td tr:hover td {
  background: #fff;
}

/**** HEADER ****/
header {
  z-index: 1000;
  position: relative;
  background: #fafafa;
  padding: 25px 0;
  font-size: 16px;
  border-bottom: 3px solid #f2f2f2;
}
header .container {
  min-height: 70px;
}
header a {
  color: #555;
}
header.dark {
  border: none;
}
header.dark #social-box ul li {
  background: #fff;
}
header.dark #social-box ul li.search {
  overflow: hidden;
}
header.dark #social-box ul li.search a:hover {
  background: #fff;
}
header.dark #social-box ul li.search.active {
  background: #fff;
}
header.dark #social-box a {
  background: #fff;
}
header.dark #social-box a:hover {
  background: #fff !important;
}
header.dark #primary-nav {
  bottom: -25px;
}
header.dark #primary-nav #primary-nav-list > li > a {
  color: #fff;
}
header.light {
  background: #fafafa !important;
}

#branding {
  float: left;
  margin: 45px 0 0 0;
}
#branding img {
  display: block;
  height: auto;
}
#branding a {
  display: block;
}

#site-description {
  display: none;
}

#primary-nav {
  position: absolute;
  bottom: -28px;
  right: 0;
  font-size: 13px;
  line-height: 1em;
}
#primary-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#primary-nav ul li {
  margin: 0;
}
#primary-nav #primary-nav-list {
  float: right;
  margin: 0 -15px 0 0;
  padding: 0;
  list-style: none;
}
#primary-nav #primary-nav-list > li {
  float: left;
  position: relative;
  white-space: nowrap;
}
#primary-nav #primary-nav-list > li a {
  padding: 0 15px 23px 15px;
  display: block;
  margin-bottom: 3px;
}
#primary-nav #primary-nav-list > li:hover > a {
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
}
#primary-nav #primary-nav-list > li.current-menu-item > a,
#primary-nav #primary-nav-list > li.current-menu-ancestor > a {
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 0;
}
#primary-nav #primary-nav-list > li ul {
  position: absolute;
  background: #fff;
  font-size: 0.85em;
  display: none;
  border: 1px solid #eee;
  border-top: none;
}
#primary-nav #primary-nav-list > li ul li {
  float: none;
  border-bottom: 1px solid #eee;
  position: relative;
}
#primary-nav #primary-nav-list > li ul li:last-child {
  border: none;
}
#primary-nav #primary-nav-list > li ul li:first-child a {
  padding-top: 15px;
}
#primary-nav #primary-nav-list > li ul li.current-menu-item > a {
  background-color: #fafafa;
}
#primary-nav #primary-nav-list > li ul li a {
  padding: 10px 30px 10px 15px;
  border: none;
  margin: 0;
}
#primary-nav #primary-nav-list > li ul li a:hover {
  border: none;
}
#primary-nav #primary-nav-list > li ul li:hover > a {
  background-color: #fafafa;
  border: none;
}
#primary-nav #primary-nav-list li:hover > ul {
  display: block;
}
#primary-nav #primary-nav-list li li ul {
  top: -1px;
  border: 1px solid #eee;
  display: none;
}
#primary-nav #primary-nav-list li li ul li:first-child a {
  background-image: none;
  padding: 10px 30px 10px 15px;
}
#primary-nav #primary-nav-list li li:hover > ul {
  display: block;
}

#social-box {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #aaa;
}
#social-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#social-box ul li {
  -webkit-border-radius: 13px;
  border-radius: 13px;
  float: left;
  margin: 0 0 0 15px;
  background: #ddd;
}
#social-box ul li a {
  transition: background-color 0.1s ease-out;
  -moz-transition: background-color 0.1s ease-out;
  -webkit-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  display: block;
  min-width: 26px;
  height: 26px;
  padding: 0 0 0 0;
  background: #ddd;
  text-align: center;
  line-height: 27px;
  color: #fff;
  float: left;
}
#social-box ul li.youtube a:hover {
  background-color: #c22e2c;
}
#social-box ul li.flickr a:hover {
  background-color: #fd0083;
}
#social-box ul li.instagram a:hover {
  background-color: #7f4837;
}
#social-box ul li.pinterest a:hover {
  background-color: #c81c1e;
}
#social-box ul li.dribbble a:hover {
  background-color: #de4a84;
}
#social-box ul li.tumblr a:hover {
  background-color: #35506b;
}
#social-box ul li.twitter a:hover {
  background-color: #00aced;
}
#social-box ul li.facebook a:hover {
  background-color: #3b5998;
}
#social-box ul li.linkedin a:hover {
  background-color: #4875b4;
}
#social-box ul li.google a:hover {
  background-color: #c63d2d;
}
#social-box ul li.phone a {
  padding: 0 10px;
}
#social-box ul li.phone a:hover {
  background-color: #6dd043;
}
#social-box ul li.rss a:hover {
  background-color: #f89333;
}
#social-box ul li.email a:hover {
  background-color: #0073c6;
}
#social-box ul li.search {
  overflow: hidden;
}
#social-box ul li.search a {
  background: none;
}
#social-box ul li.search.active form input {
  width: 80px;
  padding-right: 15px;
  opacity: 1;
}
#social-box form {
  float: left;
}
#social-box form input {
  transition: width 0.25s ease-out;
  -moz-transition: width 0.25s ease-out;
  -webkit-transition: width 0.25s ease-out;
  -o-transition: width 0.25s ease-out;
  padding: 6px 0 0 0;
  outline: none;
  color: #fff;
  border: none;
  width: 0;
  opacity: 0;
  background: none;
}

#tiny-nav {
  display: none;
}
#tiny-nav .select-wrap {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.content-sidebar .container {
  max-width: 90%;
  margin: 0;
}

.content-sidebar [class*="span"] {
  max-width: 100%;
}

/**** PAGE ****/
#breadcrumb {
  font-size: 0.9em;
  color: #aaa;
  margin: 10px 0 0 0;
}
#breadcrumb i {
  margin: 0 6px;
}
#breadcrumb a {
  border: none;
  color: #aaa;
}
#breadcrumb a:hover {
  color: #555;
}

/**** ELEMENT ****/
.dropcap {
  font-size: 58px;
  float: left;
  text-transform: uppercase;
  position: relative;
  margin: -2px 15px 0 0;
  line-height: 1em;
}

code {
  background: url(/assets/images/code-bg.png) 0 -10px repeat;
  display: block;
  padding: 10px;
  border: 1px solid #eee;
  white-space: pre-wrap;
  margin: 0 0 20px 0;
}

blockquote {
  background: #fafafa;
  padding: 30px 20px 24px 30px;
  font-style: italic;
  position: relative;
  margin: 0 0 20px 0;
  overflow: hidden;
}
blockquote p {
  margin: 0 0 10px 0;
  position: relative;
  z-index: 10;
}
blockquote cite {
  font-style: normal;
  line-height: 1.4em;
  color: #888;
  display: block;
  padding: 5px 0 0 0;
  margin: 50px 0 0 0;
  text-align: right;
}
blockquote strong {
  display: block;
}

.quote-avatar {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: block;
  width: 64px;
  height: 64px;
  background: #fff;
  border: none;
  overflow: hidden;
  padding: 2px;
  float: right;
  margin: 30px 0 0 15px;
}

.post-thumb {
  margin: 0 0 20px 0;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.aligncenter {
  display: block;
  margin: 5px auto 20px;
}

.alignnone {
  margin: 0 0 20px 0;
}

.wp-caption {
  max-width: 100%;
  background: #f5f5f5;
}

.wp-caption-text {
  padding: 10px 15px;
}

.wp-caption img {
  width: 100%;
  height: auto;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

.gallery {
  margin-bottom: 20px !important;
}

.gallery-caption {
  display: none;
}

.sticky {
  border: none;
}

.page-link {
  background: #f5f5f5;
  padding: 5px 10px;
  float: right;
  margin: 0 0 20px 0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.page-link span,
.page-link a {
  padding: 0 0 0 4px;
  color: #555;
}
.page-link a span {
  font-weight: normal;
}
.page-link span {
  font-weight: bold;
}

.video-container {
  max-width: 100%;
}

/**** SKILL ****/
.skill-bar {
  height: 15px;
  background: #eee;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 5px 0 15px 0;
}

.skill-score {
  height: 15px;
  position: relative;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.skill-score span {
  background: #333;
  color: #fff;
  padding: 4px 8px;
  position: absolute;
  right: 0;
  top: -25px;
  font-size: 11px;
  line-height: 1em;
  display: block;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.skill-score span:after {
  content: "";
  display: block;
  border-color: #333 transparent;
  border-width: 5px 5px 0;
  position: absolute;
  bottom: -5px;
  width: 0;
  border-style: solid;
  left: 12px;
}

/**** BOX ****/
.box {
  padding: 15px;
  border: 1px solid #eee;
  margin: 0 0 20px 0;
  background: #fafafa;
  position: relative;
}
.box.box-closable {
  padding-right: 50px;
}
.box.box-un-closable .icon-times-circle {
  display: none;
}
.box .icon-times-circle {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  cursor: pointer;
  opacity: 0.5;
}
.box .icon-times-circle:hover {
  opacity: 1;
}

.box-blue {
  background: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}

.box-yellow {
  background: #fcf8e3;
  border-color: #fbeed5;
  color: #c09853;
}

.box-red {
  background: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}

.box-green {
  background: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}

/**** TAB ****/
.tabs-wrap {
  margin: 0 0 20px 0;
}
.tabs-wrap .tabs {
  margin: 0 0 0 1px;
  padding: 0;
  float: left;
}
.tabs-wrap .tabs li {
  float: left;
  list-style: none;
  margin: 0;
  border: 1px solid #eee;
  border-bottom: none;
  z-index: 100;
  position: relative;
  margin: 0 0 0 -1px;
  padding: 10px 15px 9px;
  background: #fafafa;
  display: block;
  font-weight: bold;
  cursor: pointer;
}
.tabs-wrap .tabs li.current {
  background: #fff;
  padding: 10px 15px;
}
.tabs-wrap .panes {
  clear: both;
  border: 1px solid #eee;
  top: -1px;
  position: relative;
}
.tabs-wrap .panes .pane {
  display: none;
  padding: 15px;
}

/**** ACCORDION ****/
.accordions-wrap {
  margin: 0 0 20px 0;
  border: 1px solid #eee;
}
.accordions-wrap .tab {
  cursor: pointer;
  position: relative;
  margin: -1px 0 0 0;
  background: #fff;
  padding: 10px 15px;
  border-top: 1px solid #eee;
  background: #fafafa;
}
.accordions-wrap .tab i {
  margin: 0 8px 0 0;
  color: #aaa;
}
.accordions-wrap .tab .icon-minus {
  display: none;
}
.accordions-wrap .tab .icon-plus {
  display: inline;
}
.accordions-wrap .tab.current .icon-minus {
  display: inline;
}
.accordions-wrap .tab.current .icon-plus {
  display: none;
}
.accordions-wrap .pane {
  padding: 15px;
  display: none;
  border-top: 1px solid #eee;
}

/**** TOGGLE ****/
.toggle-wrap {
  margin: 0 0 20px 0;
  overflow: hidden;
  border: 1px solid #eee;
}
.toggle-wrap .tab {
  background: #fafafa;
  padding: 10px 15px;
  cursor: pointer;
}
.toggle-wrap .tab i {
  margin: 0 5px 0 0;
  color: #aaa;
}
.toggle-wrap .tab .icon-minus {
  display: none;
}
.toggle-wrap .tab .icon-plus {
  display: inline;
}
.toggle-wrap .current .icon-minus {
  display: inline;
}
.toggle-wrap .current .icon-plus {
  display: none;
}
.toggle-wrap .pane {
  padding: 15px;
  display: none;
  border-top: 1px solid #eee;
}

.img-box {
  background: #f5f5f5;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.img-box img {
  height: auto;
  width: 100%;
}
.img-box .link-mask {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1000;
}
.img-box .thumb-dummy {
  height: 167px;
  background: #ddd;
}
.img-box .img-info {
  position: relative;
  min-height: 125px;
  color: #888;
  padding: 10px 12px;
}
.img-box .img-info a {
  color: #555;
}
.img-box .overlay-wrap {
  position: relative;
  color: #fff;
  min-height: 80px;
}
.img-box .overlay-wrap a {
  color: #fff;
}
.img-box .corner-info {
  padding: 3px 10px;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: bold;
  -webkit-border-radius: 0px 0px 0px 3px;
  border-radius: 0px 0px 0px 3px;
  transition: all 0.25s;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.25);
  color: #fff;
  font-size: 12px;
}
.img-box .corner-info span {
  margin: 0 2px;
  opacity: 0.5;
}
.img-box:hover .corner-info {
  top: -30px;
}
.img-box .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  display: block;
  transition: all 0.25s;
  visibility: hidden;
}
.img-box:hover .overlay {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}
.img-box .overlay-mask {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
.img-box i.overlay-icon {
  font-size: 30px;
  position: absolute;
  z-index: 100;
  left: 50%;
  top: 50%;
  margin: -15px 0 0 -15px;
  opacity: 0;
  top: 75%;
  transition: all 0.25s;
  color: #fff;
}
.img-box:hover i.overlay-icon {
  opacity: 1;
  top: 50%;
}
.img-box i.overlay-icon-stay {
  top: 50%;
  opacity: 0.5;
}
.img-box .overlay-content {
  padding: 12px 15px;
  position: relative;
  z-index: 100;
}
.img-box .sep {
  margin: 0 3px;
}
.img-box .secondary-info {
  opacity: 0.9;
  margin: 10px 0 5px 0;
  font-size: 0.9em;
  line-height: 1.5em;
}
.img-box .secondary-info i {
  margin: 0 5px 0 0;
}
.img-box .secondary-info span {
  display: inline;
}
.img-box p {
  margin: 0 0 10px 0;
}

.slide-control {
  font-size: 20px;
  position: absolute;
  top: 0;
  right: 0;
}
.slide-control a {
  display: inline-block;
  background: #eee;
  color: #fff;
  padding: 8px 14px;
  opacity: 0.8;
}
.slide-control a:hover {
  color: #fff;
}
.slide-control a.m-carousel-prev {
  -webkit-border-radius: 3px 0px 0px 0px;
  border-radius: 3px 0px 0px 0px;
}
.slide-control a.m-carousel-next {
  -webkit-border-radius: 0px 3px 0px 0px;
  border-radius: 0px 3px 0px 0px;
}
.slide-control a.has-sub {
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}

ul.bullet-less-list {
  list-style: none;
  padding: 0;
}
ul.bullet-less-list li {
  position: relative;
  padding: 0 0 0 24px;
}
ul.bullet-less-list i {
  position: absolute;
  left: 0;
  top: 3px;
}
ul.bullet-less-list strong {
  margin: 0 3px 0 0;
}
ul.bullet-less-list.list-green i {
  color: #7ea200;
}
ul.bullet-less-list.list-red i {
  color: #b10000;
}
ul.bullet-less-list.list-green i {
  color: #7ea200;
}
ul.bullet-less-list.list-yellow i {
  color: #f4b200;
}
ul.bullet-less-list.list-blue i {
  color: #0089d0;
}
ul.bullet-less-list.list-grey i {
  color: #aaa;
}
ul.bullet-less-list.list-magenta i {
  color: #ce00a0;
}
ul.bullet-less-list.list-orange i {
  color: #f47900;
}

/**** LIST ****/
.list {
  padding: 0;
  margin: -5px 0 0 0;
}
.list li {
  list-style: none;
  margin: 0;
  display: block;
  width: 100%;
  line-height: 1.75em;
  border-bottom: 1px solid #f5f5f5;
}
.list li a {
  display: block;
  padding: 10px 5px 10px 34px;
  background: #fff;
  position: relative;
  color: #555;
}
.list li span {
  font-style: italic;
  white-space: nowrap;
  opacity: 0.75;
}
.list li strong {
  margin: 0 10px 0 0;
}
.list li i {
  position: absolute;
  left: 4px;
  top: 14px;
}

/**** BUTTON ****/
.button,
.theme-form input[type="submit"],
.wpcf7-form input[type="submit"],
#comments .comment-edit-link,
#comments .comment-reply-link {
  background: #eee;
  color: #888;
  padding: 5px 10px;
  display: inline-block;
  margin: 0 8px 10px 0;
  border: none;
  cursor: pointer;
  position: relative;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-appearance: none;
}
.button:hover,
.theme-form input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:hover,
#comments .comment-edit-link:hover,
#comments .comment-reply-link:hover,
.button.active,
.theme-form input.active[type="submit"],
.wpcf7-form input.active[type="submit"],
#comments .active.comment-edit-link,
#comments .active.comment-reply-link {
  color: #fff;
}
.button:hover.button-red,
.theme-form input[type="submit"]:hover.button-red,
.wpcf7-form input[type="submit"]:hover.button-red,
#comments .comment-edit-link:hover.button-red,
#comments .comment-reply-link:hover.button-red,
.button.active.button-red,
.theme-form input.active.button-red[type="submit"],
.wpcf7-form input.active.button-red[type="submit"],
#comments .active.button-red.comment-edit-link,
#comments .active.button-red.comment-reply-link {
  background-color: #c20000;
}
.button:hover.button-green,
.theme-form input[type="submit"]:hover.button-green,
.wpcf7-form input[type="submit"]:hover.button-green,
#comments .comment-edit-link:hover.button-green,
#comments .comment-reply-link:hover.button-green,
.button.active.button-green,
.theme-form input.active.button-green[type="submit"],
.wpcf7-form input.active.button-green[type="submit"],
#comments .active.button-green.comment-edit-link,
#comments .active.button-green.comment-reply-link {
  background-color: #7ea200;
}
.button:hover.button-yellow,
.theme-form input[type="submit"]:hover.button-yellow,
.wpcf7-form input[type="submit"]:hover.button-yellow,
#comments .comment-edit-link:hover.button-yellow,
#comments .comment-reply-link:hover.button-yellow,
.button.active.button-yellow,
.theme-form input.active.button-yellow[type="submit"],
.wpcf7-form input.active.button-yellow[type="submit"],
#comments .active.button-yellow.comment-edit-link,
#comments .active.button-yellow.comment-reply-link {
  background-color: #f4b200;
}
.button:hover.button-blue,
.theme-form input[type="submit"]:hover.button-blue,
.wpcf7-form input[type="submit"]:hover.button-blue,
#comments .comment-edit-link:hover.button-blue,
#comments .comment-reply-link:hover.button-blue,
.button.active.button-blue,
.theme-form input.active.button-blue[type="submit"],
.wpcf7-form input.active.button-blue[type="submit"],
#comments .active.button-blue.comment-edit-link,
#comments .active.button-blue.comment-reply-link {
  background-color: #0089d0;
}
.button:hover.button-black,
.theme-form input[type="submit"]:hover.button-black,
.wpcf7-form input[type="submit"]:hover.button-black,
#comments .comment-edit-link:hover.button-black,
#comments .comment-reply-link:hover.button-black,
.button.active.button-black,
.theme-form input.active.button-black[type="submit"],
.wpcf7-form input.active.button-black[type="submit"],
#comments .active.button-black.comment-edit-link,
#comments .active.button-black.comment-reply-link {
  background-color: #333;
}
.button:hover.button-magenta,
.theme-form input[type="submit"]:hover.button-magenta,
.wpcf7-form input[type="submit"]:hover.button-magenta,
#comments .comment-edit-link:hover.button-magenta,
#comments .comment-reply-link:hover.button-magenta,
.button.active.button-magenta,
.theme-form input.active.button-magenta[type="submit"],
.wpcf7-form input.active.button-magenta[type="submit"],
#comments .active.button-magenta.comment-edit-link,
#comments .active.button-magenta.comment-reply-link {
  background-color: #ce00a0;
}
.button:hover.button-orange,
.theme-form input[type="submit"]:hover.button-orange,
.wpcf7-form input[type="submit"]:hover.button-orange,
#comments .comment-edit-link:hover.button-orange,
#comments .comment-reply-link:hover.button-orange,
.button.active.button-orange,
.theme-form input.active.button-orange[type="submit"],
.wpcf7-form input.active.button-orange[type="submit"],
#comments .active.button-orange.comment-edit-link,
#comments .active.button-orange.comment-reply-link {
  background-color: #f47900;
}
.button i,
.theme-form input[type="submit"] i,
.wpcf7-form input[type="submit"] i,
#comments .comment-edit-link i,
#comments .comment-reply-link i {
  margin: 0 4px 0 0;
}

.button-primary,
.theme-form input[type="submit"],
.wpcf7-form input[type="submit"] {
  background-image: url(/assets/images/tile-checker.png);
  background-repeat: repeat;
  color: #fff;
  display: inline-block;
  border-bottom: none;
  padding: 5px 15px 5px 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.button-primary:hover,
.theme-form input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:hover {
  color: #fff;
  background-image: none;
}
.button-primary:active,
.theme-form input[type="submit"]:active,
.wpcf7-form input[type="submit"]:active {
  top: 1px;
}
.button-primary small,
.theme-form input[type="submit"] small,
.wpcf7-form input[type="submit"] small {
  display: block;
  margin: 0;
  font-size: 14px;
  opacity: 0.8;
}
.button-primary.button-red,
.theme-form input.button-red[type="submit"],
.wpcf7-form input.button-red[type="submit"] {
  background-color: #b10000;
}
.button-primary.button-green,
.theme-form input.button-green[type="submit"],
.wpcf7-form input.button-green[type="submit"] {
  background-color: #7ea200;
}
.button-primary.button-yellow,
.theme-form input.button-yellow[type="submit"],
.wpcf7-form input.button-yellow[type="submit"] {
  background-color: #f4b200;
}
.button-primary.button-blue,
.theme-form input.button-blue[type="submit"],
.wpcf7-form input.button-blue[type="submit"] {
  background-color: #0089d0;
}
.button-primary.button-black,
.theme-form input.button-black[type="submit"],
.wpcf7-form input.button-black[type="submit"] {
  background-color: #333;
}
.button-primary.button-magenta,
.theme-form input.button-magenta[type="submit"],
.wpcf7-form input.button-magenta[type="submit"] {
  background-color: #ce00a0;
}
.button-primary.button-orange,
.theme-form input.button-orange[type="submit"],
.wpcf7-form input.button-orange[type="submit"] {
  background-color: #f47900;
}
.button-primary i,
.theme-form input[type="submit"] i,
.wpcf7-form input[type="submit"] i {
  margin: 0 4px 0 0;
}

.button-medium {
  font-size: 1.2em;
  line-height: 1em;
  padding: 8px 17px 8px 12px;
}
.button-medium i {
  margin: 0 3px 0 0;
}

.button-large {
  font-size: 1.4em;
  line-height: 1em;
  padding: 10px 20px 10px 15px;
}
.button-large i {
  margin: 0 4px 0 0;
}

/**** GALLERY ****/
.gallery .gallery-item {
  width: auto !important;
  margin-top: 1px !important;
  margin-right: 1px !important;
}
.gallery img {
  border: none !important;
}

/**** FOOTER ****/
footer {
  overflow: hidden;
  *zoom: 1;
  background: #2a2a2a;
  padding: 15px 0;
  color: #aaa;
  font-size: 12px;
  line-height: 1.25em;
}
footer a {
  color: #aaa;
}

#footer-left {
  float: left;
}

#footer-right {
  float: right;
}

#footer-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer-nav li {
  float: left;
  padding: 0 10px;
  border-left: 1px solid #333;
  margin: 0;
}
#footer-nav li:last-child {
  padding-right: 0;
}
#footer-nav li:first-child {
  border: none;
  padding-left: 0;
}

/**** ASIDE ****/
.sidebar p {
  margin: 0 0 10px 0;
}

/**** WIDGET ****/
.widget {
  overflow: hidden;
  *zoom: 1;
  margin: 0 0 40px 0;
}
.widget:last-child {
  margin: 0;
}
.widget p:last-child {
  margin: 0;
}
.widget ul {
  padding: 0;
  list-style: none;
}
.widget ul:last-child {
  margin: 0;
}
.widget ul li {
  padding: 8px 2px;
  border-bottom: 1px solid #fafafa;
}
.widget ul li:last-child {
  border-bottom: none;
}
.widget .post-date {
  color: #aaa;
  font-size: 0.9em;
  display: block;
}

.widget-title {
  margin: 0 0 15px 0;
  font-size: 18px;
  line-height: 1.25em;
}
.widget-title .word1 {
  letter-spacing: 1px;
}

.flickr_badge_image {
  float: left;
  margin: 0 10px 10px 0;
  padding: 1px;
  background: #fff;
  width: 63px;
  height: 63px;
}
.flickr_badge_image img {
  display: block;
  width: 100%;
  height: 100%;
}

.widget ul li {
  padding: 12px 0;
  margin: 0;
  border-bottom: 1px solid #f5f5f5;
}
.widget ul li.current-cat {
  background: #fafafa;
}

aside .widget_sub_nav ul,
aside .widget_nav_menu ul,
aside .widget_pages ul {
  border: 1px solid #eee;
}
aside .widget_sub_nav ul li,
aside .widget_nav_menu ul li,
aside .widget_pages ul li {
  padding: 0;
  border-bottom: 1px solid #eee;
}
aside .widget_sub_nav ul li:hover,
aside .widget_nav_menu ul li:hover,
aside .widget_pages ul li:hover {
  background: none;
}
aside .widget_sub_nav ul li:last-child,
aside .widget_nav_menu ul li:last-child,
aside .widget_pages ul li:last-child {
  border-bottom: none;
}
aside .widget_sub_nav ul li.current_page_item > a,
aside .widget_nav_menu ul li.current_page_item > a,
aside .widget_pages ul li.current_page_item > a {
  border-right: 3px solid #00bb8d;
  position: relative;
  margin-right: -1px;
}
aside .widget_sub_nav ul li.active > a,
aside .widget_nav_menu ul li.active > a,
aside .widget_pages ul li.active > a {
  background: #f5f5f5;
}
aside .widget_sub_nav ul a,
aside .widget_nav_menu ul a,
aside .widget_pages ul a {
  padding: 12px 16px;
  display: block;
  color: #555;
}
aside .widget_sub_nav ul a:hover,
aside .widget_nav_menu ul a:hover,
aside .widget_pages ul a:hover {
  background-color: #fafafa;
}
aside .widget_sub_nav ul a i.icon-angle-down,
aside .widget_nav_menu ul a i.icon-angle-down,
aside .widget_pages ul a i.icon-angle-down {
  float: right;
  font-size: 18px;
}
aside .widget_sub_nav ul ul,
aside .widget_nav_menu ul ul,
aside .widget_pages ul ul {
  border: none;
  display: none;
  position: relative;
}
aside .widget_sub_nav ul ul li a,
aside .widget_nav_menu ul ul li a,
aside .widget_pages ul ul li a {
  background: #fcfcfc;
}

.widget_search form {
  position: relative;
  border: 1px solid #ddd;
  background: #fff;
}
.widget_search input[type="text"] {
  padding: 10px;
  font-size: 13px;
  min-width: 80%;
  border: none;
}
.widget_search input[type="text"]:focus {
  outline: none;
}
.widget_search #search-button {
  position: absolute;
  top: -3px;
  right: 5px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  border: none;
  background: none;
  cursor: pointer;
  color: #ddd;
}
.widget_search #search-button:hover {
  color: #aaa;
}

.tagcloud {
  letter-spacing: 1px;
}
.tagcloud a {
  font-size: 13px !important;
  display: inline-block;
  padding: 5px 10px;
  background: #eee;
  color: #888;
  margin: 0 10px 10px 0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#wp-calendar caption {
  padding: 10px;
  text-align: center;
  background: #ddd;
  font-size: 16px;
}
#wp-calendar thead {
  background: #eee;
  color: inherit;
}
#wp-calendar td {
  border: 1px solid #eee;
}

.widget_ads_125 {
  margin: 0 0 20px 0;
}
.widget_ads_125 .ads-banner {
  width: 125px;
  height: 125px;
  background: #eee;
  float: left;
  margin: 0 20px 20px 0;
}

.widget_social a {
  margin: 0 15px 15px 0;
  color: #555;
  opacity: 0.75;
}
.widget_social a:hover {
  opacity: 1;
}
.widget_social i {
  font-size: 20px;
}

.widget_contact_info p {
  margin: 0 0 20px;
}
.widget_contact_info ul li {
  position: relative;
  padding: 0 0 0 28px;
  margin: 0 0 5px 0;
  border: none;
}
.widget_contact_info ul li i {
  position: absolute;
  left: 0;
  top: 3px;
}
.widget_contact_info .icon-mobile-phone {
  font-size: 18px;
  top: 1px;
  left: -3px;
}
.widget_contact_info .icon-map-marker {
  font-size: 16px;
  top: 1px;
  left: 1px;
}

.widget_twitter ul {
  margin-bottom: 10px !important;
}

.widget.icl_languages_selector {
  overflow: visible;
}
.widget.icl_languages_selector .icon-angle-down {
  display: none;
}
.widget.icl_languages_selector img {
  display: inline-block;
}

#pre-footer {
  padding: 20px 0 1px;
  background: #373839;
  color: #aaa;
  font-size: 13px;
  line-height: 1.4em;
}
#pre-footer a {
  color: #aaa;
}
#pre-footer p {
  margin: 0 0 8px 0;
}
#pre-footer p:last-child {
  margin: 0;
}
#pre-footer strong,
#pre-footer em {
  color: #ccc;
}
#pre-footer .widget {
  margin: 0 0 20px 0;
}
#pre-footer .widget .widget-title {
  font-size: 16px;
  margin: 0 0 15px 0;
}
#pre-footer .widget .widget-title .word1 {
  color: #ddd;
}
#pre-footer .widget ul {
  margin-top: -6px;
}
#pre-footer .widget ul li {
  padding: 6px 10px 6px 1px;
  border-bottom: 1px solid #404040;
}
#pre-footer .widget ul li:last-child {
  border: none;
}
#pre-footer .flickr_badge_image {
  width: 60px;
  height: 60px;
  padding: 0;
}
#pre-footer .tagcloud a {
  background: #444;
  padding: 3px 8px;
  margin: 0 8px 8px 0;
}
#pre-footer .tagcloud a:hover {
  background: #555;
}
#pre-footer .widget_ads_125 {
  margin: 0 0 10px 0;
}
#pre-footer .widget_ads_125 .ads-banner {
  width: 90px;
  height: 90px;
}
#pre-footer .widget_contact_info p {
  margin: 0 0 20px;
}
#pre-footer .widget_contact_info ul li {
  position: relative;
  padding: 0 0 0 24px;
  margin: 0 0 2px 0;
  border: none;
}
#pre-footer .widget_contact_info .icon-mobile-phone {
  font-size: 18px;
  top: 1px;
  left: -3px;
}
#pre-footer .widget_twitter .twitter-box {
  padding: 0;
  background: none;
}

/**** FORM ****/
.theme-form,
.wpcf7-form {
  color: #888;
}
.theme-form input[type="text"],
.theme-form input[type="email"],
.theme-form input[type="password"],
.theme-form textarea,
.theme-form .input-text,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="password"],
.wpcf7-form textarea,
.wpcf7-form .input-text {
  margin: 0;
  border: 1px solid #ddd;
  padding: 12px;
  font-family: arial;
  font-size: 13px;
  color: #888;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
}
.theme-form input[type="submit"],
.wpcf7-form input[type="submit"] {
  padding: 10px 20px;
}
.theme-form textarea,
.wpcf7-form textarea {
  min-height: 100px;
}
.theme-form label,
.wpcf7-form label {
  margin: 0 0 5px 0;
  display: inline-block;
}
.theme-form select,
.wpcf7-form select {
  width: 100%;
  height: 38px;
  line-height: 38px;
  display: inline-block;
  border: 1px solid #ddd;
  padding: 0 10px;
  color: #888;
}
.theme-form .select-wrap,
.wpcf7-form .select-wrap {
  border: 1px solid #ddd;
  position: relative;
  color: #888;
  background: #fff;
}
.theme-form .select-wrap i,
.wpcf7-form .select-wrap i {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
  z-index: 0;
}
.theme-form .select-wrap select,
.wpcf7-form .select-wrap select {
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  z-index: 10;
  position: relative;
}
.theme-form .input-wrap,
.wpcf7-form .input-wrap {
  margin: 0 0 15px 0;
  position: relative;
  overflow: hidden;
}
.theme-form .input-wrap:last-child,
.wpcf7-form .input-wrap:last-child {
  margin: 0;
}
.theme-form .input-wrap i.icon-asterisk,
.wpcf7-form .input-wrap i.icon-asterisk {
  position: absolute;
  right: 14px;
  top: 12px;
  font-size: 10px;
  color: #ddd;
}
.theme-form .form-submit,
.wpcf7-form .form-submit {
  margin: 0;
}

.wpcf7-form .wpcf7-not-valid-tip {
  margin: 5px 0 0 0;
  color: maroon;
}
.wpcf7-form .wpcf7-form-control-wrap {
  margin: 6px 0 15px 0;
  display: block;
}
.wpcf7-form div.wpcf7-response-output {
  border-width: 1px !important;
  margin: 0 !important;
  padding: 10px !important;
}

.form-response {
  background: #fafafa;
  padding: 5px 11px;
  display: none;
  font-size: 12px;
  line-height: 1.5em;
}

/**** PAGE - BLOG ****/
.stack-page-blog article {
  margin: 0 0 60px 0;
  position: relative;
}
.stack-page-blog .article-head {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}
.stack-page-blog h2.post-title {
  border: none;
  padding: 0;
  margin: -3px 0 5px 0;
  font-size: 22px;
}
.stack-page-blog .article-body {
  padding: 20px 0 0 0;
}
.stack-page-blog .meta-date {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  width: 80px;
  padding: 5px 0 0 0;
  letter-spacing: 1px;
}
.stack-page-blog .meta-date .meta-date-day {
  font-size: 38px;
  letter-spacing: 2px;
  display: block;
  line-height: 1em;
}
.stack-page-blog .meta-date .meta-date-month:after {
  content: " / ";
}
.stack-page-blog .post-thumb {
  margin: 0;
}

.post-meta {
  font-size: 0.9em;
  opacity: 0.8;
}

.meta-item {
  margin: 0 5px 0 0;
}
.meta-item:after {
  content: " / ";
  color: #aaa;
}
.meta-item:last-child:after {
  content: "";
}
.meta-item span {
  padding: 0 5px 0 0;
}
.meta-item a {
  color: #555;
}

.previouspostslink {
  float: left;
  margin: 0;
}

.nextpostslink {
  float: right;
}
.nextpostslink .button,
.nextpostslink .theme-form input[type="submit"],
.theme-form .nextpostslink input[type="submit"],
.nextpostslink .wpcf7-form input[type="submit"],
.wpcf7-form .nextpostslink input[type="submit"],
.nextpostslink #comments .comment-edit-link,
#comments .nextpostslink .comment-edit-link,
.nextpostslink #comments .comment-reply-link,
#comments .nextpostslink .comment-reply-link {
  margin: 0;
}

.post-thumb-box {
  margin: 0 0 20px 0;
}

.author-box {
  position: relative;
  background: #fafafa;
  padding: 20px 20px 20px 120px;
  margin: 0;
  min-height: 85px;
}
.author-box .author-info p {
  margin: 0;
}
.author-box .author-img {
  position: absolute;
  left: 20px;
  top: 20px;
  margin: 2px 20px 10px 0;
  height: 80px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
}
.author-box .author-name {
  font-size: 16px;
  margin: 5px 0 10px 0;
}
.author-box .author-desc {
  margin: 0;
}

/**** COMMENTS ****/
#comments h3 {
  margin-top: 0;
}
#comments .comment-wrap {
  padding: 0 0 0 110px;
  position: relative;
  margin: 0 0 20px 0;
}
#comments .comment-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#comments .comment-list li {
  margin: 0 0 30px 0;
}
#comments .comment-list .children {
  list-style: none;
}
#comments .comment-content {
  padding: 20px;
  background: #fafafa;
  min-height: 105px;
  position: relative;
}
#comments .comment-meta {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  text-align: center;
}
#comments .comment-meta .gravatar {
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  overflow: hidden;
  margin: 0 0 10px 0;
}
#comments .comment-meta .gravatar img {
  height: auto;
}
#comments .comment-meta .comment-date {
  font-size: 10px;
}
#comments .comment-edit-link,
#comments .comment-reply-link {
  float: right;
  margin-top: 40px !important;
}
#comments .depth-2 {
  padding: 0 0 0 110px;
}
#comments .bypostauthor .comment-content {
  background: #fafafa;
}
#comments .comment-author-name {
  font-size: 12px;
  line-height: 1.25em;
}
#comments .comment-meta-compact {
  display: none;
  margin: 0 0 10px 0;
}
#comments #respond {
  padding: 20px;
  background: #fafafa;
}

/**** STACK ****/
.stack {
  overflow: hidden;
  *zoom: 1;
  padding: 35px 0;
  position: relative;
  width: 100%;
}
.stack:first-child {
  padding-top: 40px;
}
.stack:last-child {
  padding-bottom: 50px;
}
.stack .stack-title {
  font-size: 20px;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #eee;
  line-height: 1em;
  margin: 0 0 25px 0;
  position: relative;
}
.stack .stack-title.small-gap {
  margin-bottom: 15px;
}
.stack .spot {
  display: block;
  width: 5px;
  height: 5px;
  background: #eee;
  position: absolute;
  left: 0;
  bottom: -3px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

/**** SECTION TITLE ****/
.stack-section-title {
  padding-bottom: 25px;
}
.stack-section-title h1 {
  font-size: 36px;
  line-height: 1.5em;
  margin: 0;
  padding: 0 150px 0 0;
  position: relative;
}
.stack-section-title h1#post-title {
  font-size: 28px;
  line-height: 1.5em;
  padding: 0 200px 0 0;
}
.stack-section-title h1#post-title em {
  font-style: normal;
}
.stack-section-title #page-sub-title {
  opacity: 0.5;
  margin: 10px 0 0 0;
  position: relative;
}
.stack-section-title #page-breadcrumb {
  opacity: 0.75;
  z-index: 10;
  position: relative;
  padding: 4px 15px 4px 10px;
  display: inline-block;
  background: #f5f5f5;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 5px;
  right: 0;
  color: #888;
}
.stack-section-title #page-breadcrumb i {
  margin: 0 5px;
}
.stack-section-title #page-breadcrumb a,
.stack-section-title #page-breadcrumb a:hover {
  color: #888;
}

/**** PAGE CONTENT ****/
.stack-page-content {
  padding: 20px 0;
}

/**** SEPARATOR ****/
.separator {
  border-bottom: 1px solid #eee;
  position: relative;
}

/**** MAP ****/
.stack-map:first-child {
  padding-top: 0;
}
.stack-map:last-child {
  padding-bottom: 0;
}

/**** CLIENT ****/
.stack-client .client-list [class*="span"] {
  text-align: left;
  line-height: 60px;
}
.stack-client .client-list img {
  vertical-align: middle;
  height: auto;
  display: inline-block;
  max-width: 120px;
  max-height: 60px;
  transition: all 0.5s;
  -webkit-filter: grayscale(100%);
}
.stack-client .client-list img:hover {
  -webkit-filter: grayscale(0);
}

/**** TEAM ****/
.stack-person .person-info-head {
  margin: 0 0 10px 0;
}
.stack-person .person-name {
  font-size: 1.25em;
  line-height: 1.5em;
  color: #555;
}
.stack-person .person-social-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  margin: 20px 0 5px 0;
}
.stack-person .person-social-list li {
  margin: 0 5px 0 0;
  display: inline-block;
}
.stack-person .person-social-list a {
  border: none;
  color: #f5f5f5;
  background: #ccc;
  display: block;
  width: 22px;
  line-height: 22px;
  height: 22px;
  text-align: center;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.stack-person .person-social-list a:hover {
  background: #bbb;
}
.stack-person .person-social-list a.flickr:hover {
  background-color: #fd0083;
}
.stack-person .person-social-list a.instagram:hover {
  background-color: #7f4837;
}
.stack-person .person-social-list a.pinterest:hover {
  background-color: #c81c1e;
}
.stack-person .person-social-list a.dribbble:hover {
  background-color: #de4a84;
}
.stack-person .person-social-list a.tumblr:hover {
  background-color: #35506b;
}
.stack-person .person-social-list a.twitter:hover {
  background-color: #00aced;
}
.stack-person .person-social-list a.facebook:hover {
  background-color: #3b5998;
}
.stack-person .person-social-list a.linkedin:hover {
  background-color: #4875b4;
}
.stack-person .person-social-list a.google-plus:hover {
  background-color: #c63d2d;
}
.stack-person .person-social-list a.envelope:hover {
  background-color: #00aced;
}

/**** FEATURE ****/
.stack-feature {
  padding-bottom: 10px;
}
.stack-feature .feature-title {
  font-size: 18px;
  line-height: 1.5em;
  margin: 0 0 10px 0;
}
.stack-feature .feature-title i {
  margin: 0 8px 0 0;
  font-size: 24px;
}
.stack-feature img {
  margin: 0 0 15px 0;
}
.stack-feature .span4,
.stack-feature .span6 {
  margin-bottom: 25px;
}

/**** PRICING ****/
ul.price-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}
ul.price-list li {
  padding: 15px 20px;
  background: #f8f8f8;
  margin: 0;
  border-bottom: 1px solid #f1f1f1;
}
ul.price-list li.row-title {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  padding: 15px 20px;
}
ul.price-list li.row-price {
  padding: 20px 20px;
  color: #888;
  background: #f0f0f0;
}
ul.price-list li.row-price strong {
  position: relative;
  top: -28px;
  left: -2px;
  font-size: 26px;
  font-weight: normal;
  color: #666;
}
ul.price-list li.row-price em {
  font-size: 70px;
  line-height: 1em;
  font-weight: bold;
  font-style: normal;
}
ul.price-list li.row-price sup {
  position: relative;
  top: -28px;
  left: 4px;
  font-size: 30px;
  font-weight: bold;
}
ul.price-list li.row-price small {
  position: relative;
  margin-left: -14px;
  font-size: 16px;
  font-style: italic;
}
ul.price-list li.row-button {
  padding: 20px 20px;
  border: none;
}

/**** IMAGE & TEXT ****/
.image-text-stack.image-right {
  text-align: right;
}
.image-text-stack.image-right .button,
.image-text-stack.image-right .theme-form input[type="submit"],
.theme-form .image-text-stack.image-right input[type="submit"],
.image-text-stack.image-right .wpcf7-form input[type="submit"],
.wpcf7-form .image-text-stack.image-right input[type="submit"],
.image-text-stack.image-right #comments .comment-edit-link,
#comments .image-text-stack.image-right .comment-edit-link,
.image-text-stack.image-right #comments .comment-reply-link,
#comments .image-text-stack.image-right .comment-reply-link {
  margin: 0;
}
.image-text-stack h3 {
  margin-top: 5px;
}

/**** TESTIMONIAL ****/
.stack-testimonial blockquote {
  margin: 0;
}

/**** CALLOUT ****/
.stack-callout {
  font-size: 26px;
  line-height: 1.5em;
}
.stack-callout .button-primary,
.stack-callout .theme-form input[type="submit"],
.theme-form .stack-callout input[type="submit"],
.stack-callout .wpcf7-form input[type="submit"],
.wpcf7-form .stack-callout input[type="submit"] {
  margin: 5px 0 0 20px;
  float: right;
  display: inline-block;
  padding: 10px 20px 15px 20px;
  letter-spacing: 1px;
  font-size: 24px;
  line-height: 1.5em;
}
.stack-callout .button-primary i,
.stack-callout .theme-form input[type="submit"] i,
.theme-form .stack-callout input[type="submit"] i,
.stack-callout .wpcf7-form input[type="submit"] i,
.wpcf7-form .stack-callout input[type="submit"] i {
  margin: 0 20px 0 0;
  font-size: 58px;
  float: left;
}
.stack-callout .button-primary.button-primary-no-sub,
.stack-callout .theme-form input.button-primary-no-sub[type="submit"],
.theme-form .stack-callout input.button-primary-no-sub[type="submit"],
.stack-callout .wpcf7-form input.button-primary-no-sub[type="submit"],
.wpcf7-form .stack-callout input.button-primary-no-sub[type="submit"] {
  line-height: 2.4em;
}
.stack-callout em {
  font-style: normal;
}
.stack-callout .callout-icon {
  font-size: 60px;
  color: #fff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  line-height: 100px;
  display: block;
  margin-top: -5px;
  text-align: center;
  float: right;
  margin-left: 20px;
}
.stack-callout.bg-dark {
  color: #fff;
  padding: 30px 0;
}
.stack-callout.bg-dark em {
  color: #fff !important;
}
.stack-callout.bg-dark .button-primary,
.stack-callout.bg-dark .theme-form input[type="submit"],
.theme-form .stack-callout.bg-dark input[type="submit"],
.stack-callout.bg-dark .wpcf7-form input[type="submit"],
.wpcf7-form .stack-callout.bg-dark input[type="submit"] {
  background: #fff !important;
}
.stack-callout.bg-dark .callout-icon {
  background: #fff;
}

/**** OPTIN ****/
.optin-form .optin-wrap {
  background: #fafafa;
  position: relative;
  height: 65px;
  border: 1px solid #eee;
  margin: 8px 0 0 0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.optin-form .optin-email {
  width: 100%;
  font-size: 16px;
  padding: 25px 80px 15px 15px;
  color: #aaa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  background: none;
  outline: none;
}
.optin-form .optin-submit {
  border: none;
  width: 70px;
  height: 67px;
  font-size: 50px;
  line-height: 0px;
  padding: 0;
  text-align: center;
  position: absolute;
  right: -1px;
  top: -1px;
  display: block;
  cursor: pointer;
  margin: 0;
  -webkit-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
}
.optin-form i {
  position: absolute;
  right: 26px;
  top: 0;
  color: #fff;
  font-size: 45px;
  line-height: 65px;
  pointer-events: none;
}
.optin-form .form-response {
  background: #fafafa;
  padding: 10px;
  display: none;
  margin: 15px 0 0 0;
}

/**** CONTACT ****/
.stack-contact:first-child {
  padding-top: 0;
}
.stack-contact:last-child {
  padding-bottom: 0;
}

.map-wrap img {
  max-width: none;
}

.contact-pane {
  background: rgba(255, 255, 255, 0.95);
  padding: 20px;
  position: absolute;
  right: 20px;
  margin-top: 20px;
  z-index: 1000;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 25%;
}
.contact-pane p.title {
  margin-bottom: 10px;
}
.contact-pane p {
  margin-bottom: 15px;
}
.contact-pane p:last-child {
  margin-bottom: 0;
}
.contact-pane form {
  margin-top: 20px;
}

/**** FILTER ****/
.filter-wrap {
  margin: 0 0 0 -20px;
}

.list.filter-wrap {
  margin: 0;
}

.filter-item {
  margin-bottom: 20px;
}

.slide-control:hover ul.filter-button-list {
  display: block;
  -webkit-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
  overflow: hidden;
}

ul.filter-button-list {
  position: absolute;
  right: 0;
  list-style: none;
  z-index: 1000;
  font-size: 13px;
  padding: 0;
  display: none;
  white-space: nowrap;
}
ul.filter-button-list li {
  list-style: none;
  margin: 0;
  display: block;
  float: none;
}
ul.filter-button-list li:last-child {
  border: none;
}
ul.filter-button-list li a {
  display: block;
  padding: 8px 40px 8px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.025);
  opacity: 0.8;
}
ul.filter-button-list li a:hover {
  opacity: 0.9;
}
ul.filter-button-list li a.active {
  opacity: 1;
}

/**** CAROUSEL ****/
.m-item {
  float: none !important;
  margin: 0 20px 0 0;
}

/**** SERVICE ****/
.service-list {
  float: left;
  background: #fafafa;
}
.service-list li {
  float: left;
  width: 197px;
  padding: 15px 20px 20px;
}
.service-list li:nth-child(odd) {
  background: #f5f5f5;
}
.service-list li:hover {
  color: #fff;
}
.service-list h2 {
  font-size: 20px;
  margin: 0 0 10px 0;
  line-height: 30px;
}
.service-list p {
  text-align: justify;
  font-size: 14px;
  line-height: 1.5em;
}

/**** TWITTER ****/
.stack-twitter {
  padding: 20px 0;
}
.stack-twitter a {
  color: #555;
}
.stack-twitter .twitter-box {
  background: #eee;
  padding: 15px 0 10px 0;
  position: relative;
  min-height: 24px;
}
.stack-twitter .tweet_list {
  list-style: none;
  margin: 0;
  padding: 0 0 0 15px;
}
.stack-twitter iframe.twitter-follow-button {
  position: absolute;
  top: 0;
  right: 15px;
}

iframe.twitter-timeline {
  visibility: hidden;
}

/**** FEATURED SLIDER ****/
.stack-slider {
  position: relative;
  padding: 20px 0 20px;
}
.stack-slider.stack-slider-full-width {
  width: 100%;
  padding: 0 0 20px 0;
}
.stack-slider.stack-slider-full-width > .container {
  width: 100%;
}
.stack-slider.stack-slider-full-width .slide .container {
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.stack-slider.stack-slider-full-width .slide-content {
  left: 0;
}
.stack-slider.stack-slider-full-width .slide-content.slide-content-right {
  right: 0;
}
.stack-slider .slide {
  height: 100%;
}
.stack-slider .slide-content {
  position: absolute;
  bottom: 50px;
  left: 50px;
  z-index: 10;
}
.stack-slider .slide-content.slide-content-right {
  right: 50px;
  left: auto;
  text-align: right;
}
.stack-slider .slide-content.slide-content-center {
  left: 50%;
  margin-left: -250px;
  text-align: center;
}
.stack-slider .slide-title {
  color: #fff;
  font-size: 32px;
  margin: 0 0 10px 0;
  line-height: 1.25em;
  opacity: 0.9;
}
.stack-slider .slide-desc {
  padding: 15px 25px 20px;
  background: rgba(0, 0, 0, 0.5);
  background: transparent url(/assets/images/black-50.png) repeat\0;
  color: #fff;
  width: 450px;
  clear: both;
  font-size: 15px;
  line-height: 1.5em;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.stack-slider .slide-desc p {
  margin: 0 0 20px 0;
}
.stack-slider .slide-desc p:last-child {
  margin: 0;
}
.stack-slider .button,
.stack-slider .theme-form input[type="submit"],
.theme-form .stack-slider input[type="submit"],
.stack-slider .wpcf7-form input[type="submit"],
.wpcf7-form .stack-slider input[type="submit"],
.stack-slider #comments .comment-edit-link,
#comments .stack-slider .comment-edit-link,
.stack-slider #comments .comment-reply-link,
#comments .stack-slider .comment-reply-link {
  margin: 0;
}

.boxed .stack-slider > .container {
  width: 100%;
}

.boxed .stack-slider:first-child {
  padding-top: 0;
}

/**** SLIDES JS ****/
.slides {
  display: none;
  position: relative;
}
.slides.slide-with-pagination .slidesjs-navigation {
  display: none;
}
.slides img {
  width: 100%;
  position: relative;
  height: auto;
}
.slides .slidesjs-navigation {
  opacity: 0;
  height: 100%;
  width: 30px;
  display: block;
  background: #000;
  position: absolute;
  top: 0;
  text-indent: -999em;
  z-index: 1000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.slides:hover .slidesjs-navigation {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.slides .slidesjs-previous {
  left: 0;
}
.slides .slidesjs-next {
  right: 0;
}
.slides .slidesjs-pagination {
  float: right;
  padding: 15px 0 0 0;
}
.slides .slidesjs-pagination li {
  float: left;
  margin: 0 0 0 6px;
}
.slides .slidesjs-pagination li a {
  display: block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-indent: -999em;
  background: #eee;
}
.slides .slidesjs-pagination li a.active {
  background: #ccc;
}

/**** REV SLIDER ****/
.rev_slider_wrapper {
  padding: 0 !important;
}
.rev_slider_wrapper .tp-bannertimer {
  bottom: 0;
  top: auto;
  height: 5px;
}

/**** SINGLE PORTFOLIO ****/
ul.features-list {
  margin-left: -3px;
  padding-left: 0;
}
ul.features-list li {
  padding: 5px 4px;
  background: #fafafa;
  list-style: none;
  margin: 0;
}
ul.features-list li:nth-child(odd) {
  background: none;
}
ul.features-list strong {
  margin: 0 5px 0 0;
}

/**** PAGE - SINGLE EVENT ****/
.event-map-image-toggle {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1000;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}
.event-map-image-toggle a {
  display: block;
  float: left;
  margin: 0;
  padding: 8px 10px;
  background: #eee;
  font-size: 18px;
  -webkit-border-radius: 0;
  border-radius: 0;
  position: relative;
}

.h-card {
  display: none !important;
}

/**** MASONRY ****/
.masonry-item {
  margin-bottom: 20px;
}

/**** ISOTOPE ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}