@charset "UTF-8";
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;
}

/* To use the light Solarized highlighting theme uncomment the following line */
/* If you want to tweak the Solarized colors you can do that here */
/* Non highlighted code colors */
.wide-container {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}

.row {
  margin: 0 -20px;
}
.row:after {
  clear: both;
  content: '';
  display: table;
}
@media all and (max-width: 767px) {
  .row {
    margin: 0 -10px;
  }
}

@media (max-width: 767px) {
  .col-sm-1-1 {
    width: 100%;
    padding: 0 30px;
  }
}
@media all and (max-width: 767px) and (max-width: 767px) {
  .col-sm-1-1 {
    padding: 0 10px;
  }
}

@media (max-width: 767px) {
  .col-sm-1-2 {
    float: left;
    width: 50%;
    padding: 0 30px;
  }
}
@media all and (max-width: 767px) and (max-width: 767px) {
  .col-sm-1-2 {
    padding: 0 10px;
  }
}

@media (min-width: 768px) {
  .col-md-1-2 {
    float: left;
    width: 50%;
    padding: 0 30px;
  }
}
@media all and (min-width: 768px) and (max-width: 767px) {
  .col-md-1-2 {
    padding: 0 10px;
  }
}

@media (min-width: 768px) {
  .col-md-1-3 {
    float: left;
    width: 33.3333333%;
    padding: 0 30px;
  }
}
@media all and (min-width: 768px) and (max-width: 767px) {
  .col-md-1-3 {
    padding: 0 10px;
  }
}

@media (min-width: 768px) {
  .col-md-1-4 {
    float: left;
    width: 25%;
    padding: 0 30px;
  }
}
@media all and (min-width: 768px) and (max-width: 767px) {
  .col-md-1-4 {
    padding: 0 10px;
  }
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.ul,
.ol {
  margin: 0;
  padding-left: 0;
}
.ul li,
.ol li {
  list-style-type: none;
}

.clear:after {
  clear: both;
  content: '';
  display: table;
}

img {
  vertical-align: bottom;
}

.pcHide {
  display: none;
}

.spHide {
  display: block;
}

iframe[name="google_conversion_frame"] {
  position: absolute;
  top: 0;
}

.section-main {
  margin: 105px 0 0;
  text-align: center;
}
.section-main.main-4 {
  margin: 55px 0 0;
}
.section-main.main-5 {
  margin: 110px 0 0;
}
.section-main.main-6 {
  margin: 50px 0 0;
}
.section-main.main-7 {
  margin: 110px 0 0;
}
.section-main .section-head {
  margin-bottom: 30px;
}
.section-main .section-head h3 {
  font-size: 30px;
  line-height: 30px;
}
.section-main .section-head h3 img {
  height: 40px;
}
@media all and (max-width: 767px) {
  .section-main .section-head h3 {
    line-height: 1;
  }
  .section-main .section-head h3 span {
    display: inline;
  }
}
.section-main .section-title {
  margin: 0;
  font-size: 36px;
  font-weight: normal;
  color: #1d2088;
  line-height: 1.4;
}
.section-main .section-title span:first-child:before {
  display: inline-block;
  content: '';
  margin-right: 4px;
  width: 50px;
  height: 50px;
  background-image: url(../images/ui/title-icon.png);
  background-repeat: no-repeat;
  background-size: 36px;
  background-position: center;
  vertical-align: top;
}
.section-main .section-title.title-with-logo span:first-child:before {
  width: 216px;
  height: 49px;
  margin-bottom: -6px;
  background-image: url(../images/logo.png);
  background-size: 100%;
}
.section-main .section-description {
  margin: 40px 0;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
}
.section-main span.annotaion {
  margin-top: .5em;
  font-size: 70%;
  line-height: 1.8;
  font-weight: normal;
  display: block;
}
.section-main.section-end {
  margin-bottom: 90px;
}

@media all and (max-width: 767px) {
  .spHide {
    display: none;
  }

  .pcHide {
    display: block;
  }

  .section-main {
    margin: 0;
  }
  .section-main.main-3 {
    margin: 50px 0 0;
  }
  .section-main.main-4 {
    margin: 50px 0 0;
  }
  .section-main.main-5 {
    margin: 60px 0 0;
  }
  .section-main.main-6 {
    margin: 40px 0 0;
  }
  .section-main.section-end {
    margin-bottom: 40px;
  }
  .section-main .section-head h3 {
    font-size: 16px;
  }
  .section-main .section-head h3 img {
    height: 18px;
  }
  .section-main .section-title {
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
  }
  .section-main .section-title span:first-child:before {
    width: 20px;
    height: 20px;
    background-size: 20px;
    vertical-align: text-top;
  }
  .section-main .section-title.title-with-logo span:first-child:before {
    width: 82px;
    height: 20px;
    margin-bottom: -3px;
  }
}
@media all and (max-width: 767px) and (max-width: 374px) {
  .section-main .section-title br {
    display: none;
  }
  .section-main .section-title br.spHide {
    display: none;
  }
  .section-main .section-title br.pcHide {
    display: block;
  }
  .section-main .section-title span {
    display: block;
  }
}
@media all and (max-width: 767px) {
  .section-main .section-description {
    margin: 10px 0;
    font-size: 12px;
    line-height: 1.5;
  }
  .section-main .section-description span {
    display: block;
  }

  .index .section-main.main-1,
  .bike .section-main.main-1 {
    margin-top: 40px;
  }
}
/** Scroll to top button **/
a.backToTop {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  position: fixed;
  right: -50px;
  width: 49px;
  height: 49px;
  z-index: 9999;
  background-image: url("../images/ui/arrow_totop.png");
  background-repeat: no-repeat;
  background-position: center 15px;
  background-color: #404040;
  font-size: 9px;
  font-weight: 900;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 1;
  color: #fff !important;
  text-decoration: none;
  padding: 28px 0 12px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  bottom: 16px;
}

body#contact a.backToTop,
body#thank-you a.backToTop {
  color: #fff;
  text-decoration: none;
}

a.backToTop.on {
  right: 10px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

a.backToTop.off {
  right: -59px;
}

a.backToTop:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

a.link-btn {
  display: inline-block;
  padding: 0 20px 0 20px;
  line-height: 50px;
  border-radius: 25px;
  background-color: #fcc800;
  font-size: 19px;
  font-weight: bold;
  color: #1d2088;
}
@media all and (max-width: 767px) {
  a.link-btn {
    white-space: nowrap;
    font-size: 90%;
  }
}
a.link-btn:hover {
  color: black !important;
}

/* Navigation */
/* Sidebar colors */
/* Core theme application */
a {
  color: inherit;
  text-decoration: none;
}
a:visited {
  color: inherit;
}
a:focus {
  color: inherit;
}
a:hover {
  color: inherit;
}
a:active {
  color: inherit;
}

aside.sidebar a {
  color: #222;
}
aside.sidebar a:focus {
  color: #0181eb;
}
aside.sidebar a:hover {
  color: #0181eb;
}
aside.sidebar a:active {
  color: #01579f;
}

a {
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

html {
  background: #252525 url('../images/line-tile.png?1540193344') top left;
}

.heading, body > header h1, h1, h2, h3, h4, h5, h6 {
  font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, Verdana, sans-serif;
}

.sans, body {
  font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, Verdana, sans-serif;
}

.serif {
  font-family: "Hiragino Mincho ProN", "游明朝", YuMincho, "Times New Roman", Meiryo, serif;
}

.mono, pre, code, tt {
  font-family: Osaka-mono, "MS Gothic", Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
}

body > header h1 {
  font-size: 2.2em;
  font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, Verdana, sans-serif;
  font-weight: normal;
  margin-bottom: 0.6667em;
}

body > header h2 {
  font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, Verdana, sans-serif;
}

body {
  line-height: 1.5em;
  color: #222;
}

h1 {
  font-size: 2.2em;
  line-height: 1.5;
}

@media only screen and (min-width: 992px) {
  body {
    font-size: 1.15em;
  }

  h1 {
    font-size: 2.6em;
    line-height: 1.2em;
  }
}
h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizelegibility;
  margin-bottom: 1em;
  font-weight: bold;
}

h2, section h1 {
  font-size: 1.5em;
}

h3, section h2, section section h1 {
  font-size: 1.3em;
}

h4, section h3, section section h2, section section section h1 {
  font-size: 1em;
}

h5, section h4, section section h3 {
  font-size: .9em;
}

h6, section h5, section section h4, section section section h3 {
  font-size: .8em;
}

p, article blockquote, ul, ol {
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0;
}
ul li, ol li {
  list-style-type: none;
}
ul ul, ul ol, ol ul, ol ol {
  margin-left: 1.3em;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

sup, sub {
  font-size: 0.75em;
  position: relative;
  display: inline-block;
  padding: 0 .2em;
  line-height: .8em;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.5em;
}

a[rev='footnote'] {
  font-size: .75em;
  padding: 0 .3em;
  line-height: 1;
}

q {
  font-style: italic;
}
q:before {
  content: "\201C";
}
q:after {
  content: "\201D";
}

em, dfn {
  font-style: italic;
}

strong, dfn {
  font-weight: bold;
}

del, s {
  text-decoration: line-through;
}

abbr, acronym {
  border-bottom: 1px dotted;
  cursor: help;
}

hr {
  margin-bottom: 0.2em;
}

small {
  font-size: .8em;
}

big {
  font-size: 1.2em;
}

article blockquote {
  font-style: italic;
  position: relative;
  font-size: 1.2em;
  line-height: 1.5em;
  padding-left: 1em;
  border-left: 4px solid rgba(170, 170, 170, 0.5);
}
article blockquote cite {
  font-style: italic;
}
article blockquote cite a {
  color: #aaa !important;
  word-wrap: break-word;
}
article blockquote cite:before {
  content: '\2014';
  padding-right: .3em;
  padding-left: .3em;
  color: #aaa;
}
@media only screen and (min-width: 992px) {
  article blockquote {
    padding-left: 1.5em;
    border-left-width: 4px;
  }
}

.pullquote-right:before,
.pullquote-left:before {
  /* Reset metrics. */
  padding: 0;
  border: none;
  /* Content */
  content: attr(data-pullquote);
  /* Pull out to the right, modular scale based margins. */
  float: right;
  width: 45%;
  margin: .5em 0 1em 1.5em;
  /* Baseline correction */
  position: relative;
  top: 7px;
  font-size: 1.4em;
  line-height: 1.45em;
}

.pullquote-left:before {
  /* Make left pullquotes align properly. */
  float: left;
  margin: .5em 1.5em 1em 0;
}

/* @extend this to force long lines of continuous text to wrap */
.force-wrap {
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.group, aside.sidebar, #main, #content, .sidebar {
  *zoom: 1;
}
.group:after, #main:after, #content:after, .sidebar:after {
  content: "";
  display: table;
  clear: both;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  -webkit-text-size-adjust: none;
  position: relative;
  margin: 0;
  background-image: url(../images/pattern.png);
  background-repeat: repeat;
}
body .container {
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
}
@media all and (max-width: 959px) {
  body .container {
    padding: 0 10px;
  }
}

#content {
  overflow: hidden;
}
#content > div, #content > article {
  width: 100%;
}
#content > .container {
  width: 960px;
  max-width: 100%;
}
@media all and (max-width: 414px) {
  #content > .container.frontPage {
    margin-top: 30px;
  }
}

aside.sidebar {
  float: none;
  padding: 0 18px 1px;
  background-color: #f7f7f7;
  border-top: 1px solid #e0e0e0;
}

.flex-content {
  max-width: 100%;
  height: auto;
}

.basic-alignment.left {
  float: left;
  margin-right: 1.5em;
}
.basic-alignment.right {
  float: right;
  margin-left: 1.5em;
}
.basic-alignment.center {
  display: block;
  margin: 0 auto 1.5em;
}
.basic-alignment.left, .basic-alignment.right {
  margin-bottom: .8em;
}

.toggle-sidebar, .no-sidebar .toggle-sidebar {
  display: none;
}

@media only screen and (min-width: 750px) {
  body.sidebar-footer aside.sidebar {
    float: none;
    width: auto;
    clear: left;
    margin: 0;
    padding: 0 35px 1px;
    background-color: #f7f7f7;
    border-top: 1px solid #eaeaea;
  }
  body.sidebar-footer aside.sidebar section.odd, body.sidebar-footer aside.sidebar section.even {
    float: left;
    width: 48%;
  }
  body.sidebar-footer aside.sidebar section.odd {
    margin-left: 0;
  }
  body.sidebar-footer aside.sidebar section.even {
    margin-left: 4%;
  }
  body.sidebar-footer aside.sidebar.thirds section {
    width: 30%;
    margin-left: 5%;
  }
  body.sidebar-footer aside.sidebar.thirds section.first {
    margin-left: 0;
    clear: both;
  }
}
body.sidebar-footer #content {
  margin-right: 0px;
}
body.sidebar-footer .toggle-sidebar {
  display: none;
}

@media only screen and (min-width: 550px) {
  body > header {
    font-size: 1em;
  }
}
@media only screen and (min-width: 750px) {
  aside.sidebar {
    float: none;
    width: auto;
    clear: left;
    margin: 0;
    padding: 0 35px 1px;
    background-color: #f7f7f7;
    border-top: 1px solid #eaeaea;
  }
  aside.sidebar section.odd, aside.sidebar section.even {
    float: left;
    width: 48%;
  }
  aside.sidebar section.odd {
    margin-left: 0;
  }
  aside.sidebar section.even {
    margin-left: 4%;
  }
  aside.sidebar.thirds section {
    width: 30%;
    margin-left: 5%;
  }
  aside.sidebar.thirds section.first {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 768px) {
  body {
    -webkit-text-size-adjust: auto;
  }

  #main {
    padding: 0 0 0 0;
    margin: 0 auto;
  }

  #content {
    overflow: visible;
    position: relative;
  }
  .no-sidebar #content {
    margin-right: 0;
    border-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  ul, ol {
    margin-left: 0;
  }
}
header#top {
  height: 65px;
  border-top: 5px solid #1d2088;
  background-color: #fff;
  overflow: hidden;
}
header#top .header-inner:after {
  clear: both;
  content: '';
  display: table;
}
header#top .header-logo {
  float: left;
}
header#top .header-logo h1 {
  margin: 0;
  padding: 10px 0 2px;
}
header#top .header-logo h1 a img {
  width: 164px;
  height: 37px;
  vertical-align: text-top;
}
header#top .header-nav {
  float: right;
}
header#top .header-nav > ul > li {
  float: left;
  padding: 0 5px;
}
header#top .header-nav > ul > li a {
  display: block;
  padding: 15px 5px 17px;
  line-height: 28px;
  font-size: 14px;
}
header#top .header-nav > ul > li a:before {
  display: inline-block;
  content: '';
  width: 20px;
  height: 26px;
  margin-right: 4px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: top;
}
header#top .header-nav > ul > li .pulldown {
  display: none;
  position: absolute;
  top: 65px;
  margin: 0 0 0 -5px;
  padding-bottom: 0;
  background: #fff;
  z-index: 999;
}
header#top .header-nav > ul > li .pulldown a {
  padding: 4px 16px 4px 10px;
}
header#top .header-nav > ul > li .pulldown a:hover {
  background-color: #fcc800;
}
header#top .header-nav > ul > li .pulldown li:first-child a {
  padding-top: 4px;
}
header#top .header-nav > ul > li .pulldown li:last-child a {
  padding-bottom: 4px;
}
header#top .header-nav > ul > li.nav-top > a:before {
  background-image: url(../images/header/01.png);
}
header#top .header-nav > ul > li.nav-top ul.pulldown a:before {
  background-image: url(../images/header/00.png);
}
header#top .header-nav > ul > li.nav-message a:before {
  background-image: url(../images/header/02.png);
}
header#top .header-nav > ul > li.nav-showcase a:before {
  width: 30px;
  margin-right: 6px;
  background-image: url(../images/header/06.png);
}
header#top .header-nav > ul > li.nav-movie a:before {
  background-image: url(../images/header/05.png);
}
header#top .header-nav > ul > li.nav-blog a:before {
  background-image: url(../images/header/07.png);
}
header#top .header-nav > ul > li.nav-faq a:before {
  width: 26px;
  background-image: url(../images/header/08.png);
}
header#top .header-nav > ul > li.nav-contact a:before {
  background-image: url(../images/header/04.png);
}

body > header .header-nav .hanburg {
  display: none;
}

.adapter header#top .header-logo h1 a img,
.bike header#top .header-logo h1 a img,
.degitako header#top .header-logo h1 a img,
.drivenavi header#top .header-logo h1 a img {
  height: 30px;
  width: 230px;
}
@media all and (max-width: 900px) {
  .adapter header#top .header-logo h1 a img,
  .bike header#top .header-logo h1 a img,
  .degitako header#top .header-logo h1 a img,
  .drivenavi header#top .header-logo h1 a img {
    height: 27px;
    margin-top: 5px;
  }
}

.hover-nav {
  display: none;
}

@media all and (max-width: 900px) {
  body > header {
    height: 60px;
    border-top: 2px solid #1d2088;
  }
  body > header .header-logo {
    margin-left: 10px;
  }
  body > header .header-logo h1 {
    padding: 11px 0 2px;
    font-size: 10px;
    line-height: 1;
  }
  body > header .header-logo h1 a img {
    width: 140px;
  }
  body > header .header-nav ul {
    display: none;
  }
  body > header .header-nav .hanburg {
    display: block;
    width: 40px;
    height: 40px;
    margin: 12px 10px 0;
    position: relative;
    text-align: center;
    cursor: pointer;
  }
  body > header .header-nav .hanburg.active span {
    transform-origin: center;
  }
  body > header .header-nav .hanburg.active span:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-315deg);
    transform: translateY(6px) rotate(-315deg);
  }
  body > header .header-nav .hanburg.active span:nth-of-type(2) {
    opacity: 0;
  }
  body > header .header-nav .hanburg.active span:nth-of-type(3) {
    -webkit-transform: translateY(-12px) rotate(315deg);
    transform: translateY(-12px) rotate(315deg);
  }
  body > header .header-nav .hanburg span {
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -17px;
    width: 80%;
    height: 4px;
    border-radius: 4px;
    background-color: #1d2088;
  }
  body > header .header-nav .hanburg span:nth-of-type(1) {
    top: 0px;
  }
  body > header .header-nav .hanburg span:nth-of-type(2) {
    top: 9px;
  }
  body > header .header-nav .hanburg span:nth-of-type(3) {
    top: 18px;
  }
  body > header .header-nav .hanburg div {
    height: auto;
    width: 100%;
    position: absolute;
    bottom: 0;
    font-size: 8px !important;
    line-height: 1.8;
    background: transparent;
    color: #1d2088;
    white-space: nowrap;
    letter-spacing: -0.1em;
    text-align: center;
    left: 50%;
    margin-left: -22px;
  }

  body.opened .header .container {
    position: relative;
    z-index: 1010;
    background-color: #fff;
  }
  body.opened > header .hover-nav {
    display: block;
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(35, 24, 21, 0.9);
    z-index: 1000;
  }
  body.opened > header .hover-nav ul {
    width: 290px;
    margin: 40px auto;
  }
  body.opened > header .hover-nav ul li {
    margin-bottom: 30px;
  }
  body.opened > header .hover-nav ul li a {
    display: block;
    line-height: 28px;
    font-size: 20px;
    color: white;
  }
  body.opened > header .hover-nav ul li a:before {
    display: inline-block;
    content: '';
    width: 20px;
    height: 26px;
    margin-right: 20px;
    background-position: center top 4px;
    background-size: 20px;
    background-repeat: no-repeat;
    vertical-align: top;
  }
  body.opened > header .hover-nav ul li.nav-top a:before {
    background-image: url(../images/header/01.png);
  }
  body.opened > header .hover-nav ul li.nav-top .pulldown a:before {
    background-image: url(../images/header/00.png);
  }
  body.opened > header .hover-nav ul li.nav-message a:before {
    background-image: url(../images/header/02.png);
  }
  body.opened > header .hover-nav ul li.nav-showcase a:before {
    width: 30px;
    margin-right: 6px;
    background-image: url(../images/header/06.png);
  }
  body.opened > header .hover-nav ul li.nav-movie a:before {
    background-image: url(../images/header/05.png);
  }
  body.opened > header .hover-nav ul li.nav-blog a:before {
    background-image: url(../images/header/07.png);
  }
  body.opened > header .hover-nav ul li.nav-faq a:before {
    width: 26px;
    background-image: url(../images/header/08.png);
  }
  body.opened > header .hover-nav ul li.nav-contact a:before {
    background-image: url(../images/header/04.png);
  }
  body.opened > header .hover-nav .pulldown {
    margin: 10px 0;
    padding-bottom: 0;
  }
  body.opened > header .hover-nav .pulldown li {
    margin-bottom: 10px;
  }
  body.opened > header .hover-nav .pulldown a {
    padding: 4px 10px 4px 40px;
  }
}
.footer {
  position: relative;
  z-index: 1;
}
.footer p {
  margin-bottom: 0;
}

.footer-banner .wide-container {
  height: 400px;
  background-image: url(../images/footer/banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.footer-banner .wide-container .container {
  position: relative;
  height: 400px;
}
.footer-banner h2 {
  position: absolute;
  top: 150px;
  left: 10px;
  font-size: 22px;
  font-weight: normal;
  color: #1d2088;
}
.footer-banner .banner-inner-logo {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 40px;
}

.footer_axis .footer-right {
  margin-top: 27px;
}

.footer-standerd {
  padding: 0 0 20px 0;
  text-align: right;
  background-color: #eee;
}
@media all and (max-width: 767px) {
  .footer-standerd {
    padding: 0;
    text-align: center;
  }
}
.footer-standerd img.iso {
  width: 234px;
}
@media all and (max-width: 767px) {
  .footer-standerd img.iso {
    width: 36%;
  }
}

@media all and (max-width: 767px) {
  .footer-banner .wide-container {
    height: 150px;
  }
  .footer-banner .wide-container .container {
    position: relative;
    height: 150px;
  }
  .footer-banner h2 {
    position: absolute;
    top: 40px;
    left: 15px;
    font-size: 11px;
  }
  .footer-banner .banner-inner-logo {
    right: 10px;
    bottom: 20px;
  }
  .footer-banner .banner-inner-logo img {
    width: 65px;
  }
}
.footer-credit {
  background-color: #fff;
  border-bottom: 5px solid #1d2088;
}
.footer-credit .credit-row {
  padding: 1em 0 0 0;
  overflow: hidden;
}
.footer-credit .credit-row > p {
  padding: 0 0 .4em 0;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #9fa0a0;
}
.footer-credit .credit-row .footer-left {
  float: left;
  padding: 5% 0 15px 0;
  width: 10%;
}
ul.footer-link {
  display: inline-block;
  padding: 5% 0 15px 1%;
  width: 100%;
  margin: auto;
}
ul.footer-link li {
  display: inline-block;
  padding: 5% 0 15px 0;
  width: 100%;
}
.footer-credit .credit-row .footer-link .footer-link-list {
  display: inline-block;
  font-size: small;
  list-style: none;
}
.footer-credit .credit-row .footer-link .footer-list-item {
  margin-right: 1.5rem;
  display: inline-block;
}
.footer-link-list{
 display: inline-block;
 margin: 1em;
}
.footer-credit .credit-row .footer-right {
  margin: auto;
}
.footer-credit .credit-row .footer-standard {
  float: left;
  padding: 18px 0 15px 20px;
  width: 30%;
}
.footer-credit .credit-row .footer-right p {
  font-size: 12px;
  color: #1d2088;
  letter-spacing: 1px;
  display: table-cell;
  vertical-align: bottom;
  height: 57px;
}
.footer-credit .credit-row .footer-right p a:hover {
  text-decoration: underline;
}
.footer-credit .credit-row .crmark {
  font-size: 1.8em;
  vertical-align: middle;
}
@media all and (max-width: 959px) {
  .footer-credit {
    border-bottom: 2px solid #1d2088;
  }
  .footer-credit .credit-row .footer-right {
    float: none;
    padding: 10px 0;
  }
  .footer-credit .credit-row .footer-right p {
    display: block;
    height: auto;
    font-size: 9px;
    font-weight: normal;
    letter-spacing: 0px;
    text-align: center;
  }

  .footer-credit .credit-row {
    position: relative;
    padding: 1em 0 0 0;
  }
  .footer-credit .credit-row .footer-left {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 10px;
    padding: 0;
    text-align: center;
  }
  .footer-credit .credit-row .footer-left img {
    zoom: .7;
  }
  .footer-credit .credit-row .footer-right {
    line-height: 1;
    margin-bottom: 60px;
    margin-top: 20px;
  }
}
@media all and (max-width: 414px) {
  .footer-credit .credit-row .footer-right {
    padding: 0;
    line-height: 1;
  }
}
/*!
 * Bootstrap v2.3.0
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: 0;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
.google-maps img {
  max-width: none;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: none;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #ffffff;
}

a {
  color: #0088cc;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #005580;
  text-decoration: underline;
}

.img-rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.img-polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.img-circle {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}

.row {
  margin-left: -20px;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.span12 {
  width: 940px;
}

.span11 {
  width: 860px;
}

.span10 {
  width: 780px;
}

.span9 {
  width: 700px;
}

.span8 {
  width: 620px;
}

.span7 {
  width: 540px;
}

.span6 {
  width: 460px;
}

.span5 {
  width: 380px;
}

.span4 {
  width: 300px;
}

.span3 {
  width: 220px;
}

.span2 {
  width: 140px;
}

.span1 {
  width: 60px;
}

.offset12 {
  margin-left: 980px;
}

.offset11 {
  margin-left: 900px;
}

.offset10 {
  margin-left: 820px;
}

.offset9 {
  margin-left: 740px;
}

.offset8 {
  margin-left: 660px;
}

.offset7 {
  margin-left: 580px;
}

.offset6 {
  margin-left: 500px;
}

.offset5 {
  margin-left: 420px;
}

.offset4 {
  margin-left: 340px;
}

.offset3 {
  margin-left: 260px;
}

.offset2 {
  margin-left: 180px;
}

.offset1 {
  margin-left: 100px;
}

.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

.row-fluid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

.row-fluid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}

.row-fluid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

.row-fluid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}

.row-fluid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

.row-fluid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}

.row-fluid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

.row-fluid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}

.row-fluid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

.row-fluid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}

.row-fluid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

.row-fluid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}

.row-fluid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

.row-fluid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}

.row-fluid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

.row-fluid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}

.row-fluid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

.row-fluid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}

.row-fluid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

.row-fluid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}

.row-fluid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

.row-fluid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}

.row-fluid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

.row-fluid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}

[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none;
}

[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}

.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}

.container:before,
.container:after {
  display: table;
  line-height: 0;
  content: "";
}

.container:after {
  clear: both;
}

.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}

.container-fluid:before,
.container-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.container-fluid:after {
  clear: both;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

cite {
  font-style: normal;
}

.muted {
  color: #999999;
}

a.muted:hover,
a.muted:focus {
  color: #808080;
}

.text-warning {
  color: #c09853;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #a47e3c;
}

.text-error {
  color: #b94a48;
}

a.text-error:hover,
a.text-error:focus {
  color: #953b39;
}

.text-info {
  color: #3a87ad;
}

a.text-info:hover,
a.text-info:focus {
  color: #2d6987;
}

.text-success {
  color: #468847;
}

a.text-success:hover,
a.text-success:focus {
  color: #356635;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}

h1,
h2,
h3 {
  line-height: 40px;
}

h1 {
  font-size: 38.5px;
}

h2 {
  font-size: 31.5px;
}

h3 {
  font-size: 24.5px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

h1 small {
  font-size: 24.5px;
}

h2 small {
  font-size: 17.5px;
}

h3 small {
  font-size: 14px;
}

h4 small {
  font-size: 14px;
}

.page-header {
  padding-bottom: 9px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

li {
  line-height: 20px;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}

ul.inline > li,
ol.inline > li {
  display: inline-block;
  *display: inline;
  padding-right: 5px;
  padding-left: 5px;
  *zoom: 1;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

.dl-horizontal {
  *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  line-height: 0;
  content: "";
}

.dl-horizontal:after {
  clear: both;
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 180px;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}

blockquote p {
  margin-bottom: 0;
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
}

blockquote small {
  display: block;
  line-height: 20px;
  color: #999999;
}

blockquote small:before {
  content: '\2014 \00A0';
}

blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}

blockquote.pull-right small:before {
  content: '';
}

blockquote.pull-right small:after {
  content: '\00A0 \2014';
}

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

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}

code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  white-space: nowrap;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

pre.prettyprint {
  margin-bottom: 20px;
}

pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

form {
  margin: 0 0 20px;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

legend small {
  font-size: 15px;
  color: #999999;
}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
}

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: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

input,
textarea,
.uneditable-input {
  width: 206px;
}

textarea {
  height: auto;
}

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 {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-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 linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

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: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 30px;
}

select {
  width: 220px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}

input,
textarea,
.uneditable-input {
  margin-left: 0;
}

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px;
}

input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px;
}

input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px;
}

input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px;
}

.controls-row {
  *zoom: 1;
}

.controls-row:before,
.controls-row:after {
  display: table;
  line-height: 0;
  content: "";
}

.controls-row:after {
  clear: both;
}

.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
  float: left;
}

.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
  padding-top: 5px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
}

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #3a87ad;
}

.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #3a87ad;
}

.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #3a87ad;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}

.form-actions:before,
.form-actions:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-actions:after {
  clear: both;
}

.help-block,
.help-inline {
  color: #595959;
}

.help-block {
  display: block;
  margin-bottom: 10px;
}

.help-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1;
}

.input-append,
.input-prepend {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
  font-size: 14px;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}

.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px;
}

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}

.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
  *zoom: 1;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.control-group {
  margin-bottom: 10px;
}

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-horizontal .control-group:after {
  clear: both;
}

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}

.form-horizontal .controls:first-child {
  *padding-left: 180px;
}

.form-horizontal .help-block {
  margin-bottom: 0;
}

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 10px;
}

.form-horizontal .form-actions {
  padding-left: 180px;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f5f5f5;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.table tbody tr.success > td {
  background-color: #dff0d8;
}

.table tbody tr.error > td {
  background-color: #f2dede;
}

.table tbody tr.warning > td {
  background-color: #fcf8e3;
}

.table tbody tr.info > td {
  background-color: #d9edf7;
}

.table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc;
}

.table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3;
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

/* White icons with optional class, or on hover/focus/active states of certain elements */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
  background-image: url("../images/glyphicons-halflings-white.png");
}

.icon-glass {
  background-position: 0      0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  width: 16px;
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  width: 16px;
  background-position: -384px -120px;
}

.icon-folder-open {
  width: 16px;
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle {
  *margin-bottom: -3px;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open {
  *z-index: 1000;
}

.open > .dropdown-menu {
  display: block;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #cccccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
}

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.dropdown .dropdown-menu .nav-header {
  padding-right: 20px;
  padding-left: 20px;
}

.typeahead {
  z-index: 1051;
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.collapse.in {
  height: auto;
}

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}

.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn-link {
  color: #0088cc;
  cursor: pointer;
  border-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.btn-link:hover,
.btn-link:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #333333;
  text-decoration: none;
}

.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  *margin-left: .3em;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
  *zoom: 1;
}

.btn-group:first-child {
  *margin-left: 0;
}

.btn-group + .btn-group {
  margin-left: 5px;
}

.btn-toolbar {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0;
}

.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
  margin-left: 5px;
}

.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.btn-group > .btn + .btn {
  margin-left: -1px;
}

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 14px;
}

.btn-group > .btn-mini {
  font-size: 10.5px;
}

.btn-group > .btn-small {
  font-size: 11.9px;
}

.btn-group > .btn-large {
  font-size: 17.5px;
}

.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  *padding-top: 5px;
  padding-right: 8px;
  *padding-bottom: 5px;
  padding-left: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group > .btn-mini + .dropdown-toggle {
  *padding-top: 2px;
  padding-right: 5px;
  *padding-bottom: 2px;
  padding-left: 5px;
}

.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle {
  *padding-top: 7px;
  padding-right: 12px;
  *padding-bottom: 7px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0044cc;
}

.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}

.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}

.btn-large .caret {
  margin-top: 6px;
}

.btn-large .caret {
  border-top-width: 5px;
  border-right-width: 5px;
  border-left-width: 5px;
}

.btn-mini .caret,
.btn-small .caret {
  margin-top: 8px;
}

.dropup .btn-large .caret {
  border-bottom-width: 5px;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.btn-group-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}

.btn-group-vertical > .btn {
  display: block;
  float: none;
  max-width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.btn-group-vertical > .btn + .btn {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.btn-group-vertical > .btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.btn-group-vertical > .btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}

.btn-group-vertical > .btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.alert,
.alert h4 {
  color: #c09853;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success h4 {
  color: #468847;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info h4 {
  color: #3a87ad;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

.nav {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
}

.nav > li > a {
  display: block;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li > a > img {
  max-width: none;
}

.nav > .pull-right {
  float: right;
}

.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.nav li + .nav-header {
  margin-top: 9px;
}

.nav-list {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 0;
}

.nav-list > li > a,
.nav-list .nav-header {
  margin-right: -15px;
  margin-left: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.nav-list > li > a {
  padding: 3px 15px;
}

.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}

.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px;
}

.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.nav-tabs,
.nav-pills {
  *zoom: 1;
}

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  line-height: 0;
  content: "";
}

.nav-tabs:after,
.nav-pills:after {
  clear: both;
}

.nav-tabs > li,
.nav-pills > li {
  float: left;
}

.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #ffffff;
  background-color: #0088cc;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li > a {
  margin-right: 0;
}

.nav-tabs.nav-stacked {
  border-bottom: 0;
}

.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
}

.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  z-index: 2;
  border-color: #ddd;
}

.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}

.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}

.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}

.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.nav .dropdown-toggle .caret {
  margin-top: 6px;
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
}

.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}

/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px;
}

.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999;
}

.tabbable {
  *zoom: 1;
}

.tabbable:before,
.tabbable:after {
  display: table;
  line-height: 0;
  content: "";
}

.tabbable:after {
  clear: both;
}

.tab-content {
  overflow: auto;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.nav > .disabled > a {
  color: #999999;
}

.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}

.navbar {
  *position: relative;
  *z-index: 2;
  margin-bottom: 20px;
  overflow: visible;
}

.navbar-inner {
  min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.navbar-inner:before,
.navbar-inner:after {
  display: table;
  line-height: 0;
  content: "";
}

.navbar-inner:after {
  clear: both;
}

.navbar .container {
  width: auto;
}

.nav-collapse.collapse {
  height: auto;
  overflow: visible;
}

.navbar .brand {
  display: block;
  float: left;
  padding: 10px 20px 10px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #777777;
  text-shadow: 0 1px 0 #ffffff;
}

.navbar .brand:hover,
.navbar .brand:focus {
  text-decoration: none;
}

.navbar-text {
  margin-bottom: 0;
  line-height: 40px;
  color: #777777;
}

.navbar-link {
  color: #777777;
}

.navbar-link:hover,
.navbar-link:focus {
  color: #333333;
}

.navbar .divider-vertical {
  height: 40px;
  margin: 0 9px;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #f2f2f2;
}

.navbar .btn,
.navbar .btn-group {
  margin-top: 5px;
}

.navbar .btn-group .btn,
.navbar .input-prepend .btn,
.navbar .input-append .btn,
.navbar .input-prepend .btn-group,
.navbar .input-append .btn-group {
  margin-top: 0;
}

.navbar-form {
  margin-bottom: 0;
  *zoom: 1;
}

.navbar-form:before,
.navbar-form:after {
  display: table;
  line-height: 0;
  content: "";
}

.navbar-form:after {
  clear: both;
}

.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 5px;
}

.navbar-form input,
.navbar-form select,
.navbar-form .btn {
  display: inline-block;
  margin-bottom: 0;
}

.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
  margin-top: 3px;
}

.navbar-form .input-append,
.navbar-form .input-prepend {
  margin-top: 5px;
  white-space: nowrap;
}

.navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0;
}

.navbar-search {
  position: relative;
  float: left;
  margin-top: 5px;
  margin-bottom: 0;
}

.navbar-search .search-query {
  padding: 4px 14px;
  margin-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.navbar-static-top {
  position: static;
  margin-bottom: 0;
}

.navbar-static-top .navbar-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  border-width: 0 0 1px;
}

.navbar-fixed-bottom .navbar-inner {
  border-width: 1px 0 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding-right: 0;
  padding-left: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.navbar-fixed-top {
  top: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.navbar-fixed-bottom {
  bottom: 0;
}

.navbar-fixed-bottom .navbar-inner {
  -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
}

.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}

.navbar .nav.pull-right {
  float: right;
  margin-right: 0;
}

.navbar .nav > li {
  float: left;
}

.navbar .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  color: #777777;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}

.navbar .nav .dropdown-toggle .caret {
  margin-top: 8px;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #333333;
  text-decoration: none;
  background-color: transparent;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #555555;
  text-decoration: none;
  background-color: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-right: 5px;
  margin-left: 5px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ededed;
  *background-color: #e5e5e5;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  background-repeat: repeat-x;
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #e5e5e5;
  *background-color: #d9d9d9;
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #cccccc \9;
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}

.navbar .nav > li > .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.navbar .nav > li > .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
  top: auto;
  bottom: -7px;
  border-top: 7px solid #ccc;
  border-bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.2);
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
  top: auto;
  bottom: -6px;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}

.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color: #555555;
  background-color: #e5e5e5;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before {
  right: 12px;
  left: auto;
}

.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after {
  right: 13px;
  left: auto;
}

.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
  right: 100%;
  left: auto;
  margin-right: -1px;
  margin-left: 0;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.navbar-inverse .navbar-inner {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #999999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .brand:focus,
.navbar-inverse .nav > li > a:focus {
  color: #ffffff;
}

.navbar-inverse .brand {
  color: #999999;
}

.navbar-inverse .navbar-text {
  color: #999999;
}

.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  color: #ffffff;
  background-color: transparent;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #ffffff;
  background-color: #111111;
}

.navbar-inverse .navbar-link {
  color: #999999;
}

.navbar-inverse .navbar-link:hover,
.navbar-inverse .navbar-link:focus {
  color: #ffffff;
}

.navbar-inverse .divider-vertical {
  border-right-color: #222222;
  border-left-color: #111111;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #111111;
}

.navbar-inverse .nav li.dropdown > a:hover .caret,
.navbar-inverse .nav li.dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .navbar-search .search-query {
  color: #ffffff;
  background-color: #515151;
  border-color: #111111;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.navbar-inverse .navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  outline: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.navbar-inverse .btn-navbar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  *background-color: #040404;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:focus,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #040404;
  *background-color: #000000;
}

.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
  background-color: #000000 \9;
}

.breadcrumb {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
}

.breadcrumb > li > .divider {
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb > .active {
  color: #999999;
}

.pager {
  margin: 20px 0;
  text-align: center;
  list-style: none;
  *zoom: 1;
}

.pager:before,
.pager:after {
  display: table;
  line-height: 0;
  content: "";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: default;
  background-color: #fff;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}

.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
  top: 10%;
}

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.modal-header .close {
  margin-top: 2px;
}

.modal-header h3 {
  margin: 0;
  line-height: 30px;
}

.modal-body {
  position: relative;
  max-height: 400px;
  padding: 15px;
  overflow-y: auto;
}

.modal-form {
  margin-bottom: 0;
}

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  line-height: 0;
  content: "";
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.popover-title:empty {
  display: none;
}

.popover-content {
  padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}

.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}

.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
}

.thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}

.thumbnails:before,
.thumbnails:after {
  display: table;
  line-height: 0;
  content: "";
}

.thumbnails:after {
  clear: both;
}

.row-fluid .thumbnails {
  margin-left: 0;
}

.thumbnails > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
}

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #555555;
}

.media,
.media-body {
  overflow: hidden;
  *overflow: visible;
  zoom: 1;
}

.media,
.media .media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media-object {
  display: block;
}

.media-heading {
  margin: 0 0 5px;
}

.media > .pull-left {
  margin-right: 10px;
}

.media > .pull-right {
  margin-left: 10px;
}

.media-list {
  margin-left: 0;
  list-style: none;
}

.label,
.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
}

.label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.badge {
  padding-right: 9px;
  padding-left: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.label:empty,
.badge:empty {
  display: none;
}

a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label-important,
.badge-important {
  background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}

.label-warning,
.badge-warning {
  background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

.label-success,
.badge-success {
  background-color: #468847;
}

.label-success[href],
.badge-success[href] {
  background-color: #356635;
}

.label-info,
.badge-info {
  background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
  background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}

.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}

.btn-mini .label,
.btn-mini .badge {
  top: 0;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress .bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}

.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}

.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}

.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}

.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}

.accordion {
  margin-bottom: 20px;
}

.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.accordion-heading {
  border-bottom: 0;
}

.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}

.accordion-toggle {
  cursor: pointer;
}

.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}

.carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background: #222222;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.carousel-control.right {
  right: 15px;
  left: auto;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-indicators {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 5;
  margin: 0;
  list-style: none;
}

.carousel-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: #ccc;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4,
.carousel-caption p {
  line-height: 20px;
  color: #ffffff;
}

.carousel-caption h4 {
  margin: 0 0 5px;
}

.carousel-caption p {
  margin-bottom: 0;
}

.hero-unit {
  padding: 60px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  color: inherit;
  background-color: #eeeeee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.hero-unit h1 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  letter-spacing: -1px;
  color: inherit;
}

.hero-unit li {
  line-height: 30px;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.affix {
  position: fixed;
}

/* FIX FOR FIXED WIDTH IOS SLIDER */
#slideshow .iosSlider.fixed {
  height: 373px;
}

#slideshow .sliderContainer {
  width: 940px;
  margin: 0 auto;
}

/*
Title:   Main Template Css File
Author:  http://themeforest.net/user/hogash // Marius Hogas  */
/* BODY FONT - Applies to everything */
/*--------------------- Home Page style -------------------*/
body {
  font-family: "Open Sans", "Meiryo UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 19px;
  color: #535353;
  background-color: #f5f5f5;
}

h1, h2, h3, h4, h5, h6, div.pp_kalypso .ppt {
  font-family: "Open Sans", "Meiryo UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

@font-face {
  font-family: "Helvetica-Neue";
  src: url("../fonts/HelveticaNeueLTStd-Bd.otf");
}
/* Several elements using other font */
div.pp_kalypso .ppt,
.flex-caption,
.nivo-caption,
.info_pop .text, .playVideo,
.textpop-style .texts > span,
.ud_counter ul li,
.video-container .captions .line,
.newsletter-signup input[type=submit],
.page-title,
.subtitle,
#sidebar .title,
.shop-latest .tabbable .nav li a,
.topnav > li > a,
nav#main_menu > ul > li > a,
.pricing_table .tb_header h4,
.pricing_table .price,
.process_box .number span,
.shop-features .shop-feature,
.shop-features .shop-feature > h4,
.shop-features .shop-feature > h5 {
  font-family: "Lato", "Meiryo UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
  color: #000;
}

a:hover {
  color: #cd2122;
  text-decoration: none;
}

/* Use fixclear class on parent to clear nested columns */
.fixclear:before, .fixclear:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.fixclear:after {
  clear: both;
}

.fixclear {
  zoom: 1;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.row {
  margin-bottom: 35px;
}

ul.list-style1,
ul.list-style2 {
  margin-left: 0;
}

ul.list-style1 li,
ul.list-style2 li {
  list-style: none;
  background: url(../images/list-style1.png) no-repeat 2px 8px;
  padding-left: 15px;
  margin-bottom: 4px;
}

ul.list-style2 li {
  background: url(../images/list-style2.png) no-repeat 2px 5px;
  padding-left: 25px;
}

#logo {
  float: left;
  margin: 0;
}

#logo a {
  padding: 28px;
  display: block;
  position: relative;
}

/*header#header {position:absolute; width:100%; height:100px; background:rgba(0,0,0,0.5); z-index:1; }*/
header#header.style1 {
  border-bottom: 2px solid #000;
  border-bottom: 2px solid rgba(0, 0, 0, 0.7);
  border-top: 3px solid #CD2122;
}

header#header.style1:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -2px;
  border: 5px solid transparent;
  border-top-width: 5px;
  border-top-color: #000;
  border-top-color: rgba(0, 0, 0, 0.7);
}

header#header.style2 #logo a {
  background: rgba(0, 0, 0, 0.3);
  padding: 25px;
  border-bottom: 2px solid #000;
  border-bottom: 2px solid rgba(0, 0, 0, 0.7);
  border-top: 3px solid #CD2122;
}

header#header.style2 #logo a:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -11px;
  margin-left: -3px;
  border: 5px solid transparent;
  border-top-width: 5px;
  border-top-color: #000;
  border-top-color: rgba(0, 0, 0, 0.7);
}

header#header.style2 .topnav.navLeft {
  float: left;
}

header#header.style3 {
  background: none;
}

header#header.style3 #logo a {
  background: rgba(0, 0, 0, 0.3);
  padding: 25px;
  border-bottom: 2px solid #000;
  border-bottom: 2px solid rgba(0, 0, 0, 0.7);
  border-top: 3px solid #CD2122;
}

header#header.style3 #logo a:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -11px;
  margin-left: -3px;
  border: 5px solid transparent;
  border-top-width: 5px;
  border-top-color: #000;
  border-top-color: rgba(0, 0, 0, 0.7);
}

header#header.style3 .topnav.navLeft {
  float: left;
}

/* TOP NAVIGATION */
/*.topnav {float:right; margin:10px 0; padding:0; list-style:none; position: relative; z-index: 101;}
.topnav > li {float:left; margin-left:25px; position:relative;}*/
.topnav > li > a {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  line-height: 24px;
  display: block;
  padding: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  opacity: .8;
  filter: alpha(opacity=80);
}

.topnav > li:hover > a,
.topnav > li > a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.topnav > li > a > span {
  margin-right: 3px;
  margin-top: 0;
}

.topnav li.drop .pPanel {
  position: absolute;
  left: 0;
  width: auto;
  min-width: 120px;
  height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
  margin-left: -11px;
}

header.style4 .topnav li.drop .pPanel, header.style1 .topnav li.drop .pPanel {
  left: auto;
  right: 0;
}

.topnav li.drop .inner {
  margin: 4px;
  list-style: none;
  background: #f5f5f5;
  padding: 4px 0;
  margin-top: 5px;
  position: relative;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.topnav li.drop .inner:after {
  content: "";
  top: -8px;
  position: absolute;
  left: 9px;
  border: 5px solid transparent;
  border-bottom-width: 4px;
  border-bottom-color: #f5f5f5;
}

header.style4 .topnav li.drop .inner:after, header.style1 .topnav li.drop .inner:after {
  left: auto;
  right: 9px;
}

.topnav li.drop:hover .pPanel {
  opacity: 1;
  filter: alpha(opacity=100);
  height: auto;
}

.topnav li.drop li a {
  font-size: 10px;
  color: #222;
  padding: 0 5px 0 10px;
  display: block;
  text-transform: uppercase;
  margin-top: 1px;
}

.topnav li.drop li.active a,
.topnav li.drop li a:hover {
  background: rgba(0, 0, 0, 0.1);
}

.topnav li.drop li a span {
  float: right;
  opacity: .3;
  filter: alpha(opacity=30);
  margin-top: 2px;
}

.cart_details {
  display: block;
  white-space: nowrap;
  padding: 0 10px;
  font-size: 11px;
}

.cart_details .checkout {
  border-left: 1px solid #CCC;
  margin-left: 15px;
  padding-left: 15px;
  display: inline-block;
  color: #CD2122;
  font-size: 12px;
  text-transform: uppercase;
}

.cart_details .checkout:hover {
  color: #333;
}

.cart_details .checkout span {
  margin-top: 1px;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

/* MAIN NAVIGATION - SUPERFISH */
nav#main_menu {
  /*float:right;*/
}

nav#main_menu > ul {
  margin: 15px 0;
  padding: 0;
  list-style: none;
}

nav#main_menu > ul > li {
  float: left;
  margin-top: 3px;
  margin-left: 2px;
}

nav#main_menu > ul > li:first-child {
  margin-left: 0;
}

nav#main_menu > ul > li > a {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  padding: 0 12px 0;
  margin: 0 0 5px;
  display: block;
  border: 0;
  line-height: 1;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

nav#main_menu > ul > li.active > a,
nav#main_menu > ul > li > a:hover,
nav#main_menu > ul > li:hover > a {
  background-color: #cd2122;
  padding: 6px 12px 5px;
  margin: -6px 0 0 0;
}

/*2nd lev */
nav#main_menu > ul > li:hover > ul,
nav#main_menu > ul > li.sfHover > ul {
  top: 28px;
}

nav#main_menu > ul ul {
  background: #f5f5f5;
  padding: 6px 0;
  border: 1px solid #fff;
  border: 1px solid rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
}

nav#main_menu > ul > li > a.sf-with-ul .sf-sub-indicator {
  background: #CCC;
  background: rgba(255, 255, 255, 0.4);
  height: 1px;
  width: 7px;
  left: 17px;
  top: auto;
  bottom: -3px;
}

nav#main_menu > ul > li.sfHover > a.sf-with-ul .sf-sub-indicator {
  display: none;
}

nav#main_menu > ul ul li {
  line-height: 27px;
}

nav#main_menu > ul > li > ul:after {
  content: "";
  top: -10px;
  position: absolute;
  left: 14px;
  border: 6px solid transparent;
  border-bottom-width: 5px;
  border-bottom-color: #f5f5f5;
}

/*3rd lev */
nav#main_menu > ul ul ul {
  margin-left: 10px;
}

nav#main_menu > ul ul ul.reversed {
  margin-right: 10px;
  margin-left: 0;
}

nav#main_menu > ul > li > ul ul:after {
  content: "";
  top: 6px;
  position: absolute;
  left: -10px;
  border: 5px solid transparent;
  border-right-color: #f5f5f5;
}

nav#main_menu > ul > li > ul ul.reversed:after {
  right: -10px;
  left: auto;
  border-left-color: #f5f5f5;
  border-right-color: transparent;
}

nav#main_menu > ul ul li a {
  color: #535353;
  line-height: 27px;
  font-size: 12px;
  padding: 0 12px;
}

nav#main_menu > ul ul li.active > a,
nav#main_menu > ul ul li.sfHover > a,
nav#main_menu > ul ul li a:hover {
  color: #323232;
  background: rgba(0, 0, 0, 0.04);
  padding-left: 14px;
}

nav#main_menu > ul ul .sf-sub-indicator {
  background: #ccc;
  height: 1px;
  width: 7px;
  top: 50%;
  margin-top: -1px;
}

/*2nd lev */
nav#main_menu > ul.dark_nav ul {
  background: #0A0A0A;
  border: 1px solid #000;
  border: 1px solid rgba(0, 0, 0, 0.8);
}

nav#main_menu > ul.dark_nav > li > ul:after {
  border: 6px solid transparent;
  border-bottom-width: 5px;
  border-bottom-color: #0A0A0A;
}

/*3rd lev */
nav#main_menu > ul.dark_nav > li > ul ul:after {
  border: 6px solid transparent;
  border-right-width: 5px;
  border-right-color: #0A0A0A;
}

nav#main_menu > ul.dark_nav ul li a {
  color: #ACACAC;
}

nav#main_menu > ul.dark_nav ul li.active > a,
nav#main_menu > ul.dark_nav ul li.sfHover > a,
nav#main_menu > ul.dark_nav ul li a:hover {
  color: #ACACAC;
  background: rgba(255, 255, 255, 0.04);
}

nav#main_menu > ul.dark_nav ul .sf-sub-indicator {
  background: #333;
}

/* SEARCH PANEL */
#search {
  float: right;
  clear: right;
  position: relative;
  z-index: 100;
}

#search .search {
  display: none;
  position: absolute;
  right: -10px;
  padding: 30px;
  background: #f4f4f4;
  width: 185px;
  border-bottom: 1px solid #fff;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
}

#search .searchBtn {
  margin: 10px 0 0 10px;
  padding: 8px;
  line-height: 1;
  display: inline-block;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 1;
}

#search .searchBtn:hover {
  background: rgba(0, 0, 0, 0.7);
}

#search .searchBtn.active {
  background: #f4f4f4;
}

#search form {
  margin: 0;
  border: 1px solid #ccc;
}

#search form:hover {
  border-bottom: 1px solid #b5b5b5;
}

#search form input[type=text] {
  background: none;
  border: none;
  font-size: 12px;
  font-style: italic;
  color: #999;
  width: 155px;
  padding: 5px 0 5px 2px;
  margin: 0;
  display: inline-block;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#search form input[type=text]:focus {
  font-style: normal;
  color: #565656;
}

#search form input[type=submit] {
  width: 20px;
  background-color: transparent;
  border: none;
  text-indent: -9999px;
  padding: 0;
  display: inline-block;
}

#page_wrapper {
  position: relative;
}

section#content {
  margin-top: 0;
}

#page_header.gradient,
#slideshow.gradient {
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
  /* IE6-9 */
  background-color: #345370;
}

#page_header,
#slideshow {
  position: relative;
  top: 0;
  z-index: 0;
}

#page_header.nobg,
#slideshow.nobg {
  background: none;
}

#page_header.hasMargin,
#slideshow.hasMargin {
  margin-bottom: 40px;
}

/*#page_header:after,
#slideshow:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;background-image: url(../images/glare-effect.png); background-repeat: no-repeat; background-position: center top;}*/
/*#page_header.noGlare:after,
#slideshow.noGlare:after {background-image:none;}*/
#slideshow .container {
  padding: 130px 0 45px;
}

#sparkles {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
}

#page_header {
  min-height: 300px;
  /* border-bottom:6px solid #fff;*/
}

#page_header .container {
  padding: 130px 0 0;
}

/*#page_header:before {content:''; position:absolute; bottom:-26px; left:0; width:100%; height:20px; background:url(../images/shadow-down.png) no-repeat center top; opacity:.6; filter:alpha(opacity=60); }*/
#page_header .container {
  z-index: 1;
  position: relative;
}

#page_header > .shadowUP:after {
  content: '';
  position: absolute;
  bottom: -18px;
  left: 50%;
  border: 6px solid transparent;
  border-top-color: #fff;
  margin-left: -6px;
}

#page_header .bgback {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#page_header .bgback.bg1 {
  background: url(../images/page-headers/bg1.jpg) no-repeat center top;
}

#page_header .bgback.bg2 {
  background: url(../images/page-headers/xbg2.jpg) no-repeat center top;
}

#page_header .bgback.bg3 {
  background: url(../images/page-headers/xbg3.jpg) no-repeat center top;
}

#page_header .bgback.bg4 {
  background: url(../images/page-headers/xbg4.jpg) no-repeat center top;
}

/* HOLIDAY HEADERS */
.christmas-header #page_header {
  min-height: 400px;
}

.christmas-header #page_header .bgback {
  /*background:url(../images/holiday_headers/christmas.jpg) no-repeat center top;*/
}

.christmas-header #logo {
  position: relative;
}

body.christmas-header #logo a {
  padding: 35px 25px 15px;
}

.christmas-header #logo:after {
  content: '';
  width: 50px;
  height: 43px;
  position: absolute;
  top: 12px;
  left: 50%;
  margin-left: 25px;
  z-index: 99999;
  /*background:url(../images/holiday_headers/christmas_hat.png) no-repeat;*/
}

.easter-header #page_header {
  min-height: 400px;
}

.easter-header #page_header .bgback {
  /*background:url(../images/holiday_headers/easter.jpg) no-repeat center top;*/
}

.oldie #page_header .bgback {
                             /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/page-headers/bg1.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/page-headers/bg1.jpg', sizingMethod='scale')";*/
}

#page_header .row {
  margin-bottom: 0;
}

#current-date {
  color: #383838;
  font: 10px Arial, Helvetica, sans-serif;
  float: left;
  padding: 3px 10px;
  line-height: 1;
  background: rgba(255, 255, 255, 0.5);
  clear: left;
}

.breadcrumbs {
  margin: 40px 0 8px;
  padding: 0 10px;
  list-style: none;
  background: #000;
  float: left;
}

.breadcrumbs li {
  float: left;
  padding-left: 10px;
  background: url(../images/breadcrumbs-arr.png) no-repeat left center;
  margin-left: 10px;
  color: #eee;
  line-height: 1.9;
  font-size: 13px;
  font-weight: 700;
}

.breadcrumbs li:first-child {
  padding-left: 0;
  background: none;
  margin-left: 0;
}

.breadcrumbs li a {
  color: #fff;
}

.header-titles {
  text-align: right;
}

.header-titles h2 {
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  line-height: 1.3;
  margin-top: 20px;
}

.header-titles h4 {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  display: inline-block;
  line-height: 1.8;
  padding: 0 10px;
  margin: 0;
  font-weight: 500;
}

.shadowUP {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: url(../images/shadow-up.png) no-repeat center bottom;
  z-index: 2;
}

.shadowDown {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: url(../images/shadow-down.png) no-repeat center bottom;
  z-index: 2;
}

/* fixed slideshow */
.slider_fixed #slideshow {
  position: fixed;
  padding: 0;
  height: auto;
}

.slider_fixed .inner-page {
  position: relative;
}

#page-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/loader_light.gif) no-repeat center center #333;
  z-index: 999999;
}

#slideshow ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Slideshow background skins */
#slideshow.dark-blue,
#page_header.dark-blue {
  background-color: #345370;
}

/* also default */
#slideshow.normal-blue,
#page_header.normal-blue {
  background-color: #2A8FBD;
}

#slideshow.light-blue,
#page_header.light-blue {
  background-color: #00B4FF;
}

#slideshow.dark-red,
#page_header.dark-red {
  background-color: #A40802;
}

#slideshow.normal-red,
#page_header.normal-red {
  background-color: #F02311;
}

#slideshow.light-red,
#page_header.light-red {
  background-color: #FF4040;
}

#slideshow.dark-green,
#page_header.dark-green {
  background-color: #2A6400;
}

#slideshow.normal-green,
#page_header.normal-green {
  background-color: #7FAF1B;
}

#slideshow.light-green,
#page_header.light-green {
  background-color: #72DB27;
}

#slideshow.dark-gray,
#page_header.dark-gray {
  background-color: #333;
}

#slideshow.normal-gray,
#page_header.normal-gray {
  background-color: #777;
}

#slideshow.light-gray,
#page_header.light-gray {
  background-color: #aaa;
}

#slideshow.yellow,
#page_header.yellow {
  background-color: #FFFF00;
}

#slideshow.purple,
#page_header.purple {
  background-color: #47092E;
}

#slideshow.orange,
#page_header.orange {
  background-color: #FF7213;
}

#slideshow.black,
#page_header.black {
  background-color: #0C0C0C;
}

#slideshow.white,
#page_header.white {
  background-color: #f5f5f5;
}

/* static content in slideshow */
#slideshow .bg-wrapper-image {
  width: 100%;
  height: 100%;
  min-height: 500px;
  /*background:url(../images/sliders/static/bg1.jpg) no-repeat center center;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.oldie #slideshow .bg-wrapper-image {
                                     /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sliders/static/bg1.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/sliders/static/bg1.jpg', sizingMethod='scale')";*/
}

#slideshow #bottom_mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 27px;
  z-index: 99;
  background: url(../images/bottom_mask.png) no-repeat center top;
}

#slideshow #bottom_mask.mask2 {
  height: 33px;
  background: url(../images/bottom_mask2.png) no-repeat center top;
}

#slideshow .bg-wrapper-png {
  width: 100%;
  height: 100%;
  min-height: 500px;
  /*background:url(../images/sliders/static/rayoflight.png) no-repeat center center;*/
}

/* STATIC CONTENT- default */
.static-content {
  color: #fff;
  padding-top: 20px;
}

.static-content h2 {
  font-size: 64px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
  line-height: 1.3;
}

.static-content h2.centered {
  text-align: center;
}

.static-content h3 {
  font-size: 32px;
  font-weight: 500;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
  line-height: 1.4;
}

.static-content h3 .stronger {
  font-weight: 900;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
  padding-bottom: 2px;
  cursor: help;
}

.static-content h3.centered {
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
}

.info_pop {
  width: 290px;
  margin: 50px auto 0;
  padding: 10px 20px;
  position: relative;
  color: #343434;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #fefefe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fefefe 0%, #d1d1d1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #d1d1d1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefefe 0%, #d1d1d1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefefe 0%, #d1d1d1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefefe 0%, #d1d1d1 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fefefe 0%, #d1d1d1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d1d1d1',GradientType=0 );
  /* IE6-9 */
  -webkit-box-shadow: 0 0 11px #000, inset 0 -1px 0 rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0 0 11px #000, inset 0 -1px 0 rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 11px #000, inset 0 -1px 0 rgba(255, 255, 255, 0.8), inset 0 0 6px rgba(255, 255, 255, 0.8);
}

.info_pop.left {
  margin-left: 0;
}

.info_pop.right {
  margin-right: 0;
}

.info_pop:after {
  content: "";
  position: absolute;
  border: 7px solid transparent;
}

.info_pop[data-arrow=top]:after {
  top: -14px;
  left: 50%;
  margin-left: -7px;
  border-bottom-width: 7px;
  border-bottom-color: #fefefe;
}

.info_pop[data-arrow=bottom]:after {
  bottom: -14px;
  left: 50%;
  margin-left: -7px;
  border-top-width: 7px;
  border-top-color: #fefefe;
}

.info_pop[data-arrow=left]:after {
  left: -14px;
  top: 50%;
  margin-top: -7px;
  border-right-width: 7px;
  border-right-color: #fefefe;
}

.info_pop[data-arrow=right]:after {
  right: -14px;
  top: 50%;
  margin-top: -7px;
  border-left-width: 7px;
  border-left-color: #fefefe;
}

.info_pop .text {
  color: #939393;
  font-size: 24px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  font-weight: 500;
  line-height: 1.2;
  margin: 5px 0;
}

.info_pop .buyit {
  float: right;
  text-align: center;
  line-height: 20px;
  font-weight: 900;
  color: #CD2122;
  padding: 10px 15px 10px;
  border: 0;
  margin: 13px -20px 0 0;
  font-size: 18px;
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.info_pop:hover .buyit {
  padding: 10px 30px 10px 15px;
}

.info_pop .buyit:hover {
  color: #222;
  background: rgba(0, 0, 0, 0.2);
}

.animated {
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -ms-animation-fill-mode: backwards;
  -o-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
}

@-webkit-keyframes fadeBoxIn {
  0% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1.05);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes fadeBoxIn {
  0% {
    -moz-transform: scale(1);
    opacity: 0;
  }
  50% {
    -moz-transform: scale(1.05);
    opacity: 0.9;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes fadeBoxIn {
  0% {
    -o-transform: scale(1);
    opacity: 0;
  }
  50% {
    -o-transform: scale(1.05);
    opacity: 0.9;
  }
  100% {
    -o-transform: scale(1);
    opacity: 1;
  }
}
@keyframes fadeBoxIn {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.9;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.fadeBoxIn {
  -webkit-animation-name: fadeBoxIn;
  -moz-animation-name: fadeBoxIn;
  -o-animation-name: fadeBoxIn;
  animation-name: fadeBoxIn;
}

/* STATIC CONTENT- boxes */
.boxes {
  margin-top: 70px;
}

.boxes .info_pop {
  width: auto;
  margin: 0 35px;
}

.boxes .info_pop .title {
  margin-bottom: 10px;
}

.boxes .info_pop img {
  margin-right: 15px;
  float: left;
}

/* STATIC CONTENT - play video */
.video_trigger_container {
  color: white;
  font-size: 11px;
  font-weight: 900;
  width: 150px;
  margin: 50px auto 0;
  display: block;
  text-align: center;
}

.playVideo {
  display: block;
  width: 57px;
  height: 57px;
  background-image: url(../images/icons/ico-playvideo.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  border: 4px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto 20px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 5px black;
  -moz-box-shadow: 0 0 5px black;
  box-shadow: 0 0 5px black;
}

.playVideo:hover {
  background-color: #000;
}

.video-container {
  max-height: 600px;
  overflow: hidden;
  height: 100%;
}

.video-container #the-video,
.video-container #the-video img {
  width: 100% !important;
  height: auto;
}

.video-container #the-video.extplayer {
  height: 600px;
}

.video-container .captions {
  position: absolute;
  bottom: 20%;
  z-index: 1;
  left: 50%;
  width: 960px;
  margin-left: -480px;
}

.video-container .captions .line {
  margin-top: 1px;
  display: inline-block;
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 36px;
  color: #fff;
  line-height: 1.4;
}

/* STATIC CONTENT- maps */
.static-content.maps-style {
  padding: 0;
  background: url(../images/loader_light.gif) no-repeat center center;
  position: relative;
  z-index: 2;
}

.maps-style .info_pop {
  position: absolute;
  z-index: 1;
  right: 15px;
  bottom: 50px;
}

/* STATIC CONTENT- textpop */
.textpop-style {
  padding-top: 0;
  margin-bottom: 30px;
}

.textpop-style .texts > span {
  display: block;
  color: #eee;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  padding: 7px 0;
  cursor: default;
  position: relative;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.textpop-style .texts .line1 {
  font-size: 20px;
  letter-spacing: 10px;
  word-spacing: 5px;
}

.textpop-style .texts .line2 {
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 5px;
  word-spacing: 5px;
}

.textpop-style .texts .line3 {
  font-size: 40px;
}

.textpop-style .texts .line4 {
  font-size: 30px;
  letter-spacing: 3px;
  word-spacing: 5px;
  margin-top: 5px;
}

.textpop-style .texts .stronger {
  font-weight: 900;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
  padding-bottom: 2px;
}

.textpop-style .texts > span:hover {
  color: #fff;
  text-shadow: 0 4px 1px rgba(0, 0, 0, 0.6);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}

/* STATIC CONTENT- event style */
.static-content.event-style h3 {
  text-align: left;
  font-size: 28px;
  margin-bottom: 50px;
}

.ud_counter {
  margin: 0 0 50px;
}

.ud_counter ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ud_counter ul li {
  display: inline-block;
  margin: 0 0 0 20px;
  font-size: 28px;
  font-weight: 700;
  padding: 15px 10px;
  width: 60px;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.ud_counter ul li:first-child {
  margin-left: 0;
}

.ud_counter ul li span {
  display: block;
  font-size: 13px;
  margin-top: 17px;
  line-height: 1;
}

.ud_counter ul li.till_lauch {
  height: 80px;
  width: 80px;
  padding: 0;
  vertical-align: top;
}

#mail_when_ready {
  float: left;
  margin: 0;
}

#mail_when_ready input[type=submit] {
  vertical-align: top;
}

.static-content .or {
  line-height: 30px;
  margin: 0 20px;
}

.static-content.event-style .or {
  float: left;
}

.static-content.event-style .social-icons li {
  margin: 0 0 0 10px;
  vertical-align: top;
}

/* social icons */
.social-icons {
  margin: 0 0 20px;
}

.social-icons li {
  display: inline-block;
  margin: 5px;
  vertical-align: top;
}

.social-icons li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-image: url(../images/social-icons-sprite.png);
  background-repeat: no-repeat;
  position: relative;
  background-color: #111;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.social-icons li a:hover {
  background-color: #cd2122;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}

.social-icons.has_gradient li a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.2)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 );
  /* IE6-9 */
}

.social-icons li.social-twitter a {
  background-position: 0 0;
}

.social-icons li.social-dribbble a {
  background-position: -30px 0;
}

.social-icons li.social-facebook a {
  background-position: -60px 0;
}

.social-icons li.social-envato a {
  background-position: -90px 0;
}

.social-icons li.social-flickr a {
  background-position: -120px 0;
}

.social-icons li.social-forrst a {
  background-position: -150px 0;
}

.social-icons li.social-gplus a {
  background-position: -180px 0;
}

.social-icons li.social-gplus2 a {
  background-position: -210px 0;
}

.social-icons li.social-icloud a {
  background-position: -240px 0;
}

.social-icons li.social-lastfm a {
  background-position: -270px 0;
}

.social-icons li.social-linkedin a {
  background-position: -300px 0;
}

.social-icons li.social-myspace a {
  background-position: -330px 0;
}

.social-icons li.social-paypal a {
  background-position: 0 -30px;
}

.social-icons li.social-piacasa a {
  background-position: -30px -30px;
}

.social-icons li.social-pinterest a {
  background-position: -60px -30px;
}

.social-icons li.social-reedit a {
  background-position: -90px -30px;
}

.social-icons li.social-rss a {
  background-position: -120px -30px;
}

.social-icons li.social-skype a {
  background-position: -150px -30px;
}

.social-icons li.social-stumbleupon a {
  background-position: -180px -30px;
}

.social-icons li.social-tumblr a {
  background-position: -210px -30px;
}

.social-icons li.social-vimeo a {
  background-position: -240px -30px;
}

.social-icons li.social-wordpress a {
  background-position: -270px -30px;
}

.social-icons li.social-yahoo a {
  background-position: -300px -30px;
}

.social-icons li.social-youtube a {
  background-position: -330px -30px;
}

.social-icons li.social-blogger a {
  background-position: 0px -60px;
}

.social-icons li.social-deviantart a {
  background-position: -30px -60px;
}

.social-icons li.social-digg a {
  background-position: -60px -60px;
}

.social-icons li.social-foursquare a {
  background-position: -90px -60px;
}

.social-icons li.social-friendfeed a {
  background-position: -120px -60px;
}

.social-icons li.social-mail a {
  background-position: -150px -60px;
}

.social-icons li.social-html5 a {
  background-position: -180px -60px;
}

.social-icons li.social-technorati a {
  background-position: -210px -60px;
}

.social-icons li.social-soundcloud a {
  background-position: -240px -60px;
}

.social-icons li.social-quora a {
  background-position: -270px -60px;
}

.social-icons li.social-bebo a {
  background-position: -300px -60px;
}

.social-icons li.social-aim a {
  background-position: -330px -60px;
}

.social-icons li.social-gosquared a {
  background-position: 0 -90px;
}

.social-icons li.social-dropbox a {
  background-position: -30px -90px;
}

.social-icons li.social-github a {
  background-position: -60px -90px;
}

.social-icons li.social-spotify a {
  background-position: -90px -90px;
}

.social-icons li.social-apple a {
  background-position: -120px -90px;
}

/* colored */
.social-icons.colored li.social-twitter a,
.social-icons.coloredHov li.social-twitter a:hover {
  background-color: #00bdec;
}

.social-icons.colored li.social-dribbble a,
.social-icons.coloredHov li.social-dribbble a:hover {
  background-color: #ef5b92;
}

.social-icons.colored li.social-facebook a,
.social-icons.coloredHov li.social-facebook a:hover {
  background-color: #3b5998;
}

.social-icons.colored li.social-envato a,
.social-icons.coloredHov li.social-envato a:hover {
  background-color: #8dc050;
}

.social-icons.colored li.social-flickr a,
.social-icons.coloredHov li.social-flickr a:hover {
  background-color: #ea2698;
}

.social-icons.colored li.social-forrst a,
.social-icons.coloredHov li.social-forrst a:hover {
  background-color: #366725;
}

.social-icons.colored li.social-gplus a,
.social-icons.coloredHov li.social-gplus a:hover {
  background-color: #d94a39;
}

.social-icons.colored li.social-gplus2 a,
.social-icons.coloredHov li.social-gplus2 a:hover {
  background-color: #d94a39;
}

.social-icons.colored li.social-icloud a,
.social-icons.coloredHov li.social-icloud a:hover {
  background-color: #666666;
}

.social-icons.colored li.social-lastfm a,
.social-icons.coloredHov li.social-lastfm a:hover {
  background-color: #d2013a;
}

.social-icons.colored li.social-linkedin a,
.social-icons.coloredHov li.social-linkedin a:hover {
  background-color: #1b92bd;
}

.social-icons.colored li.social-myspace a,
.social-icons.coloredHov li.social-myspace a:hover {
  background-color: #003398;
}

.social-icons.colored li.social-paypal a,
.social-icons.coloredHov li.social-paypal a:hover {
  background-color: #32689a;
}

.social-icons.colored li.social-piacasa a,
.social-icons.coloredHov li.social-piacasa a:hover {
  background-color: #8e5aa4;
}

.social-icons.colored li.social-pinterest a,
.social-icons.coloredHov li.social-pinterest a:hover {
  background-color: #cb2027;
}

.social-icons.colored li.social-reedit a,
.social-icons.coloredHov li.social-reedit a:hover {
  background-color: #82a6ce;
}

.social-icons.colored li.social-rss a,
.social-icons.coloredHov li.social-rss a:hover {
  background-color: #ff7f00;
}

.social-icons.colored li.social-skype a,
.social-icons.coloredHov li.social-skype a:hover {
  background-color: #18b7f1;
}

.social-icons.colored li.social-stumbleupon a,
.social-icons.coloredHov li.social-stumbleupon a:hover {
  background-color: #229d3d;
}

.social-icons.colored li.social-tumblr a,
.social-icons.coloredHov li.social-tumblr a:hover {
  background-color: #38526d;
}

.social-icons.colored li.social-vimeo a,
.social-icons.coloredHov li.social-vimeo a:hover {
  background-color: #01557a;
}

.social-icons.colored li.social-wordpress a,
.social-icons.coloredHov li.social-wordpress a:hover {
  background-color: #454545;
}

.social-icons.colored li.social-yahoo a,
.social-icons.coloredHov li.social-yahoo a:hover {
  background-color: #ab64bc;
}

.social-icons.colored li.social-youtube a,
.social-icons.coloredHov li.social-youtube a:hover {
  background-color: #d20800;
}

.social-icons.colored li.social-blogger a,
.social-icons.coloredHov li.social-blogger a:hover {
  background-color: #FF7600;
}

.social-icons.colored li.social-deviantart a,
.social-icons.coloredHov li.social-deviantart a:hover {
  background-color: #768C82;
}

.social-icons.colored li.social-digg a,
.social-icons.coloredHov li.social-digg a:hover {
  background-color: #195695;
}

.social-icons.colored li.social-foursquare a,
.social-icons.coloredHov li.social-foursquare a:hover {
  background-color: #1B6CB4;
}

.social-icons.colored li.social-friendfeed a,
.social-icons.coloredHov li.social-friendfeed a:hover {
  background-color: #2F72C4;
}

.social-icons.colored li.social-mail a,
.social-icons.coloredHov li.social-mail a:hover {
  background-color: #b5b5b5;
}

.social-icons.colored li.social-html5 a,
.social-icons.coloredHov li.social-html5 a:hover {
  background-color: #E44D26;
}

.social-icons.colored li.social-technorati a,
.social-icons.coloredHov li.social-technorati a:hover {
  background-color: #55BB00;
}

.social-icons.colored li.social-soundcloud a,
.social-icons.coloredHov li.social-soundcloud a:hover {
  background-color: #db5708;
}

.social-icons.colored li.social-quora a,
.social-icons.coloredHov li.social-quora a:hover {
  background-color: #852828;
}

.social-icons.colored li.social-bebo a,
.social-icons.coloredHov li.social-bebo a:hover {
  background-color: #a03939;
}

.social-icons.colored li.social-aim a,
.social-icons.coloredHov li.social-aim a:hover {
  background-color: #cdae2d;
}

.social-icons.colored li.social-gosquared a,
.social-icons.coloredHov li.social-gosquared a:hover {
  background-color: #556065;
}

.social-icons.colored li.social-dropbox a,
.social-icons.coloredHov li.social-dropbox a:hover {
  background-color: #2d76be;
}

.social-icons.colored li.social-github a,
.social-icons.coloredHov li.social-github a:hover {
  background-color: #667F8E;
}

.social-icons.colored li.social-spotify a,
.social-icons.coloredHov li.social-spotify a:hover {
  background-color: #62aa29;
}

.social-icons.colored li.social-apple a,
.social-icons.coloredHov li.social-apple a:hover {
  background-color: #859dab;
}

.social-icons.colored li a:hover {
  background-color: #121212;
}

.black_border {
  border: 10px solid black;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.white_border {
  border: 10px solid white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Static content - product zoom */
.productzoom-style h3 {
  font-size: 28px;
}

#screenshot {
  /*background:url(../images/sliders/static/screenshot-framed.png) no-repeat center top;*/
  position: relative;
  padding: 44px 24px 18px;
  width: 620px;
  height: 390px;
}

#screenshot .image {
  position: relative;
}

.loupe {
  cursor: url(../addons/jquery_loupe/blank.png), url(../addons/jquery_loupe/blank.cur), none;
  border: 2px solid white;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  position: absolute;
  display: none;
  width: 150px;
  height: 150px;
  -moz-box-shadow: 0 0 5px #777, 0 0 10px #aaa inset;
  -webkit-box-shadow: 0 0 5px #777;
  box-shadow: 0 0 5px #777, 0 0 10px #aaa inset;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

#slideshow .static-content .features {
  margin: 30px 0;
}

.static-content .features li {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
}

.static-content .features li > span {
  margin: 7px 10px 0 0;
}

.static-content .btn > span {
  margin: 4px 8px 0 0;
}

/* static content - text with register form */
.fancy_register_form {
  padding: 25px 30px;
  max-width: 350px;
  background: rgba(255, 255, 255, 0.3);
  color: #272727;
  position: relative;
}

.fancy_register_form form {
  margin: 0;
}

.fancy_register_form > h4 {
  margin: 0 0 25px;
  font-size: 20px;
  font-weight: 500;
}

.fancy_register_form label {
  display: inline-block;
  width: 120px;
  color: #fff;
  font-size: 14px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.fancy_register_form input {
  margin: 0;
}

.fancy_register_form div {
  margin: 0 0 15px 0;
}

.fancy_register_form div#login_error {
  color: #000;
  text-align: center;
  text-shadow: none !important;
}

.fancy_register_form .btn {
  margin-left: 124px;
}

.fancy_register_form:after {
  content: '';
  position: absolute;
  bottom: -25px;
  left: 100px;
  border-top: 25px solid #fff;
  border-right: 25px solid transparent;
  opacity: .3;
  filter: alpha(opacity=30);
}

/* static content - simple */
.static-content.simple {
  color: #8b8b8b;
  text-shadow: 0 2px 0 #fff;
}

.static-content.simple h2,
.static-content.simple h3 {
  text-shadow: 0 2px 0 #fff;
}

.static-content.simple .can_be_used {
  color: #b7b7b7;
  font-weight: 500;
}

.static-content.simple .can_be_used span {
  color: #ff6b6b;
}

.static-content.simple .btn.btn-flat {
  margin-top: 20px;
}

.static-content.simple .btn.btn-flat:hover {
  background: #343434;
}

.static-content.simple .btn.btn-flat:after {
  content: '';
  position: absolute;
  right: -20px;
  top: 0;
  width: 20px;
  height: 40px;
  background: #f5f5f5;
}

.static-content.simple .line {
  float: left;
  width: 100%;
  height: 1px;
  background: #c6c6c6;
  margin-top: -21px;
}

/* Mod Title */
.m_title {
  margin-top: 0;
  color: #CD2122;
  text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

h3.m_title {
  font-size: 20px;
  line-height: 1.4;
}

.smallm_title {
  color: #CD2122;
  text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #bcbcbc;
  margin: 0 0 20px;
}

.smallm_title span {
  padding-bottom: 9px;
  display: inline-block;
  border-bottom: 1px solid #bcbcbc;
  position: relative;
}

.smallm_title span:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -2px;
  border: 3px solid transparent;
  border-bottom-color: #bcbcbc;
}

.smallm_title.centered {
  text-align: center;
}

.smallm_title.bigger {
  font-size: 18px;
}

.circle_title {
  color: #cd2122;
  text-shadow: 0 1px 0 #fff;
  position: relative;
  margin-top: 0;
}

.circle_title:after {
  content: '';
  position: absolute;
  left: 55px;
  right: 0;
  bottom: 5px;
  border-bottom: 1px dotted #bbb;
}

.circle_title > span {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  background: white;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.mb_title {
  font-size: 20px;
  background: white;
  display: inline-block;
  padding: 0 10px;
  color: #595959;
  line-height: 1.5;
}

.mb_title img {
  margin-right: 5px;
  margin-top: -3px;
}

/* page title */
.page-title,
.subtitle {
  line-height: 1.4;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #cbcbcb;
}

.page-title {
  font-size: 26px;
  color: #050505;
  margin-top: 0;
}

.subtitle {
  font-size: 36px;
  color: #595959;
  font-weight: 300;
}

/* support panel */
#sliding_panel {
  background: #eee;
  height: 0;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
}

#sliding_panel.opened {
  margin-top: 0;
}

#sliding_panel .container {
  padding: 15px 0;
}

#open_sliding_panel span {
  display: none;
}

#open_sliding_panel.active span {
  display: inline-block;
}

#close_sliding_panel {
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 14px;
  top: 0;
  background: #CCC;
  padding: 40px 10px 10px 10px;
}

#close_sliding_panel:hover {
  background: #ddd;
}

.how_to_shop > .row {
  font-size: 14px;
  margin-bottom: 20px;
}

.how_to_shop > p {
  font-size: 13px;
  margin-top: 15px;
}

.how_to_shop .number {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  color: #fff;
  background: #CD2122;
  text-align: center;
  margin-right: 10px;
  font-weight: 900;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/** Login Register stuff */
#register_panel,
.register-panel {
  width: 400px;
}

.login-panel,
.register-panel,
.forgot-panel {
  padding: 20px;
}

.login-panel .m_title,
.register-panel .m_title,
.forgot-panel .m_title {
  font-size: 20px;
  font-weight: 500;
  color: #4a4a4a;
  margin-bottom: 20px;
  line-height: 1;
}

.login-panel .inputbox {
  width: 145px;
  margin: 0 4px 0 0;
  vertical-align: top;
}

.login-panel input[type=submit],
.register-panel input[type=submit],
.forgot-panel input[type=submit] {
  border: 0;
  vertical-align: top;
  height: 30px;
}

.login-panel .create_account,
.login-panel input[type=submit],
.register-panel input[type=submit],
.forgot-panel input[type=submit],
.login-panel .login_facebook {
  display: inline-block;
  line-height: 30px;
  background: #E12121;
  color: white;
  font-size: 14px;
  padding: 0 10px;
  margin-right: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.login-panel .create_account:hover,
.login-panel input[type=submit]:hover,
.register-panel input[type=submit]:hover,
.forgot-panel input[type=submit]:hover {
  background: #787878;
}

.login-panel .login_facebook {
  background: #3b5998;
  margin-right: 0;
}

.login-panel .links a,
.register-panel .links a,
.forgot-panel .links a {
  font-size: 10px;
  font-weight: bold;
  color: #898989;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

/** Scroll to top button **/
#totop {
  height: 9px;
  opacity: 0;
  filter: alpha(opacity=0);
  position: fixed;
  right: -50px;
  width: 49px;
  z-index: 9999;
  display: block;
  top: 85%;
  background-image: url("../images/arrow_totop.png");
  background-repeat: no-repeat;
  background-position: center 15px;
  background-color: #404040;
  font-size: 9px;
  font-weight: 900;
  color: #fff;
  text-align: center;
  line-height: 1;
  padding: 28px 0 12px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

#totop.on {
  right: 10px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

#totop.off {
  right: -59px;
}

#totop:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

/** Action Box **/
#action_box {
  padding: 20px 0;
  color: #fff;
  border-top: 2px solid #fff;
  border-bottom: 1px solid #fff;
  position: relative;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.2)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 );
  /* IE6-9 */
  background-color: #CD2122;
}

#action_box .row {
  margin-bottom: 0;
}

#action_box h4.text {
  margin: 5px 0;
  font-weight: 500;
  font-size: 22px;
}

#action_box:after,
#action_box:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -14px;
  margin-left: -25%;
  border-radius: 3px;
  border: 8px solid transparent;
  border-top-width: 7px;
  border-top-color: #CD2122;
}

#action_box:after {
  border-top-color: rgba(0, 0, 0, 0.2);
}

#action_box[data-arrowpos=center]:after,
#action_box[data-arrowpos=center]:before {
  margin-left: -7px;
}

#action_box[data-arrowpos=right]:after,
#action_box[data-arrowpos=right]:before {
  margin-left: 25%;
}

/* PORTFOLIO DEVICES SLIDER */
.portfolio-slider-frames h3 {
  font-size: 27x;
  font-weight: 500;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
  line-height: 1.4;
  max-width: 860px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}

.portfolio-slider-frames h3 .stronger {
  font-weight: 900;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
  padding-bottom: 2px;
  cursor: help;
}

/* LAPTOP SLIDER */
.laptop-slider-wrapper h3 {
  font-size: 27px;
  font-weight: 300;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
  line-height: 1.4;
  max-width: 860px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}

.laptop-slider-wrapper h3 strong {
  font-weight: 500;
}

.laptop-slider-wrapper h3 .stronger {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
  padding-bottom: 2px;
  cursor: help;
}

/* Site Content */
.hoverBorder {
  position: relative;
  display: inline-block;
}

.hoverBorder:hover img {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.imgboxes_style1 .hoverBorder h6 {
  position: absolute;
  left: -10px;
  bottom: 11px;
  color: #fff;
  padding: 6px 10px;
  background: #cd2122;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.imgboxes_style1 .hoverBorder:hover h6 {
  left: 15px;
}

.hoverBorderWrapper {
  position: relative;
  display: block;
}

.theHoverBorder {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) inset;
  -moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) inset;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) inset;
}

.theHoverBorder:hover {
  -webkit-box-shadow: 0 0 0 5px #cd2122 inset;
  -moz-box-shadow: 0 0 0 5px #cd2122 inset;
  box-shadow: 0 0 0 5px #cd2122 inset;
}

.plus .theHoverBorder {
  background-position: center center;
}

.plus .theHoverBorder:hover {
  background-image: url(../images/plus01.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(35, 35, 35, 0.5);
}

.image-boxes .hoverBorder {
  margin-bottom: 15px;
}

.image-boxes .box {
  margin-bottom: 20px;
}

.slidingDetails {
  position: relative;
  display: block;
  overflow: hidden;
}

.slidingDetails img {
  position: relative;
}

.slidingDetails .details {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 100%;
  visibility: hidden;
  padding: 10px;
  font-size: 12px;
  color: #fff;
  background: #232323;
  background: rgba(35, 35, 35, 0.8);
}

.slidingDetails:hover .details {
  visibility: visible;
  top: 0;
}

.slidingDetails:hover {
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}

.slidingDetails .details h4 {
  font-size: 14px;
  margin-top: 5px;
}

.slidingDetails .details h6 {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}

/* tabs style 1 */
.tabs_style1 {
  background: #fff;
  border: 1px solid #ececec;
}

.tabs_style1 > ul.nav {
  margin-bottom: 0;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #f9f9f9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f9f9f9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #f9f9f9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, #f9f9f9 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, #f9f9f9 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
  /* IE6-9 */
}

.tabs_style1 > ul.nav > li {
  float: left;
  margin-bottom: -1px;
}

.tabs_style1 > ul.nav > li > a {
  padding: 8px 20px;
  line-height: 18px;
  border: 1px solid transparent;
  border-left: 1px solid #fff;
  border-right: 1px solid #ececec;
  color: #343434;
}

.tabs_style1 > ul.nav > li.active > a,
.tabs_style1 > ul.nav > li > a:hover {
  background-color: #fff;
}

.tabs_style1 > ul.nav > li.active > a {
  border-top: 3px solid #cd2122;
  border-left: 0;
  font-weight: 700;
  padding: 6px 20px 10px;
}

.tabs_style1 .tab-content {
  display: table;
  width: 100%;
  padding: 10px 15px 15px;
}

/* tabs style 2 */
.tabs_style2 {
  margin: 10px 0;
}

.tabs_style2 > ul.nav {
  margin-bottom: 10px;
}

.tabs_style2 > ul.nav > li {
  float: left;
  border-left: 1px dotted #ccc;
  line-height: 18px;
}

.tabs_style2 > ul.nav > li:first-child {
  border-left: 0;
}

.tabs_style2 > ul.nav > li:first-child a {
  border-left: 0;
  padding-left: 0;
}

.tabs_style2 > ul.nav > li > a {
  padding: 4px 20px;
  line-height: 18px;
  color: #555;
  font-weight: bold;
}

.tabs_style2 > ul.nav > li.active > a,
.tabs_style2 > ul.nav > li > a:hover {
  background: none;
  color: #222;
}

.tabs_style2 .tab-content {
  display: table;
  width: 100%;
  padding: 0;
}

/* tabs style 3 */
.tabs_style3 {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 5px;
  position: static;
  overflow: hidden;
}

.tabs_style3 > ul.nav {
  margin-bottom: 0;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #f9f9f9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f9f9f9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #f9f9f9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, #f9f9f9 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, #f9f9f9 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
  /* IE6-9 */
}

.tabs_style3 > ul.nav > li {
  float: left;
  margin-bottom: -1px;
}

.tabs_style3 > ul.nav > li > a {
  padding: 8px 20px;
  line-height: 18px;
  border: 1px solid transparent;
  border-left: 1px solid #fff;
  border-right: 1px solid #ececec;
  color: #343434;
}

.tabs_style3 > ul.nav > li.active > a,
.tabs_style3 > ul.nav > li > a:hover {
  background-color: #fff;
}

.tabs_style3 > ul.nav > li.active > a {
  border-left: 0;
  font-weight: 700;
}

.tabs_style3 .tab-content {
  display: table;
  width: 100%;
  padding: 10px 15px 15px;
}

/* tabs style 4 */
.tabs_style4 > ul.nav {
  margin-bottom: 0;
}

.tabs_style4 > ul.nav > li {
  float: left;
  margin-bottom: -1px;
}

.tabs_style4 > ul.nav > li > a {
  padding: 8px 20px;
  line-height: 18px;
  color: #343434;
}

.tabs_style4 > ul.nav > li.active > a,
.tabs_style4 > ul.nav > li > a:hover {
  color: #222;
}

.tabs_style4 > ul.nav > li.active > a {
  background: #fff;
  border: 1px solid #ececec;
  border-bottom: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.tabs_style4 .tab-content {
  display: table;
  width: 100%;
  padding: 10px 15px 15px;
  border: 1px solid #ececec;
  background: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
}

/* partners carousel */
.partners_carousel h5.title {
  font-weight: 500;
  margin-top: 0;
  text-shadow: 1px 1px 0 #fff;
}

.partners_carousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.partners_carousel li {
  height: 100%;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0 0 0 10px;
  width: 250px;
}

.partners_carousel li a {
  height: 100%;
  display: block;
  padding: 10px 0;
  margin: 0px;
  min-height: 46px;
  line-height: 46px;
  border: 4px solid #f9f9f9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #ffffff;
}

.partners_carousel li a img {
  opacity: .8;
  filter: alpha(opacity=80);
}

.partners_carousel li a:hover {
  background: #f9f9f9;
  border: 4px solid #eee;
}

.partners_carousel li a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}

.partners_carousel .controls > a {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.partners_carousel .controls > a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.infobox1 {
  text-align: center;
  background: #ececec;
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  padding: 20px 0 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.infobox1 .m_title {
  font-weight: 700;
  line-height: 1;
  margin: 0 0 10px;
}

.infobox1:hover {
  background: #e9e9e9;
}

.infobox2 {
  background: #ececec;
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  padding: 20px 20px 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.infobox2 .m_title {
  font-weight: 700;
  line-height: 1;
  margin: 0 0 10px;
}

.infobox2 .btn {
  float: right;
  font-size: 14px;
  margin-top: 5px;
}

.infobox2:hover {
  background: #e9e9e9;
}

.feature_box .box {
  margin-bottom: 15px;
}

.feature_box .title {
  font-size: 14px;
  font-weight: 700;
  color: #CD2122;
  text-shadow: 1px 1px 0 white;
  vertical-align: middle;
}

.feature_box.default_style .title > img {
  margin-right: 10px;
}

.feature_box.style2 .box {
  min-height: 90px;
}

.feature_box.style2 span.icon {
  margin-right: 14px;
  display: inline-block;
  padding: 8px;
  background: #646464;
  float: left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.feature_box.style2 span.icon img {
  vertical-align: middle;
}

.feature_box.style2 p {
  margin-left: 50px;
}

.feature_box.style3 .box {
  min-height: 90px;
  padding: 10px;
  text-align: center;
  position: relative;
}

.feature_box.style3 .box .title {
  margin-bottom: 25px;
}

.feature_box.style3 span.icon {
  display: inline-block;
  margin-bottom: 20px;
  width: 32px;
  height: 32px;
}

.feature_box.style3 .box:hover {
  background: #cd2122;
  color: #fff;
}

.feature_box.style3 .box:hover .title {
  margin-bottom: 25px;
  color: #fff;
  text-shadow: none;
}

.feature_box.style3 .box:hover:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: #fff;
}

.feature_box.style3 .box:hover:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 50%;
  margin-left: -2px;
  border: 4px solid transparent;
  border-top-color: #fff;
}

.feature_box.style3 span.icon.ico1 {
  background: url(../images/icons/featured_boxes3/ico-01.png) no-repeat center top;
}

.feature_box.style3 span.icon.ico2 {
  background: url(../images/icons/featured_boxes3/ico-02.png) no-repeat center top;
}

.feature_box.style3 span.icon.ico3 {
  background: url(../images/icons/featured_boxes3/ico-03.png) no-repeat center top;
}

.feature_box.style3 span.icon.ico4 {
  background: url(../images/icons/featured_boxes3/ico-04.png) no-repeat center top;
}

.feature_box.style3 .box:hover span.icon {
  background-position: center bottom;
}

.services_box .box {
  margin-bottom: 15px;
}

.services_box .title {
  font-size: 14px;
  font-weight: 700;
  color: #CD2122;
  text-shadow: 1px 1px 0 white;
  vertical-align: middle;
}

.services_box .icon {
  float: left;
  width: 80px;
  line-height: 76px;
  background: #646464;
  text-align: center;
  margin-right: 20px;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 80px;
}

.services_box .box:hover .icon {
  background: #cd2122;
}

.services_box ul {
  float: left;
}

.latest_posts.default-style .hoverBorder {
  margin-bottom: 10px;
}

.latest_posts.default-style .hoverBorder h6 {
  position: absolute;
  left: -10px;
  bottom: 16px;
  color: #fff;
  padding: 6px 10px;
  background: #cd2122;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.latest_posts.default-style .hoverBorder:hover h6 {
  left: 15px;
  background: #fff;
  color: #cd2122;
}

.latest_posts.default-style a + em {
  font-size: 11px;
  color: #7d7d7d;
}

.latest_posts.default-style .post .m_title {
  font-style: italic;
  font-size: 16px;
  line-height: 1.4;
  margin-top: 10px;
}

.latest_posts.style2 {
  position: relative;
}

.latest_posts.style2 .viewall {
  position: absolute;
  top: 12px;
  right: 0;
  font-size: 10px;
  font-weight: bold;
  color: #757575;
}

.latest_posts.style2 .viewall:hover {
  color: #111;
}

.latest_posts.style2 ul.posts {
  margin: 0;
  padding: 0;
  list-style: none;
}

.latest_posts.style2 ul.posts li {
  margin-top: 20px;
}

.latest_posts.style2 ul.posts li:first-child {
  margin-top: 0px;
}

.latest_posts.style2 ul.posts .title {
  font-size: 14px;
  font-weight: 700;
  color: #CD2122;
  text-shadow: 1px 1px 0 white;
  vertical-align: middle;
}

.latest_posts.style2 ul.posts .details {
  float: left;
  width: 110px;
}

.latest_posts.style2 ul.posts .details > span {
  display: inline-block;
  margin-bottom: 2px;
  font-size: 10px;
}

.latest_posts.style2 ul.posts .details span.date {
  background: #a4a4a4;
  color: #fff;
  padding: 0 5px;
  position: relative;
}

.latest_posts.style2 ul.posts .details span.date:after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 10px;
  border: 4px solid transparent;
  border-top-color: #a4a4a4;
}

.latest_posts.style2 ul.posts .text {
  margin-left: 110px;
}

.latest_posts.style3 {
  position: relative;
}

.latest_posts.style3 .hoverBorder {
  margin-right: 20px;
  margin-top: 5px;
}

.latest_posts.style3 .viewall {
  position: absolute;
  top: 12px;
  right: 0;
  font-size: 10px;
  font-weight: bold;
  color: #757575;
}

.latest_posts.style3 .viewall:hover {
  color: #111;
}

.latest_posts.style3 ul.posts {
  margin: 0;
  padding: 0;
  list-style: none;
}

.latest_posts.style3 ul.posts li {
  margin-top: 15px;
}

.latest_posts.style3 ul.posts li:first-child {
  margin-top: 0px;
}

.latest_posts.style3 ul.posts .title {
  font-size: 13px;
  margin: 0 0 5px;
  font-weight: 700;
  color: #CD2122;
  text-shadow: 1px 1px 0 white;
  vertical-align: middle;
}

/* latest posts - accordion style */
.latest_posts.acc-style {
  position: relative;
}

.latest_posts.acc-style h3.m_title {
  position: absolute;
  top: 14px;
  z-index: 1;
  margin: 0;
}

.latest_posts.acc-style .viewall {
  position: absolute;
  top: 12px;
  right: 0;
  font-size: 10px;
  font-weight: bold;
  color: #757575;
  z-index: 1;
}

.latest_posts.acc-style .viewall:hover {
  color: #111;
}

.css3accordion {
  width: 1170px;
  margin: 0 auto 20px;
  overflow: hidden;
  position: relative;
}

/* .css3accordion,
.css3accordion>ul>li .thumb,
.css3accordion>ul>li>.inner-acc,
.css3accordion>ul { height: 202px; } */
.css3accordion > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 2222em;
}

.css3accordion > ul > li {
  width: 272px;
  padding-top: 50px;
  position: relative;
  float: left;
  overflow: hidden;
  margin-right: 20px;
  border-top: 4px solid #E7E7E7;
  transition: width 0.3s ease 0.2s;
  -moz-transition: width  0.3s ease 0.2s;
  -webkit-transition: width  0.3s ease 0.2s;
  -o-transition: width  0.3s ease 0.2s;
}

.css3accordion > ul > li > .inner-acc {
  width: 585px;
}

.css3accordion > ul > li .thumb {
  max-width: 273px;
  display: inline-block;
  float: left;
  margin-right: 20px;
  opacity: .8;
  filter: alpha(opacity=80);
}

.css3accordion > ul > li.last,
.css3accordion > ul > li:hover {
  width: 585px;
}

.css3accordion > ul > li:hover .thumb {
  opacity: 1;
  filter: alpha(opacity=100);
}

.css3accordion > ul > li.last {
  margin-right: 0;
}

.css3accordion .content > em {
  font-size: 11px;
  color: #7d7d7d;
}

.css3accordion .content > .m_title {
  font-size: 13px;
  line-height: 1.4;
  margin: 10px 0;
}

.css3accordion .text + a {
  font-size: 10px;
  font-weight: bold;
  color: #888;
  display: inline-block;
  margin-top: 5px;
}

/* process steps */
.process_steps {
  overflow: hidden;
  border-radius: 2px;
  margin-bottom: 15px;
}

.process_steps .step {
  float: left;
  width: 25%;
  padding: 15px;
  color: #fff;
  min-height: 230px;
  position: relative;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}

.process_steps .step:after {
  content: '';
  position: absolute;
  top: 15px;
  right: -14px;
  border: 7px solid transparent;
  z-index: 1;
}

.process_steps .step.intro {
  background: #cd2122;
  text-align: left;
}

.process_steps .step.intro:after {
  border-left-color: #cd2122;
}

.process_steps .step.step1 {
  background: #5a5a5a;
}

.process_steps .step.step1:after {
  border-left-color: #5a5a5a;
}

.process_steps .step.step2 {
  background: #4a4a4a;
}

.process_steps .step.step2:after {
  border-left-color: #4a4a4a;
}

.process_steps .step.step3 {
  background: #3e3e3e;
}

.process_steps .step.step3:after {
  display: none;
}

.process_steps .step.intro > h3 {
  margin-top: 0;
  line-height: 1.2;
  font-weight: 500;
}

.process_steps .step.intro > h3 strong {
  font-size: 120%;
  display: block;
}

.process_steps .step.intro > a {
  font-size: 11px;
  font-weight: 700;
  color: #eee;
}

.process_steps .step.intro > a:hover {
  color: #fff;
}

.process_steps .step > div + h3 + p {
  margin-bottom: 0;
}

.process_steps .step .icon {
  margin: 20px 0 15px;
  min-height: 50px;
  line-height: 50px;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  33% {
    -webkit-transform: scale(0.9);
  }
  66% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  33% {
    -moz-transform: scale(0.9);
  }
  66% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1);
  }
  33% {
    -ms-transform: scale(0.9);
  }
  66% {
    -ms-transform: scale(1.1);
  }
  100% {
    -ms-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  33% {
    -o-transform: scale(0.9);
  }
  66% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(0.9);
  }
  66% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -ms-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10%, 20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}
@-ms-keyframes tada {
  0% {
    -ms-transform: scale(1);
  }
  10%, 20% {
    -ms-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -ms-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -ms-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -ms-transform: scale(1) rotate(0);
  }
}
@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }
  10%, 20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -o-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -ms-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    -webkit-transform: translate(2px, 1px);
  }
  3% {
    -webkit-transform: translate(-1px, -2px);
  }
  6% {
    -webkit-transform: translate(-3px, 0px);
  }
  8% {
    -webkit-transform: translate(0px, 2px);
  }
  10% {
    -webkit-transform: translate(1px, -1px);
  }
  20% {
    -webkit-transform: translate(20px, -20px);
  }
  100% {
    -webkit-transform: translate(120px, -120px);
  }
}
@-moz-keyframes fadeOutRightBig {
  0% {
    -moz-transform: translate(2px, 1px);
  }
  3% {
    -moz-transform: translate(-1px, -2px);
  }
  6% {
    -moz-transform: translate(-3px, 0px);
  }
  8% {
    -moz-transform: translate(0px, 2px);
  }
  10% {
    -moz-transform: translate(1px, -1px);
  }
  20% {
    -moz-transform: translate(20px, -20px);
  }
  100% {
    -moz-transform: translate(120px, -120px);
  }
}
@-ms-keyframes fadeOutRightBig {
  0% {
    -ms-transform: translate(2px, 1px);
  }
  3% {
    -ms-transform: translate(-1px, -2px);
  }
  6% {
    -ms-transform: translate(-3px, 0px);
  }
  8% {
    -ms-transform: translate(0px, 2px);
  }
  10% {
    -ms-transform: translate(1px, -1px);
  }
  20% {
    -ms-transform: translate(20px, -20px);
  }
  100% {
    -ms-transform: translate(120px, -120px);
  }
}
@-o-keyframes fadeOutRightBig {
  0% {
    -o-transform: translate(2px, 1px);
  }
  3% {
    -o-transform: translate(-1px, -2px);
  }
  6% {
    -o-transform: translate(-3px, 0px);
  }
  8% {
    -o-transform: translate(0px, 2px);
  }
  10% {
    -o-transform: translate(1px, -1px);
  }
  20% {
    -o-transform: translate(20px, -20px);
  }
  100% {
    -o-transform: translate(120px, -120px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    transform: translate(2px, 1px);
  }
  3% {
    transform: translate(-1px, -2px);
  }
  6% {
    transform: translate(-3px, 0px);
  }
  8% {
    transform: translate(0px, 2px);
  }
  10% {
    transform: translate(1px, -1px);
  }
  20% {
    transform: translate(20px, -20px);
  }
  100% {
    transform: translate(120px, -120px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -ms-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

.process_steps .step:hover .icon[data-animation=tada] img {
  -webkit-animation: tada ease-in-out 1 normal 800ms;
  -moz-animation: tada ease-in-out 1 normal 800ms;
  -ms-animation: tada ease-in-out 1 normal 800ms;
  -o-animation: tada ease-in-out 1 normal 800ms;
  animation: tada ease-in-out 1 normal 500ms;
}

.process_steps .step:hover .icon[data-animation=pulse] img {
  -webkit-animation: pulse ease-in-out 1 normal 500ms;
  -moz-animation: pulse ease-in-out 1 normal 500ms;
  -ms-animation: pulse ease-in-out 1 normal 500ms;
  -o-animation: pulse ease-in-out 1 normal 500ms;
  animation: pulse ease-in-out 1 normal 500ms;
}

.process_steps .step:hover .icon[data-animation=fadeOutRightBig] img {
  -webkit-animation: fadeOutRightBig ease-out 1 normal 1s;
  -moz-animation: fadeOutRightBig ease-out 1 normal 1s;
  -ms-animation: fadeOutRightBig ease-out 1 normal 1s;
  -o-animation: fadeOutRightBig ease-out 1 normal 1s;
  animation: fadeOutRightBig ease-out 1 normal 1s;
}

/* recent work carousel */
.recentwork_carousel li a:hover .details > .bg,
.recentwork_carousel li .hover .hov,
.recentwork_carousel.style2 li .details {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.recentwork_carousel h5.title {
  font-weight: 500;
  margin-top: 0;
  text-shadow: 1px 1px 0 #fff;
}

.recentwork_carousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: auto;
}

.recentwork_carousel li {
  float: left;
  text-align: center;
  margin: 0;
  padding: 0 0 0 20px;
}

.recentwork_carousel li a {
  display: block;
  padding: 0;
  margin: 0px;
}

.recentwork_carousel li .hover {
  display: block;
  position: relative;
  overflow: hidden;
}

.recentwork_carousel li .hover .hov {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 100%;
  background-image: url(../images/plus01.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(35, 35, 35, 0.8);
  display: block;
}

.recentwork_carousel li a:hover .hov {
  top: 0;
}

.recentwork_carousel li .details {
  display: block;
  position: relative;
}

.recentwork_carousel li .details > .bg {
  position: absolute;
  top: 0;
  height: 0;
  background: #cd2122;
  width: 100%;
  left: 0;
}

.recentwork_carousel li .details h4 {
  font-size: 14px;
  color: #cd2122;
  padding: 10px 0;
  margin: 0;
  position: relative;
  z-index: 1;
}

.recentwork_carousel li .details h4 + span {
  font-size: 11px;
  display: block;
  color: #343434;
  line-height: 1;
  padding-bottom: 15px;
  position: relative;
  z-index: 1;
}

.recentwork_carousel li a:hover .details > .bg {
  height: 100%;
}

.recentwork_carousel li a:hover .details h4,
.recentwork_carousel li a:hover .details h4 + span {
  color: #fff;
}

.recentwork_carousel .controls > a {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.recentwork_carousel .controls > a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* recent work carousel - style2 */
.recentwork_carousel.style2 {
  position: relative;
}

.recentwork_carousel.style2 .controls {
  position: absolute;
  right: 20px;
  top: 12px;
}

.recentwork_carousel.style2 li {
  padding: 0 20px 0 0;
}

.recentwork_carousel.style2 li > a {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.recentwork_carousel.style2 li .details {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 1%, rgba(0, 0, 0, 0.65) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.25)), color-stop(1%, rgba(0, 0, 0, 0.25)), color-stop(100%, rgba(0, 0, 0, 0.65)));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 1%, rgba(0, 0, 0, 0.65) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 1%, rgba(0, 0, 0, 0.65) 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 1%, rgba(0, 0, 0, 0.65) 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 1%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#a6000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

.recentwork_carousel.style2 li a:hover .details {
  opacity: 1;
  filter: alpha(opacity=100);
}

.recentwork_carousel.style2 li a .details .plus {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  background: #cd2122;
  font-size: 16px;
  color: #fff;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.recentwork_carousel.style2 li a .details h4 {
  position: absolute;
  font-size: 14px;
  top: 65%;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
}

.recentwork_carousel.style2 li a .details h4 + span {
  position: absolute;
  font-size: 11px;
  top: 80%;
  left: 0;
  right: 0;
  padding: 0;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
}

/* goboxes */
.gobox {
  /*background:#797979; */
  color: #fff;
  padding: 15px;
  min-height: 100px;
  position: relative;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.gobox:hover {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.gobox h4 {
  margin-top: 5px;
}

.gobox:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border: 5px solid transparent;
  border-left-color: #4AAADF;
}

.gobox.ok {
  background: #F5621C;
  font-size: 13px;
  text-transform: uppercase;
}

.gobox.ok:after {
  display: none;
}

.gobox.ok h4 {
  font-size: 26px;
  margin-top: 20px;
}

.gobox.ok > img {
  float: left;
  margin-right: 25px;
  margin-top: 20px;
}

.gray-area {
  background: #ebebeb;
  padding: 30px 0 0;
  margin-bottom: 30px;
}

.gray-area.noMargin {
  margin-bottom: 0;
  padding-bottom: 20px;
}

/* info text box */
.info-text {
  background: #767676;
  color: #fff;
  font-size: 28px;
  line-height: 1.4;
  padding: 15px 20px;
  position: relative;
  -webkit-box-shadow: 3px 3px 0 white;
  -moz-box-shadow: 3px 3px 0 white;
  box-shadow: 3px 3px 0 white;
}

.info-text:after {
  content: '';
  width: 34px;
  height: 34px;
  background: url(../images/info-circle.png);
  position: absolute;
  right: 10px;
  bottom: 10px;
}

/* testimonials carousel */
.testimonials-carousel {
  position: relative;
}

.testimonials-carousel .controls {
  position: absolute;
  right: 0;
  top: 14px;
}

.testimonials-carousel .controls > a {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.testimonials-carousel .controls > a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.testimonials-carousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.testimonials-carousel ul li {
  float: left;
}

.testimonials-carousel blockquote {
  background: #fff;
  border: 4px solid #eee;
  margin: 0 0 10px;
  padding: 15px;
  font-size: 12px;
  font-style: italic;
  color: #474747;
  position: relative;
}

.testimonials-carousel blockquote:after {
  content: '';
  position: absolute;
  bottom: -14px;
  left: 15px;
  border: 7px solid transparent;
  border-top-color: #fff;
}

.testimonials-carousel blockquote + h5 {
  margin-top: 0;
  margin-left: 5px;
  font-size: 13px;
  font-weight: 500;
}

/* FLICKR FEED */
.flickr_feeds {
  margin: 0 0 0 -20px;
  padding: 0;
  list-style: none;
  position: relative;
}

.flickrfeed.loading:after {
  content: 'Loading..';
}

.flickr_feeds li {
  float: left;
  margin: 0 0 20px 20px;
}

.flickr_feeds li a {
  display: block;
  width: 75px;
  position: relative;
}

.flickr_feeds[data-size=small] li a {
  width: 60px;
}

.flickr_feeds li a .hov1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.hover-box {
  display: block;
  padding: 15px;
  background: #969696;
  border: 1px solid rgba(0, 0, 0, 0.4);
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}

.hover-box:hover {
  background: #cd2122;
  color: #fff;
}

.hover-box.centered {
  text-align: center;
}

.hover-box > img {
  float: left;
  margin: 15px 15px 8px 10px;
}

.hover-box > h3 {
  line-height: 1.1;
  margin-top: 0;
}

.hover-box > h4 {
  line-height: 1.1;
  margin-top: 0;
}

.hover-box > p {
  margin-bottom: 0;
  line-height: 1.1;
}

/* CIRCLE HOVER */
.circlehover {
  width: 110px;
  height: 110px;
  text-align: center;
  color: white;
  font-size: 18px;
  padding: 10px;
  display: table;
  line-height: 1.4;
  background-color: #CD2122;
  position: relative;
  font-weight: 700;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);
}

.circlehover[data-size="small"] {
  width: 80px;
  height: 80px;
  font-size: 14px;
  padding: 8px;
}

.circlehover[data-size="medium"] {
  width: 95px;
  height: 95px;
  font-size: 16px;
  padding: 10px;
}

.circlehover span {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 1;
}

.circlehover:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 7px;
  background: #CD2122;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.circlehover[data-position="top-left"]:before {
  top: 7px;
  left: 7px;
}

.circlehover[data-position="top-right"]:before {
  top: 7px;
  right: 7px;
  left: auto;
}

.circlehover[data-position="bottom-left"]:before {
  bottom: 7px;
  left: 7px;
  top: auto;
}

.circlehover[data-position="bottom-right"]:before {
  bottom: 7px;
  right: 7px;
  left: auto;
  top: auto;
}

.circlehover[data-position="top"]:before,
.circlehover[data-position="right"]:before,
.circlehover[data-position="left"]:before,
.circlehover[data-position="bottom"]:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.circlehover[data-position="top"]:before {
  top: -10px;
  left: 50%;
  margin-left: -15px;
}

.circlehover[data-position="right"]:before {
  top: 50%;
  right: -10px;
  left: auto;
  margin-top: -15px;
}

.circlehover[data-position="left"]:before {
  top: 50%;
  left: -10px;
  margin-top: -15px;
}

.circlehover[data-position="bottom"]:before {
  bottom: -10px;
  left: 50%;
  margin-left: -15px;
  top: auto;
}

.circlehover[data-position="bottom-right"] {
  -webkit-box-shadow: -3px -3px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -3px -3px 1px rgba(0, 0, 0, 0.5);
  box-shadow: -3px -3px 1px rgba(0, 0, 0, 0.5);
}

.circlehover:hover {
  color: #fff;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.2);
}

.circlehover[data-position="bottom-right"]:hover {
  -webkit-box-shadow: -5px -5px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px -5px 1px rgba(0, 0, 0, 0.5);
  box-shadow: -5px -5px 1px rgba(0, 0, 0, 0.5);
}

.circlehover[data-align="left"] {
  float: left;
}

.circlehover[data-align="right"] {
  float: right;
}

.circlehover {
  -webkit-transition: all 400ms cubic-bezier(0.68, 0, 0.265, 1);
  /* older webkit */
  -webkit-transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -ms-transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  /* easeInOutBack */
  -webkit-transition-timing-function: cubic-bezier(0.68, 0, 0.265, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -ms-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  /* easeInOutBack */
}

.circlehover.with-symbol > span.symbol {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  line-height: 130px;
}

.circlehover.with-symbol:hover > span.text {
  opacity: 0;
  filter: alpha(opacity=0);
}

.circlehover.with-symbol:hover > span.symbol {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* accordions */
.acc-group.default-style {
  margin-bottom: 3px;
}

.acc-group.default-style > button {
  background: none;
  border: 0;
  padding: 4px 10px;
  color: #cd2122;
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
}

.acc-group.default-style > button:after {
  content: '';
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url(../images/acc-arr1.png) no-repeat center top;
}

.acc-group.default-style > button:hover {
  background: #dcdcdc;
  color: #111;
}

.acc-group.default-style > button.collapsed:after {
  background-position: center bottom;
}

.acc-group.default-style > button.collapsed {
  color: #505050;
}

.acc-group.default-style .content {
  padding: 10px;
}

.acc-group.default-style.tweaked {
  border-bottom: 1px solid #D5D5D5;
  padding-bottom: 3px;
}

.acc-group.default-style.tweaked > button {
  font-size: 20px;
  line-height: 1.8;
  padding-left: 0;
}

.acc-group.default-style.tweaked > button:after {
  top: 12px;
}

.acc-group.default-style.tweaked .content {
  padding: 10px 0;
}

.acc-group.default-style.tweaked .content > .row {
  margin-bottom: 10px;
}

/* accordions style2 */
.acc-group.style2 {
  margin-bottom: 2px;
  padding: 0;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.acc-group.style2 > button {
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
  margin: 0;
  padding: 10px;
}

.acc-group.style2 > button:after {
  content: '';
  position: absolute;
  right: 5px;
  top: 10px;
  width: 20px;
  height: 20px;
  background: url(../images/acc-arr1.png) no-repeat center top;
  opacity: .4;
  filter: alpha(opacity=40);
}

.acc-group.style2 > button.collapsed:after {
  background-position: center bottom;
}

.acc-group.style2 > button.collapsed {
  color: #505050;
}

.acc-group.style2 .content {
  padding: 10px 15px;
  border-top: 1px solid #E5E5E5;
}

.acc-group.style2 .content p:last-child {
  margin-bottom: 0;
}

/* accordions style3 */
.acc-group.style3 {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e5e5e5;
}

.acc-group.style3 > button {
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
  margin: 0;
  padding: 10px 10px 10px 60px;
  background: none;
  border: 0;
  font-size: 16px;
}

.acc-group.style3 > button:after {
  content: '-';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  font-size: 40px;
  background: #eee;
  color: #cd2122;
  padding: 7px 6px 13px 14px;
  text-shadow: 0 1px 0 #fff;
}

.acc-group.style3 > button:hover {
  color: #cd2122 !important;
}

.acc-group.style3 > button:hover:after {
  color: #cd2122 !important;
  background: #e9e9e9;
}

.acc-group.style3 > button.collapsed:after {
  color: #b5b5b5;
  content: '+';
  padding: 10px;
  font-size: 35px;
}

.acc-group.style3 > button.collapsed {
  color: #505050;
}

.acc-group.style3 .content {
  padding: 10px 15px;
}

.acc-group.style3 .content p:last-child {
  margin-bottom: 0;
}

/* Screenshot-box */
.screenshot-box {
  background: #fff;
  border: 1px solid #b3b3b3;
  position: relative;
  padding: 15px 20px 0 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top: 20px;
}

.screenshot-box .left-side {
  float: left;
  width: 450px;
}

.screenshot-box .left-side h3.title {
  font-size: 19px;
  color: #cd2122;
  line-height: 1.4;
}

.screenshot-box .left-side ul.features {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

.screenshot-box .left-side ul.features li {
  padding-left: 35px;
  background: url(../images/ok2.png) no-repeat left center;
  margin-top: 20px;
}

.screenshot-box .left-side ul.features li:first-child {
  margin-top: 0;
}

.screenshot-box .left-side ul.features li h4 {
  font-size: 14px;
  line-height: 1.3;
  margin: 5px 0 0;
}

.thescreenshot {
  overflow: hidden;
  float: right;
  margin-left: 30px;
  width: 580px;
  height: 328px;
  padding: 42px 16px 0 10px;
  position: relative;
  background: url(../images/screenshotbox-bg.png) no-repeat left top;
  margin-top: -40px;
}

.thescreenshot .controls {
  position: absolute;
  top: 15px;
  left: 17px;
  width: 43px;
  height: 19px;
}

.thescreenshot .controls a {
  display: block;
  width: 21px;
  height: 19px;
  float: left;
}

#screenshot-carousel {
  margin: 0;
  padding: 0;
  list-style: none;
}

#screenshot-carousel li {
  float: left;
}

/* keywords box */
.keywordbox {
  border-top: 4px solid #ddd;
  position: relative;
  padding-top: 30px;
  font-size: 23px;
  font-style: italic;
  text-align: center;
  color: #8D8D8D;
}

.keywordbox:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -3px;
  border: 6px solid transparent;
  border-top-color: #ddd;
}

#footer {
  background: #2f2f2f;
  padding: 40px 0 20px;
  color: #d5d5d5;
  border-top: 4px solid #fff;
}

#footer a {
  color: #fff;
}

#footer a:hover {
  color: #d5d5d5;
}

#footer .m_title {
  font-size: 14px;
  color: #fff;
  text-shadow: none;
}

#footer .menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

#footer .zn_sbs .menu li {
  float: left;
  width: 50%;
}

.newsletter-signup form {
  margin-bottom: 10px;
}

.newsletter-signup input {
  vertical-align: top;
  margin-bottom: 0;
}

.newsletter-signup input[type=text] {
  color: #4d4d4d;
  background: #dddddd;
  border: 1px solid #a3a3a3;
  -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2) inset;
}

.newsletter-signup input[type=submit] {
  color: #fff;
  background: #cd2122;
  border: 0;
  font-weight: 700;
  font-size: 13px;
  height: 30px;
  padding: 0 15px;
  margin-left: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.newsletter-signup input[type=submit]:hover {
  background: #000;
}

.newsletter-signup #result {
  display: inline-block;
  margin-bottom: 10px;
}

.newsletter-signup #result:empty {
  display: inline;
}

.map-link > span {
  margin-top: 2px;
}

#footer .bottom {
  padding-top: 30px;
  border-top: 5px solid #484848;
  color: #8b8c8d;
}

#footer .social-icons {
  float: right;
}

#footer .copyright img {
  float: left;
  margin-right: 20px;
}

#footer .social-icons li.title {
  line-height: 30px;
}

#footer .social-icons li {
  margin: 0 0 0 10px;
}

#footer .social-icons li:first-child {
  margin-left: 0;
}

#footer .contact-details {
  background: url(../images/say_hi.png) no-repeat right top;
}

/* SOCIAL SHARING */
.social-share {
  margin: 25px 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.social-share li {
  display: inline-block;
  margin-left: 10px;
  width: 90px;
  max-height: 20px;
  vertical-align: top;
}

.social-share li.sc-gplus {
  width: 70px;
}

.social-share li.sc-pinterest > a {
  width: 40px !important;
  margin-left: -40px !important;
  vertical-align: top !important;
}

.social-share.colored {
  margin-top: 15px;
}

.social-share.colored li {
  padding: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.social-share.colored li.sc-facebook {
  background: #3B5998;
}

.social-share.colored li.sc-twitter {
  background: #3CF;
}

.social-share.colored li.sc-gplus {
  background: #D34836;
  width: 70px;
}

.social-share.colored li.sc-pinterest {
  background: #CB2027;
}

/* TWITTER FEED */
#twitterFeed {
  background: url(../images/twitter-bird.png) no-repeat 15px center #444;
  font-size: 12px;
  color: #fff;
  padding: 15px 75px 15px 60px;
  position: relative;
  margin-bottom: 15px;
  font-style: italic;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#twitterFeed:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 15px;
  border: 5px solid transparent;
  border-top-color: #444;
}

#twitterFeed ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
}

#twitterFeed .twTime {
  display: inline-block;
  color: #9d9d9d;
  padding-left: 10px;
  border-left: 1px solid #707070;
  font-size: 11px;
  position: absolute;
  right: 15px;
  top: 15px;
  bottom: 15px;
  width: 45px;
  vertical-align: middle;
  line-height: 1;
}

/* TESTIMONIALS FADER */
.testimonials_fader ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-left: 1px solid #e2e2e2;
  position: relative;
}

.testimonials_fader li {
  position: relative;
  padding: 0 0 0 100px;
}

.testimonials_fader ul li:after {
  content: '“';
  position: absolute;
  top: -10px;
  left: 30px;
  font-size: 150px;
  color: #e2e2e2;
  line-height: 1;
  font-family: tahoma, "Meiryo UI";
}

.testimonials_fader li blockquote {
  margin: 0;
  padding: 0;
  border: 0;
  font: italic 20px/1.4 Georgia, Arial, sans-serif;
}

.testimonials_fader li blockquote + h6 {
  font-weight: normal;
  font-size: 11px;
  font-style: italic;
}

/* TESTIMONIALS BOX */
.testimonial_box {
  float: left;
  padding: 0 25px;
  margin: 15px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.testimonial_box[data-size=small] {
  width: 30%;
}

.testimonial_box[data-size=medium] {
  width: 50%;
}

.testimonial_box[data-size=large] {
  width: 70%;
}

.testimonial_box[data-size=full] {
  width: 100%;
}

.testimonial_box[data-size=onethird] {
  width: 33%;
}

.testimonial_box[data-size=twothirds] {
  width: 66%;
}

.testimonial_box[data-theme=light] blockquote {
  background: #ddd;
  color: #343434;
}

.testimonial_box[data-theme=dark] blockquote {
  background: #707070;
  color: #f5f5f5;
}

.testimonial_box[data-theme=light][data-align=left] blockquote:after {
  border-right-color: #ddd;
}

.testimonial_box[data-theme=dark][data-align=left] blockquote:after {
  border-right-color: #707070;
}

.testimonial_box[data-theme=light][data-align=right] blockquote:after {
  border-left-color: #ddd;
}

.testimonial_box[data-theme=dark][data-align=right] blockquote:after {
  border-left-color: #707070;
}

.testimonial_box[data-theme=light][data-align=top] blockquote:after {
  border-bottom-color: #ddd;
}

.testimonial_box[data-theme=dark][data-align=top] blockquote:after {
  border-bottom-color: #707070;
}

.testimonial_box[data-theme=light][data-align=bottom] blockquote:after {
  border-top-color: #ddd;
}

.testimonial_box[data-theme=dark][data-align=bottom] blockquote:after {
  border-top-color: #707070;
}

.testimonial_box[data-align=left] .details {
  float: left;
  margin-right: 10px;
  width: 90px;
}

.testimonial_box[data-align=left] blockquote {
  margin-left: 90px;
}

.testimonial_box[data-align=left] blockquote:after {
  left: -14px;
  top: 50%;
}

.testimonial_box[data-align=right] .details {
  float: right;
  margin-left: 10px;
  width: 90px;
  text-align: right;
}

.testimonial_box[data-align=right] blockquote {
  margin-right: 90px;
}

.testimonial_box[data-align=right] blockquote:after {
  right: -14px;
  top: 50%;
}

.testimonial_box[data-align=top] .details {
  float: none;
  margin-left: 10px;
  width: 100%;
  position: relative;
  z-index: 1;
}

.testimonial_box[data-align=top] .details img {
  position: absolute;
  top: -5px;
  right: -5px;
}

.testimonial_box[data-align=top] .details h6 strong {
  display: block;
}

.testimonial_box[data-align=top] .details h6 {
  margin-top: 0;
}

.testimonial_box[data-align=top] blockquote {
  margin-top: 14px;
  clear: both;
}

.testimonial_box[data-align=top] blockquote:after {
  left: 30px;
  top: -14px;
}

.testimonial_box[data-align=bottom] {
  margin-bottom: 35px;
}

.testimonial_box[data-align=bottom] .details {
  position: absolute;
  left: 25px;
  right: 5px;
  top: 100%;
  z-index: 1;
}

.testimonial_box[data-align=bottom] .details img {
  float: right;
  margin-top: -20px;
}

.testimonial_box[data-align=bottom] .details h6 strong {
  display: block;
}

.testimonial_box[data-align=bottom] blockquote {
  margin-bottom: 0;
  float: none;
  position: relative;
  z-index: 0;
}

.testimonial_box[data-align=bottom] blockquote:after {
  left: 30px;
  bottom: -14px;
}

.testimonial_box .details h6 {
  font-size: 10px;
  font-weight: normal;
  margin: 10px 0 0;
  line-height: 1.4;
}

.testimonial_box blockquote {
  margin: 0;
  padding: 15px;
  border: 0;
  font-size: 12px;
  font-style: italic;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}

.testimonial_box blockquote:after {
  content: '';
  position: absolute;
  border-width: 7px;
  border-style: solid;
  border-color: transparent;
}

/* vertical tabs */
.vertical_tabs {
  background: #fff;
  border: 1px solid #c2c2c2;
  overflow: hidden;
  border-radius: 3px;
}

.vertical_tabs .tabbable .nav {
  float: left;
  width: 25%;
  border-right: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  margin: 0 0 -1px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.vertical_tabs .tabbable .nav > li {
  border-top: 1px solid #c2c2c2;
}

.vertical_tabs .tabbable .nav > li > a {
  line-height: 60px;
  padding-left: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #595959;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 73%, #ededed 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(73%, #ffffff), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(left, #ffffff 73%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #ffffff 73%, #ededed 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #ffffff 73%, #ededed 100%);
  /* IE10+ */
  background: linear-gradient(to right, #ffffff 73%, #ededed 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );
}

.vertical_tabs .tabbable .nav > li > a > span {
  padding: 6px 7px 7px 7px;
  background: #646464;
  margin-right: 5px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.vertical_tabs .tabbable .nav > li > a > span span {
  margin: 0;
  vertical-align: middle;
}

.vertical_tabs .tabbable .nav > li > a:hover,
.vertical_tabs .tabbable .nav > li.active > a {
  color: #cd2122;
}

.vertical_tabs .tabbable .nav > li.active > a {
  background: #fff;
  margin-right: -1px;
}

.vertical_tabs .tabbable .nav > li.active > a > span,
.vertical_tabs .tabbable .nav > li > a:hover > span {
  background: #cd2122;
}

.vertical_tabs .tabbable .nav > li:first-child {
  border-top: 0;
}

.vertical_tabs .tabbable .tab-content {
  float: left;
  width: 75%;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*stat boxes */
.statbox {
  background: #fff;
  border: 1px solid #c2c2c2;
  padding: 15px;
}

.statbox img {
  float: left;
  margin-right: 20px;
}

.statbox h4 {
  font-size: 30px;
  color: #cd2122;
  line-height: 35px;
  margin-top: 0;
}

.statbox h6 {
  color: #969696;
  margin-bottom: 0;
}

/* skills diagram */
#skills_diagram {
  float: right;
  width: 600px;
  position: relative;
}

#skills_diagram .legend {
  position: absolute;
  right: -60px;
  top: 40px;
  text-align: right;
}

#skills_diagram #thediagram {
  width: 600px;
  height: 500px;
  margin-top: -50px;
  float: right;
}

#skills_diagram .skills {
  margin: 0;
  padding: 0;
  list-style: none;
}

#skills_diagram .skills li {
  float: right;
  clear: both;
  padding: 0 15px;
  height: 25px;
  line-height: 25px;
  color: white;
  margin-bottom: 1px;
  font-size: 14px;
}

/* PRICING TABLES */
.spacer {
  height: 50px;
}

.no-space {
  margin-left: 0;
}

.no-space [class*="span"] {
  margin-left: 0;
}

.row-fluid.no-space .span1 {
  width: 8.334% !important;
}

.row-fluid.no-space .span2 {
  width: 16.667% !important;
}

.row-fluid.no-space .span3 {
  width: 25% !important;
}

.row-fluid.no-space .span4 {
  width: 33.334% !important;
}

.row-fluid.no-space .span5 {
  width: 41.667% !important;
}

.row-fluid.no-space .span6 {
  width: 50% !important;
}

.row-fluid.no-space .span7 {
  width: 58.333% !important;
}

.row-fluid.no-space .span8 {
  width: 66.666% !important;
}

.row-fluid.no-space .span9 {
  width: 75% !important;
}

.row-fluid.no-space .span10 {
  width: 83.334% !important;
}

.row-fluid.no-space .span11 {
  width: 91.666% !important;
}

.row-fluid.no-space .span12 {
  width: 100% !important;
}

@media (max-width: 767px) {
  .row-fluid.no-space [class*="span"] {
    width: auto !important;
  }
}
.pricing_table {
  text-align: center;
  margin: 25px 0;
}

.pricing_table .tb_header {
  background-color: #8AB623;
}

.pricing_table .tb_header h4 {
  margin: 0;
  padding: 15px 0px;
  border-bottom: 3px solid #5E852C;
  color: white;
  font-size: 20px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  font-weight: 700;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-left-radius: 3px;
  -moz-border-top-right-radius: 4px;
  border-top-left-radius: 3px;
  border-top-right-radius: 4px;
}

.pricing_table .price {
  margin: 0;
  padding: 15px 0px;
  border-bottom: 2px solid white;
  font-size: 46px;
  color: #fff;
  text-shadow: 1px 1px 0 black;
  font-weight: 900;
  letter-spacing: 0px;
  line-height: 1;
}

.pricing_table .price p:first-letter {
  font-weight: 300;
  margin-right: 2px;
  font-size: 26px;
}

.pricing_table .price p {
  margin: 0;
}

.pricing_table .price p span {
  display: block;
  padding: 4px;
  font-size: 14px;
  font-weight: 500;
}

.pricing_table .tb_content {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pricing_table .tb_content li {
  margin: 0;
  padding: 5px 0px;
  font-size: 12px;
  line-height: 2;
}

.pricing_table .tb_content li:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.1);
}

.pricing_table .tb_content li:first-child {
  border-top: 1px solid white;
}

.pricing_table .tb_content li hr {
  margin: 10px 50px;
}

.pricing_table .signin {
  padding: 15px 0 15px;
  background: rgba(0, 0, 0, 0.15);
  border-top: 3px solid #5E852C;
}

.pricing_table .pr_table_col {
  background: #fff;
  position: relative;
  z-index: 0;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.pricing_table [class*="span"]:nth-child(odd) .pr_table_col {
  background-color: #F1F1F1;
}

.pricing_table .pr_table_col.highlight {
  z-index: 1;
}

.pricing_table .pr_table_col:hover {
  z-index: 2;
}

.pricing_table .pr_table_col.highlight,
.pricing_table .pr_table_col:hover {
  margin-top: -15px;
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}

.pricing_table .pr_table_col.highlight .tb_content li,
.pricing_table .pr_table_col:hover .tb_content li {
  padding: 7px 0px;
}

.pricing_table .pr_table_col.highlight .price,
.pricing_table .pr_table_col:hover .price {
  padding: 20px 0px;
}

.pricing_table .pr_table_col {
  -webkit-transition: -webkit-box-shadow 0.2s ease-out;
  -moz-transition: -moz-box-shadow 0.2s ease-out;
  -o-transition: -o-box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
}

.pricing_table .pr_table_col.caption_column {
  margin-top: 50px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.pricing_table .pr_table_col.caption_column .tb_header {
  font-size: 18px;
  padding: 41px 0;
  color: #444;
  font-weight: 700;
  border-bottom: 2px solid #fff;
  background: #eee;
  text-shadow: 1px 1px 0 #fff;
}

.pricing_table .pr_table_col.caption_column .tb_content li {
  padding: 5px 0px;
  text-align: left;
  text-indent: 30px;
  background: #eee;
}

/* pricing table skins */
.pr_table_col[data-color=red] .tb_header h4 {
  border-bottom: 3px solid #941414;
}

.pr_table_col[data-color=red] .signin {
  border-top: 3px solid #941414;
}

.pr_table_col[data-color=red] .tb_header {
  background-color: #cd2122;
}

.pr_table_col[data-color=blue] .tb_header h4 {
  border-bottom: 3px solid #345370;
}

.pr_table_col[data-color=blue] .signin {
  border-top: 3px solid #345370;
}

.pr_table_col[data-color=blue] .tb_header {
  background-color: #2A8FBD;
}

.pr_table_col[data-color=green] .tb_header h4 {
  border-bottom: 3px solid #5E852C;
}

.pr_table_col[data-color=green] .signin {
  border-top: 3px solid #5E852C;
}

.pr_table_col[data-color=green] .tb_header {
  background-color: #8AB623;
}

.pr_table_col[data-color=turquoise] .tb_header h4 {
  border-bottom: 3px solid #0A817F;
}

.pr_table_col[data-color=turquoise] .signin {
  border-top: 3px solid #0A817F;
}

.pr_table_col[data-color=turquoise] .tb_header {
  background-color: #12C6C2;
}

.pr_table_col[data-color=orange] .tb_header h4 {
  border-bottom: 3px solid #AF3F08;
}

.pr_table_col[data-color=orange] .signin {
  border-top: 3px solid #AF3F08;
}

.pr_table_col[data-color=orange] .tb_header {
  background-color: #EB540A;
}

.pr_table_col[data-color=purple] .tb_header h4 {
  border-bottom: 3px solid #630C72;
}

.pr_table_col[data-color=purple] .signin {
  border-top: 3px solid #630C72;
}

.pr_table_col[data-color=purple] .tb_header {
  background-color: #8A2D9A;
}

.pr_table_col[data-color=yellow] .tb_header h4 {
  border-bottom: 3px solid #A8A80A;
}

.pr_table_col[data-color=yellow] .signin {
  border-top: 3px solid #A8A80A;
}

.pr_table_col[data-color=yellow] .tb_header {
  background-color: #D6D609;
}

.pr_table_col[data-color=green_lemon] .tb_header h4 {
  border-bottom: 3px solid #708D0B;
}

.pr_table_col[data-color=green_lemon] .signin {
  border-top: 3px solid #708D0B;
}

.pr_table_col[data-color=green_lemon] .tb_header {
  background-color: #9CC607;
}

.pr_table_col[data-color=dark] .tb_header h4 {
  border-bottom: 3px solid #000;
}

.pr_table_col[data-color=dark] .signin {
  border-top: 3px solid #000;
}

.pr_table_col[data-color=dark] .tb_header {
  background-color: #333;
}

.pr_table_col[data-color=light] .tb_header h4 {
  border-bottom: 3px solid #747474;
}

.pr_table_col[data-color=light] .signin {
  border-top: 3px solid #747474;
}

.pr_table_col[data-color=light] .tb_header {
  background-color: #aaa;
}

.pricing_table.rounded-corners [class*="span"]:first-child .tb_header {
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}

.pricing_table.rounded-corners [class*="span"]:last-child .tb_header {
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

.pricing_table.rounded-corners .pr_table_col:hover .tb_header,
.pricing_table.rounded-corners .highlight .tb_header {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.pricing_table.rounded-corners .pr_table_col:hover,
.pricing_table.rounded-corners .highlight {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.pricing_table.rounded-corners .pr_table_col:hover .signin,
.pricing_table.rounded-corners .highlight .signin {
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.pricing_table.rounded-corners [class*="span"]:last-child .tb_header {
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

.pricing_table.rounded-corners [class*="span"]:first-child .pr_table_col,
.pricing_table.rounded-corners [class*="span"]:first-child .signin {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.pricing_table.rounded-corners [class*="span"]:last-child .pr_table_col,
.pricing_table.rounded-corners [class*="span"]:last-child .signin {
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* process boxes */
.process_box {
  position: relative;
  background: #fff;
  border: 2px solid #C5C5C5;
  padding: 0;
  margin-bottom: 40px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.process_box:hover {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 8px rgba(0, 0, 0, 0.3);
}

.process_box:after, .process_box:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.process_box.last:after, .process_box.last:before {
  display: none;
}

.process_box:after {
  border-color: transparent;
  border-top-color: #eee;
  border-width: 10px;
  margin-left: -10px;
  left: 10%;
}

.process_box:before {
  border-color: transparent;
  border-top-color: #ccc;
  border-width: 13px;
  margin-left: -13px;
  left: 10%;
}

.process_box[data-align=right]:after,
.process_box[data-align=right]:before {
  right: 10%;
  left: auto;
  margin-left: 0;
}

.process_box[data-align=right]:after {
  margin-right: -10px;
}

.process_box[data-align=right]:before {
  margin-right: -13px;
}

.process_box[data-align=center]:after,
.process_box[data-align=center]:before {
  left: 50%;
}

.process_box[data-align=center]:after {
  border-top-color: #fff;
}

.process_box .number {
  padding: 0;
  height: 100%;
  position: absolute;
  background: #eee;
  left: 0;
  top: 0;
  bottom: 0;
  border-right: 1px solid #C5C5C5;
  width: 240px;
  text-align: center;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.process_box .number span {
  font-size: 150px;
  font-weight: 900;
  color: #fff;
  line-height: 1.2;
  vertical-align: middle;
}

.process_box .content {
  margin-left: 260px;
  padding: 20px 20px 10px 10px;
}

.process_box[data-align=right] .number {
  left: auto;
  right: 0;
  border-right: 0;
  border-left: 1px solid #C5C5C5;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;
}

.process_box[data-align=right] .content {
  margin-left: auto;
  margin-right: 260px;
  padding: 20px 10px 10px 20px;
}

/* sidebars */
#sidebar {
  background: white;
  padding: 10px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#sidebar .widget {
  margin-bottom: 20px;
}

.sidebar .widget .title {
  color: #050505;
  line-height: 1.4;
  margin-bottom: 15px;
  padding-bottom: 20px;
  position: relative;
  font-size: 18px;
}

.sidebar .widget .title:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 25px;
  height: 0;
  border-bottom: 1px solid #CBCBCB;
}

.sidebar .widget .title:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #f9f9f9;
}

.sidebar .widget ul.menu, .sidebar .widget ul.product-categories, .sidebar .widget ul.pagenav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar .widget ul.menu li, .sidebar .widget ul.product-categories li, .sidebar .widget ul.pagenav li {
  margin-bottom: 0px;
}

.sidebar .widget ul.menu li a, .sidebar .widget ul.product-categories li a, .sidebar .widget ul.pagenav li a {
  color: #595959;
  display: block;
  padding: 4px 0 4px 20px;
  position: relative;
  border-radius: 2px;
}

.sidebar .widget ul.menu li a:after, .sidebar .widget ul.product-categories li a:after, .sidebar .widget ul.pagenav li a:after {
  content: '\203A';
  position: absolute;
  left: 7px;
  top: 6px;
  color: #DDD;
  font-size: 16px;
  line-height: 1;
  width: 4px;
  height: 4px;
  font-family: Arial, "Meiryo UI";
}

.sidebar .widget ul.menu li.active a:after, .sidebar .widget ul.product-categories li.active a.after, .sidebar .widget ul.pagenav li.active a:after,
.sidebar .widget ul.menu li.current-cat a:after, .sidebar .widget ul.product-categories li.current-cat a:after, .sidebar .widget ul.pagenav li.current-cat a:after
.sidebar .widget ul.menu li a:hover:after, .sidebar .widget ul.product-categories li:hover:after, .sidebar .widget ul.pagenav li:hover:after {
  color: white;
  left: 8px;
}

.sidebar .widget ul.menu li.active a, .sidebar .widget ul.product-categories li.active a, .sidebar .widget ul.pagenav li.active a,
.sidebar .widget ul.menu li.current-cat > a, .sidebar .widget ul.product-categories li.current-cat > a, .sidebar .widget ul.pagenav li.current-cat > a,
.sidebar .widget ul.menu li a:hover, .sidebar .widget ul.product-categories li a:hover, .sidebar .widget ul.pagenav li a:hover {
  background: #CD2122;
  color: white;
}

div.cloudBlock a {
  padding: 4px;
  float: left;
  display: block;
}

/* Historic timeline */
.timeline_bar {
  background: url(../images/timeline_bar.png) repeat-y center top;
}

.timeline_bar > .row {
  margin-bottom: 0;
}

.timeline_box {
  background: #fff;
  border-radius: 3px;
  margin: 50px 0 70px;
  padding: 15px;
  position: relative;
}

.timeline_box:after {
  content: '';
  position: absolute;
  top: 20px;
  right: -12px;
  border: 6px solid transparent;
  border-left-color: #fff;
}

div[data-align=right] .timeline_box:after {
  left: -12px;
  right: auto;
  border-left-color: transparent;
  border-right-color: #fff;
}

.timeline_box:before {
  content: '';
  position: absolute;
  top: 20px;
  right: -21px;
  background: #999;
  width: 5px;
  height: 5px;
  border: 3px solid #f5f5f5;
  border-radius: 50%;
}

div[data-align=right] .timeline_box:before {
  right: auto;
  left: -20px;
}

.end_timeline {
  text-align: center;
}

.end_timeline > span {
  background: #fff;
  border-radius: 3px;
  padding: 0 10px;
  line-height: 2;
  display: inline-block;
}

.timeline_box:hover .date,
.timeline_box:hover {
  box-shadow: 0 0 8px rgba(35, 35, 35, 0.2);
}

.timeline_box:hover:before {
  width: 7px;
  height: 7px;
  border: 2px solid #f5f5f5;
}

.timeline_box .date {
  font-size: 18px;
  font-weight: 700;
  background: #fff;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 2px;
  position: absolute;
  top: 11px;
  right: -100px;
  color: #787878;
}

div[data-align=right] .timeline_box .date {
  left: -100px;
  right: auto;
}

/*offline/comming soon page */
.offline-page #background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #ffffff 0%, #e5e5e5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

.offline-page .containerbox {
  max-width: 700px;
  margin: 100px auto 0;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  position: relative;
  z-index: 1;
  padding: 25px;
  box-shadow: 0 10px 20px #CCC;
  border-bottom: 5px solid #cd2122;
  color: #eee;
}

.offline-page #logo {
  float: left;
  text-align: center;
}

.offline-page .content {
  margin-left: 200px;
  border-left: 1px solid #777;
  padding-left: 20px;
}

.offline-page .containerbox:after {
  content: '';
  position: absolute;
  bottom: -25px;
  left: 100px;
  border-top: 20px solid #cd2122;
  border-right: 20px solid transparent;
  z-index: 2;
}

.offline-page .ud_counter {
  margin: 40px 0;
}

.offline-page .ud_counter ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.offline-page .ud_counter ul li {
  display: inline-block;
  margin: 0 0 0 18px;
  font-size: 22px;
  font-weight: 700;
  padding: 15px 10px;
  width: 60px;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.offline-page .ud_counter ul li:first-child {
  margin-left: 0;
}

.offline-page .ud_counter ul li span {
  display: block;
  font-size: 13px;
  margin-top: 17px;
  line-height: 1;
}

.offline-page .ud_counter ul li.till_lauch {
  height: 80px;
  width: 80px;
  padding: 0;
  vertical-align: top;
}

.offline-page #mail_when_ready {
  float: left;
  margin: 0;
}

.offline-page #mail_when_ready input[type=submit] {
  vertical-align: top;
}

/* testimonial box style 4 */
.testimonial_box4 blockquote {
  background: #fff;
  border: 4px solid #eee;
  margin: 0 0 10px;
  padding: 15px;
  font-size: 12px;
  font-style: italic;
  color: #474747;
  position: relative;
}

.testimonial_box4 blockquote:after {
  content: '';
  position: absolute;
  bottom: -14px;
  left: 15px;
  border: 7px solid transparent;
  border-top-color: #fff;
}

.testimonial_box4 blockquote + h5 {
  margin-top: 0;
  margin-left: 5px;
  font-size: 13px;
  font-weight: 500;
}

/* 404 error page */
.error404 #page_header {
  height: 200px;
  min-height: 0;
}

.error404-content {
  margin: 20px auto;
  text-align: center;
  line-height: 1;
}

.error404-content h2 {
  font-weight: bold;
  font-size: 260px;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 28px rgba(35, 35, 35, 0.5);
  text-transform: uppercase;
  margin: 20px 0;
  color: transparent;
}

.error404-content h3 {
  font-size: 30px;
  text-align: center;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

/* SERVICES STYLE 2 */
.services_box.style2 .box {
  padding: 30px;
  background: #eee;
  height: 300px;
  margin: 0;
  position: relative;
}

.services_box.style2 .box:hover {
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 5px;
}

.services_box.style2 .box .title {
  font-size: 22px;
  margin-bottom: 30px;
}

.services_box.style2 .box .icon {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 3px;
}

.services_box.style2 .box .icon img {
  vertical-align: middle;
  line-height: 45px;
  display: inline-block;
  margin-top: -2px;
}

.services_box.style2 .box .list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  float: none;
}

.services_box.style2 .box .list li {
  line-height: 1;
  padding: 10px 0px;
  border-top: 1px solid #eee;
  color: #cd2122;
}

.services_box.style2 .box .list li:first-child {
  border-top: 0;
}

/* team members */
.team_member {
  background: #fff;
  padding: 0 0 5px;
  position: relative;
}

.team_member:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.team_member .details {
  padding: 0 20px 0;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  position: absolute;
  background: #fff;
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-size: 11px;
}

.team_member:hover .details {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.team_member:hover {
  z-index: 2;
}

.team_member > h4,
.team_member > h6 {
  padding: 0 20px;
}

.team_member .details .social-icons {
  margin: 15px 0;
}

.team_member .details .social-icons li {
  margin: 0 0 0 8px;
}

.team_member .details .social-icons li:first-child {
  margin-left: 0;
}

/* map controls */
#map_controls {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  width: auto;
  top: 50%;
  margin-top: -45px;
  right: 20px;
  width: 30px;
  background: #cd2122;
  border-radius: 2px;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
}

#map_controls li a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  border-top: 1px solid #ccc;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

#map_controls li a:hover {
  background: #111;
}

#map_controls li:first-child a {
  border-top: 0;
}

#map_controls li a span {
  margin-top: 6px;
}

/*contact form */
#contact_form .form-horizontal .control-label {
  width: 90px;
  text-align: left;
}

#contact_form .form-horizontal .controls {
  margin-left: 90px;
}

#contact_form textarea {
  height: 100px;
}

/* BLOG */
.eBlog .itemListView {
  margin-bottom: 25px;
}

.eBlog .itemContainer {
  background: #FFF;
  margin-bottom: 35px;
  padding: 15px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  box-shadow: 0 1px 0 #ccc;
  position: relative;
  border-radius: 3px;
}

.eBlog .itemContainer:after {
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 5px;
  content: "";
  border-bottom-color: #ccc !important;
}

.eBlog .post_details {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-size: 10px;
  margin-bottom: 25px;
  text-transform: uppercase;
  padding: 10px 0 10px;
  font-weight: bold;
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  opacity: .6;
  -webkit-transition: opacity 150ms ease-in;
  -moz-transition: opacity 150ms ease-in;
  -o-transition: opacity 150ms ease-in;
  transition: opacity 150ms ease-in;
}

.eBlog .post_details:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.eBlog .post_details [class^="icon-"],
.eBlog .itemLinks li [class^="icon-"],
.eBlog .itemTagsBlock [class^="icon-"] {
  margin: 0 5px 0 0;
  padding: 0;
}

.eBlog .post_details:after {
  content: '';
  position: absolute;
  left: 0;
  top: -1px;
  width: 25px;
  height: 0;
  border-bottom: 1px solid #ccc;
}

.eBlog .post_details:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 25px;
  height: 0;
  border-bottom: 1px solid #ccc;
}

.eBlog .post_details .infSep {
  display: inline-block;
  margin: 0 5px;
}

.eBlog .itemReadMore {
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 25px;
}

.eBlog .readMore {
  font-size: 14px;
  font-weight: bold;
}

.eBlog .itemLinks {
  padding: 0 !important;
  list-style: none !important;
  font-size: 10px;
  color: #AAA;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: 0;
}

.eBlog .itemLinks li {
  float: left;
  margin-left: 0;
  padding-left: 0;
}

.eBlog .itemLinks li:first-child {
  margin-left: 0;
}

.eBlog .itemCategory {
  padding-left: 0;
}

.eBlog .itemDateCreated {
  padding-left: 0;
}

.eBlog .itemTagsBlock,
.eBlog .itemTagsBlock,
.eBlog .userItemTagsBlock {
  padding-left: 0;
  font-size: 10px;
  color: #AAA;
  font-weight: bold;
  text-transform: uppercase;
}

.eBlog .itemTagsBlock > span {
  font-weight: bold;
}

.eBlog .itemTagsBlock ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: inline;
}

.eBlog .itemTagsBlock ul li {
  display: inline;
}

.eBlog .itemTitle {
  font-weight: bold;
}

div.cloudBlock a {
  padding: 4px;
  float: left;
  display: block;
}

.eBlog .itemSocialSharing {
  margin-bottom: 20px;
}

.eBlog div.itemTwitterButton {
  float: left;
  margin: 2px 20px 0 0;
  width: 80px;
}

.eBlog div.itemFacebookButton {
  float: left;
  margin-right: 20px;
  width: 70px;
}

.eBlog div.itemGooglePlusOneButton {
  float: left;
  width: 70px;
}

/* Pagination */
.pagination {
  margin: 10px 0;
  padding: 10px 0 10px 0px;
  text-align: center;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1.6;
  color: #888;
}

.pagination ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline;
}

.pagination li {
  display: inline;
  margin: 0 5px;
}

.pagination li, .pagination li a, .pagination li span, .pagination p.counter {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
}

.pagination li.pagination-start, .pagination li.pagination-next, .pagination li.pagination-end, .pagination li.pagination-prev {
  border: 0;
}

.pagination li.pagination-start, .pagination li.pagination-start span {
  padding: 0;
}

/* hoverlink effect */
.hoverLink {
  position: relative;
  display: block;
}

.hoverLink img {
  position: relative;
}

.hoverLink > span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  background: url(../images/transparent_png/black20.png);
  filter: alpha(opacity=0);
  opacity: 0;
}

.hoverLink > span .icon {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  display: block;
  background-image: url(../images/hoverLinkSprite.png);
  background-repeat: no-repeat;
}

.hoverLink > span .icon.image {
  background-position: -72px 0;
}

.hoverLink > span .icon.video {
  background-position: -48px 0;
}

.hoverLink > span .icon.link {
  background-position: -24px 0;
}

.hoverLink > span .icon.extlink {
  background-position: 0 0;
}

body.dark .hoverLink > span .icon.image {
  background-position: -72px -24px;
}

body.dark .hoverLink > span .icon.video {
  background-position: -48px -24px;
}

body.dark .hoverLink > span .icon.link {
  background-position: -24px -24px;
}

body.dark .hoverLink > span .icon.extlink {
  background-position: 0 -24px;
}

/* grayhover effect */
a.grayHover {
  overflow: hidden;
  position: relative;
  display: inline-block;
}

a.grayHover img {
  position: relative;
}

/* PORTFOLIO */
.hg-portfolio .img-intro {
  margin-bottom: 20px;
}

.hg-portfolio-item .img-full {
  margin-bottom: 20px;
}

.hg-portfolio-item .other-images {
  margin: 20px 0 0 -20px;
  padding: 0;
  list-style: none;
}

.hg-portfolio-item .other-images li {
  float: left;
  margin: 0 0 20px 20px;
  list-style: none;
}

.hg-portfolio-item .other-images li iframe {
  padding: 4px;
  border: 1px solid #444;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.hg-portfolio-item .itemLinks {
  margin-top: 15px;
}

.hg-portfolio-item .itemSocialSharing > div {
  float: left;
  margin-right: 30px;
}

.hg-portfolio-item ul.cols-2 li, .hg-portfolio-item ul.cols-3 li, .hg-portfolio-item ul.cols-4 li {
  float: none;
  padding-left: 25px;
  width: auto;
}

.hg-portfolio-item .text ul.clearfix:after {
  clear: none;
  zoom: 0;
}

/* SORTABLE PORTFOLIO */
.hg-portfolio-sortable h1.title,
.hg-portfolio-sortable h4.title {
  font-weight: bold;
}

.hg-portfolio-sortable #sorting {
  float: right;
  margin: 0;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 8px 10px;
  background: #eee;
  color: #888;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.hg-portfolio-sortable #sorting ul {
  display: inline-block;
  margin: 0 25px 0 0;
  padding: 0;
  list-style: none;
}

.hg-portfolio-sortable #sort-direction {
  margin-right: 0 !important;
}

.hg-portfolio-sortable #sorting ul li {
  float: left;
  margin-left: 10px;
  line-height: 1;
  margin-bottom: 0;
}

.hg-portfolio-sortable #sorting ul li a {
  color: #595959;
  line-height: 1;
}

.hg-portfolio-sortable #sorting ul li a.selected {
  text-decoration: underline;
}

.hg-portfolio-sortable #sorting .sortTitle {
  line-height: 1;
}

.hg-portfolio-sortable #portfolio-nav {
  margin: 5px 0 20px;
  padding: 0;
  list-style: none;
  float: left;
}

.hg-portfolio-sortable #portfolio-nav li {
  float: left;
  margin-left: 15px;
}

.hg-portfolio-sortable #portfolio-nav li:first-child {
  margin-left: 0;
}

.hg-portfolio-sortable #portfolio-nav li a {
  background: #eee;
  color: #888;
  padding: 8px 10px;
  line-height: 1;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  margin-right: 0;
}

.hg-portfolio-sortable #portfolio-nav li a:hover,
.hg-portfolio-sortable #portfolio-nav li.current a {
  background: #cd2122;
  color: #fff;
}

.hg-portfolio-sortable ul#thumbs {
  margin: 0 0 0 -30px;
  padding: 0;
  list-style: none;
  left: 5px;
}

.hg-portfolio-sortable ul#thumbs li {
  float: left;
  width: 270px;
  margin: 10px 5px 20px 25px;
  position: relative;
}

.hg-portfolio-sortable ul#thumbs li .inner-item {
  padding: 4px;
  border: 1px solid #ddd;
  background: #fff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.hg-portfolio-sortable ul#thumbs li .inner-item:hover {
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  opacity: 1;
  filter: alpha(opacity=100);
}

.hg-portfolio-sortable ul#thumbs li .inner-item h4 {
  margin-top: 10px;
  display: block;
  line-height: 1;
  border-bottom: 1px dotted #ccc;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: bold;
  padding: 0 6px 10px;
}

.hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc {
  font-size: 12px;
  color: #777;
  padding: 0 6px;
  display: block;
}

.hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc p {
  margin-bottom: 10px;
}

.hg-portfolio-sortable ul#thumbs li.isotope-item {
  z-index: 2;
}

.hg-portfolio-sortable ul#thumbs li.isotope-hidden {
  z-index: 1;
}

/* Portfolio carousels */
.ptcarousel {
  max-width: 570px;
  max-height: 360px;
  position: relative;
  border: 4px solid #fff;
  -webkit-box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.ptcarousel:after {
  content: '';
  position: absolute;
  left: -34px;
  top: 50%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #ddd;
  z-index: 1;
}

.ptcarousel:before {
  content: '';
  position: absolute;
  left: -30px;
  top: 50%;
  margin-top: -13px;
  border: 13px solid transparent;
  border-right: 13px solid #fff;
  z-index: 2;
}

.ptcarousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  max-height: 360px;
}

.ptcarousel li {
  float: left;
}

.ptcarousel .controls > a {
  position: absolute;
  left: 15px;
  top: 50%;
  z-index: 1;
  background: #000;
  display: inline-block !important;
  margin: 0;
  margin-top: -12px;
  width: 30px;
  height: 31px;
  text-align: center;
  border-radius: 2px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.ptcarousel .controls > a.next {
  left: auto;
  right: 15px;
}

.ptcarousel .controls > a span {
  margin: 8px 0 0;
}

.ptcarousel .controls > a:hover {
  background: #cd2122;
}

.ptcarousel:hover .controls a {
  opacity: 1;
  filter: alpha(opacity=100);
}

.itemLinks {
  margin-top: 20px;
}

.itemLinks span a {
  background: #eee;
  padding: 7px 10px;
  line-height: 1;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #888;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  margin-right: 15px;
}

.itemLinks span a:hover {
  background: #cd2122;
  color: #fff;
}

/* sitemaps */
.sitemap ul {
  margin-bottom: 0;
  list-style: none;
  padding: 0;
  margin-left: 0;
}

.sitemap ul li {
  line-height: 25px;
}

.sitemap ul li a {
  background-image: url(../images/sitemap-arrow.png);
  background-repeat: no-repeat;
}

.sitemap ul li a {
  padding-left: 40px;
  background-position: -270px 7px;
}

.sitemap ul li li a {
  padding-left: 80px;
  background-position: -230px 7px;
}

.sitemap ul li li li a {
  padding-left: 120px;
  background-position: -190px 7px;
}

.sitemap ul li li li li a {
  padding-left: 160px;
  background-position: -150px 7px;
}

.sitemap ul li li li li li a {
  padding-left: 200px;
  background-position: -110px 7px;
}

/* photo gallery */
ul.photo_gallery {
  clear: both;
  list-style: none outside none;
  margin: 8px auto;
  overflow: hidden;
  padding: 8px 0;
}

ul.photo_gallery li {
  background: none !important;
  float: left;
  margin: 5px;
  padding: 0;
  list-style: none;
}

/* transparent content */
div.pp_kalypso.transparent .pp_content .ppt,
div.pp_kalypso.transparent #pp_full_res .pp_inline {
  color: #ccc;
  margin-right: 20px;
  line-height: 1.4;
}

/* offer-banners */
.offer-banners .hoverBorder {
  margin-bottom: 20px;
}

/* SHOP LATEST // BEST SELLING TABS - CAROUSEL */
.shop-latest .tabbable .nav {
  border-bottom: 3px solid #d5d5d5;
  padding-bottom: 15px;
}

.shop-latest .tabbable .nav li {
  float: left;
  margin-left: 30px;
  padding-left: 30px;
  border-left: 2px solid #d5d5d5;
}

.shop-latest .tabbable .nav li:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}

.shop-latest .tabbable .nav li a {
  font-size: 20px;
  font-weight: 900;
  color: #8c8c8c;
  position: relative;
}

.shop-latest .tabbable .nav li a:hover {
  color: #595959;
  background-color: transparent;
}

.shop-latest .tabbable .nav li.active a {
  color: #cd2122;
  background-color: transparent;
}

.shop-latest .tabbable .nav li.active a:after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -8px;
  border: 5px solid transparent;
  border-bottom-color: #d5d5d5;
}

.shop-latest .tabbable .shop-latest-carousel {
  margin-right: 40px;
  position: relative;
}

.shop-latest .tabbable .shop-latest-carousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  /* height:370px;*/
}

.shop-latest .tabbable .shop-latest-carousel ul li {
  float: left;
  margin-right: 20px;
  width: 270px;
}

.shop-latest .tabbable .shop-latest-carousel .controls {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: -40px;
  height: 100%;
  width: 40px;
}

.shop-latest .tabbable .shop-latest-carousel .controls a {
  width: 40px;
  height: 49.5%;
  background: #f1f1f1;
  display: block !important;
  position: absolute;
}

.shop-latest .tabbable .shop-latest-carousel:hover .controls a {
  background: #eee;
}

.shop-latest .tabbable .shop-latest-carousel .controls a:hover {
  background: #dedede;
}

.shop-latest .tabbable .shop-latest-carousel .controls a.prev {
  top: 50%;
}

.shop-latest .tabbable .shop-latest-carousel .controls a span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -7px;
}

.shop-latest .tab-content {
  overflow: visible;
}

.shop-latest .tab-content > .tab-pane {
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

.shop-latest .tab-content > .active {
  visibility: visible;
  height: auto;
}

.product-list-item {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 50%, #ededed 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(61%, #ffffff), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #ffffff 0%, #ffffff 50%, #ededed 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

.product-list-item .image a {
  position: relative;
  display: block;
}

.product-list-item.promo-new:after {
  content: 'NEW';
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  background: #12a1c5;
  line-height: 1;
  padding: 4px 6px;
  position: absolute;
  left: 20px;
  top: 20px;
}

.product-list-item.promo-new:before {
  content: '';
  border: 3px solid transparent;
  border-top-color: #12a1c5;
  position: absolute;
  left: 27px;
  top: 39px;
  z-index: 1;
}

.product-list-item.promo-sale:after {
  content: 'SALE';
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  background: #c51212;
  line-height: 1;
  padding: 4px 6px;
  position: absolute;
  left: 20px;
  top: 20px;
}

.product-list-item.promo-sale:before {
  content: '';
  border: 3px solid transparent;
  border-top-color: #c51212;
  position: absolute;
  left: 27px;
  top: 39px;
  z-index: 1;
}

.product-list-item > .hover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 2px #e8e8e8;
}

.product-list-item .image {
  text-align: center;
  line-height: 251px;
  max-height: 251px;
}

.product-list-item .details {
  background: #f3f3f3;
  padding: 15px;
  border-top: 1px solid #E8E8E8;
}

.product-list-item .details h3 {
  font-size: 14px;
  color: #2f2f2f;
  line-height: 1.3;
  margin: 0 0 10px;
}

.product-list-item .details p.desc {
  font-size: 12px;
  font-style: italic;
  color: #939393;
  line-height: 1.3;
}

.product-list-item .details .actions {
  text-align: right;
  position: absolute;
  right: 0px;
  bottom: 10px;
  width: 0;
  overflow: hidden;
  line-height: 1;
}

.product-list-item .details .actions a {
  display: inline-block;
  background: #cd2122;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  padding: 4px 6px;
  white-space: nowrap;
  margin-bottom: 3px;
}

.product-list-item .details .actions a:hover {
  background: #333;
}

.product-list-item .price {
  color: #565656;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.product-list-item .price small {
  font-size: 75%;
  font-weight: 300;
  position: relative;
  color: #777;
  line-height: 75%;
  vertical-align: top;
}

.product-list-item .price small:after {
  content: '';
  width: 100%;
  height: 0px;
  border-top: 1px solid #999;
  position: absolute;
  left: -2px;
  top: 9px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -webkit-transform: rotate(-25deg);
  -moz-transform: rotate(-25deg);
  -o-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  transform: rotate(-25deg);
}

.product-list-item:hover .details {
  background: #edecec;
}

.product-list-item:hover .details h3 {
  color: #cd2122;
}

.product-list-item:hover .details .actions {
  width: 140px;
  right: 4px;
}

.product-list-item:hover > .hover {
  box-shadow: inset 0 0 0 4px #9c9c9c;
}

.product-list-item .details h3,
.product-list-item > .hover,
.product-list-item .details,
.product-list-item .details .actions,
.shop-latest .tabbable .shop-latest-carousel .controls a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* limited offers carousel */
.limited-offers-carousel {
  position: relative;
}

#limited_offers {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 194px;
}

#limited_offers li {
  float: left;
  margin-right: 20px;
  width: 158px;
  position: relative;
  border: 2px solid #e8e8e8;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 50%, #ededed 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(61%, #ffffff), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #ffffff 0%, #ffffff 50%, #ededed 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

#limited_offers li:hover {
  border: 2px solid #bbb;
}

#limited_offers li .image {
  max-height: 120px;
  line-height: 120px;
  margin: 10px;
  overflow: hidden;
}

#limited_offers li:after {
  content: attr(data-discount);
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  background: #c51212;
  line-height: 1;
  padding: 4px 6px;
  position: absolute;
  left: 10px;
  top: 10px;
}

#limited_offers li:before {
  content: '';
  border: 3px solid transparent;
  border-top-color: #c51212;
  position: absolute;
  left: 17px;
  top: 29px;
  z-index: 1;
}

#limited_offers li h5 {
  margin: 0 0 10px;
  line-height: 1;
}

#limited_offers li h6 {
  margin: 0 0 15px;
  line-height: 1;
  font-size: 11px;
}

#limited_offers li {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.limited-offers-carousel .controls {
  width: 8%;
  background: #fff;
  position: absolute;
  border: 2px solid #e8e8e8;
  text-align: center;
  right: 0px;
  top: 0;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.limited-offers-carousel .controls:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 70%;
  margin-left: 17%;
  left: 0px;
  border-top: 1px solid #e8e8e8;
}

.limited-offers-carousel .controls a {
  position: absolute;
  width: 100%;
  height: 50%;
  display: block !important;
  opacity: .5;
  filter: alpha(opacity=50);
}

.limited-offers-carousel .controls a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.limited-offers-carousel .controls a.prev {
  top: 50%;
}

.limited-offers-carousel .controls a span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -7px;
}

.adbox.video {
  position: relative;
}

.adbox.video:after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.4);
}

.adbox.video .video_trigger_container {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  margin-left: -75px;
  margin-top: 70px;
}

/* shop-features */
.shop-features {
  margin-bottom: 0;
}

.shop-features .title {
  margin: 0;
  line-height: 1.3;
}

.shop-features .shop-feature {
  background: #969696;
  color: #fff;
  padding: 10px;
  border-radius: 3px;
}

.shop-features .shop-feature:hover {
  background: #cd2122;
}

.shop-features .shop-feature > img {
  float: left;
  margin: 0 20px 0 0;
}

.shop-features .shop-feature > h4 {
  line-height: 1;
  margin: 0 0 7px;
  font-size: 18px;
  font-weight: 900;
}

.shop-features .shop-feature > h5 {
  line-height: 1;
  margin: 0;
  font-weight: 700;
}

/* PRODUCT PAGE */
.product-gallery {
  border: 1px solid #EAEAEA;
  background: #fff;
  width: 100%;
  padding-bottom: 10px;
}

.product-gallery .big_image {
  width: 100%;
  text-align: center;
}

.product-gallery ul.thumbs, body .product-gallery div.thumbnails {
  padding: 10px 0 0 10px;
  list-style: none;
  margin: 0;
  margin: 0;
}

.product-gallery ul.thumbs li, body .product-gallery div.thumbnails a {
  float: left;
  margin-right: 10px;
}

.product-gallery ul.thumbs li:first-child {
  margin-left: 0;
}

.product-gallery ul.thumbs li img,
body.woocommerce div.product div.thumbnails img {
  border: 1px solid #EAEAEA;
  padding: 2px;
}

.product-gallery ul.thumbs li img:hover {
  border: 1px solid #EEE;
}

.product-page .main-data {
  font-size: 11px;
}

.product-page .main-data .name {
  font-size: 32px;
  line-height: 1.4;
}

.product-page .main-data .regular_price span {
  text-decoration: line-through;
}

.product-page .main-data .price span {
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
}

.product-page .main-data .price .to_wishlist {
  float: right;
  line-height: 3;
  margin-right: 30px;
}

.to_cart .quantitiy {
  float: left;
  width: 50px;
}

.to_cart .quantitiy label {
  font-size: 11px;
  display: block;
}

.to_cart .quantitiy #qty {
  padding: 5px;
  width: 50px;
}

.to_cart .addtocart {
  margin-left: 20px;
  font-size: 14px;
}

/* edit marius */
.product-page .main-data .price {
  line-height: 1;
  margin: 25px 0;
}

.product-page .main-data .price span {
  vertical-align: middle;
}

.product-page .main-data span.from,
.product-page .main-data small {
  font-size: 12px;
  text-transform: uppercase;
  background: #999;
  color: white;
  padding: 5px 10px;
  line-height: 1;
  vertical-align: middle;
  font-weight: bold;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

.product-page .main-data span.from {
  margin-left: 20px;
  position: relative;
}

.product-page .main-data span.from:after {
  content: '';
  position: absolute;
  left: -10px;
  bottom: 5px;
  border: 5px solid transparent;
  border-right-color: #999;
}

.product-page .main-data small {
  background: #686868;
}

.product-page .main-data span + small:after {
  content: '';
  position: absolute;
  left: -10px;
  bottom: 5px;
  border: 5px solid transparent;
  border-right-color: #686868;
}

.product-page .main-data span + small {
  margin-left: 20px;
  position: relative;
}

.product-page .main-data span.from + small {
  margin-left: 0;
  position: static;
}

.product-page .main-data:hover .price span.from,
.product-page .main-data:hover .price small {
  opacity: 1;
  filter: alpha(opacity=100);
}

.product-page .main-data table.variations {
  width: 100%;
  background: #EEE;
  padding: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 0 white;
  -moz-box-shadow: 0 1px 0 white;
  box-shadow: 0 1px 0 white;
}

.product-page .main-data .variations td {
  padding: 10px;
}

.product-page .main-data .variations td.label {
  background: none;
  text-transform: capitalize;
  color: #595959;
  text-shadow: none;
  min-width: 80px;
}

.product-page .main-data .variations td.label label {
  padding-left: 0;
  font-size: 16px;
  text-align: center;
}

.product-page .main-data .single_variation {
  display: block;
  margin: 10px 0;
}

.product-page .main-data .single_variation .price {
  display: block;
  line-height: 1;
}

.product-page .main-data .single_variation .price del {
  display: inline-block;
  line-height: 30px;
  margin-right: 20px;
  background: #fff;
  padding: 0 20px 0 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  border-right: 1px solid #ccc;
}

.product-page .main-data .single_variation .price del:after {
  content: '';
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -5px;
  border: 5px solid transparent;
  border-left-color: #fff;
}

.product-page .main-data .single_variation .price del:before {
  content: '';
  position: absolute;
  right: -12px;
  top: 50%;
  margin-top: -6px;
  border: 6px solid transparent;
  border-left-color: #ccc;
}

.product-page .main-data .single_variation .price del span.amount {
  font-size: 18px;
}

.product-page .main-data .single_variation .price ins {
  text-decoration: none;
  display: inline-block;
}

.product-page .main-data .single_variation .price ins span.amount {
  color: #CD2122;
}

.csstransforms .product-page .main-data .single_variation .price del {
  text-decoration: none;
}

.csstransforms .product-page .main-data .single_variation .price del span.amount {
  position: relative;
}

.csstransforms .product-page .main-data .single_variation .price del span.amount:after {
  content: '';
  position: absolute;
  left: -3px;
  top: 10px;
  width: 50px;
  height: 1px;
  background: #cd2122;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
}

.product-page .main-data .variations_button .single_add_to_cart_button {
  margin-top: 0 !important;
  height: 30px;
}

/* end edit marius */
/* site helpers */
.noBgImage {
  background-image: none;
}

.full_width {
  max-width: 100%;
}

.text_align_left {
  text-align: left !important;
}

.text_align_right {
  text-align: right !important;
}

.text_align_center {
  text-align: center !important;
}

/* custom buttons */
.btn-flat,
body.woocommerce a.button:hover,
body.woocommerce button.button:hover,
body.woocommerce input.button:hover,
body.woocommerce #respond input#submit:hover,
body.woocommerce #content input.button:hover,
body.woocommerce-page a.button:hover,
body.woocommerce-page button.button:hover,
body.woocommerce-page input.button:hover,
body.woocommerce-page #respond input#submit:hover,
body.woocommerce-page #content input.button:hover,
body.woocommerce a.button,
body.woocommerce button.button,
body.woocommerce input.button,
body.woocommerce #respond input#submit,
body.woocommerce #content input.button,
body.woocommerce-page a.button,
body.woocommerce-page button.button,
body.woocommerce-page input.button,
body.woocommerce-page #respond input#submit,
body.woocommerce-page #content input.button,
body.woocommerce a.button.alt,
body.woocommerce button.button.alt,
body.woocommerce input.button.alt,
body.woocommerce #respond input#submit.alt,
body.woocommerce #content input.button.alt,
body.woocommerce-page a.button.alt,
body.woocommerce-page button.button.alt,
body.woocommerce-page input.button.alt,
body.woocommerce-page #respond input#submit.alt,
body.woocommerce-page #content input.button.alt,
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button,
body .woocommerce #respond input#submit,
body .woocommerce #content input.button,
body .woocommerce-page a.button,
body .woocommerce-page button.button,
body .woocommerce-page input.button,
body .woocommerce-page #respond input#submit,
body .woocommerce-page #content input.button {
  background: #cd2122;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: relative;
  border: 0;
}

.btn-flat:hover,
body.woocommerce a.button:hover,
body.woocommerce button.button:hover,
body.woocommerce input.button:hover,
body.woocommerce #respond input#submit:hover,
body.woocommerce #content input.button:hover,
body.woocommerce-page a.button:hover,
body.woocommerce-page button.button:hover,
body.woocommerce-page input.button:hover,
body.woocommerce-page #respond input#submit:hover,
body.woocommerce-page #content input.button:hover,
body.woocommerce a.button.alt:hover,
body.woocommerce button.button.alt:hover,
body.woocommerce input.button.alt:hover,
body.woocommerce #respond input#submit.alt:hover,
body.woocommerce #content input.button.alt:hover,
body.woocommerce-page a.button.alt:hover,
body.woocommerce-page button.button.alt:hover,
body.woocommerce-page input.button.alt:hover,
body.woocommerce-page #respond input#submit.alt:hover,
body.woocommerce-page #content input.button.alt:hover,
body .woocommerce a.button:hover,
body .woocommerce button.button:hover,
body .woocommerce input.button:hover,
body .woocommerce #respond input#submit:hover,
body .woocommerce #content input.button:hover,
body .woocommerce-page a.button:hover,
body .woocommerce-page button.button:hover,
body .woocommerce-page input.button:hover,
body .woocommerce-page #respond input#submit:hover,
body .woocommerce-page #content input.button:hover {
  background: #343434;
  color: #fff;
}

.redbtn {
  background: #cd2122;
}

/* css transitions - reducing transitions lines */
nav#main_menu li a,
.topnav li.drop .pPanel,
#totop,
.info_pop .buyit,
.playVideo span,
.theHoverBorder,
.hoverBorder h6,
.slidingDetails .details,
.slidingDetails,
.partners_carousel li a,
.hoverBorder:hover img,
.feature_box.style3 .box,
.services_box .icon,
.css3accordion > ul > li .thumb,
.gobox, .hover-box,
.circlehover span,
.process_box,
#sidebar ul.menu li a,
.timeline_box,
.timeline_box:hover .date,
.services_box.style2 .box,
.team_member,
.ptcarousel .controls > a,
.shop-features .shop-feature {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -moz-backface-visibility: hidden;
}

/* Bootstrap code examples
-------------------------------------------------- */
/* Base class */
.bs-docs-example {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

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

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

/* Tweak examples
------------------------- */
.bs-docs-example > p:last-child {
  margin-bottom: 0;
}

/* Special grid styles
-------------------------------------------------- */
.show-grid {
  margin-top: 10px;
  margin-bottom: 20px;
}

.show-grid [class*="span"] {
  background-color: #eee;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  min-height: 40px;
  line-height: 40px;
}

.show-grid:hover [class*="span"] {
  background: #ddd;
}

.show-grid .show-grid {
  margin-top: 0;
  margin-bottom: 0;
}

.show-grid .show-grid [class*="span"] {
  background-color: #ccc;
}

/* MENU CHASER STYLES */
.chaser {
  background: #111;
  background: rgba(0, 0, 0, 0.75);
  padding: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99999;
}

.chaser .row {
  margin-bottom: 0;
}

.chaser ul.sf-menu {
  float: none;
  display: block;
}

.chaser ul.sf-menu > li {
  float: left;
}

.chaser ul.sf-menu li a {
  color: #ddd;
  font-size: 12px;
  line-height: 1;
  padding: 7px 25px 7px 15px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.chaser ul.sf-menu li .sf-sub-indicator {
  top: 7px;
  background-image: url(../images/arrows-ffffff.png);
}

.chaser ul.sf-menu li.sfHover > a,
.chaser ul.sf-menu li:hover > a,
.chaser ul.sf-menu li a:hover {
  color: #fff;
  background: #000;
}

.chaser ul.sf-menu li ul {
  background: #111;
  background: rgba(0, 0, 0, 0.75);
  width: 13em !important;
}

.chaser ul.sf-menu li li:hover ul,
.chaser ul.sf-menu li li.sfHover ul {
  left: 13.1em !important;
}

.chaser ul.sf-menu li:hover ul,
.chaser ul.sf-menu li.sfHover ul {
  top: 26px;
  padding-bottom: 5px;
}

.chaser ul.sf-menu li li:hover ul,
.chaser ul.sf-menu li li.sfHover ul {
  top: 0;
}

/* BOXED VERSION */
body.boxed #page_wrapper {
  width: 1200px;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
  margin: 0 auto;
  background: #f5f5f5;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

/* TOOLTIP FADE */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

@media (max-width: 767px) {
  .chaser {
    display: none !important;
  }
}
/*-----------------------------------------------------------------------------------*/
/*	*Blog Comments
/*-----------------------------------------------------------------------------------*/
.zn_comments {
  margin-top: 20px;
}

.commentlist {
  margin-left: 0;
  list-style-type: none;
}

.commentlist > li {
  margin-bottom: 15px;
}

.commentlist > li > .children {
  margin-bottom: 0px;
  margin-top: 15px;
}

.commentlist > li .photo, #reviews #comments ol.commentlist li img {
  display: block;
  width: 64px;
  height: 64px;
  float: left;
  margin-right: 15px;
  overflow: hidden;
  padding: 2px;
  border: 1px solid #ddd;
  line-height: 0;
  border-radius: 2px;
}

.commentlist > li .comment-author {
  font-size: 13px;
  font-weight: bold;
}

.commentlist > li .comment-meta {
  font-size: 11px;
  font-style: normal;
  margin-bottom: 5px;
  color: #999;
}

.commentlist > li .comment-meta a {
  color: #999;
}

.commentlist > li .comment-meta a.comment-edit-link {
  float: right;
  margin-right: 52px;
  position: relative;
  top: -20px;
}

.commentlist > li p, #reviews #comments ol.commentlist li .meta {
  padding-left: 85px;
  margin: 4px 0 10px;
}

.commentlist > li .reply {
  position: absolute;
  right: 0;
  top: 0;
}

.commentlist > li a.comment-reply-link {
  position: absolute;
  top: -1px;
  right: -1px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: bold;
  background-color: whiteSmoke;
  border: 1px solid #DDD;
  color: #9DA0A4;
  -webkit-border-radius: 0 4px 0 4px;
  -moz-border-radius: 0 4px 0 4px;
  border-radius: 0 4px 0 4px;
  text-transform: uppercase;
}

.commentlist > li a.comment-reply-link:hover {
  color: #222;
}

.commentlist > li .reply a.comment-reply-link {
  font-size: 11px;
  padding: 3px 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.commentlist > li .reply a:hover.comment-reply-link {
  text-decoration: none;
}

.commentlist li .comment-body {
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 15px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.commentlist li.comment > div[id*="comment-"] {
  position: relative;
  margin: 0;
  padding: 10px;
  background-color: white;
  border: 1px solid #DDD;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.commentlist .children {
  margin-bottom: 0px;
  margin-left: 0;
  padding-left: 50px;
  border-left: 1px solid #fff;
}

.commentlist .children li {
  margin-bottom: 0;
  list-style: none;
}

h3#comments {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 20px;
}

h3#comments span {
  font-style: italic;
}

.commentlist .zn-separator {
  *zoom: 1;
}

.commentlist .zn-separator:before,
.commentlist .zn-separator:after {
  display: table;
  content: "";
  line-height: 0;
}

.commentlist .zn-separator:after {
  clear: both;
}

/* #Respond
================================================== */
#respond {
  padding: 15px 0;
  position: relative;
  margin-top: 15px;
}

.zn_comments .commentlist #respond {
  padding: 15px 20px 0;
  position: relative;
  background-color: #F8F8F8;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 15px;
}

.commentlist #respond:after {
  content: '';
  position: absolute;
  left: 35px;
  top: -16px;
  border: 8px solid transparent;
  border-bottom-color: #F8F8F8;
}

.commentlist #respond:before {
  content: '';
  position: absolute;
  left: 34px;
  top: -18px;
  border: 9px solid transparent;
  border-bottom-color: #ccc;
}

#respond .row {
  margin-bottom: 10px;
}

#respond .zn_com_title {
  margin-top: 0;
}

#respond .cancel-comment-reply a {
  position: absolute;
  top: -1px;
  right: -1px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: bold;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 0 4px 0 4px;
  -moz-border-radius: 0 4px 0 4px;
  border-radius: 0 4px 0 4px;
  text-transform: uppercase;
}

#respond .cancel-comment-reply a {
  color: #9DA0A4;
}

#respond .cancel-comment-reply a:hover {
  color: #222;
}

#respond p {
  margin-bottom: 5px;
  padding-left: 0 !important;
}

#respond .comment-notes .required {
  position: static;
}

#respond input[type="text"] {
  margin-bottom: 0;
}

#respond .form-allowed-tags code {
  margin-top: 10px;
}

/* recent comments */
#recentcomments li {
  padding-left: 10px;
  position: relative;
  margin-bottom: 4px;
}

#recentcomments li:before {
  content: '\201C';
  width: 3px;
  height: 0;
  position: absolute;
  top: 0;
  left: 0px;
  color: #ddd;
}

#footer .menu li a {
  padding-right: 10px;
}

.zn_content_no_margin {
  margin-bottom: 0px;
}

.offline-page ul.social-icons {
  margin-top: -5px;
  float: left;
}

.process_box .number {
  float: left;
}

.process_box .content {
  float: left;
}

.till_lauch {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px 2px 2px 2px;
  display: inline-block;
  margin: 0 0 0 20px;
  text-align: center;
  vertical-align: top;
  width: 80px;
  height: 80px;
}

.zn_stats_box .mb_title span {
  margin-right: 3px;
  margin-top: 7px;
}

#skills_diagram .legend {
  right: 0px;
}

.tabs_style1 .tab-content {
  width: auto;
}

.testimonial_box {
  width: 100%;
  padding-left: 0px;
}

.span9.zn_float_right, .zn_float_right {
  float: right;
}

.eBlog .itemSocialSharing {
  margin-top: 10px;
}

/* WordPress Styles */
.aligncenter {
  display: block;
  margin: 0 auto;
}

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

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

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.textcenter {
  text-align: center;
}

.textright {
  text-align: right;
}

.textleft {
  text-align: left;
}

.itemBody img {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) inset;
  -moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) inset;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) inset;
}

.itemBody img:hover {
  -webkit-box-shadow: 0 0 0 5px #cd2122 inset;
  -moz-box-shadow: 0 0 0 5px #cd2122 inset;
  box-shadow: 0 0 0 5px #cd2122 inset;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.itemBody img:hover::after {
  content: "<span class='theHoverBorder'></span>";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.6);
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
}

blockquote.left {
  float: left;
  margin-left: 0;
  margin-right: 20px;
  text-align: right;
  width: 33%;
}

blockquote.right {
  float: right;
  margin-left: 20px;
  margin-right: 0;
  text-align: left;
  width: 33%;
}

.widget {
  margin-bottom: 30px;
}

/* RECENT POSTS */
.widget_zn_recent_entries .zn_recent_posts.style1 .blog_type {
  width: 40px;
  height: 40px;
  background: #666;
  line-height: 40px;
  text-align: center;
  float: left;
  margin: 0 10px 10px 0;
}

.widget_zn_recent_entries .zn_recent_posts.style1 .zn_rc_info {
  float: left;
  padding-top: 2px;
  width: 122px;
}

.widget_zn_recent_entries .zn_recent_posts.style1 .zn_rc_info a {
  display: block;
}

.widget_zn_recent_entries .zn_recent_posts.style1 .zn_rc_info span {
  font-size: 90%;
}

.widget_zn_recent_entries .post_thumb_container {
  float: left;
  margin-right: 10px;
}

.widget_zn_recent_entries .post_thumb_container img {
  width: auto;
}

/* ARCHIVE */
.widget_calendar {
  float: left;
}

#wp-calendar {
  width: 100%;
}

#wp-calendar caption {
  color: #333;
  font-size: 12px;
  margin-bottom: 15px;
  margin-top: 10px;
  text-align: center;
}

#wp-calendar thead {
  font-size: 10px;
}

#wp-calendar thead th {
  padding-bottom: 10px;
}

#wp-calendar tbody {
  color: #aaa;
}

#wp-calendar tbody td {
  background: #f5f5f5;
  border: 1px solid #fff;
  padding: 8px;
  text-align: center;
}

#wp-calendar tbody td:hover {
  background: #fff;
}

#wp-calendar tbody .pad {
  background: none;
}

#wp-calendar tfoot #next {
  font-size: 10px;
  text-align: right;
  text-transform: uppercase;
}

#wp-calendar tfoot #prev {
  font-size: 10px;
  padding-top: 10px;
  text-transform: uppercase;
}

#sidebar .widget_meta ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

#sidebar .widget_meta ul li {
  margin-bottom: 0;
}

#sidebar .widget_meta ul li a {
  border-radius: 2px 2px 2px 2px;
  color: #595959;
  display: block;
  padding: 4px 0 4px 20px;
  position: relative;
}

#sidebar .widget_meta ul li a:after {
  color: #DDDDDD;
  content: "›";
  font-family: Arial, "Meiryo UI";
  font-size: 16px;
  height: 4px;
  left: 7px;
  line-height: 1;
  position: absolute;
  top: 6px;
  width: 4px;
}

#sidebar .widget_meta ul li.active a:after, #sidebar .widget_meta ul li.current-cat a:after, #sidebar .widget_meta ul li a:hover:after {
  color: white;
  left: 8px;
}

#sidebar .widget_meta ul li.active a, #sidebar .widget_meta ul li.current-cat a, #sidebar .widget_meta ul li a:hover {
  background: none repeat scroll 0 0 #CD2122;
  color: white;
}

#recentcomments {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

#recentcomments li {
  margin-bottom: 0px;
}

/* RECENT POSTS */
.latest_posts.style3 ul.posts .title {
  line-height: 20px;
  margin: 0 0 5px;
  padding: 0;
  text-shadow: 1px 1px 0 white;
  vertical-align: middle;
}

.latest_posts.style3 ul.posts .title a {
  color: #CD2122;
  font-size: 13px;
  font-weight: 700;
}

.latest_posts.style3 ul.posts .title:before, .latest_posts.style3 ul.posts .title:after {
  border: none;
}

/* SEARCH FORM */
#searchform {
  border-bottom: 1px solid #CCCCCC;
  margin: 20px 0;
}

#searchform #s {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  box-shadow: none;
  color: #999999;
  display: inline-block;
  font-size: 12px;
  font-style: italic;
  margin: 0;
  padding: 5px 0;
  width: 216px;
  text-transform: uppercase;
}

#searchform #searchsubmit {
  background-color: transparent;
  border: medium none;
  display: inline-block;
  padding: 0;
  text-indent: -9999px;
  width: 20px;
  height: 14px;
  margin-top: 4px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../images/glyphicons-halflings.png");
  background-position: -48px 0;
  background-repeat: no-repeat;
}

.screen-reader-text {
  display: none;
}

/* MISC */
a:focus {
  outline: none;
}

#slideshow .bgback {
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.laptop-slider-wrapper h3, .portfolio-slider-frames h3 {
  position: relative;
}

.zn_slideshow {
  position: relative;
  z-index: 100;
}

#sparkles {
  display: none;
}

#slideshow .selectorsBlock.bullets, #slideshow .selectorsBlock.thumbs, .flex-control-nav, .nivo-controlNav {
  z-index: 100;
}

#slideshow.slider_fixed {
  position: fixed;
  padding: 0;
  height: auto;
}

.zn_fixed_slider_fill {
  width: 100%;
}

#content {
  position: relative;
}

#footer {
  position: relative;
}

.ca-wrapper {
  overflow: hidden;
}

.ca-icon img {
  height: 200px;
  width: auto;
}

/* EVENT COUNTDOWN */
.mail_when_ready {
  float: left;
  margin: 0;
}

.mail_when_ready form {
  margin: 0;
}

#header .zn_mailchimp_result {
  max-width: 307px;
  float: left;
}

.video-container embed, .video-container video, .video-container iframe {
  /*height:auto;*/
  width: 100% !important;
}

/* IMAGE BOXES */
.image-boxes img {
  width: 100%;
  height: auto;
}

.image-boxes.box {
  margin-bottom: 20px;
}

.image-boxes.zn_ib_style2.box {
  margin-bottom: 0;
}

.image-boxes.zn_ib_style2 .hoverBorder {
  margin-bottom: 0px;
}

/* PORTFOLIO */
.zn_other_images > div {
  margin-top: 15px;
  margin-bottom: 15px;
}

.zn_other_images {
  margin-top: 20px;
}

.hg-portfolio-item.row {
  margin-bottom: 0px;
}

/* RECENT POSTS CAROUSEL */
.recentwork_carousel li a {
  line-height: 0;
}

/* WOOCOMERCE */
.product_list_widget li small:after {
  border-top: 1px solid #999999;
  content: "";
  height: 0;
  left: -2px;
  opacity: 0.9;
  position: absolute;
  top: 9px;
  transform: rotate(-25deg);
  width: 34px;
}

.product_list_widget li small {
  color: #777777;
  font-size: 10px;
  line-height: 1;
  position: relative;
  margin-left: 3px;
}

.product_list_widget li span {
  font-weight: bold;
}

.product-page .main-data .name {
  font-weight: normal;
}

div.product p.stock, #content div.product p.stock {
  font-size: 11px;
  color: #535353;
}

/* BADGES */
.zn_badge_container {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
}

span.zonsale, span.znew {
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  padding: 4px 6px;
  position: relative;
  display: block;
  margin-bottom: 11px;
}

span.zonsale {
  background: none repeat scroll 0 0 #C51212;
}

span.zonsale:before, span.znew:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-image: none;
  border-right: 3px solid transparent;
  border-style: solid;
  border-width: 3px;
  left: 8px;
  position: absolute;
  top: 19px;
  content: "";
}

span.zonsale:before {
  border-color: #C51212 transparent transparent;
  z-index: 1;
}

span.znew {
  background: none repeat scroll 0 0 #12A1C5;
}

span.znew:before {
  border-color: #12A1C5 transparent transparent;
  z-index: 1;
}

/* ORDERING FORM */
.zn_woo_cat_page {
  position: relative;
}

.woocommerce_ordering {
  float: right;
  margin-bottom: 20px;
  position: absolute;
  top: 0px;
  right: 0px;
}

/* register form */
form .form-row input.input-text, form .form-row textarea {
  height: auto;
  min-height: 30px;
}

div.product span.price, div.product p.price, #content div.product span.price, #content div.product p.price {
  color: #535353;
}

#payment ul.payment_methods li label {
  display: inline-block;
}

/* ERRORS */
.woocommerce_message, .woocommerce_error, .woocommerce_info {
  background: #fff;
}

/* TABS */
/* ADD TO CART */
.product-list-item .details .actions a {
  position: relative;
}

.product-list-item .details .actions a.loading:before {
  background: url("../images/ajax-loader.gif") no-repeat scroll center center rgba(255, 255, 255, 0.65);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

/* LOGIN MODAL */
div.links {
  margin-top: 20px;
  color: #4A4A4A;
  font-size: 10px;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.zn_remember {
  margin: 0 5px;
  display: inline-block;
}

.zn_remember input {
  margin: 0;
}

#register_form {
  width: 240px;
}

.login-panel input.zn_blocked, .register-panel input.zn_blocked, .forgot-panel input.zn_blocked {
  opacity: 0.5;
}

/* REVOLUTION SLIDER */
.tp-caption.more_details a {
  color: #fff;
}

.tp-caption.project_subtitle {
  font-size: 18px;
  font-weight: 700;
  text-shadow: 1px 1px 0 white;
  color: #888;
}

.portfolio_devices .tp-leftarrow,
.portfolio_devices .tp-rightarrow {
  background-image: url(../images/k-nav.png);
  background-repeat: no-repeat;
  background-position: center top;
  width: 50px;
  height: 50px;
  margin-right: 0px;
  float: left;
  margin-top: -25px;
}

.portfolio_devices .tp-rightarrow {
  background-position: center bottom;
}

.portfolio_devices .tp-bullets.simplebullets {
  bottom: 0 !important;
}

.portfolio_devices .tp-bullets.simplebullets .bullet {
  cursor: pointer;
  position: relative;
  background: #aaa;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  float: left;
  margin-top: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.portfolio_devices .tp-bullets.simplebullets .bullet.selected {
  background: #665;
}

#slideshow1 {
  border-bottom: 1px solid #ccc;
}

.portfolio_devices .bottom_bar {
  width: 1200px;
  height: 100px;
  background: #f5f5f5;
}

/* RESOLVE IFRAME ISSUE */
.hg-portfolio-sortable .inner-item iframe {
  display: block;
}

/* IMAGE GALLERY */
.zn_image_gallery .span2,
.row-fluid.zn_image_gallery {
  margin-bottom: 30px;
}

.cart_totals table {
  float: right;
}

.popupaddcart {
  z-index: 1000;
  width: 250px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #cecece;
  border: 3px solid #999;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  color: #333;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -125px;
}

/* UPDATES --------------------------------------*/
/* 1.0.1 */
#header .social-icons {
  margin-left: 10px;
  margin-bottom: 0px;
}

#header .social-icons li {
  margin-left: 10px;
  margin-right: 0px;
}

.feature_box .box .title + p {
  min-height: 60px;
}

.css3accordion {
  width: 940px;
}

.css3accordion > ul > li {
  width: 235px;
}

.css3accordion > ul > li > .inner-acc {
  width: 470px;
}

.css3accordion > ul > li .thumb {
  max-width: 236px;
}

.css3accordion > ul > li.last,
.css3accordion > ul > li:hover {
  width: 470px;
}

.css3accordion .content > .m_title {
  font-size: 12px;
  line-height: 1.3;
  margin: 8px 0;
}

.css3accordion .text {
  font-size: 11px;
  line-height: 1.4;
}

.process_steps .step {
  min-height: 250px;
}

.process_steps .step > h3 {
  font-size: 20px;
}

.screenshot-box .left-side {
  width: 250px;
}

.screenshot-box .left-side h3.title {
  font-size: 16px;
}

.screenshot-box .left-side ul.features li h4 + span {
  font-size: 11px;
}

.newsletter-signup input[type="text"] {
  width: 190px;
}

/* line 1649 commented */
.hg-portfolio-sortable ul#thumbs li {
  width: 220px;
  margin: 10px 0px 20px 20px;
}

.hg-portfolio-sortable ul#thumbs {
  left: 10px;
}

.services_box.style2 .box {
  height: 360px;
}

body .iosSlider .item .caption {
  width: 960px;
  margin-left: -480px;
}

#footer .contact-details {
  background: url(../images/say_hi_smaller.png) no-repeat right top;
}

body.boxed #page_wrapper {
  width: 1000px;
}

/* RESPONSIVE IFRAMES */
iframe {
  max-width: 100%;
}

/* UODATE 1.1.2 */
.zn_menu_trigger {
  display: none;
}

.zn_menu_trigger a, .zn_menu_trigger a:hover {
  position: relative;
  padding-left: 1.2em;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.zn_menu_trigger a:before {
  content: '';
  position: absolute;
  top: 37%;
  left: 0px;
  width: .75em;
  height: .125em;
  border-top: .3em double #fff;
  border-bottom: .125em solid #fff;
}

/* UODATE 1.1.2 */
.zn_topmenu_trigger {
  display: none;
}

.zn_topmenu_trigger a, .zn_topmenu_trigger a:hover {
  position: relative;
  padding-left: 1.2em;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.zn_topmenu_trigger a:before {
  content: '';
  position: absolute;
  top: 37%;
  left: 0px;
  width: .75em;
  height: .125em;
  border-top: .3em double #fff;
  border-bottom: .125em solid #fff;
}

/* UODATE 1.3 */
/* WOOCOMMERCE 2.0 */
.show_review_form.btn-flat,
body.woocommerce a.button:hover,
body.woocommerce button.button:hover,
body.woocommerce input.button:hover,
body.woocommerce #respond input#submit:hover,
body.woocommerce #content input.button:hover,
body.woocommerce-page a.button:hover,
body.woocommerce-page button.button:hover,
body.woocommerce-page input.button:hover,
body.woocommerce-page #respond input#submit:hover,
body.woocommerce-page #content input.button:hover,
body.woocommerce a.button,
body.woocommerce button.button,
body.woocommerce input.button,
body.woocommerce #respond input#submit,
body.woocommerce #content input.button,
body.woocommerce-page a.button,
body.woocommerce-page button.button,
body.woocommerce-page input.button,
body.woocommerce-page #respond input#submit,
body.woocommerce-page #content input.button,
body.woocommerce a.button.alt,
body.woocommerce button.button.alt,
body.woocommerce input.button.alt,
body.woocommerce #respond input#submit.alt,
body.woocommerce #content input.button.alt,
body.woocommerce-page a.button.alt,
body.woocommerce-page button.button.alt,
body.woocommerce-page input.button.alt,
body.woocommerce-page #respond input#submit.alt,
body.woocommerce-page #content input.button.alt,
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button,
body .woocommerce #respond input#submit,
body .woocommerce #content input.button,
body .woocommerce-page a.button,
body .woocommerce-page button.button,
body .woocommerce-page input.button,
body .woocommerce-page #respond input#submit,
body .woocommerce-page #content input.button {
  font-size: 14px;
}

.single_variation {
  margin-bottom: 20px;
}

.variations_button {
  overflow: hidden;
}

.woocommerce div.product form.cart .variations td.label, .woocommerce #content div.product form.cart .variations td.label, .woocommerce-page div.product form.cart .variations td.label, .woocommerce-page #content div.product form.cart .variations td.label {
  margin-right: 10px;
  padding-left: 0px;
}

.woocommerce div.product form.cart .variations label, .woocommerce #content div.product form.cart .variations label, .woocommerce-page div.product form.cart .variations label, .woocommerce-page #content div.product form.cart .variations label {
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 10px;
}

.woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty {
  margin-bottom: 0px;
}

body.woocommerce div.product span.price, body.woocommerce div.product p.price, body.woocommerce #content div.product span.price, body.woocommerce #content div.product p.price, body.woocommerce-page div.product span.price, body.woocommerce-page div.product p.price, body.woocommerce-page #content div.product span.price, body.woocommerce-page #content div.product p.price {
  color: #535353;
}

.woocommerce div.product form.cart .single_add_to_cart_button {
  margin-top: 2px;
  margin-left: 10px;
}

.woocommerce_message, .woocommerce_error, .woocommerce_info {
  margin-bottom: 20px;
}

.zn_loop_row {
  clear: both;
  height: 1px;
  margin-bottom: 34px;
}

.woocommerce_message .button {
  margin-right: 10px !important;
}

body.res1170 input[class*="span"], body.res1170 select[class*="span"], body.res1170 textarea[class*="span"], body.res1170 .uneditable-input[class*="span"], body.res1170 .row-fluid input[class*="span"], body.res1170 .row-fluid select[class*="span"], body.res1170 .row-fluid textarea[class*="span"], body.res1170 .row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}

/* FIX 1.4 */
.row-fluid.no-space [class*="span"] {
  margin-left: 0;
}

body.woocommerce div.product div.images img, body.woocommerce #content div.product div.images img, body.woocommerce-page div.product div.images img, body.woocommerce-page #content div.product div.images img {
  box-shadow: none;
  display: inline-block;
  width: auto;
}

body.woocommerce div.product div.images, body.woocommerce #content div.product div.images, body.woocommerce-page div.product div.images, body.woocommerce-page #content div.product div.images {
  width: auto;
  margin: 0;
  float: none;
}

/* UPDATE 1.5 */
body.woocommerce div.product div.images div.thumbnails a.first, body.woocommerce #content div.product div.images div.thumbnails a.first, body.woocommerce-page div.product div.images div.thumbnails a.first, body.woocommerce-page #content div.product div.images div.thumbnails a.first,
body.woocommerce div.product div.images div.thumbnails a, body.woocommerce #content div.product div.images div.thumbnails a, body.woocommerce-page div.product div.images div.thumbnails a, body.woocommerce-page #content div.product div.images div.thumbnails a {
  clear: none;
  width: auto;
  margin-right: 10px;
}

body.woocommerce div.product div.images div.thumbnails, body.woocommerce #content div.product div.images div.thumbnails, body.woocommerce-page div.product div.images div.thumbnails, body.woocommerce-page #content div.product div.images div.thumbnails {
  padding: 0;
  margin: 0 10px;
}

body.woocommerce div.product div.images div.thumbnails a {
  margin: 0 0 10px 0;
}

/* Coming soon page */
.offline-page .containerbox #logo {
  width: 200px;
}

.offline-page .containerbox #logo a {
  padding-left: 0;
}

/* UPDATE 1.6 */
header#header.no_subheader {
  position: relative;
  z-index: 100;
}

body.woocommerce #reviews #comments ol.commentlist li img.avatar, body.woocommerce-page #reviews #comments ol.commentlist li img.avatar {
  width: 70px;
  position: relative;
  margin-right: 15px;
}

.itemContainer.zn_columns .hoverBorder, .itemContainer.zn_columns .hoverBorder img {
  width: 100%;
  height: auto;
}

.itemContainer.zn_columns.zn_columns4 h3.itemTitle, .itemContainer.zn_columns.zn_columns3 h3.itemTitle {
  line-height: 1.5;
  font-size: 16px;
}

.itemContainer.zn_columns.zn_columns4 .readMore, .itemContainer.zn_columns.zn_columns3 .readMore {
  font-size: 13px;
}

.row.noMargin {
  margin-bottom: 0;
}

/* DOCUMENTATION PAGES */
#page_header.zn_documentation_page .container {
  padding-top: 170px;
}

.zn_documentation_page .zn_doc_search {
  position: relative;
}

.zn_documentation_page .zn_doc_search form {
  margin: 0;
}

.zn_documentation_page .zn_doc_search input[type="text"] {
  width: 100%;
  height: 50px;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 0 20px;
  font-size: 20px;
  line-height: 23px;
}

.zn_documentation_page .zn_doc_search input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  color: #fff;
  background: #cd2122;
  border: 0;
  font-weight: 700;
  font-size: 13px;
  padding: 0 40px;
}

.zn_documentation_page .zn_doc_search input[type="submit"]:hover {
  background: #000;
}

.zn_doc_breadcrumb {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 8px 10px;
  color: #888;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  float: left;
  margin: 5px 0 20px;
  background: #eee;
}

.zn_doc_breadcrumb span:after {
  content: "";
  display: inline-block;
  width: 0;
  margin: 0 7px 0 7px;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid green;
}

.zn_doc_breadcrumb span:last-child:after {
  display: none;
}

/* WOOCOOMERCE PRODUCT SUBCATEGORY */
.zn_product_subcategory {
  text-align: center;
}

/* SIDEBAR ELEMENT BG */
#sidebar.sidebar.no_bg {
  background: transparent;
}

/* UPDATE 1.8 */
.zn_image_box_cont {
  display: inline-block;
}

.product-list-item .image a, .zn_product_subcategory .product-list-item a {
  position: relative;
}

a.zn_step_link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* UPDATE 1.9 */
.fb-like iframe {
  max-width: none;
}

/* UPDATE 2.2 */
.hoverBorderWrapper img {
  width: 100%;
}

.pp_gallery div ul li a img {
  width: 50px;
}

.res960 #screenshot {
  width: 540px;
}

/* UPDATE 2.3 */
.zn_slide_image_link {
  display: block;
}

body .iosSlider .item .caption .zn_slide_image_link {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/***********************
Changes to responsive design
************************/
header#header {
  position: absolute;
  width: 100%;
  min-height: 100px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

header#header {
  position: fixed;
  z-index: 100;
}

body header#header #logo a {
  padding: 25px 25px 25px 0 !important;
}

.topnav {
  float: none;
  margin: 10px 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 101;
}

.topnav > li {
  float: right;
  /*margin-right: 10px;*/
  position: relative;
}

.controls.st2 .prev .icon-chevron-left {
  background-image: url("../images/grey-arrows_left.png");
  background-position: 0 center;
  height: 33px;
  margin: 0 18px;
  width: 21px;
}

.controls.st2 .next .icon-chevron-right {
  background-image: url("../images/grey-arrows_rite.png");
  background-position: 0 center;
  height: 33px;
  margin: 0 18px;
  width: 21px;
}

.limited-offers-carousel .controls:after {
  border-top: 1px solid #E8E8E8;
  content: "";
  left: 5px;
  position: absolute;
  top: 50%;
  width: 50%;
}

.limited-offers-carousel .controls a {
  display: block !important;
  height: 50%;
  opacity: 0.5;
  position: absolute;
  width: 100%;
}

.limited-offers-carousel .controls a:hover {
  opacity: 1;
}

.limited-offers-carousel .controls a.prev {
  top: 50%;
}

.limited-offers-carousel .controls a span {
  left: 50%;
  margin: -7px 0 0 -7px;
  position: absolute;
  top: 50%;
}

#responsive_header {
  position: relative !important;
  z-index: -99 !important;
}

nav#main_menu > ul#menu-kaazing-top-menu > li > a {
  font-size: 11px;
}

nav#main_menu > ul#menu-kaazing-top-menu {
  margin: 15px 0 5px;
}

/*!
 * Bootstrap Responsive v2.3.0
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
#responsive_header {
  position: relative !important;
  z-index: -99 !important;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@-ms-viewport {
  width: device-width;
}
.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }

  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }

  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: inherit !important;
  }

  .hidden-print {
    display: none !important;
  }
}
/*************************************	KALLYAS EDIT (iosslider tweaks)*/
@media only screen and (min-width: 1260px) and (max-width: 1460px) {
  body .iosSlider .item .caption.style3 .title_big {
    font-size: 40px;
  }

  body .iosSlider .item .caption.style3 .title_big span.stronger {
    font-size: 140px;
  }

  body .iosSlider .item .caption .main_title {
    margin-bottom: 20px;
  }
}
/*************************************	KALLYAS EDIT
	Added "body.res1170" class for the 1200px + media queries
*/
@media (min-width: 1200px) {
  body.res1170 .row {
    margin-left: -30px;
    *zoom: 1;
  }

  body.res1170 .row:before,
  body.res1170 .row:after {
    display: table;
    line-height: 0;
    content: "";
  }

  body.res1170 .row:after {
    clear: both;
  }

  body.res1170 [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }

  body.res1170 .container,
  body.res1170 .navbar-static-top .container,
  body.res1170 .navbar-fixed-top .container,
  body.res1170 .navbar-fixed-bottom .container {
    width: 1170px;
  }

  body.res1170 .span12 {
    width: 1170px;
  }

  body.res1170 .span11 {
    width: 1070px;
  }

  body.res1170 .span10 {
    width: 970px;
  }

  body.res1170 .span9 {
    width: 870px;
  }

  body.res1170 .span8 {
    width: 770px;
  }

  body.res1170 .span7 {
    width: 670px;
  }

  body.res1170 .span6 {
    width: 570px;
  }

  body.res1170 .span5 {
    width: 470px;
  }

  body.res1170 .span4 {
    width: 370px;
  }

  body.res1170 .span3 {
    width: 270px;
  }

  body.res1170 .span2 {
    width: 170px;
  }

  body.res1170 .span1 {
    width: 70px;
  }

  body.res1170 .offset12 {
    margin-left: 1230px;
  }

  body.res1170 .offset11 {
    margin-left: 1130px;
  }

  body.res1170 .offset10 {
    margin-left: 1030px;
  }

  body.res1170 .offset9 {
    margin-left: 930px;
  }

  body.res1170 .offset8 {
    margin-left: 830px;
  }

  body.res1170 .offset7 {
    margin-left: 730px;
  }

  body.res1170 .offset6 {
    margin-left: 630px;
  }

  body.res1170 .offset5 {
    margin-left: 530px;
  }

  body.res1170 .offset4 {
    margin-left: 430px;
  }

  body.res1170 .offset3 {
    margin-left: 330px;
  }

  body.res1170 .offset2 {
    margin-left: 230px;
  }

  body.res1170 .offset1 {
    margin-left: 130px;
  }

  body.res1170 .row-fluid {
    width: 100%;
    *zoom: 1;
  }

  body.res1170 .row-fluid:before,
  body.res1170 .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }

  body.res1170 .row-fluid:after {
    clear: both;
  }

  body.res1170 .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  body.res1170 .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }

  body.res1170 .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.564102564102564%;
  }

  body.res1170 .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }

  body.res1170 .row-fluid .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }

  body.res1170 .row-fluid .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }

  body.res1170 .row-fluid .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }

  body.res1170 .row-fluid .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }

  body.res1170 .row-fluid .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }

  body.res1170 .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }

  body.res1170 .row-fluid .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }

  body.res1170 .row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }

  body.res1170 .row-fluid .span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }

  body.res1170 .row-fluid .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }

  body.res1170 .row-fluid .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }

  body.res1170 .row-fluid .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }

  body.res1170 .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }

  body.res1170 .row-fluid .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }

  body.res1170 .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  }

  body.res1170 .row-fluid .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }

  body.res1170 .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  }

  body.res1170 .row-fluid .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }

  body.res1170 .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }

  body.res1170 .row-fluid .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }

  body.res1170 .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }

  body.res1170 .row-fluid .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }

  body.res1170 .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  }

  body.res1170 .row-fluid .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }

  body.res1170 .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }

  body.res1170 .row-fluid .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }

  body.res1170 .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
  }

  body.res1170 .row-fluid .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }

  body.res1170 .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }

  body.res1170 .row-fluid .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }

  body.res1170 .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }

  body.res1170 .row-fluid .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }

  body.res1170 .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  }

  body.res1170 .row-fluid .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }

  body.res1170 .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }

  body.res1170 input,
  body.res1170 textarea,
  body.res1170 .uneditable-input,
  body.res1170 input.span4,
  body.res1170 textarea.span4,
  body.res1170 .uneditable-input.span4 {
    margin-left: 0;
  }

  body.res1170 .controls-row [class*="span"] + [class*="span"] {
    margin-left: 30px;
  }

  body.res1170 input.span12,
  body.res1170 textarea.span12,
  body.res1170 .uneditable-input.span12 {
    width: 1156px;
  }

  body.res1170 input.span11,
  body.res1170 textarea.span11,
  body.res1170 .uneditable-input.span11 {
    width: 1056px;
  }

  body.res1170 input.span10,
  body.res1170 textarea.span10,
  body.res1170 .uneditable-input.span10 {
    width: 956px;
  }

  body.res1170 input.span9,
  body.res1170 textarea.span9,
  body.res1170 .uneditable-input.span9 {
    width: 856px;
  }

  body.res1170 input.span8,
  body.res1170 textarea.span8,
  body.res1170 .uneditable-input.span8 {
    width: 756px;
  }

  body.res1170 input.span7,
  body.res1170 textarea.span7,
  body.res1170 .uneditable-input.span7 {
    width: 656px;
  }

  body.res1170 input.span6,
  body.res1170 textarea.span6,
  body.res1170 .uneditable-input.span6 {
    width: 556px;
  }

  body.res1170 input.span5,
  body.res1170 textarea.span5,
  body.res1170 .uneditable-input.span5 {
    width: 456px;
  }

  body.res1170 input.span4,
  body.res1170 textarea.span4,
  body.res1170 .uneditable-input.span4 {
    width: 356px;
  }

  body.res1170 input.span3,
  body.res1170 textarea.span3,
  body.res1170 .uneditable-input.span3 {
    width: 256px;
  }

  body.res1170 input.span2,
  body.res1170 textarea.span2,
  body.res1170 .uneditable-input.span2 {
    width: 156px;
  }

  body.res1170 input.span1,
  body.res1170 textarea.span1,
  body.res1170 .uneditable-input.span1 {
    width: 56px;
  }

  body.res1170 .thumbnails {
    margin-left: -30px;
  }

  body.res1170 .thumbnails > li {
    margin-left: 30px;
  }

  body.res1170 .row-fluid .thumbnails {
    margin-left: 0;
  }

  body.res1170 #slideshow .iosSlider.fixed {
    height: 465px;
  }

  body.res1170 #slideshow .sliderContainer {
    width: 1170px;
    margin: 0 auto;
  }

  body.res1170 .css3accordion {
    width: 1170px;
  }

  body.res1170 .css3accordion > ul > li {
    width: 272px;
  }

  body.res1170 .css3accordion > ul > li > .inner-acc {
    width: 585px;
  }

  body.res1170 .css3accordion > ul > li .thumb {
    max-width: 273px;
  }

  body.res1170 .css3accordion > ul > li.last,
  body.res1170 .css3accordion > ul > li:hover {
    width: 585px;
  }

  body.res1170 .css3accordion .content > .m_title {
    font-size: 13px;
    line-height: 1.4;
    margin: 10px 0;
  }

  body.res1170 .css3accordion .text + a {
    font-size: 10px;
    font-weight: bold;
    color: #888;
    display: inline-block;
    margin-top: 5px;
  }

  body.res1170 .process_steps .step {
    /*min-height: 230px;*/
  }

  body.res1170 .process_steps .step > h3 {
    font-size: 24px;
  }

  body.res1170 .screenshot-box .left-side {
    width: 450px;
  }

  body.res1170 .screenshot-box .left-side h3.title {
    font-size: 19px;
  }

  body.res1170 .screenshot-box .left-side ul.features li h4 + span {
    font-size: 13px;
  }

  body.res1170 .newsletter-signup input[type="text"] {
    width: 206px;
  }

  body.res1170 .hg-portfolio-sortable ul#thumbs li {
    width: 270px;
    margin: 10px 5px 20px 25px;
  }

  body.res1170 .hg-portfolio-sortable ul#thumbs {
    left: 5px;
  }

  body.res1170 .hg-portfolio-sortable ul#thumbs li {
    width: 270px;
    margin: 10px 5px 20px 25px;
  }

  body.res1170 .services_box.style2 .box {
    height: 360px;
  }

  body.res1170 .iosSlider .item .caption {
    width: 1170px;
    margin-left: -585px;
  }

  body.res1170 .no-space [class*="span"] {
    margin-left: 0 !important;
  }

  body.res1170 .row-fluid.no-space .span1 {
    width: 8.334% !important;
  }

  body.res1170 .row-fluid.no-space .span2 {
    width: 16.667% !important;
  }

  body.res1170 .row-fluid.no-space .span3 {
    width: 25% !important;
  }

  body.res1170 .row-fluid.no-space .span4 {
    width: 33.334% !important;
  }

  body.res1170 .row-fluid.no-space .span5 {
    width: 41.667% !important;
  }

  body.res1170 .row-fluid.no-space .span6 {
    width: 50% !important;
  }

  body.res1170 .row-fluid.no-space .span7 {
    width: 58.333% !important;
  }

  body.res1170 .row-fluid.no-space .span8 {
    width: 66.666% !important;
  }

  body.res1170 .row-fluid.no-space .span9 {
    width: 75% !important;
  }

  body.res1170 .row-fluid.no-space .span10 {
    width: 83.334% !important;
  }

  body.res1170 .row-fluid.no-space .span11 {
    width: 91.666% !important;
  }

  body.res1170 .row-fluid.no-space .span12 {
    width: 100% !important;
  }

  body.res1170 #footer .contact-details {
    background: url(../images/say_hi.png) no-repeat right top;
  }

  body.boxed.res1170 #page_wrapper {
    width: 1200px;
  }

  /* ADDED BY ZAUAN */
  body.res1170 .zn_float_right {
    float: right;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }

  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }

  .row:after {
    clear: both;
  }

  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }

  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }

  .span12 {
    width: 724px;
  }

  .span11 {
    width: 662px;
  }

  .span10 {
    width: 600px;
  }

  .span9 {
    width: 538px;
  }

  .span8 {
    width: 476px;
  }

  .span7 {
    width: 414px;
  }

  .span6 {
    width: 352px;
  }

  .span5 {
    width: 290px;
  }

  .span4 {
    width: 228px;
  }

  .span3 {
    width: 166px;
  }

  .span2 {
    width: 104px;
  }

  .span1 {
    width: 42px;
  }

  .offset12 {
    margin-left: 764px;
  }

  .offset11 {
    margin-left: 702px;
  }

  .offset10 {
    margin-left: 640px;
  }

  .offset9 {
    margin-left: 578px;
  }

  .offset8 {
    margin-left: 516px;
  }

  .offset7 {
    margin-left: 454px;
  }

  .offset6 {
    margin-left: 392px;
  }

  .offset5 {
    margin-left: 330px;
  }

  .offset4 {
    margin-left: 268px;
  }

  .offset3 {
    margin-left: 206px;
  }

  .offset2 {
    margin-left: 144px;
  }

  .offset1 {
    margin-left: 82px;
  }

  .row-fluid {
    width: 100%;
    *zoom: 1;
  }

  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }

  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }

  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }

  .row-fluid .span11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }

  .row-fluid .span10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }

  .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }

  .row-fluid .span8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }

  .row-fluid .span7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }

  .row-fluid .span6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }

  .row-fluid .span5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }

  .row-fluid .span4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }

  .row-fluid .span3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }

  .row-fluid .span2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }

  .row-fluid .span1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }

  .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }

  .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652%;
    *margin-left: 102.6560479605031%;
  }

  .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }

  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243%;
    *margin-left: 94.09251204890089%;
  }

  .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }

  .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221%;
    *margin-left: 85.52897613729868%;
  }

  .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }

  .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989%;
    *margin-left: 76.96544022569647%;
  }

  .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }

  .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768%;
    *margin-left: 68.40190431409427%;
  }

  .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }

  .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547%;
    *margin-left: 59.838368402492065%;
  }

  .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }

  .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326%;
    *margin-left: 51.27483249088986%;
  }

  .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }

  .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105%;
    *margin-left: 42.71129657928765%;
  }

  .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }

  .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884%;
    *margin-left: 34.14776066768544%;
  }

  .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }

  .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663%;
    *margin-left: 25.584224756083227%;
  }

  .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }

  .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442%;
    *margin-left: 17.02068884448102%;
  }

  .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }

  .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221%;
    *margin-left: 8.457152932878806%;
  }

  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }

  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }

  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 710px;
  }

  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 648px;
  }

  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 586px;
  }

  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 524px;
  }

  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 462px;
  }

  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px;
  }

  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px;
  }

  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px;
  }

  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 214px;
  }

  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 152px;
  }

  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px;
  }

  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px;
  }

  /*************************************	KALLYAS EDIT */
  .recentwork_carousel li a iframe {
    width: 100%;
    height: auto;
  }

  .header-titles h4 {
    font-size: 14px;
  }

  #slideshow .iosSlider.fixed {
    height: 287px;
  }

  #slideshow .sliderContainer {
    width: 724px;
    margin: 0 auto;
  }

  .iosSlider .slider .item .caption {
    -webkit-transform: scale(0.6);
    -webkit-transform-origin: 50% 100%;
    -moz-transform: scale(0.6);
    -moz-transform-origin: 50% 100%;
    -o-transform: scale(0.6);
    -o-transform-origin: 50% 100%;
    -ms-transform: scale(0.6);
    -ms-transform-origin: 50% 100%;
    transform: scale(0.6);
    transform-origin: 50% 100%;
  }

  .iosSlider .prev,
  .iosSlider .next {
    width: 70px;
    -webkit-transform: scale(0.7);
    -webkit-transform-origin: 0 50%;
    -moz-transform: scale(0.7);
    -moz-transform-origin: 0 50%;
    -o-transform: scale(0.7);
    -o-transform-origin: 0 50%;
    -ms-transform: scale(0.7);
    -ms-transform-origin: 0 50%;
    transform: scale(0.7);
    transform-origin: 0 50%;
  }

  body .iosSlider .item .caption .main_title {
    margin-bottom: 20px;
  }

  .selectorsBlock.thumbs .selectors .item img {
    max-width: 100px;
  }

  body .gobox h4 {
    font-size: 15px;
    line-height: 1.2;
  }

  body .gobox.ok > img {
    margin-bottom: 10px;
  }

  .header-titles h4 {
    font-size: 14px;
  }

  .css3accordion {
    width: 940px;
  }

  .css3accordion > ul > li {
    width: 235px;
  }

  .css3accordion > ul > li > .inner-acc {
    width: 470px;
  }

  .css3accordion > ul > li .thumb {
    max-width: 236px;
  }

  .css3accordion > ul > li.last,
  .css3accordion > ul > li:hover {
    width: 470px;
  }

  .css3accordion .content > .m_title {
    font-size: 12px;
    line-height: 1.3;
    margin: 8px 0;
  }

  .css3accordion .text {
    font-size: 11px;
    line-height: 1.4;
  }

  .process_steps .step {
    min-height: 240px;
  }

  .process_steps .step.intro > h3 {
    /*font-size: 20px;*/
  }

  .process_steps .step.intro > h3 + p {
    font-size: 12px;
  }

  .process_steps .step .icon {
    margin: 10px 0 5px;
  }

  .process_steps .step .icon + h3 {
    line-height: 1.4;
    font-size: 20px;
  }

  .process_steps .step .icon + h3 + p {
    font-size: 12px;
  }

  .newsletter-signup input[type="text"] {
    width: 190px;
  }

  body .ca-item h3 {
    font-size: 20px;
  }

  body .ca-content-text {
    font-size: 12px;
  }

  .productzoom-style h3 {
    font-size: 20px;
  }

  .productzoom-style .row {
    margin-bottom: 0;
  }

  .static-content .features li {
    font-size: 12px;
  }

  #screenshot {
    -webkit-transform: scale(0.8);
    -webkit-transform-origin: 0 50%;
    -moz-transform: scale(0.8);
    -moz-transform-origin: 0 50%;
    -o-transform: scale(0.8);
    -o-transform-origin: 0 50%;
    -ms-transform: scale(0.8);
    -ms-transform-origin: 0 50%;
    transform: scale(0.8);
    transform-origin: 0 50%;
  }

  .btn-large {
    font-size: 14px;
    padding: 7px 10px;
  }

  .static-content.event-style .or {
    display: none;
  }

  body #css3panels {
    height: 450px;
  }

  body #css3panels .panel img {
    max-height: 460px;
  }

  body #css3panels .caption {
    top: 300px;
    width: 300px;
  }

  body #css3panels .caption.upper {
    top: 250px;
  }

  #skills_diagram .legend {
    right: -30px;
  }

  .timeline_box:before {
    right: -16px;
  }

  div[data-align=right] .timeline_box:before {
    left: -15px;
  }

  .services_box.style2 .box {
    overflow: hidden;
  }

  .feature_box.style3 .box {
    font-size: 12px;
  }

  .how_to_shop > .row {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .tabs_style1 > ul.nav > li > a {
    padding: 8px 10px;
  }

  .feature_box .box .title + p {
    font-size: 12px;
  }

  .css3accordion {
    width: 724px;
  }

  .css3accordion > ul > li {
    width: 181px;
  }

  .css3accordion > ul > li > .inner-acc {
    width: 362px;
  }

  .css3accordion > ul > li .thumb {
    max-width: 182px;
  }

  .css3accordion > ul > li.last,
  .css3accordion > ul > li:hover {
    width: 362px;
  }

  .css3accordion .content > .m_title {
    font-size: 12px;
    line-height: 1.3;
    margin: 8px 0;
  }

  .css3accordion .text {
    font-size: 11px;
    line-height: 1.4;
  }

  .process_steps .step {
    min-height: 280px;
  }

  .process_steps .step > h3 {
    font-size: 15px;
  }

  .screenshot-box .left-side {
    width: 250px;
  }

  .screenshot-box .left-side h3.title {
    font-size: 16px;
  }

  .screenshot-box .left-side ul.features li h4 + span {
    font-size: 11px;
  }

  .newsletter-signup input[type="text"] {
    width: 120px;
  }

  .flickr_feeds li a {
    width: 40px;
  }

  header {
    height: 70px;
  }

  header.style2 #logo a {
    padding: 10px 25px;
  }

  .topnav {
    margin: 5px 0;
  }

  #search .searchBtn {
    margin-top: 0;
  }

  .newsletter-signup input[type="text"] {
    width: 120px;
  }

  .social-share li {
    margin-left: 0;
  }

  #footer .copyright {
    float: left;
  }

  #footer .contact-details {
    background: url(../images/say_hi_smaller.png) no-repeat right top;
  }

  .flickr_feeds li a {
    width: 65px;
  }

  .info-text {
    font-size: 20px;
  }

  .hover-box > img {
    margin: 10px 10px 8px 5px;
  }

  .hover-box > h3 {
    font-size: 18px;
  }

  .hover-box > h4 {
    font-size: 14px;
  }

  .thescreenshot {
    float: none;
  }

  .screenshot-box .left-side {
    width: auto;
    float: none;
    margin: 20px;
  }

  .vertical_tabs .tabbable .nav {
    width: 35%;
  }

  .vertical_tabs .tabbable .tab-content {
    width: 65%;
  }

  .statbox {
    min-height: 90px;
  }

  .statbox h4 {
    font-size: 24px;
  }

  .testimonial_box {
    padding: 0;
  }

  .zn_menu_trigger {
    background: rgba(228, 228, 228, 0.25);
    text-align: center;
    padding: 5px 20px;
    cursor: pointer;
    width: 275px;
    display: block;
  }

  nav#main_menu.smooth_menu {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0;
  }

  nav#main_menu.smooth_menu ul {
    display: none;
    background: #fff;
    max-width: 315px;
    text-align: center;
  }

  nav#main_menu.smooth_menu ul li {
    display: block;
    float: none;
    margin: 0;
    width: 100%;
  }

  nav#main_menu.smooth_menu ul li a {
    padding: 5px 5px 5px 12px;
    margin: 0;
  }

  nav#main_menu.smooth_menu ul li:hover a {
    margin: 0;
  }

  #header nav#main_menu.smooth_menu > ul > li > a {
    color: #535353;
    line-height: 27px;
    padding: 5px 5px 5px 8px;
  }

  #header nav#main_menu.smooth_menu > ul > li.active > a, #header nav#main_menu.smooth_menu > ul > li > a:hover, #header nav#main_menu.smooth_menu > ul > li:hover > a {
    color: #fff;
    padding: 5px 5px 5px 18px;
  }

  nav#main_menu.smooth_menu ul .sf-sub-indicator, nav#main_menu.smooth_menu > ul > li > a.sf-with-ul .sf-sub-indicator {
    background: #CCC;
    height: 1px;
    width: 7px;
    top: 50%;
    margin-top: -1px;
    left: auto;
  }

  nav#main_menu.smooth_menu > ul ul {
    display: block;
    position: relative;
    top: 0px !important;
    margin-bottom: 5px;
    left: 0 !important;
    padding: 0;
    border: none;
    box-shadow: none;
  }

  nav#main_menu.smooth_menu > ul > li > ul:after {
    display: none;
  }

  nav#main_menu.smooth_menu > ul > li > ul ul:after {
    display: none;
  }

  /**************** zn_topmenu_trigger KALLYAS EDIT ********************* */
  .zn_topmenu_trigger {
    background: rgba(228, 228, 228, 0.25);
    text-align: center;
    padding: 5px 20px;
    cursor: pointer;
    width: 300px;
    display: block;
  }

  nav#top_menu.smooth_menu {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0;
    float: right;
  }

  nav#top_menu.smooth_menu ul {
    display: none;
    background: #fff;
    max-width: 340px;
    text-align: center;
  }

  nav#top_menu.smooth_menu ul li {
    display: block;
    float: none;
    margin: 0;
    width: 100%;
  }

  nav#top_menu.smooth_menu ul li a {
    padding: 5px 5px 5px 12px;
    margin: 0;
  }

  nav#top_menu.smooth_menu ul li:hover a {
    margin: 0;
  }

  #header nav#top_menu.smooth_menu > ul > li > a {
    color: #535353;
    line-height: 27px;
    padding: 5px 5px 5px 8px;
  }

  #header nav#top_menu.smooth_menu > ul > li.active > a, #header nav#top_menu.smooth_menu > ul > li > a:hover, #header nav#top_menu.smooth_menu > ul > li:hover > a {
    color: #fff;
    padding: 5px 5px 5px 18px;
  }

  nav#top_menu.smooth_menu ul .sf-sub-indicator, nav#top_menu.smooth_menu > ul > li > a.sf-with-ul .sf-sub-indicator {
    background: #CCC;
    height: 1px;
    width: 7px;
    top: 50%;
    margin-top: -1px;
    left: auto;
  }

  nav#top_menu.smooth_menu > ul ul {
    display: block;
    position: relative;
    top: 0px !important;
    margin-bottom: 5px;
    left: 0 !important;
    padding: 0;
    border: none;
    box-shadow: none;
  }

  nav#top_menu.smooth_menu > ul > li > ul:after {
    display: none;
  }

  nav#top_menu.smooth_menu > ul > li > ul ul:after {
    display: none;
  }

  /************************************* end KALLYAS EDIT */
}
/*************************************	KALLYAS EDIT */
/* iPads (portrait) // WITH META VIEWPORT ENABLED ----------- */
@media only screen and (min-width: 481px) and (max-width: 768px) {
  body .iosSlider .item .caption.style3 .title_big span.stronger {
    font-size: 80px;
  }

  .feature_box .title {
    font-size: 13px;
  }

  .feature_box.feature_box.style2 p {
    font-size: 12px;
  }

  .feature_box.style2 .box {
    min-height: 130px;
  }

  .css3accordion {
    width: 724px;
  }

  .css3accordion > ul > li {
    width: 181px;
  }

  .css3accordion > ul > li > .inner-acc {
    width: 362px;
  }

  .css3accordion > ul > li .thumb {
    max-width: 182px;
  }

  .css3accordion > ul > li.last,
  .css3accordion > ul > li:hover {
    width: 362px;
  }

  .css3accordion .content > .m_title {
    font-size: 12px;
    line-height: 1.3;
    margin: 8px 0;
  }

  .css3accordion .text {
    font-size: 11px;
    line-height: 1.4;
  }

  .recentwork_carousel li .details h4 {
    font-size: 13px;
  }

  .process_steps .step {
    min-height: 240px;
  }

  .process_steps .step.intro > h3 {
    /*font-size: 20px;*/
  }

  .process_steps .step.intro > h3 + p {
    font-size: 12px;
  }

  .process_steps .step .icon {
    margin: 10px 0 5px;
  }

  .process_steps .step .icon + h3 {
    line-height: 1.4;
    font-size: 18px;
  }

  .process_steps .step .icon + h3 + p {
    font-size: 12px;
  }

  .newsletter-signup input[type="text"] {
    width: 190px;
  }

  header {
    height: 70px;
  }

  header.style2 #logo a {
    padding: 10px 25px;
  }

  .topnav {
    margin: 5px 0;
  }

  #search .searchBtn {
    margin-top: 0;
  }

  .newsletter-signup input[type="text"] {
    width: 120px;
  }

  .social-share li {
    margin-left: 0;
  }

  #footer .copyright {
    float: left;
  }

  #footer .contact-details {
    background: url(../images/say_hi_smaller.png) no-repeat right top;
  }

  .flickr_feeds li a {
    width: 65px;
  }

  .info-text {
    font-size: 20px;
  }

  .hover-box > img {
    margin: 10px 10px 8px 5px;
  }

  .hover-box > h3 {
    font-size: 18px;
  }

  .hover-box > h4 {
    font-size: 14px;
  }

  .thescreenshot {
    float: none;
  }

  .screenshot-box .left-side {
    width: auto;
    float: none;
    margin: 20px;
  }

  .vertical_tabs .tabbable .nav {
    width: 35%;
  }

  .vertical_tabs .tabbable .tab-content {
    width: 65%;
  }

  .statbox {
    min-height: 90px;
  }

  .statbox h4 {
    font-size: 24px;
  }

  body .iosSlider.fixed {
    height: 310px;
  }

  body .flexslider .flex-viewport {
    background: none;
  }

  body #ca-container {
    margin-left: -22px;
    height: 480px;
  }

  body .ca-item h3 {
    font-size: 20px;
  }

  body .ca-starting {
    font-size: 14px;
  }

  body .ca-content-text {
    font-size: 12px;
  }

  body .boxes .info_pop {
    margin: 0;
  }

  .productzoom-style h3 {
    font-size: 20px;
  }

  .productzoom-style .row {
    margin-bottom: 0;
  }

  .static-content .features li {
    font-size: 12px;
  }

  #screenshot {
    -webkit-transform: scale(0.6);
    -webkit-transform-origin: 0 50%;
    -moz-transform: scale(0.6);
    -moz-transform-origin: 0 50%;
    -o-transform: scale(0.6);
    -o-transform-origin: 0 50%;
    -ms-transform: scale(0.6);
    -ms-transform-origin: 0 50%;
    transform: scale(0.6);
    transform-origin: 0 50%;
  }

  .btn-large {
    font-size: 13px;
    padding: 5px 6px;
  }

  .video-container .captions {
    width: 748px;
    margin-left: -374px;
  }

  .video-container .captions .line {
    font-size: 26px;
  }

  .ud_counter ul li {
    font-size: 18px;
    padding: 15px 10px;
    width: 40px;
  }

  .static-content .or {
    display: none;
  }

  #slideshow ul {
    clear: left;
  }

  .static-content.event-style h3 {
    font-size: 18px;
  }

  body .laptop-mask {
    margin-left: -100px;
  }

  body #css3panels {
    height: 450px;
  }

  body #css3panels .panel img {
    max-height: 460px;
  }

  body #css3panels .caption {
    top: 300px;
    width: 300px;
  }

  body #css3panels .caption.upper {
    top: 250px;
  }

  .flickr_feeds[data-size="small"] li a {
    width: 50px;
  }

  #skills_diagram .legend {
    right: -20px;
  }

  .timeline_box:before {
    right: -16px;
  }

  div[data-align=right] .timeline_box:before {
    left: -15px;
  }

  .services_box.style2 .box {
    overflow: hidden;
  }

  .feature_box.style3 .box {
    font-size: 12px;
  }

  .how_to_shop > .row {
    margin-bottom: 10px;
    font-size: 12px;
  }

  #contact_form .form-horizontal input[type=text].inputbox {
    width: 200px;
  }

  .adbox.video .video_trigger_container {
    margin-top: 20px;
  }

  .shop-features .shop-feature > h4 {
    font-size: 14px;
  }

  .shop-features .shop-feature > h5 {
    font-size: 13px;
  }

  .shop-features .shop-feature > img {
    margin-right: 10px;
  }

  .scrollbarContainer {
    display: none;
  }
}
/************************************* end KALLYAS EDIT */
@media (max-width: 767px) {
  body {
    padding-right: 20px;
    padding-left: 20px;
  }

  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: -20px;
    margin-left: -20px;
  }

  .container-fluid {
    padding: 0;
  }

  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }

  .dl-horizontal dd {
    margin-left: 0;
  }

  .container {
    width: auto;
  }

  .row-fluid {
    width: 100%;
  }

  .row,
  .thumbnails {
    margin-left: 0;
  }

  .thumbnails > li {
    float: none;
    margin-left: 0;
  }

  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }

  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }

  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }

  .modal {
    position: fixed;
    top: 20px;
    right: 20px;
    left: 20px;
    width: auto;
    margin: 0;
  }

  .modal.fade {
    top: -100px;
  }

  .modal.fade.in {
    top: 20px;
  }

  /*************************************	KALLYAS EDIT */
  .offline-page .containerbox #logo {
    width: 100%;
    text-align: center;
  }

  .offline-page .containerbox .content {
    border-top: 1px solid #777;
    padding: 20px 0 0 0;
    clear: both;
    margin: 0;
    border-left: none;
  }

  .offline-page .ud_counter ul li, .offline-page .ud_counter ul li:first-child, .till_lauch {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .offline-page .ud_counter ul {
    width: 100%;
    display: block;
  }

  body {
    padding: 0px;
  }

  .row {
    padding: 0 10px;
    margin-bottom: 20px;
  }

  .row [class*="span"] {
    margin-bottom: 20px;
  }

  #slideshow .container,
  #page_header .container {
    padding-top: 30px;
  }

  .iosSlider.fixed {
    height: auto;
  }

  #slideshow .sliderContainer {
    padding: 0 0 39%;
    height: 0;
    width: 100%;
  }

  header#header {
    position: relative;
    height: auto;
  }

  /* prettyPhoto styling for small screens */
  .pp_pic_holder.pp_kalypso {
    width: 100% !important;
    left: 0 !important;
    overflow: hidden;
  }

  div.pp_kalypso .pp_content_container .pp_left {
    padding-left: 0 !important;
  }

  div.pp_kalypso .pp_content_container .pp_right {
    padding-right: 0 !important;
  }

  div.pp_kalypso .pp_content {
    width: 100% !important;
    height: auto !important;
    min-height: 40px;
  }

  div.pp_kalypso .pp_fade {
    width: 100% !important;
    height: 100% !important;
  }

  div.pp_kalypso a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom {
    display: none !important;
  }

  div.pp_kalypso #pp_full_res img {
    width: 100% !important;
    height: auto !important;
  }

  div.pp_kalypso .pp_close {
    top: 6px !important;
    right: 6px !important;
  }

  div.pp_kalypso .inner-container {
    text-align: center;
  }

  .login-panel label, .login-panel input.inputbox, .register-panel, .forgot-panel {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
  }

  .login-panel .create_account, .create_account, .login-panel input[type=submit] {
    margin: 0 0 10px 0;
  }

  .topnav.navRight > li:last-child {
    margin-right: 10px;
  }

  #search {
    margin-top: -30px;
    position: absolute;
    right: -35px;
    top: 30px;
  }

  nav#main_menu {
    margin: 10px 10px 0 0;
  }

  nav#top_menu {
    margin: 10px 10px 0 0;
  }

  .topnav.navLeft > li:first-child {
    margin-left: 15px;
  }

  body .testimonial_box {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .header-titles h4 {
    font-size: 13px;
  }

  .iosSlider .slider .item .caption {
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 50% 100%;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 50% 100%;
    -o-transform: scale(0.5);
    -o-transform-origin: 50% 100%;
    -ms-transform: scale(0.5);
    -ms-transform-origin: 50% 100%;
    transform: scale(0.5);
    transform-origin: 50% 100%;
    width: 850px;
    bottom: 30px;
    margin-left: -425px;
  }

  .iosSlider .item .caption.style3 .title_big span.stronger {
    font-size: 120px;
  }

  .iosSlider .item .caption.style3 .title_big {
    font-size: 32px;
  }

  .iosSlider .prev,
  .iosSlider .next {
    width: 70px;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 50%;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 0 50%;
    -o-transform: scale(0.5);
    -o-transform-origin: 0 50%;
    -ms-transform: scale(0.5);
    -ms-transform-origin: 0 50%;
    transform: scale(0.5);
    transform-origin: 0 50%;
  }

  .iosSlider .next {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }

  body .iosSlider .item .caption .main_title {
    margin-bottom: 20px;
  }

  #slideshow .scrollbarContainer {
    display: none;
  }

  .selectorsBlock.thumbs .selectors .item img {
    max-width: 100px;
  }

  #action_box {
    text-align: center;
    height: auto;
  }

  #action_box h4.text {
    font-size: 16px;
  }

  .image-boxes .box {
    text-align: center;
  }

  .circlehover {
    display: none;
  }

  .css3accordion {
    width: auto;
  }

  .css3accordion > ul {
    width: auto;
  }

  .css3accordion > ul > li {
    display: none;
    width: 100%;
  }

  .css3accordion > ul > li.last, .css3accordion > ul > li:hover {
    width: 100%;
  }

  .css3accordion > ul > li > .inner-acc {
    width: 100%;
  }

  .css3accordion > ul > li:first-child {
    display: block;
  }

  .process_steps .step {
    float: none;
    width: 100%;
  }

  .keywordbox {
    line-height: 1.4;
  }

  #footer .menu:before, #footer .menu:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  #footer .menu:after {
    clear: both;
  }

  #footer [class*="span"] {
    margin: 0;
  }

  #footer .social-icons {
    float: none;
  }

  #footer .copyright img {
    margin-bottom: 20px;
  }

  .latest_posts.default-style a + em {
    display: block;
  }

  .infobox2 .btn {
    margin-left: 20px;
  }

  .vertical_tabs .tabbable .nav > li > a {
    line-height: 1.5;
    font-size: 13px;
    text-align: center;
    padding: 10px;
  }

  #current-date:before, #current-date:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  #current-date:after {
    clear: both;
  }

  #page_header .row [class*="span"] {
    clear: both;
  }

  #page_header .header-titles {
    text-align: left;
    padding-top: 5px;
  }

  .process_box .number {
    position: relative;
    width: 100%;
  }

  .process_box .content {
    margin-left: 0;
  }

  .process_box[data-align="right"] .content {
    margin-right: 0;
  }

  .span6 + .span12.end_timeline {
    margin-bottom: 0;
  }

  .timeline_box:hover::before, .timeline_box::after {
    background: transparent;
    border: 0;
  }

  .team_member {
    clear: both;
    padding-top: 10px;
    padding-left: 10px;
  }

  .team_member:before, .team_member:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .team_member:after {
    clear: both;
  }

  .team_member a.grayHover {
    overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    max-width: 130px;
    margin-right: 20px;
  }

  .team_member .details {
    float: left;
    overflow: visible;
    visibility: visible;
    opacity: 1;
    position: static;
    background: none;
    box-shadow: none;
    width: auto;
    padding: 10px 0 0;
  }

  .shop-latest .tabbable .nav li a {
    font-size: 16px;
  }

  #skills_diagram,
  .screenshot-box,
  .circlehover,
  .timeline_box:hover::before, .timeline_box::after {
    display: none !important;
  }

  .row-fluid.no-space [class*="span"] {
    width: auto !important;
  }

  .zn_menu_trigger {
    background: rgba(228, 228, 228, 0.25);
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
    display: block;
  }

  nav#main_menu.smooth_menu ul {
    display: none;
    background: #fff;
  }

  #header nav#main_menu.smooth_menu > ul > li > a {
    color: #535353;
    line-height: 27px;
  }

  #header nav#main_menu.smooth_menu > ul > li.active > a, #header nav#main_menu.smooth_menu > ul > li > a:hover, #header nav#main_menu.smooth_menu > ul > li:hover > a {
    color: #fff;
    padding: 5px 12px 5px;
  }

  nav#main_menu.smooth_menu {
    position: relative;
    display: block;
    width: 85%;
    clear: both;
    margin: 0px;
    padding: 0 0 10px;
    left: 5%;
  }

  nav#main_menu.smooth_menu ul li {
    display: block;
    float: none;
    margin: 0;
    width: 100%;
  }

  nav#main_menu.smooth_menu ul li a {
    padding: 5px 5px 5px 12px;
    margin: 0;
  }

  nav#main_menu.smooth_menu ul li:hover a {
    margin: 0;
  }

  #header nav#main_menu.smooth_menu > ul > li > a {
    color: #535353;
    line-height: 27px;
    padding: 5px 5px 5px 8px;
  }

  #header nav#main_menu.smooth_menu > ul > li.active > a, #header nav#main_menu.smooth_menu > ul > li > a:hover, #header nav#main_menu.smooth_menu > ul > li:hover > a {
    color: #fff;
    padding: 5px 5px 5px 18px;
  }

  nav#main_menu.smooth_menu ul .sf-sub-indicator, nav#main_menu.smooth_menu > ul > li > a.sf-with-ul .sf-sub-indicator {
    background: #CCC;
    height: 1px;
    width: 7px;
    top: 50%;
    margin-top: -1px;
    left: auto;
  }

  nav#main_menu.smooth_menu > ul ul {
    /*width: auto !important;*/
    display: block;
    position: relative;
    color: #CCC;
    top: 0px !important;
    margin-bottom: 5px;
    left: 0 !important;
    padding: 0;
    border: none;
    box-shadow: none;
  }

  nav#main_menu.smooth_menu > ul > li > ul:after {
    display: none;
  }

  nav#main_menu.smooth_menu > ul > li > ul ul:after {
    display: none;
  }

  /**********  zn_topmenu_trigger ***********/
  .zn_topmenu_trigger {
    background: rgba(228, 228, 228, 0.25);
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
    display: block;
  }

  nav#top_menu.smooth_menu ul {
    display: none;
    background: #fff;
  }

  #header nav#top_menu.smooth_menu > ul > li > a {
    color: #535353;
    line-height: 27px;
  }

  #header nav#top_menu.smooth_menu > ul > li.active > a, #header nav#top_menu.smooth_menu > ul > li > a:hover, #header nav#top_menu.smooth_menu > ul > li:hover > a {
    color: #fff;
    padding: 5px 12px 5px;
  }

  nav#top_menu.smooth_menu {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    margin: 0px;
    padding: 10px 0;
  }

  nav#top_menu.smooth_menu ul li {
    display: block;
    float: none;
    margin: 0;
    width: 100%;
  }

  nav#top_menu.smooth_menu ul li a {
    padding: 5px 5px 5px 12px;
    margin: 0;
  }

  nav#top_menu.smooth_menu ul li:hover a {
    margin: 0;
  }

  #header nav#top_menu.smooth_menu > ul > li > a {
    color: #535353;
    line-height: 27px;
    padding: 5px 5px 5px 8px;
  }

  #header nav#top_menu.smooth_menu > ul > li.active > a, #header nav#top_menu.smooth_menu > ul > li > a:hover, #header nav#top_menu.smooth_menu > ul > li:hover > a {
    color: #fff;
    padding: 5px 5px 5px 18px;
  }

  nav#top_menu.smooth_menu ul .sf-sub-indicator, nav#top_menu.smooth_menu > ul > li > a.sf-with-ul .sf-sub-indicator {
    background: #CCC;
    height: 1px;
    width: 7px;
    top: 50%;
    margin-top: -1px;
    left: auto;
  }

  nav#top_menu.smooth_menu > ul ul {
    /*width: auto !important;*/
    display: block;
    position: relative;
    color: #CCC;
    top: 0px !important;
    margin-bottom: 5px;
    left: 0 !important;
    padding: 0;
    border: none;
    box-shadow: none;
  }

  nav#top_menu.smooth_menu > ul > li > ul:after {
    display: none;
  }

  nav#top_menu.smooth_menu > ul > li > ul ul:after {
    display: none;
  }

  /* FIX FOR LEFT SIDEBAR */
  .span9.zn_float_right, .zn_float_right {
    float: none;
  }

  div[data-align=right] .timeline_box .date, .timeline_box .date {
    left: 30%;
    right: 30%;
    text-align: center;
    width: 40%;
    top: -39px;
    padding: 5px 0;
  }

  div[data-align=right] .timeline_box:before, .timeline_box:before {
    display: none;
  }

  /************************************* end KALLYAS EDIT */
}
@media (max-width: 480px) {
  header#header {
    position: relative;
    z-index: 100;
  }

  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }

  .page-header h1 small {
    display: block;
    line-height: 20px;
  }

  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }

  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }

  .form-horizontal .controls {
    margin-left: 0;
  }

  .form-horizontal .control-list {
    padding-top: 0;
  }

  .form-horizontal .form-actions {
    padding-right: 10px;
    padding-left: 10px;
  }

  .media .pull-left,
  .media .pull-right {
    display: block;
    float: none;
    margin-bottom: 10px;
  }

  .media-object {
    margin-right: 0;
    margin-left: 0;
  }

  .modal {
    top: 10px;
    right: 10px;
    left: 10px;
  }

  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }

  .carousel-caption {
    position: static;
  }

  /************************************* KALLYAS EDIT */
  .offline-page .containerbox #logo {
    width: 100%;
    text-align: center;
  }

  .offline-page .containerbox .content {
    border-top: 1px solid #777;
    padding: 20px 0 0 0;
    clear: both;
    margin: 0;
    border-left: none;
  }

  .offline-page .ud_counter ul li, .offline-page .ud_counter ul li:first-child, .till_lauch {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .offline-page .ud_counter ul {
    width: 100%;
    display: block;
  }

  #logo {
    float: none;
    text-align: center;
  }

  nav#main_menu {
    float: none;
    margin: 10px;
  }

  nav#top_menu {
    float: none;
    margin: 10px;
  }

  select.mobileMenu {
    width: 100%;
    margin-top: 10px;
  }

  .iosSlider .slider .item .caption {
    transform: scale(0.5);
    transform-origin: 50% 100%;
    width: 600px;
    bottom: 20px;
    margin-left: -300px;
  }

  .newsletter-signup input[type="text"] {
    width: 160px;
  }

  .social-share li {
    margin-bottom: 10px;
  }

  .infobox2 {
    text-align: center;
  }

  .infobox2 .btn {
    margin: 0 0 10px;
  }

  .vertical_tabs .tabbable .nav > li > a {
    font-size: 11px;
  }

  .vertical_tabs .tabbable .nav {
    width: 35%;
  }

  .vertical_tabs .tabbable .tab-content {
    width: 65%;
  }

  .shop-latest .tabbable .nav li {
    margin-left: 10px;
    padding-left: 10px;
  }

  .shop-latest .tabbable .nav li a {
    font-size: 13px;
  }

  #demo #options_panel {
    top: 20px;
  }

  .zn_menu_trigger {
    background: rgba(228, 228, 228, 0.25);
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
    display: block;
  }

  nav#main_menu.smooth_menu ul {
    display: none;
  }

  nav#main_menu.smooth_menu {
    position: relative;
    display: block;
    width: 75%;
    clear: both;
    margin: 0px;
    padding: 10px 0;
    left: 15px;
  }

  nav#main_menu.smooth_menu ul li {
    display: block;
    float: none;
  }

  nav#main_menu.smooth_menu ul .sf-sub-indicator, nav#main_menu.smooth_menu > ul > li > a.sf-with-ul .sf-sub-indicator {
    background: #CCC;
    height: 1px;
    width: 7px;
    top: 50%;
    margin-top: -1px;
    left: auto;
  }

  nav#main_menu.smooth_menu > ul ul {
    width: auto !important;
    display: block;
    position: relative;
    color: #CCC;
    margin-bottom: 5px;
    left: 0 !important;
    padding: 0;
    border: none;
    box-shadow: none;
  }

  nav#main_menu.smooth_menu > ul > li > ul:after {
    display: none;
  }

  nav#main_menu.smooth_menu > ul > li > ul ul:after {
    display: none;
  }

  /**************** zn_topmenu_trigger  **********************/
  .zn_topmenu_trigger {
    background: rgba(228, 228, 228, 0.25);
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
    display: block;
  }

  nav#top_menu.smooth_menu ul {
    display: none;
  }

  nav#top_menu.smooth_menu {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    margin: 0px;
    padding: 10px 0;
  }

  nav#top_menu.smooth_menu ul li {
    display: block;
    float: none;
  }

  nav#top_menu.smooth_menu ul .sf-sub-indicator, nav#top_menu.smooth_menu > ul > li > a.sf-with-ul .sf-sub-indicator {
    background: #CCC;
    height: 1px;
    width: 7px;
    top: 50%;
    margin-top: -1px;
    left: auto;
  }

  nav#top_menu.smooth_menu > ul ul {
    width: auto !important;
    display: block;
    position: relative;
    color: #CCC;
    margin-bottom: 5px;
    left: 0 !important;
    padding: 0;
    border: none;
    box-shadow: none;
  }

  nav#top_menu.smooth_menu > ul > li > ul:after {
    display: none;
  }

  nav#top_menu.smooth_menu > ul > li > ul ul:after {
    display: none;
  }

  /************************************* end KALLYAS EDIT */
}
@media (max-width: 979px) {
  body {
    padding-top: 0;
  }

  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }

  .navbar-fixed-top {
    margin-bottom: 20px;
  }

  .navbar-fixed-bottom {
    margin-top: 20px;
  }

  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }

  .navbar .container {
    width: auto;
    padding: 0;
  }

  .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }

  .nav-collapse {
    clear: both;
  }

  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }

  .nav-collapse .nav > li {
    float: none;
  }

  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }

  .nav-collapse .nav > .divider-vertical {
    display: none;
  }

  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }

  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }

  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }

  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }

  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }

  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }

  .nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }

  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .nav-collapse .open > .dropdown-menu {
    display: block;
  }

  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }

  .nav-collapse .dropdown-menu .divider {
    display: none;
  }

  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }

  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }

  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }

  .nav-collapse,
  .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }

  .navbar .btn-navbar {
    display: block;
  }

  .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;
  }

  /*************************************	KALLYAS EDIT */
  body.boxed #page_wrapper {
    width: 100%;
    border: 0;
  }

  body #slideshow .scrollbarContainer {
    width: 100%;
  }
}
@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }

  nav#main_menu.smooth_menu > ul {
    display: block !important;
  }

  nav#top_menu.smooth_menu > ul {
    display: block !important;
  }
}
/* FIX IE10 MOBILE  1.6 */
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/*
Theme Name: Kallyas
Theme URI: http://hogash-demo.com/kallyas_wp/
Description: A Highly customizable theme with page builder and unlimited colors.
Author: Hogash
Author URI: http://themeforest.net/user/hogash
Version: 2.3
Tags: dark, light, left-sidebar, right-sidebar, fixed-width, custom-background, custom-colors, custom-header, custom-menu,  editor-style, full-width-template, theme-options, translation-ready
License: GNU General Public License
License URI: license.txt
*/
body.home .style5 h4.title {
  display: block;
}

body.home .style5 h4 {
  display: none;
}

body.category-41 .post_details {
  display: none;
}

/* start - support page tables */
table.support {
  border-color: #D3D1D1;
}

table.support td {
  padding: 10px;
}

a.register:link,
a.register:active,
a.register:visited {
  background: #3e9ce6;
  color: #ffffff;
  padding: 10px 15px;
  text-decoration: none;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  display: block;
}

a.register:visited {
  background: #3e9ce6;
  color: #ffffff;
  padding: 10px 15px;
  text-decoration: none;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  display: block;
}

.thankyou {
  display: block;
  text-align: center;
  padding: 100px 0;
  font-weight: bold;
}

.thankyou span {
  display: inline-block;
  vertical-align: middle;
  max-width: 350px;
  border: 1px solid #DDD;
  border-radius: 1px;
  padding: 20px;
}

/* end - support page tables */
header#header {
  position: relative;
}

#slideshow .sliderContainer {
  padding: 50px 0;
}

#slideshow .container {
  padding: 30px 0 45px;
}

#page_header .container {
  padding: 0 0 30px;
}

body header#header #logo a {
  padding: 25px 0 0;
}

#logo a img {
  height: 61px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

.black {
  color: #000;
}

/*----------------------  Header --------------------------*/
#page_header.zn_def_header_style, #slideshow.zn_def_header_style, #page_header.uh_zn_def_header_style, #slideshow.uh_zn_def_header_style {
  background-color: #22222f;
}

#page_header.zn_def_header_style .bgback, #slideshow.zn_def_header_style .bgback, #page_header.uh_zn_def_header_style .bgback, #slideshow.uh_zn_def_header_style .bgback {
  background-image: url("http://cms-dev.kaazing.com/wordpress/wp-content/uploads/2013/06/banner_withutarrow.png");
}

#page_header.zn_def_header_style .zn_header_bottom_style, #slideshow.zn_def_header_style .zn_header_bottom_style {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 27px;
  z-index: 99;
  background: url(../images/bottom_mask.png) no-repeat center top;
}

/*----------------------  Unlimited Headers --------------------------*/
#page_header.uh_about_us .bgback, #slideshow.uh_about_us .bgback {
  background-image: url("http://cms-dev.kaazing.com/wordpress/wp-content/uploads/2013/02/bg1.jpg");
}

#page_header.uh_about_us #sparkles, #slideshow.uh_about_us #sparkles {
  display: none;
}

#page_header.uh_about_us, #slideshow.uh_about_us {
  background-color: #AAAAAA;
  background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5)));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
  /* IE6-9 */
}

#page_header.uh_about_us .bgback:after, #slideshow.uh_about_us .bgback:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url(../images/glare-effect.png);
  background-repeat: no-repeat;
  background-position: center top;
}

#page_header.uh_about_us .zn_header_bottom_style, #slideshow.uh_about_us .zn_header_bottom_style {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: url(../images/shadow-up.png) no-repeat center bottom;
  z-index: 2;
}

#page_header.uh_about_us .zn_header_bottom_style:after, #slideshow.uh_about_us .zn_header_bottom_style:after {
  content: '';
  position: absolute;
  bottom: -18px;
  left: 50%;
  border: 6px solid transparent;
  border-top-color: #fff;
  margin-left: -6px;
}

#page_header.uh_about_us, #slideshow.uh_about_us {
  border-bottom: 6px solid #FFFFFF;
}

#page_header.uh_about_us .zn_header_bottom_style:before, #slideshow.uh_about_us .zn_header_bottom_style:before {
  content: '';
  position: absolute;
  bottom: -26px;
  left: 0;
  width: 100%;
  height: 20px;
  background: url(../images/shadow-down.png) no-repeat center top;
  opacity: .6;
  filter: alpha(opacity=60);
}

#page_header.uh_ray_of_flight_countdown_event .bgback, #slideshow.uh_ray_of_flight_countdown_event .bgback {
  background-image: url("http://cms-dev.kaazing.com/wordpress/wp-content/uploads/2013/02/rayoflight.png");
}

#page_header.uh_ray_of_flight_countdown_event #sparkles, #slideshow.uh_ray_of_flight_countdown_event #sparkles {
  display: block;
}

#page_header.uh_ray_of_flight_countdown_event, #slideshow.uh_ray_of_flight_countdown_event {
  background-color: #335370;
}

#page_header.uh_ray_of_flight_countdown_event .zn_header_bottom_style, #slideshow.uh_ray_of_flight_countdown_event .zn_header_bottom_style {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: url(../images/shadow-up.png) no-repeat center bottom;
  z-index: 2;
}

#page_header.uh_ray_of_flight_countdown_event .zn_header_bottom_style:after, #slideshow.uh_ray_of_flight_countdown_event .zn_header_bottom_style:after {
  content: '';
  position: absolute;
  bottom: -18px;
  left: 50%;
  border: 6px solid transparent;
  border-top-color: #fff;
  margin-left: -6px;
}

#page_header.uh_ray_of_flight_countdown_event, #slideshow.uh_ray_of_flight_countdown_event {
  border-bottom: 6px solid #FFFFFF;
}

#page_header.uh_ray_of_flight_countdown_event .zn_header_bottom_style:before, #slideshow.uh_ray_of_flight_countdown_event .zn_header_bottom_style:before {
  content: '';
  position: absolute;
  bottom: -26px;
  left: 0;
  width: 100%;
  height: 20px;
  background: url(../images/shadow-down.png) no-repeat center top;
  opacity: .6;
  filter: alpha(opacity=60);
}

#page_header.uh_pages_-_background_2_style .bgback, #slideshow.uh_pages_-_background_2_style .bgback {
  background-image: url("http://cms-dev.kaazing.com/wordpress/wp-content/uploads/2013/06/banner_withutarrow.png");
}

#page_header.uh_pages_-_background_2_style #sparkles, #slideshow.uh_pages_-_background_2_style #sparkles {
  display: none;
}

#page_header.uh_pages_-_background_2_style, #slideshow.uh_pages_-_background_2_style {
  background-color: #22222f;
}

#page_header.uh_pages_-_background_2_style .zn_header_bottom_style, #slideshow.uh_pages_-_background_2_style .zn_header_bottom_style {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  height: 33px;
  background: url(../images/bottom_mask2.png) no-repeat center top;
}

#page_header.uh_home #sparkles, #slideshow.uh_home #sparkles {
  display: none;
}

#page_header.uh_home, #slideshow.uh_home {
  background-color: #AAAAAA;
  background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5)));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
  /* IE6-9 */
}

#page_header.uh_home .zn_header_bottom_style, #slideshow.uh_home .zn_header_bottom_style {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 27px;
  z-index: 99;
  background: url(../images/bottom_mask.png) no-repeat center top;
}

#page_header.uh_404_header #sparkles, #slideshow.uh_404_header #sparkles {
  display: none;
}

#page_header.uh_404_header, #slideshow.uh_404_header {
  background-color: #f5f5f5;
}

/* GENERAL COLOR */
a:hover,
.cart_details .checkout,
.info_pop .buyit,
.m_title,
.smallm_title,
.circle_title,
.feature_box .title,
.services_box .title,
.latest_posts.default-style .hoverBorder:hover h6,
.latest_posts.style2 ul.posts .title,
.latest_posts.style3 ul.posts .title,
.recentwork_carousel li .details h4,
.acc-group.default-style > button,
.acc-group.style3 > button:after,
.screenshot-box .left-side h3.title,
.vertical_tabs .tabbable .nav > li > a:hover,
.vertical_tabs .tabbable .nav > li.active > a,
.services_box.style2 .box .list li,
.shop-latest .tabbable .nav li.active a,
.product-list-item:hover .details h3,
.latest_posts.style3 ul.posts .title a,
.statbox h4 {
  color: #3e9ce6;
}

.acc-group.style3 > button:hover,
.acc-group.style3 > button:hover:after {
  color: #3e9ce6;
}

.tabs_style1 > ul.nav > li.active > a,
header.style1,
header.style2 #logo a,
header.style3 #logo a {
  border-top: 3px solid #3e9ce6;
}

nav#main_menu > ul > li.active > a,
nav#main_menu > ul > li > a:hover,
nav#main_menu > ul > li:hover > a,
nav#top_menu > ul > li.active > a,
nav#top_menu > ul > li > a:hover,
nav#top_menu > ul > li:hover > a,
.social-icons li a:hover,
#action_box,
body .circlehover,
body .flex-direction-nav li a:hover,
body .iosSlider .item .caption.style1 .more:before,
body .iosSlider .item .caption.style1 .more:after,
body .iosSlider .item .caption.style2 .more,
body .nivo-directionNav a:hover,
body #wowslider-container a.ws_next:hover,
body #wowslider-container a.ws_prev:hover,
.br-next:hover, .br-previous:hover,
body .ca-more,
body .title_circle,
body .title_circle:before,
body ul.links li a,
.hg-portfolio-sortable #portfolio-nav li a:hover, .hg-portfolio-sortable #portfolio-nav li.current a,
.iosSlider .item .caption.style1 .more:before, .iosSlider .item .caption.style1 .more:after,
.btn-flat,
body.woocommerce a.button:hover,
body.woocommerce button.button:hover,
body.woocommerce input.button:hover,
body.woocommerce #respond input#submit:hover,
body.woocommerce #content input.button:hover,
body.woocommerce-page a.button:hover,
body.woocommerce-page button.button:hover,
body.woocommerce-page input.button:hover,
body.woocommerce-page #respond input#submit:hover,
body.woocommerce-page #content input.button:hover,
body.woocommerce a.button,
body.woocommerce button.button,
body.woocommerce input.button,
body.woocommerce #respond input#submit,
body.woocommerce #content input.button,
body.woocommerce-page a.button,
body.woocommerce-page button.button,
body.woocommerce-page input.button,
body.woocommerce-page #respond input#submit,
body.woocommerce-page #content input.button,
body.woocommerce a.button.alt,
body.woocommerce button.button.alt,
body.woocommerce input.button.alt,
body.woocommerce #respond input#submit.alt,
body.woocommerce #content input.button.alt,
body.woocommerce-page a.button.alt,
body.woocommerce-page button.button.alt,
body.woocommerce-page input.button.alt,
body.woocommerce-page #respond input#submit.alt,
body.woocommerce-page #content input.button.alt,
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button,
body .woocommerce #respond input#submit,
body .woocommerce #content input.button,
body .woocommerce-page a.button,
body .woocommerce-page button.button,
body .woocommerce-page input.button,
body .woocommerce-page #respond input#submit,
body .woocommerce-page #content input.button,
span.zonsale,
.sidebar .widget ul.menu li.active > a,
.sidebar .widget ul.product-categories li.active > a,
.sidebar .widget ul.pagenav li.active a,
.sidebar .widget ul.menu li.current-cat > a,
.sidebar .widget ul.product-categories li.current-cat > a,
.sidebar .widget ul.pagenav li.current-cat > a,
.sidebar .widget ul.menu li > a:hover,
.sidebar .widget ul.product-categories li > a:hover,
.sidebar .widget ul.pagenav li a:hover,
#limited_offers li:after,
.login-panel .create_account,
.login-panel input[type=submit],
.register-panel input[type=submit],
.forgot-panel input[type=submit],
.login-panel .login_facebook {
  background-color: #3e9ce6;
  -webkit-transition: none;
  transition: none;
}

span.zonsale:before, #limited_offers li:before {
  border-color: #3e9ce6  transparent transparent;
}

.how_to_shop .number, .newsletter-signup input[type=submit], .vertical_tabs .tabbable .nav > li.active > a > span, .vertical_tabs .tabbable .nav > li > a:hover > span, #map_controls, .hg-portfolio-sortable #portfolio-nav li.current a, .ptcarousel .controls > a:hover, .itemLinks span a:hover, .product-list-item .details .actions a, .shop-features .shop-feature:hover, .btn-flat, .redbtn, #sidebar ul.menu li a:hover, .imgboxes_style1 .hoverBorder h6, .feature_box.style3 .box:hover, .services_box .box:hover .icon, .latest_posts.default-style .hoverBorder h6, .process_steps .step.intro, .recentwork_carousel.style2 li a .details .plus, .gobox.ok, .hover-box:hover, .recentwork_carousel li .details > .bg, .circlehover:before, .iosSlider .item .caption.style1 .more:before, .iosSlider .item .caption.style1 .more:after, .iosSlider .item .caption.style2 .more {
  background-color: #3e9ce6;
}

#action_box:before, #action_box:after, header#header.style1 {
  border-top-color: #3e9ce6;
}

/* BORDER LEFT */
.process_steps .step.intro:after,
body .nivo-caption,
body .flex-caption,
body #wowslider-container .ws-title {
  border-left-color: #3e9ce6;
}

.theHoverBorder:hover {
  box-shadow: 0 0 0 5px #3e9ce6 inset;
}

.offline-page .containerbox {
  border-bottom: 5px solid #3e9ce6;
}

.offline-page .containerbox:after {
  border-top: 20px solid #3e9ce6;
}

header#header.style2 #logo a {
  border-top: 3px solid #3e9ce6;
}

body .iosSlider .item .caption.style2 .title_big, body .iosSlider .item .caption.style2 .title_small {
  border-left: 5px solid #3e9ce6;
}

body .iosSlider .item .caption.style2.fromright .title_big, body .iosSlider .item .caption.style2.fromright .title_small {
  border-right: 5px solid #3e9ce6;
}

/* HEADINGS */
h1, .page-title {
  font-family: helvetica, "Meiryo UI";
  font-size: 45px;
  line-height: 49px;
}

h2 {
  font-family: helvetica, "Meiryo UI";
  font-size: 40px;
  line-height: 45px;
}

h3 {
  font-family: helvetica, "Meiryo UI";
  font-size: 24px;
  line-height: 32px;
}

h4 {
  font-family: helvetica, "Meiryo UI";
  font-size: 18px;
  line-height: 22px;
}

h5 {
  font-family: helvetica, "Meiryo UI";
  font-size: 16px;
  line-height: 20px;
}

h6 {
  font-family: helvetica, "Meiryo UI";
  font-size: 13px;
  line-height: 17px;
}

/* Body */
body {
  font-family: helvetica, "Meiryo UI";
  font-size: 16px;
  line-height: 23px;
}

/* Grey Area */
body .gray-area {
  font-family: helvetica, "Meiryo UI";
  font-size: 16px;
  line-height: 23px;
}

/* Footer Area */
body #footer {
  font-family: helvetica, "Meiryo UI";
  font-size: 16px;
  line-height: 23px;
}

body #footer a {
  color: #8B8C8D;
}

body #page_wrapper, body.boxed #page_wrapper {
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
}

.gray-area {
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
}

header#header, .oldie #page_wrapper header#header {
  background-color: #28292f;
  background-image: none;
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
}

footer#footer .bottom {
  border-top: 5px solid #484848;
}

nav#main_menu > ul > li > a,
nav#top_menu > ul > li > a {
  font-family: "helvetica" , "Helvetica Neue", "Meiryo UI", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

nav#top_menu > ul > li > a {
  padding: 5px;
}

.topnav > li > a {
  color: #ffffff;
}

.product-list-item .image {
  max-height: px;
  line-height: px;
}

/*--------------------- Home Page style -------------------*/
a {
  color: #4aaadf;
}

h1, h2, h5 {
  text-align: left;
}

.normalfont {
  font-size: 16px;
  line-height: 1.5em;
}

.chaser {
  display: none;
}

body.res1170 .marginright {
  margin: 0 15px 0 0;
}

body.res1170 .marginleft {
  margin: 0 0 0 15px;
}

body.res1170 .marginbotm {
  margin: 0 0 20px;
}

body.res1170 .semifont {
  font-size: 30px;
  line-height: 1.1em;
}

.separator {
  background: #cbcbcb;
  height: 1px;
  margin: 0 5px;
  clear: both;
}

.home.page .static-content {
  padding-top: 0px;
}

.aligncenter {
  text-align: center;
}

.alignleft {
  text-align: left;
}

body.res1170 .no_margin {
  margin: 0px;
}

body.res1170 .minheight {
  min-height: 456px;
}

h2.bigfont {
  font-size: 55px;
  line-height: 1em;
  font-family: "helvetica", "Meiryo UI";
  margin: 0px;
}

h2.midfont {
  font-size: 45px;
  line-height: 1.1em;
  font-family: "helvetica", "Meiryo UI";
  margin: 0px;
}

body.res1170 .nobold {
  font-weight: normal;
}

body.res1170 .bold {
  font-weight: bold;
}

.span6 h3, .span8 h3 {
  font-size: 40px;
  line-height: 1em;
  font-family: "helvetica", "Meiryo UI";
  /*margin:0 18px 20px;*/
  margin: 0 0 20px;
  color: #ec7b3a;
}

.orange {
  color: #ec7b3a;
}

.white {
  color: #FFF;
}

.cyan, .span8 h3.cyan {
  color: #4aaadf;
}

body.res1170 .yellow {
  color: #ffc200;
}

body.res1170 .yellow a {
  color: #ffc200 !important;
}

body.res1170 .blue {
  color: #517ea2;
}

body.res1170 .pmargin {
  margin: 0 30px 15px 50px;
}

body.res1170 .bggrey {
  background: #EBEBEB;
  padding: 30px;
}

body.res1170 .bgcyan {
  background: #4AAADF;
  padding: 45px;
  color: #fff;
}

.keywordbox {
  border-top-color: #4aaadf;
}

body.res1170 .process_steps .step {
  min-height: 300px;
}

.keywordbox:after {
  border-top-color: #4aaadf;
}

h3.m_title {
  color: #5c6568;
  font-size: 22px;
  margin: 0 0 15px;
}

h3.m_title span, h3 span, h2 span, h4 span {
  color: #EC7B3A;
}

/*.home.page section#content{
 margin:0px;
}*/
.acc-group.default-style > button.collapsed.ui-state-active:after {
  background-position: center top;
}

.acc-group.default-style > button.collapsed.ui-state-active {
  color: #4aaadf;
}

.topnav .yellow a {
  color: #ffc200;
}

.process_steps {
  font-style: normal;
}

.process_steps .step.intro > h3 strong {
  font-size: 130%;
  color: #fff;
}

.process_steps .step.intro a.yellow strong {
  color: #ffc200;
  font-size: 120%;
}

.process_steps .step > h3 {
  color: #4aaadf;
}

h2 {
  font-size: 40px;
  font-style: normal;
}

h3.cyan a {
  font-style: normal;
  color: #4aaadf;
  font-weight: 30px;
}

.partners_carousel h5.title {
  color: #ec7b3a;
  font-size: 26px;
  line-height: 26px;
  font-family: "Helvetica", "Meiryo UI";
  font-style: normal;
  font-weight: bold;
}

.recentwork_carousel.style2 li .details {
  background: #878787;
}

nav#main_menu > ul ul li a,
nav#top_menu > ul ul li a {
  text-transform: uppercase;
  font-size: 10px;
}

.top-demo {
  background: #f5621c;
}

.top-demo h3 {
  font-size: 35px;
  line-height: 37px;
  text-transform: uppercase;
  color: #fff;
  padding: 23px 25px 0;
  margin: 0;
}

.top-demo a, .bottom-demo a {
  color: #ffc200;
  font-size: 25px;
  padding: 0 25px 70px;
  display: block;
}

.bottom-demo {
  background: #4aaadf;
  margin-top: 8px;
}

.bottom-demo h3 {
  font-size: 20px;
  line-height: 22px;
  text-transform: uppercase;
  color: #fff;
  padding: 25px 25px 0;
  margin: 0;
}

.bottom-demo a {
  padding-bottom: 37px;
}

.gobox {
  padding: 5px 30px;
  background: #4aaadf;
  font-family: "Helvetica", "Meiryo UI";
}

.gobox:after {
  border-color: transparent transparent transparent #4aaadf;
}

.gobox.ok {
  background: #f5621c;
}

.gobox h1 {
  font-size: 44px;
  line-height: 44px;
  margin: 0px;
}

.gobox h3 {
  margin: 0px;
  color: #ffc200;
}

.gobox img {
  display: none;
}

.feature_box.style2 p {
  margin-left: 0px;
}

.form-horizontal .control-group {
  float: left;
  width: auto;
}

#contact_form .form-horizontal .controls {
  margin: 0px;
}

#contact_form .form-horizontal .controls input {
  width: 165px;
  margin-right: 10px;
}

#contact_form .form-horizontal .controls input.btn {
  background: #4aaadf;
  color: #ffc200;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  text-shadow: none;
}

#contact_form .form-horizontal .control-label {
  display: none;
}

/*** footer menus ***/
#footer .widget_nav_menu {
  float: left;
  margin-right: 25px;
  text-transform: uppercase;
}

#footer .widget_nav_menu ul {
  margin: 0px;
  list-style: none;
}

#footer .widget_nav_menu ul li {
  margin-bottom: 45px;
}

#footer .widget_nav_menu ul li a {
  font-size: 16px;
  color: #f7922e;
  font-weight: bold;
}

#footer .widget_nav_menu ul.sub-menu {
  margin-top: 10px;
}

#footer .widget_nav_menu ul.sub-menu li {
  margin-bottom: 3px;
}

#footer .widget_nav_menu ul.sub-menu li a {
  font-size: 13px;
  color: #fff;
  font-weight: normal;
}

body.res1170 .newsletter-signup input[type="text"] {
  width: 165px;
}

body.res1170 #footer .contact-details {
  background: none;
}

#footer .m_title {
  color: #4aaadf;
  text-transform: uppercase;
  font-size: 16px;
}

/** Home events, news and press **/
.span12 .latest_posts.style3 ul.posts li {
  float: left;
  width: 25%;
  margin: 0px;
}

.latest_posts.style6 ul.posts {
  list-style: none;
  margin: 0;
  padding: 0;
}

.latest_posts.style6 .hoverBorder {
  margin: 5px 20px 5px 0;
}

.latest_posts.style6 .title a {
  color: #EC7B3A;
  font-size: 18px;
}

.latest_posts.style5 .viewall,
.latest_posts.style6 .viewall {
  color: #757575;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 12px;
}

.latest_posts.style5, .latest_posts.style6 {
  position: relative;
}

.latest_posts.style5 .posts {
  float: left;
  margin-left: 0px;
}

.latest_posts.style5 .span3 {
  margin: 0 5px;
  list-style: none;
}

.latest_posts.style5 .span3 .title a,
.latest_posts.style6 .span3 .title a {
  color: #EC7B3A;
}

.latest_posts.style3 ul.posts h4.title {
  font-size: 18px;
  line-height: 22px;
}

.latest_posts.style3 h4.title span {
  color: #5c6568;
}

.latest_posts.style3 ul.posts h4.title a {
  color: #ec7b3a;
  font-size: 18px;
  line-height: 22px;
}

/** Home style **/
.span10.partners_carousel.st2 {
  float: right;
  width: 1070px;
  margin-left: 0px;
}

.span10.partners_carousel.st2 ul li {
  padding: 0 0 0 20px;
}

.span10.partners_carousel.st2 ul li a {
  min-height: 170px;
}

.span2.partners_carousel.st2 {
  float: right;
  width: 90px;
  margin: 0 10px 0 20px;
}

.controls.st2 {
  background: #fff;
  width: 90px;
  border: 4px solid #eee;
}

.controls.st2 a {
  clear: both;
  display: block;
  padding: 19.5px 0px;
  margin: 15px;
}

.controls.st2 .prev {
  border-bottom: 1px solid #666;
}

.controls.st2 .prev .icon-chevron-left {
  background-image: url("../images/grey-arrows_left.png");
  width: 21px;
  height: 33px;
  background-position: 0;
  margin: 0 18px;
}

.controls.st2 .next .icon-chevron-right {
  background-image: url("../images/grey-arrows_rite.png");
  width: 21px;
  height: 33px;
  background-position: 0;
  margin: 0 18px;
}

.lpintro, .lptitle {
  color: #ec7b3a;
  font-size: 15px;
  line-height: 15px;
  text-transform: uppercase;
}

/*** Home Demos ***/
.box1.imgboxes_style2, .box2.imgboxes_style2 {
  float: left;
  width: auto;
  margin-right: 25px;
}

.box3.textboxes_style1 {
  float: left;
  width: 250px;
}

.htext h3 {
  font-size: 55px;
  line-height: 55px;
  text-transform: uppercase;
  padding-top: 155px;
  font-family: helvetica, "Meiryo UI";
  width: 100%;
}

.box2 .htext h3 {
  padding-top: 155px;
}

.slidingDetails .details .htext h4 {
  font-size: 35px;
  line-height: 35px;
  padding: 0 15px;
  font-family: helvetica, "Meiryo UI";
  margin: 0px;
  color: #ffc200;
}

.latest_posts.style6 h4.title span {
  color: #5C6568;
}

/** footer nav **/
.foot-menu {
  margin-top: 10px;
  list-style: none;
}

.foot-menu li {
  float: left;
  padding-right: 15px;
}

.foot-menu li a {
  text-transform: capitalize;
}

#footer .social-share {
  text-align: left;
}

#footer .social-icons {
  margin: 10px 0 0;
}

#footer .social-icons .title {
  color: #F7922E;
  font-size: 20px;
  font-weight: bold;
  text-transform: lowercase;
}

/*** Inner page ***/
#page_header {
  min-height: 230px;
}

.header-titles {
  text-align: center;
}

.header-titles h1 {
  font-size: 66px;
  line-height: 1.1em;
  font-weight: normal;
  font-style: italic;
  color: #FFC200;
  margin: 5% 0;
  text-align: center;
}

/* downarrow box */
.downarrowbox {
  position: relative;
  padding-top: 30px;
  /*font-size:23px;*/
  font-style: normal;
  text-align: center;
  color: #8D8D8D;
}

.downarrowbox:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -3px;
  border: 6px solid transparent;
}

.downarrowbox.grey {
  border-top: 4px solid #949494;
}

.downarrowbox.grey:after {
  border-top-color: #949494;
}

.downarrowbox.cyan {
  border-top: 4px solid #4aaadf;
}

.downarrowbox.cyan:after {
  border-top-color: #4aaadf;
}

.downarrowbox.orange {
  border-top: 4px solid #ec7b3a;
}

.downarrowbox.orange:after {
  border-top-color: #ec7b3a;
}

.downarrowbox .span4.no_margin {
  margin: 0;
}

ul.bigfont, ul.bigfont.blue {
  list-style: none;
  margin: 0 20px;
  padding: 0px;
}

ul.bigfont li, ul.bigfont.blue li {
  text-align: left;
  margin: 0 0 20px;
  font-size: 25px;
  font-style: normal;
  font-weight: bold;
  line-height: 1.1em;
  background: url("../images/list-dash.png") 0 25% no-repeat;
  padding-left: 20px;
  color: #517ea2;
}

ul.list-dash {
  list-style: none;
  /*margin:0 20px;*/
  margin: 0 10px;
  padding: 0px;
}

ul.list-dash li {
  text-align: left;
  margin: 0 0 10px;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 1.1em;
  background: url("../images/list-dash.png") 0 7px no-repeat;
  padding-left: 20px;
  color: #5c6568;
  clear: both;
}

ul.list-small {
  list-style: none;
  margin: 15px 15px 0;
  padding: 0px;
}

ul.list-small li {
  text-align: left;
  margin: 0 0 10px;
  font-size: 14px;
  font-style: normal;
  line-height: 1.1em;
  background: url("../images/list-small.png") 0 7px no-repeat;
  padding: 0 0 10px 20px;
  color: #5c6568;
  clear: both;
  border-bottom: 1px solid #cacaca;
}

ul.list-small li:last-child, ul.list-small li ul li {
  border: none;
}

ul.list-dash.sub {
  margin: 15px;
  clear: both;
}

ul.list-dash.sub li {
  float: left;
  margin-left: 15px;
}

a.bigfont {
  font-weight: bold;
  font-size: 20px;
  margin: 0 10px;
}

.cyan {
  color: #4aaadf;
}

.process_steps.innerpage .step.intro {
  background: #ec7b3a;
}

.process_steps.innerpage .step.intro:after {
  border-left-color: #ec7b3a;
}

.process_steps.innerpage .step h3 {
  color: #fff;
  text-align: left;
  line-height: 1.3em;
  font-weight: bold;
}

.process_steps.innerpage .step.intro a {
  font-weight: bold;
  font-size: 20px;
  margin: 0;
  color: #ffc200;
  float: left;
}

.process_steps.innerpage .step.intro a:hover {
  color: #4aaadf;
  font-weight: bold;
  font-size: 20px;
}

.process_steps.innerpage .step a {
  margin: 0px;
  text-align: left;
  float: left;
}

.process_steps.innerpage .step a:hover {
  color: #4aaadf;
}

.downarrowbox.cyan {
  font-style: normal;
  color: #5c6568;
}

.downarrowbox.cyan .lead {
  font-size: 24px;
  line-height: 1.2em;
}

.bigmargin {
  margin: 0 50px;
}

.downarrowbox.cyan h2 {
  margin: 0px;
}

.downarrowbox.cyan h3 {
  line-height: 1.2em;
}

h3.grey {
  font-size: 40px;
  color: #535353;
  text-align: left;
}

.dgrey {
  font-size: 30px;
  color: #5c6568;
  text-align: left;
}

.btn.bgblue {
  background: #3e9ce6;
  background-image: url(../images/btn-arrow.png);
  /* fallback */
  background-image: url(../images/btn-arrow.png), -webkit-gradient(linear, left top, left bottom, from(#3e9ce6), to(#388ccf));
  /* Saf4+, Chrome */
  background-image: url(../images/btn-arrow.png), -webkit-linear-gradient(top, #3e9ce6, #388ccf);
  /* Chrome 10+, Saf5.1+ */
  background-image: url(../images/btn-arrow.png), -moz-linear-gradient(top, #3e9ce6, #388ccf);
  /* FF3.6+ */
  background-image: url(../images/btn-arrow.png), -ms-linear-gradient(top, #3e9ce6, #388ccf);
  /* IE10 */
  background-image: url(../images/btn-arrow.png), -o-linear-gradient(top, #3e9ce6, #388ccf);
  /* Opera 11.10+ */
  background-image: url(../images/btn-arrow.png), linear-gradient(to bottom, #3e9ce6, #388ccf);
  /* W3C */
  background-position: 10%;
  background-repeat: no-repeat;
  border: 1px solid #4aaadf;
  color: #fff;
  text-transform: uppercase;
  float: left;
  margin: 0 20px;
  padding: 15px 15px 15px 22px;
  min-width: 200px;
}

.btn.bgblue span {
  font-size: 22px;
  padding: 0 0 0 50px;
}

/** editions page **/
.table-header-title {
  float: left;
  width: 60%;
}

.table-header {
  float: left;
  width: 10%;
}

.table-top {
  border-bottom: 1px solid #ddd;
  float: left;
  width: 100%;
}

td.check-mark {
  background: url(../images/check-marks.png) 50% no-repeat;
}

.team_member.orange_border:hover {
  box-shadow: 0 0 0 5px #ec7b3a;
  border-radius: 0px;
}

.contact .bgimage {
  background: url(../images/inner-contact-image.png) 50% no-repeat;
  height: 251px;
}

/***** For sticky navigation ******/
header#header {
  position: fixed;
  z-index: 100;
}

#page_header, #slideshow {
  /*top:100px;*/
}

section#content {
  /*margin-top:100px;*/
}

/***** Grey list dash *****/
ul.list-grey {
  list-style: none;
  margin: 15px 10px;
  padding: 0px;
}

ul.list-grey li {
  text-align: left;
  margin: 0 0 20px;
  font-style: normal;
  background: url("../images/list-grey.png") 0 9px no-repeat;
  padding-left: 20px;
  color: #535353;
  clear: both;
}

ul.list-grey.vspace li {
  margin-bottom: 4px;
}

/***** Yellow list dash *****/
ul.list-yellow {
  list-style: none;
  margin: 15px 10px;
  padding: 0px;
}

ul.list-yellow li {
  text-align: left;
  margin: 0 0 20px;
  font-size: 16px;
  font-style: normal;
  line-height: 1.3em;
  background: url("../images/list-yellow.png") 0 7px no-repeat;
  padding-left: 20px;
  color: #fff;
  clear: both;
}

.generic.bgimage {
  background: url(../images/contact-generic.png) 100% 100% no-repeat;
}

.generic.bgimage a.bigfont {
  margin: 0px;
  padding-top: 70px;
  display: block;
}

.floatright {
  float: right;
  width: 60%;
}

body.res1170 .testimonial, body.res1170 .casestudy, body.res1170 .whitepaper, body.res1170 .demos, body.res1170 .whitepaper2 {
  padding: 25px 50px;
  min-height: 250px;
  /*margin:0 30px 15px;*/
  background: none;
}

body.res1170 .testimonial {
  padding: 0;
}

.testimonial p {
  clear: both;
  font-size: 16px;
  font-style: italic;
  background: url(../images/blockquote.png) no-repeat;
  padding: 20px 0 0 20px;
}

body.res1170 .casestudy {
  background: url("../images/case-study.png") no-repeat 7% 50% #3E9CE6;
}

body.res1170 .whitepaper {
  background: url("../images/white-paper.png") no-repeat 7% 50% #517EA2;
}

body.res1170 .whitepaper2 {
  background: url("../images/white-paper2.png") no-repeat 7% 50% #abaaaa;
  padding: 50px 0 0 65px;
  margin-top: 35px;
  position: relative;
}

body.res1170 .right.whitepaper2:before {
  border-right-color: #abaaaa;
}

.sgrey {
  color: #f5f5f5;
}

body.res1170 .demos {
  background: transparent;
}

.casestudy p, .whitepaper p, .whitepaper2 p {
  clear: both;
  color: #fff;
  padding-right: 5px;
}

/***** Press-News *****/
.latest_posts.style2 ul.posts .details {
  width: 80px;
}

.latest_posts.style2 ul.posts .text {
  margin-left: 80px;
}

.acc-group.default-style > button {
  padding-right: 25px;
}

h3.m_title span.bigfont {
  font-family: "helvetica", "Meiryo UI";
  font-size: 40px;
  line-height: 1em;
  margin: 0 8px 20px;
  display: block;
}

.custom_style4 .alignright {
  margin: 0 50px;
}

span.play {
  background: url(../images/play_btn.png) 50% 50% no-repeat;
  height: 92px;
  padding: 40% 0 0 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  display: block;
}

#sidebar {
  background: none;
  padding: 0px;
  border-radius: none;
}

body.res1170 .bgorange {
  background: #EC7B3A;
  padding: 25px 40px;
  min-height: 150px;
  position: relative;
}

body.res1170 .bgorange h2 {
  color: #fff;
}

.right:before {
  border: 9px solid transparent;
  content: "";
  position: absolute;
  left: -18px;
  top: 55px;
  z-index: 1;
}

.textwidget .bgorange:before {
  border-right-color: #EC7B3A;
}

.textwidget .right.whitepaper, .textwidget .right.casestudy {
  margin: 0px;
  position: relative;
  /*background-position:40px 30px;*/
  background-position: 50% 25px;
}

.textwidget .right.whitepaper:before {
  border-right-color: #517EA2;
}

.textwidget .right.casestudy:before {
  border-right-color: #3E9CE6;
}

.textwidget .right .margintop {
  padding-top: 200px;
}

.textwidget .right.bggrey {
  margin: 0px;
  padding: 25px 40px;
  position: relative;
  background: #878787;
}

.textwidget .right.bggrey p {
  color: #fff;
}

.textwidget .right.bggrey:before {
  border-right-color: #878787;
}

.lgrey {
  color: #becdd2;
}

/*** services table ***/
.course-glance {
  table-layout: fixed;
  width: 100%;
  font-size: 11px;
  vertical-align: top;
}

.course-glance td, .course-glance th {
  /*width: 100px; */
  word-wrap: break-word;
  padding: 5px;
  border: 1px solid white;
}

.course-glance th,
.course-glance .front-col {
  background-color: #F79646;
  color: white;
}

.course-glance .front-col {
  border-right: 2px solid white;
}

.course-glance td {
  color: black;
}

.course-header th {
  border-bottom: 2px solid white;
}

.course-row-odd {
  background-color: #FBCAA2;
}

.course-row-even {
  background-color: #FDE4D0;
}

/*** category page ***/
.archive section#content {
  padding-top: 50px;
}

.eBlog .itemContainer {
  background: none;
  box-shadow: none;
  padding: 0 15px;
  margin: 0;
}

.eBlog .itemContainer:after {
  border: none !important;
}

.page-parent .rapid_contact {
  margin-left: 170px;
}

.eBlog .itemTitle a {
  color: #EC7B3A;
}

.eBlog .post_details,
.eBlog .post_details:after,
.eBlog .post_details:before {
  border: none;
  font-size: 14px;
  font-weight: bold;
  text-transform: none;
  transition: none;
  opacity: 1;
  margin-bottom: 5px;
}

.eBlog .post_details a, .eBlog .readMore {
  color: #4aaadf;
}

.icon-calendar, .eBlog .itemLinks {
  display: none;
}

.single-post section#content, .search section#content {
  padding-top: 30px;
}

.single-post .itemHeader {
  display: none;
}

.latest_posts.style2 ul.posts .title {
  font-size: 18px;
}

.row {
  margin-bottom: 22px;
}

.acc-group.default-style button {
  font-size: 16px;
}

.acc-group.default-style .content {
  font-size: 14px;
  line-height: 1.3em;
}

.team_member {
  min-height: 445px;
}

.team_member > h4, .team_member > h6 {
  padding: 0 15px;
}

.error404 #page_header {
  height: 10px;
}

/*--------------------------------Options css End here ----------------------------*/
/***-----------------------------Custom Css Start here---------------------------****/
.static-content.maps-style {
  overflow: hidden;
}

body.home #slideshow ul {
  height: 100% !important;
}

.recentwork_carousel .caroufredsel_wrapper {
  height: 200px !important;
}

.community_form a,
.community_form a:hover {
  color: #EC7B3A;
  font-size: 22px;
  line-height: 22px;
  font-style: normal;
  text-decoration: none;
}

.embed-container {
  position: relative;
  height: auto;
  margin-right: 10px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.recentwork_carousel.style2 .controls {
  position: relative;
  right: 0;
  top: 0;
}

#main_feature {
  margin: auto 0;
  /*padding: 30px;*/
}

.features-table {
  border-collapse: separate;
  border-spacing: 0;
  color: #2A2A2A;
  margin: 0 auto;
  text-shadow: 0 1px 0 #FFFFFF;
  width: 100%;
  word-wrap: break-word;
  table-layout: fixed;
}

.features-table th,
.features-table td {
  border-bottom: 1px solid #CDCDCD;
  box-shadow: 0 1px 0 white;
  height: 40px;
  padding: 0;
  text-align: center;
  border-right: 1px solid #CDCDCD;
}

.features-table tbody td {
  font-size: 14px;
  text-align: center;
  width: 150px;
}

.features-table tbody td:first-child {
  text-align: left;
  width: auto;
}

.features-table thead th {
  border-right: none;
  font-weight: bold;
  text-align: left;
}

.features-table td.main_title,
.features-table th.main_title {
  color: #00B9D2;
  font-size: 36px;
  line-height: 36px;
  text-align: left;
  border-right: none;
  padding-left: 20px;
}

.features-table td.head_title {
  color: #F47D31;
  text-align: left;
  border-right: none;
  font-size: 22px;
  font-weight: bold;
  padding-left: 0px;
}

.features-table td.feature_title {
  padding-left: 20px;
}

.features-table td {
  color: #595959;
  font-weight: bold;
}

.features-table thead td:first-child {
  border-top: medium none;
}

.features-table tfoot td:first-child {
  border-bottom: medium none;
}

.nomargin {
  margin: 0 !important;
}

.copy_links {
  float: left;
}

/***-----------------------------Custom Css End here---------------------------****/
/***-----------------------------Additional Css Starts here---------------------------****/
.smooth_menu {
  margin-top: 26px;
}

/* Forms */
.contactform {
  border: 1px solid #DDDDDD;
  padding: 15px 10px 20px;
  margin: 20px 0;
}

.demolist .centerdiv {
  max-width: 1060px;
}

.form {
  margin: 0 !important;
}

.form > label {
  float: left !important;
  width: 50% !important;
  padding: 5px 10px !important;
  margin: 0 !important;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.form > div {
  width: 100%;
  padding: 0 1%;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.form > div > label {
  display: inline-block !important;
  margin-right: 30px;
  cursor: pointer;
}

.form > p {
  width: 100%;
  clear: both;
  padding: 10px;
}

.form header {
  font-size: 16px;
  color: #34495E;
  margin-bottom: 10px;
}

.form > footer {
  padding: 0 10px;
  margin-top: 10px;
}

.form input[type=text] {
  width: 100%;
  height: 50px;
  padding: 15px;
  background-color: #E4E4E4;
  font-family: 'RobReg', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',Osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14px;
  color: #34495E;
  border: none;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.form input[type=radio] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  border: 1px solid #3498DB;
  margin-right: 5px;
  cursor: pointer;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.form input[type=radio]:checked::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: #3498DB;
  margin: -5px 0 0 -5px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.form textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 50px;
  min-height: 50px;
  padding: 15px;
  background-color: #E4E4E4;
  border: none;
  font-family: 'RobReg', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',Osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14px;
  color: #34495E;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.form input[type=text]:focus, .form textarea:focus {
  background-color: #D6D6D6;
}

.form input[type=text]::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {
  color: #34495E;
  opacity: 0.50;
}

.form input[type=text]::-moz-placeholder, .form textarea::-moz-placeholder {
  color: #34495E;
  opacity: 0.50;
}

.form input[type=text]:-moz-placeholder, .form textarea::-moz-placeholder {
  color: #34495E;
  opacity: 0.50;
}

.form input[type=text]:-ms-input-placeholder, .form textarea:-ms-input-placeholder {
  color: #34495E;
  opacity: 0.50;
}

.form input[type=text]:input-placeholder, .form textarea:-ms-input-placeholder {
  color: #34495E;
  opacity: 0.50;
}

.form_error {
  background-color: #F5BAB4 !important;
}

.form_error:focus {
  background-color: #F1A39A !important;
}

.multi .button {
  margin-right: 3px;
}

.btnbar {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding-top: 20px;
}

.button {
  display: inline-block;
  vertical-align: top;
  min-width: 80px;
  height: 40px;
  padding: 9px 15px 8px;
  background-color: #fcc800;
  border: none;
  cursor: pointer;
  overflow: hidden;
  color: black;
  font-size: 14px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: color .3s;
  -o-transition: color .3s;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.button:hover {
  color: black !important;
  background-color: #e3b400;
}

.orangebtn {
  background-color: #1d2088;
}

.orangebtn:hover {
  background-color: #373bd4;
  color: white !important;
}





/***-----------------------------Additional Css End here---------------------------****/
/*--------------------------------Responsive css Starts here ----------------------------*/
@media (min-width: 980px) and (max-width: 1200px) {
  .copy_links {
    float: none;
  }

  #logo {
    float: left;
    padding-left: 10px;
    text-align: center;
    width: 25%;
  }

  header#header.style2 #logo a {
    padding: 40px 0;
  }

  .foot-menu {
    list-style: none outside none;
    margin: 10px 0 0;
  }
}
@media (min-width: 320px) and (max-width: 460px) {
  .bigmargin {
    margin: 0 15px;
  }

  /*----- Sidebar Whitepapers,Case studies,Contactus ------------*/
  body.res1170 .whitepaper, body.res1170 .casestudy {
    margin: 0px;
    position: relative;
    background-position: 50% 25px;
  }

  body.res1170 .whitepaper .floatright, body.res1170 .casestudy .floatright {
    padding-top: 200px;
    width: auto;
  }

  /*----- Sidebar Whitepapers,Case studies,Contactus Ends ------------*/
  /*----- Sidebar generic page Contactus ------------*/
  .generic.bgimage {
    background: url("../images/contact-generic.png") no-repeat scroll 0 0 transparent;
    padding-top: 200px;
  }

  .generic.bgimage a.bigfont {
    padding-top: 0px;
  }

  /*----- Sidebar generic page Contactus Ends ------------*/
}
@media (min-width: 320px) and (max-width: 768px) {
  header#header {
    position: relative !important;
    height: auto;
    z-index: 100;
  }

  #responsive_header {
    display: none;
  }

  .chaser {
    /*display:block !important;*/
  }

  .copy_links {
    clear: both;
  }

  nav#main_menu > ul {
    margin: 5px 0 !important;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  #logo {
    float: left;
    text-align: center;
    width: 96%;
    padding-left: 10px;
  }

  #search {
    top: 30px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  body header#header #logo a {
    padding: 10px 25px 10px 0;
  }

  nav#main_menu.smooth_menu {
    float: right;
    top: 27px;
    display: block;
    margin: 0 0 5px;
    padding: 0;
    position: absolute;
    right: 60px;
  }

  #search {
    position: absolute;
    right: -35px;
    top: 0;
  }

  body header#header #logo a {
    padding: 10px 25px 10px 0 !important;
  }

  header#header {
    min-height: 115px;
  }
}
@media (width: 640px) {
  body header#header #logo a {
    padding: 25px 25px 10px 0;
  }

  nav#top_menu.smooth_menu {
    clear: none;
    width: 270px;
    float: right;
  }

  #logo {
    float: none;
    margin: 0;
    text-align: center;
  }
}
@media (min-width: 980px) {
  nav#main_menu.smooth_menu > ul {
    display: block !important;
    float: right;
  }

  nav#top_menu.smooth_menu > ul {
    display: block !important;
  }
}
@media (min-width: 532px) and (max-width: 768px) {
  .bigmargin {
    margin: 0 30px;
  }

  .bigmargin h2.orange,
  .downarrowbox.cyan h2 {
    font-size: 30px;
    line-height: 36px;
    word-wrap: break-word;
  }

  .htext h3 {
    padding: 85px 15px 0;
  }

  .slidingDetails .details .htext h4 {
    font-size: 22px;
    line-height: 26px;
  }

  .htext h3 {
    font-size: 30px;
    line-height: 30px;
  }

  .box2 .htext h3 {
    padding-top: 50px;
  }

  .box3.textboxes_style1 {
    width: 100%;
    margin-top: 20px;
  }

  .box1.imgboxes_style2.demo1 {
    width: 33.5%;
  }

  .box2.imgboxes_style2.demo2 {
    width: 55.8%;
  }

  .demo2 .htext h3 {
    padding-top: 50px;
  }

  .top-demo {
    float: left;
    margin-right: 30px;
    width: 46%;
  }

  .bottom-demo {
    margin-top: 0px;
    float: left;
    width: 46%;
  }

  .box3 .textboxes_style1 {
    float: left;
  }

  .top-demo h3,
  .bottom-demo h3 {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 36px;
    margin: 0;
    padding: 20px 25px 0;
    text-transform: uppercase;
  }

  .top-demo a, .bottom-demo a {
    color: #FFC200;
    display: block;
    font-size: 24px;
    padding: 0 25px 30px;
  }
}
@media (min-width: 320px) and (max-width: 532px) {
  #page_header {
    min-height: 125px !important;
    height: auto !important;
  }

  .foot-menu {
    list-style: none outside none;
    margin: 10px 0 0;
  }

  .archive section#content {
    padding-top: 15px;
  }

  /*----- Sidebar Whitepapers,Case studies,Contactus ------------*/
  /*----- Sidebar Whitepapers,Case studies,Contactus Ends ------------*/
  [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
    float: left;
  }

  h2.orange {
    font-size: 30px;
  }

  /*** Products Page *****/
  .image-boxes.custom_style4 .alignright {
    margin: 0;
    padding-bottom: 10px;
  }

  h3.marginbotm.dgrey {
    font-size: 22px;
  }

  /*** End Products Page *****/
  /*** products/kaazing-websocket-gateway *****/
  .header_overview .span2 {
    margin-right: 5px !important;
    float: left;
    width: auto;
  }

  body.res1170 .whitepaper2 {
    margin-left: 0;
    padding: 15px 0 0 94px;
  }

  .whitepaper2 .floatright {
    width: 52%;
  }

  .whitepaper2 .floatright h2.sgrey {
    font-size: 30px;
  }

  .whitepaper2 .floatright p {
    font-size: 18px;
    line-height: 22px;
  }

  .whitepaper2 .floatright h4 a {
    font-size: 16px;
  }

  /*** End products/kaazing-websocket-gateway *****/
  #page_header .header-titles {
    text-align: center;
  }

  .header-titles h1, .header-titles h2 {
    font-size: 40px;
    margin: 0 25px;
  }

  #page_wrapper,
  #page_header,
  #slideshow,
  section#content {
    top: 0 !important;
  }

  .gobox h3 {
    font-size: 20px;
  }

  .gobox h1 {
    font-size: 28px;
    line-height: 32px;
  }

  /*--recent work corusel ---*/
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper {
    height: 100px !important;
  }

  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a img,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a iframe {
    height: 100% !important;
    width: 100%;
  }

  .recentwork_carousel.style2 .caroufredsel_wrapper ul li a .details .plus {
    top: 22%;
  }

  .recentwork_carousel.style2 li a .details h4 {
    top: 36%;
    line-height: 16px;
  }

  /*---- end here --- */
  .box3.textboxes_style1 {
    width: 100% !important;
    margin-top: 20px;
  }

  .top-demo h3, .bottom-demo h3 {
    color: #FFFFFF;
    font-size: 35px;
    line-height: 37px;
    padding: 25px 25px 0;
  }

  .top-demo a, .bottom-demo a {
    padding: 0 25px 30px;
  }

  .box1.imgboxes_style2.demo1 {
    width: 300px;
  }

  .box2.imgboxes_style2.demo2 {
    width: 100%;
  }

  .demo2 .htext h3 {
    font-size: 30px;
    line-height: 30px;
  }

  .demo2.box2 .htext h3 {
    margin-bottom: 0;
  }

  .demo2.box2 .htext h3 {
    padding-top: 20px;
  }

  .demo2 .slidingDetails .details .htext h4 {
    font-size: 22px;
  }

  .community_form h2.video_title {
    font-size: 40px;
    line-height: 45px;
  }

  .dnicon {
    background: url("https://s3-us-west-2.amazonaws.com/developer.kaazing.com/wordpress/wp-content/uploads/2013/07/dwn-icons.png") no-repeat;
    text-indent: -999em;
    width: 140px;
    height: 32px;
  }

  .dnicon span {
    visibility: hidden;
  }

  .dnicon.jms {
    background-position: 7px 5px;
  }

  .dnicon.amqp {
    background-position: -31px 5px;
  }

  .dnicon.xmpp {
    background-position: -67px 5px;
  }

  .dnicon.html5 {
    background-position: -106px 5px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  body.res1170 .bgcyan {
    padding: 35px;
  }

  body.res1170 .bggrey {
    padding: 25px;
  }

  .textwidget .right.sharestory, .textwidget .right.joinus, .textwidget .right.theblog, .textwidget .right.contactus {
    background-position: 5px 15px;
  }

  body.res1170 .testimonial, body.res1170 .sharestory, body.res1170 .joinus, body.res1170 .theblog, body.res1170 .demos {
    padding: 5px 25px;
  }

  #page_wrapper {
    /*top: 115px;*/
  }

  body.res1170 .casestudy,
  body.res1170 .whitepaper,
  body.res1170 .contactus {
    padding: 10px 25px;
    word-wrap: break-word;
  }

  body.res1170 .casestudy .bigfont.yellow,
  body.res1170 .whitepaper .bigfont.yellow,
  body.res1170 .contactus .bigfont.yellow {
    font-size: 18px;
  }

  h2.midfont {
    font-size: 30px;
  }

  .lead {
    font-size: 20px;
    line-height: 24px;
  }

  body.res1170 .bgorange {
    padding: 25px;
    word-wrap: break-word;
  }

  body.res1170 .bgorange h2.semifont {
    font-size: 24px;
  }

  body.res1170 .bgorange .bigfont.yellow {
    font-size: 18px;
  }

  /*** Products Page *****/
  .image-boxes.custom_style4 .alignright {
    margin: 0 10px;
    padding-bottom: 10px;
  }

  h3.marginbotm.dgrey {
    font-size: 22px;
  }

  /*** End Products Page *****/
  /*** products/kaazing-websocket-gateway *****/
  .header_overview .span2 {
    margin-right: 5px !important;
  }

  .header_overview .span4 h2.orange.bigfont,
  .span4 h2.orange.bigfont {
    font-size: 40px !important;
  }

  body.res1170 .whitepaper2 {
    margin-left: 0;
    padding: 15px 0 0 94px;
  }

  .whitepaper2 .floatright {
    width: 52%;
  }

  .whitepaper2 .floatright h2.sgrey {
    font-size: 30px;
  }

  .whitepaper2 .floatright p {
    font-size: 18px;
    line-height: 22px;
  }

  .whitepaper2 .floatright h4 a {
    font-size: 16px;
  }

  .whitepaper .floatright,
  .casestudy .floatright {
    width: 40%;
  }

  .casestudy .floatright h2.semifont,
  .whitepaper .floatright h2.semifont {
    font-size: 28px;
  }

  .whitepaper .floatright h3 a.yellow,
  .casestudy .floatright h3 a.yellow,
  .casestudy .floatright p.lead,
  .whitepaper .floatright p.lead {
    font-size: 16px;
    line-height: 18px;
  }

  /*** End products/kaazing-websocket-gateway *****/
  .htext h3 {
    padding: 140px 15px 0;
  }

  .slidingDetails .details .htext h4 {
    font-size: 30px;
    line-height: 30px;
  }

  .htext h3 {
    font-size: 30px;
    line-height: 30px;
  }

  .box2 .htext h3 {
    padding-top: 50px;
  }

  .box3.textboxes_style1 {
    width: 100%;
    margin-top: 20px;
  }

  .box1.imgboxes_style2.demo1 {
    width: 33.5%;
  }

  .box2.imgboxes_style2.demo2 {
    width: 55.8%;
  }

  .demo2 .htext h3 {
    padding-top: 50px;
  }

  .top-demo {
    float: left;
    margin-right: 30px;
    width: 46%;
  }

  .bottom-demo {
    margin-top: 0px;
    float: left;
    width: 46%;
  }

  .box3 .textboxes_style1 {
    float: left;
  }

  .top-demo h3 {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 36px;
    margin: 0;
    padding: 20px 25px 0;
    text-transform: uppercase;
  }

  .top-demo a, .bottom-demo a {
    color: #FFC200;
    display: block;
    font-size: 25px;
    padding: 0 25px 30px;
  }

  .bottom-demo h3 {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 36px;
    margin: 0;
    padding: 20px 25px 0;
    text-transform: uppercase;
  }

  h2.video_title {
    color: #595959;
    font-size: 40px;
    font-style: normal;
    line-height: 44px;
  }

  h3.cyan {
    color: #4AAADF;
    font-size: 28px;
    font-style: normal;
    line-height: 30px;
  }

  .community_form h3.orange.nobold {
    font-size: 22px;
    line-height: 24px;
  }

  .gobox h3 {
    font-size: 20px;
  }

  .gobox h1 {
    font-size: 28px;
    line-height: 32px;
  }

  /*--recent work corusel ---*/
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper {
    height: 100px;
  }

  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a img,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a iframe {
    height: 100% !important;
    width: 100%;
  }

  .recentwork_carousel.style2 .caroufredsel_wrapper ul li a .details .plus {
    top: 22%;
  }

  .recentwork_carousel.style2 li a .details h4 {
    top: 36%;
    line-height: 16px;
  }

  /*---- end here --- */
}
@media (min-width: 980px) and (max-width: 1200px) {
  section#content {
    /*margin-top: 110px;*/
  }

  .foot-menu {
    margin: 10px 0 0;
    list-style: none;
  }

  .slidingDetails .details .htext h4 {
    font-size: 30px;
    line-height: 34px;
  }

  .htext h3 {
    font-size: 50px;
    line-height: 54px;
  }

  .box2 .htext h3 {
    padding-top: 50px;
  }

  .box3.textboxes_style1 {
    width: 100%;
    margin-top: 20px;
  }

  .box1.imgboxes_style2.demo1 {
    width: 33.5%;
  }

  .box2.imgboxes_style2.demo2 {
    width: 55.8%;
  }

  .demo2 .htext h3 {
    font-size: 40px;
    line-height: 44px;
    padding-top: 50px;
  }

  .top-demo {
    float: left;
    margin-right: 30px;
    width: 46%;
  }

  .bottom-demo {
    margin-top: 0px;
    float: left;
    width: 46%;
  }

  .box3 .textboxes_style1 {
    float: left;
  }

  .top-demo h3 {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 36px;
    margin: 0;
    padding: 20px 25px 0;
    text-transform: uppercase;
  }

  .top-demo a, .bottom-demo a {
    color: #FFC200;
    display: block;
    font-size: 25px;
    padding: 0 25px 30px;
  }

  .bottom-demo h3 {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 36px;
    margin: 0;
    padding: 20px 25px 0;
    text-transform: uppercase;
  }

  .community_form {
    float: none;
  }

  h2.video_title {
    color: #595959;
    font-size: 40px;
    font-style: normal;
    line-height: 44px;
  }

  h3.cyan {
    color: #4AAADF;
    font-size: 28px;
    font-style: normal;
    line-height: 30px;
  }

  .community_form h3.orange.nobold {
    font-size: 22px;
    line-height: 24px;
  }

  .gobox h3 {
    font-size: 20px;
  }

  .gobox h1 {
    font-size: 28px;
    line-height: 32px;
  }

  /*--recent work corusel ---*/
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper {
    height: 200px;
  }

  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a img,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a iframe {
    height: 100% !important;
    width: 100%;
  }

  /*---- end here --- */
}
header#header {
  position: relative;
}

#slideshow .sliderContainer {
  padding: 50px 0;
}

#slideshow .container {
  padding: 30px 0 45px;
}

#page_header .container {
  padding: 0 0 30px;
}

body header#header #logo a {
  padding: 25px 0 0 !important;
}

#logo a img {
  height: auto;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

/*----------------------  Header --------------------------*/
#page_header.zn_def_header_style, #slideshow.zn_def_header_style, #page_header.uh_zn_def_header_style, #slideshow.uh_zn_def_header_style {
  background-color: #22222f;
}

#page_header.zn_def_header_style .bgback, #slideshow.zn_def_header_style .bgback, #page_header.uh_zn_def_header_style .bgback, #slideshow.uh_zn_def_header_style .bgback {
  background-image: url("http://cms-dev.kaazing.com/wordpress/wp-content/uploads/2013/06/banner_withutarrow.png");
}

#page_header.zn_def_header_style .zn_header_bottom_style, #slideshow.zn_def_header_style .zn_header_bottom_style {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 27px;
  z-index: 99;
  background: url(../images/bottom_mask.png) no-repeat center top;
}

/*----------------------  Unlimited Headers --------------------------*/
#page_header.uh_about_us .bgback, #slideshow.uh_about_us .bgback {
  background-image: url("http://cms-dev.kaazing.com/wordpress/wp-content/uploads/2013/02/bg1.jpg");
}

#page_header.uh_about_us #sparkles, #slideshow.uh_about_us #sparkles {
  display: none;
}

#page_header.uh_about_us, #slideshow.uh_about_us {
  background-color: #AAAAAA;
  background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5)));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
  /* IE6-9 */
}

#page_header.uh_about_us .bgback:after, #slideshow.uh_about_us .bgback:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url(../images/glare-effect.png);
  background-repeat: no-repeat;
  background-position: center top;
}

#page_header.uh_about_us .zn_header_bottom_style, #slideshow.uh_about_us .zn_header_bottom_style {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: url(../images/shadow-up.png) no-repeat center bottom;
  z-index: 2;
}

#page_header.uh_about_us .zn_header_bottom_style:after, #slideshow.uh_about_us .zn_header_bottom_style:after {
  content: '';
  position: absolute;
  bottom: -18px;
  left: 50%;
  border: 6px solid transparent;
  border-top-color: #fff;
  margin-left: -6px;
}

#page_header.uh_about_us, #slideshow.uh_about_us {
  border-bottom: 6px solid #FFFFFF;
}

#page_header.uh_about_us .zn_header_bottom_style:before, #slideshow.uh_about_us .zn_header_bottom_style:before {
  content: '';
  position: absolute;
  bottom: -26px;
  left: 0;
  width: 100%;
  height: 20px;
  background: url(../images/shadow-down.png) no-repeat center top;
  opacity: .6;
  filter: alpha(opacity=60);
}

#page_header.uh_ray_of_flight_countdown_event .bgback, #slideshow.uh_ray_of_flight_countdown_event .bgback {
  background-image: url("http://cms-dev.kaazing.com/wordpress/wp-content/uploads/2013/02/rayoflight.png");
}

#page_header.uh_ray_of_flight_countdown_event #sparkles, #slideshow.uh_ray_of_flight_countdown_event #sparkles {
  display: block;
}

#page_header.uh_ray_of_flight_countdown_event, #slideshow.uh_ray_of_flight_countdown_event {
  background-color: #335370;
}

#page_header.uh_ray_of_flight_countdown_event .zn_header_bottom_style, #slideshow.uh_ray_of_flight_countdown_event .zn_header_bottom_style {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: url(../images/shadow-up.png) no-repeat center bottom;
  z-index: 2;
}

#page_header.uh_ray_of_flight_countdown_event .zn_header_bottom_style:after, #slideshow.uh_ray_of_flight_countdown_event .zn_header_bottom_style:after {
  content: '';
  position: absolute;
  bottom: -18px;
  left: 50%;
  border: 6px solid transparent;
  border-top-color: #fff;
  margin-left: -6px;
}

#page_header.uh_ray_of_flight_countdown_event, #slideshow.uh_ray_of_flight_countdown_event {
  border-bottom: 6px solid #FFFFFF;
}

#page_header.uh_ray_of_flight_countdown_event .zn_header_bottom_style:before, #slideshow.uh_ray_of_flight_countdown_event .zn_header_bottom_style:before {
  content: '';
  position: absolute;
  bottom: -26px;
  left: 0;
  width: 100%;
  height: 20px;
  background: url(../images/shadow-down.png) no-repeat center top;
  opacity: .6;
  filter: alpha(opacity=60);
}

#page_header.uh_pages_-_background_2_style .bgback, #slideshow.uh_pages_-_background_2_style .bgback {
  background-image: url("http://cms-dev.kaazing.com/wordpress/wp-content/uploads/2013/06/banner_withutarrow.png");
}

#page_header.uh_pages_-_background_2_style #sparkles, #slideshow.uh_pages_-_background_2_style #sparkles {
  display: none;
}

#page_header.uh_pages_-_background_2_style, #slideshow.uh_pages_-_background_2_style {
  background-color: #22222f;
}

#page_header.uh_pages_-_background_2_style .zn_header_bottom_style, #slideshow.uh_pages_-_background_2_style .zn_header_bottom_style {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  height: 33px;
  background: url(../images/bottom_mask2.png) no-repeat center top;
}

#page_header.uh_home #sparkles, #slideshow.uh_home #sparkles {
  display: none;
}

#page_header.uh_home, #slideshow.uh_home {
  background-color: #AAAAAA;
  background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5)));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
  /* IE6-9 */
}

#page_header.uh_home .zn_header_bottom_style, #slideshow.uh_home .zn_header_bottom_style {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 27px;
  z-index: 99;
  background: url(../images/bottom_mask.png) no-repeat center top;
}

#page_header.uh_404_header #sparkles, #slideshow.uh_404_header #sparkles {
  display: none;
}

#page_header.uh_404_header, #slideshow.uh_404_header {
  background-color: #f5f5f5;
}

/* GENERAL COLOR */
a:hover,
.cart_details .checkout,
.info_pop .buyit,
.m_title,
.smallm_title,
.circle_title,
.feature_box .title,
.services_box .title,
.latest_posts.default-style .hoverBorder:hover h6,
.latest_posts.style2 ul.posts .title,
.latest_posts.style3 ul.posts .title,
.recentwork_carousel li .details h4,
.acc-group.default-style > button,
.acc-group.style3 > button:after,
.screenshot-box .left-side h3.title,
.vertical_tabs .tabbable .nav > li > a:hover,
.vertical_tabs .tabbable .nav > li.active > a,
.services_box.style2 .box .list li,
.shop-latest .tabbable .nav li.active a,
.product-list-item:hover .details h3,
.latest_posts.style3 ul.posts .title a,
.statbox h4 {
  color: #3e9ce6;
}

.acc-group.style3 > button:hover,
.acc-group.style3 > button:hover:after {
  color: #3e9ce6;
}

.tabs_style1 > ul.nav > li.active > a,
header.style1,
header.style2 #logo a,
header.style3 #logo a {
  border-top: 3px solid #3e9ce6;
}

nav#main_menu > ul > li.active > a,
nav#main_menu > ul > li > a:hover,
nav#main_menu > ul > li:hover > a,
nav#top_menu > ul > li.active > a,
nav#top_menu > ul > li > a:hover,
nav#top_menu > ul > li:hover > a,
.social-icons li a:hover,
#action_box,
body .circlehover,
body .flex-direction-nav li a:hover,
body .iosSlider .item .caption.style1 .more:before,
body .iosSlider .item .caption.style1 .more:after,
body .iosSlider .item .caption.style2 .more,
body .nivo-directionNav a:hover,
body #wowslider-container a.ws_next:hover,
body #wowslider-container a.ws_prev:hover,
.br-next:hover, .br-previous:hover,
body .ca-more,
body .title_circle,
body .title_circle:before,
body ul.links li a,
.hg-portfolio-sortable #portfolio-nav li a:hover, .hg-portfolio-sortable #portfolio-nav li.current a,
.iosSlider .item .caption.style1 .more:before, .iosSlider .item .caption.style1 .more:after,
.btn-flat,
body.woocommerce a.button:hover,
body.woocommerce button.button:hover,
body.woocommerce input.button:hover,
body.woocommerce #respond input#submit:hover,
body.woocommerce #content input.button:hover,
body.woocommerce-page a.button:hover,
body.woocommerce-page button.button:hover,
body.woocommerce-page input.button:hover,
body.woocommerce-page #respond input#submit:hover,
body.woocommerce-page #content input.button:hover,
body.woocommerce a.button,
body.woocommerce button.button,
body.woocommerce input.button,
body.woocommerce #respond input#submit,
body.woocommerce #content input.button,
body.woocommerce-page a.button,
body.woocommerce-page button.button,
body.woocommerce-page input.button,
body.woocommerce-page #respond input#submit,
body.woocommerce-page #content input.button,
body.woocommerce a.button.alt,
body.woocommerce button.button.alt,
body.woocommerce input.button.alt,
body.woocommerce #respond input#submit.alt,
body.woocommerce #content input.button.alt,
body.woocommerce-page a.button.alt,
body.woocommerce-page button.button.alt,
body.woocommerce-page input.button.alt,
body.woocommerce-page #respond input#submit.alt,
body.woocommerce-page #content input.button.alt,
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button,
body .woocommerce #respond input#submit,
body .woocommerce #content input.button,
body .woocommerce-page a.button,
body .woocommerce-page button.button,
body .woocommerce-page input.button,
body .woocommerce-page #respond input#submit,
body .woocommerce-page #content input.button,
span.zonsale,
.sidebar .widget ul.menu li.active > a,
.sidebar .widget ul.product-categories li.active > a,
.sidebar .widget ul.pagenav li.active a,
.sidebar .widget ul.menu li.current-cat > a,
.sidebar .widget ul.product-categories li.current-cat > a,
.sidebar .widget ul.pagenav li.current-cat > a,
.sidebar .widget ul.menu li > a:hover,
.sidebar .widget ul.product-categories li > a:hover,
.sidebar .widget ul.pagenav li a:hover,
#limited_offers li:after,
.login-panel .create_account,
.login-panel input[type=submit],
.register-panel input[type=submit],
.forgot-panel input[type=submit],
.login-panel .login_facebook {
  background-color: #3e9ce6;
  -webkit-transition: none;
  transition: none;
}

span.zonsale:before, #limited_offers li:before {
  border-color: #3e9ce6  transparent transparent;
}

.how_to_shop .number, .newsletter-signup input[type=submit], .vertical_tabs .tabbable .nav > li.active > a > span, .vertical_tabs .tabbable .nav > li > a:hover > span, #map_controls, .hg-portfolio-sortable #portfolio-nav li.current a, .ptcarousel .controls > a:hover, .itemLinks span a:hover, .product-list-item .details .actions a, .shop-features .shop-feature:hover, .btn-flat, .redbtn, #sidebar ul.menu li a:hover, .imgboxes_style1 .hoverBorder h6, .feature_box.style3 .box:hover, .services_box .box:hover .icon, .latest_posts.default-style .hoverBorder h6, .process_steps .step.intro, .recentwork_carousel.style2 li a .details .plus, .gobox.ok, .hover-box:hover, .recentwork_carousel li .details > .bg, .circlehover:before, .iosSlider .item .caption.style1 .more:before, .iosSlider .item .caption.style1 .more:after, .iosSlider .item .caption.style2 .more {
  background-color: #3e9ce6;
}

#action_box:before, #action_box:after, header#header.style1 {
  border-top-color: #3e9ce6;
}

/* BORDER LEFT */
.process_steps .step.intro:after,
body .nivo-caption,
body .flex-caption,
body #wowslider-container .ws-title {
  border-left-color: #3e9ce6;
}

.theHoverBorder:hover {
  box-shadow: 0 0 0 5px #3e9ce6 inset;
}

.offline-page .containerbox {
  border-bottom: 5px solid #3e9ce6;
}

.offline-page .containerbox:after {
  border-top: 20px solid #3e9ce6;
}

header#header.style2 #logo a {
  border-top: 3px solid #3e9ce6;
}

body .iosSlider .item .caption.style2 .title_big, body .iosSlider .item .caption.style2 .title_small {
  border-left: 5px solid #3e9ce6;
}

body .iosSlider .item .caption.style2.fromright .title_big, body .iosSlider .item .caption.style2.fromright .title_small {
  border-right: 5px solid #3e9ce6;
}

/* HEADINGS */
h1, .page-title {
  font-family: helvetica, "Meiryo UI";
  font-size: 45px;
  line-height: 49px;
}

h2 {
  font-family: helvetica, "Meiryo UI";
  font-size: 40px;
  line-height: 45px;
}

h3 {
  font-family: helvetica, "Meiryo UI";
  font-size: 24px;
  line-height: 32px;
}

h4 {
  font-family: helvetica, "Meiryo UI";
  font-size: 18px;
  line-height: 22px;
}

h5 {
  font-family: helvetica, "Meiryo UI";
  font-size: 16px;
  line-height: 20px;
}

h6 {
  font-family: helvetica, "Meiryo UI";
  font-size: 13px;
  line-height: 17px;
}

/* Body */
body {
  font-family: helvetica, "Meiryo UI";
  font-size: 16px;
  line-height: 23px;
}

/* Grey Area */
body .gray-area {
  font-family: helvetica, "Meiryo UI";
  font-size: 16px;
  line-height: 23px;
}

/* Footer Area */
body #footer {
  font-family: helvetica, "Meiryo UI";
  font-size: 16px;
  line-height: 23px;
}

body #footer a {
  color: #8B8C8D;
}

body #page_wrapper, body.boxed #page_wrapper {
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
}

.gray-area {
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
}

header#header, .oldie #page_wrapper header#header {
  background-color: #28292f;
  background-image: none;
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
}

footer#footer .bottom {
  border-top: 5px solid #484848;
}

nav#main_menu > ul > li > a,
nav#top_menu > ul > li > a {
  font-family: "helvetica" , "Helvetica Neue", "Meiryo UI" Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

nav#top_menu > ul > li > a {
  padding: 5px;
}

.topnav > li > a {
  color: #ffffff;
}

.product-list-item .image {
  max-height: px;
  line-height: px;
}

/*--------------------- Home Page style -------------------*/
a {
  color: #4aaadf;
}

h1, h2, h5 {
  text-align: left;
}

.normalfont {
  font-size: 16px;
  line-height: 1.5em;
}

.chaser {
  display: none;
}

body.res1170 .marginright {
  margin: 0 15px 0 0;
}

body.res1170 .marginleft {
  margin: 0 0 0 15px;
}

body.res1170 .marginbotm {
  margin: 0 0 20px;
}

body.res1170 .semifont {
  font-size: 30px;
  line-height: 1.1em;
}

.separator {
  background: #cbcbcb;
  height: 1px;
  margin: 0 5px;
  clear: both;
}

.home.page .static-content {
  padding-top: 0px;
}

.aligncenter {
  text-align: center;
}

.alignleft {
  text-align: left;
}

body.res1170 .no_margin {
  margin: 0px;
}

body.res1170 .minheight {
  min-height: 456px;
}

h2.bigfont {
  font-size: 55px;
  line-height: 1em;
  font-family: "helvetica", "Meiryo UI";
  margin: 0px;
}

h2.midfont {
  font-size: 45px;
  line-height: 1.1em;
  font-family: "helvetica", "Meiryo UI";
  margin: 0px;
}

body.res1170 .nobold {
  font-weight: normal;
}

body.res1170 .bold {
  font-weight: bold;
}

.span6 h3, .span8 h3 {
  font-size: 40px;
  line-height: 1em;
  font-family: "helvetica", "Meiryo UI";
  /*margin:0 18px 20px;*/
  margin: 0 0 20px;
  color: #ec7b3a;
}

.orange {
  color: #ec7b3a;
}

.cyan, .span8 h3.cyan {
  color: #4aaadf;
}

body.res1170 .yellow {
  color: #ffc200;
}

body.res1170 .yellow a {
  color: #ffc200 !important;
}

body.res1170 .blue {
  color: #517ea2;
}

body.res1170 .pmargin {
  margin: 0 30px 15px 50px;
}

body.res1170 .bggrey {
  background: #EBEBEB;
  padding: 30px;
}

body.res1170 .bgcyan {
  background: #4AAADF;
  padding: 45px;
  color: #fff;
}

.keywordbox {
  border-top-color: #4aaadf;
}

body.res1170 .process_steps .step {
  min-height: 300px;
}

.keywordbox:after {
  border-top-color: #4aaadf;
}

h3.m_title {
  color: #5c6568;
  font-size: 22px;
  margin: 0 0 15px;
}

h3.m_title span, h3 span, h2 span, h4 span {
  color: #EC7B3A;
}

/*.home.page section#content{
 margin:0px;
}*/
.acc-group.default-style > button.collapsed.ui-state-active:after {
  background-position: center top;
}

.acc-group.default-style > button.collapsed.ui-state-active {
  color: #4aaadf;
}

.topnav .yellow a {
  color: #ffc200;
}

.process_steps {
  font-style: normal;
}

.process_steps .step.intro > h3 strong {
  font-size: 130%;
  color: #fff;
}

.process_steps .step.intro a.yellow strong {
  color: #ffc200;
  font-size: 120%;
}

.process_steps .step > h3 {
  color: #4aaadf;
}

h2 {
  font-size: 40px;
  font-style: normal;
}

h3.cyan a {
  font-style: normal;
  color: #4aaadf;
  font-weight: 30px;
}

.partners_carousel h5.title {
  color: #ec7b3a;
  font-size: 21px;
  line-height: 21px;
  font-family: "Helvetica", "Meiryo UI";
  font-style: normal;
  font-weight: bold;
}

.recentwork_carousel.style2 li .details {
  background: #878787;
}

nav#main_menu > ul ul li a,
nav#top_menu > ul ul li a {
  text-transform: uppercase;
  font-size: 10px;
}

.top-demo {
  background: #f5621c;
}

.top-demo h3 {
  font-size: 35px;
  line-height: 37px;
  text-transform: uppercase;
  color: #fff;
  padding: 23px 25px 0;
  margin: 0;
}

.top-demo a, .bottom-demo a {
  color: #ffc200;
  font-size: 25px;
  padding: 0 25px 70px;
  display: block;
}

.bottom-demo {
  background: #4aaadf;
  margin-top: 8px;
}

.bottom-demo h3 {
  font-size: 20px;
  line-height: 22px;
  text-transform: uppercase;
  color: #fff;
  padding: 25px 25px 0;
  margin: 0;
}

.bottom-demo a {
  padding-bottom: 37px;
}

.gobox {
  padding: 5px 30px;
  background: #4aaadf;
  font-family: "Helvetica", "Meiryo UI";
}

.gobox:after {
  border-color: transparent transparent transparent #4aaadf;
}

.gobox.ok {
  background: #f5621c;
}

.gobox h1 {
  font-size: 44px;
  line-height: 44px;
  margin: 0px;
}

.gobox h3 {
  margin: 0px;
  color: #ffc200;
}

.gobox img {
  display: none;
}

.feature_box.style2 p {
  margin-left: 0px;
}

.form-horizontal .control-group {
  float: left;
  width: auto;
}

#contact_form .form-horizontal .controls {
  margin: 0px;
}

#contact_form .form-horizontal .controls input {
  width: 165px;
  margin-right: 10px;
}

#contact_form .form-horizontal .controls input.btn {
  background: #4aaadf;
  color: #ffc200;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  text-shadow: none;
}

#contact_form .form-horizontal .control-label {
  display: none;
}

/*** footer menus ***/
#footer .widget_nav_menu {
  float: left;
  margin-right: 25px;
  text-transform: uppercase;
}

#footer .widget_nav_menu ul {
  margin: 0px;
  list-style: none;
}

#footer .widget_nav_menu ul li {
  margin-bottom: 45px;
}

#footer .widget_nav_menu ul li a {
  font-size: 16px;
  color: #f7922e;
  font-weight: bold;
}

#footer .widget_nav_menu ul.sub-menu {
  margin-top: 10px;
}

#footer .widget_nav_menu ul.sub-menu li {
  margin-bottom: 3px;
}

#footer .widget_nav_menu ul.sub-menu li a {
  font-size: 13px;
  color: #fff;
  font-weight: normal;
}

body.res1170 .newsletter-signup input[type="text"] {
  width: 165px;
}

body.res1170 #footer .contact-details {
  background: none;
}

#footer .m_title {
  color: #4aaadf;
  text-transform: uppercase;
  font-size: 16px;
}

/** Home events, news and press **/
.span12 .latest_posts.style3 ul.posts li {
  float: left;
  width: 25%;
  margin: 0px;
}

.latest_posts.style6 ul.posts {
  list-style: none;
  margin: 0;
  padding: 0;
}

.latest_posts.style6 .hoverBorder {
  margin: 5px 20px 5px 0;
}

.latest_posts.style6 .title a {
  color: #EC7B3A;
  font-size: 18px;
}

.latest_posts.style5 .viewall,
.latest_posts.style6 .viewall {
  color: #757575;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 12px;
}

.latest_posts.style5, .latest_posts.style6 {
  position: relative;
}

.latest_posts.style5 .posts {
  float: left;
  margin-left: 0px;
}

.latest_posts.style5 .span3 {
  margin: 0 5px;
  list-style: none;
}

.latest_posts.style5 .span3 .title a,
.latest_posts.style6 .span3 .title a {
  color: #EC7B3A;
}

.latest_posts.style3 ul.posts h4.title {
  font-size: 18px;
  line-height: 22px;
}

.latest_posts.style3 h4.title span {
  color: #5c6568;
}

.latest_posts.style3 ul.posts h4.title a {
  color: #ec7b3a;
  font-size: 18px;
  line-height: 22px;
}

/** Home style **/
.span10.partners_carousel.st2 {
  float: right;
  width: 1070px;
  margin-left: 0px;
}

.span10.partners_carousel.st2 ul li {
  padding: 0 0 0 20px;
}

.span10.partners_carousel.st2 ul li a {
  min-height: 170px;
}

.span2.partners_carousel.st2 {
  float: right;
  width: 90px;
  margin: 0 10px 0 20px;
}

.controls.st2 {
  background: #fff;
  width: 90px;
  border: 4px solid #eee;
}

.controls.st2 a {
  clear: both;
  display: block;
  padding: 19.5px 0px;
  margin: 15px;
}

.controls.st2 .prev {
  border-bottom: 1px solid #666;
}

.controls.st2 .prev .icon-chevron-left {
  background-image: url("../images/grey-arrows_left.png");
  width: 21px;
  height: 33px;
  background-position: 0;
  margin: 0 18px;
}

.controls.st2 .next .icon-chevron-right {
  background-image: url("../images/grey-arrows_rite.png");
  width: 21px;
  height: 33px;
  background-position: 0;
  margin: 0 18px;
}

.lpintro, .lptitle {
  color: #ec7b3a;
  font-size: 15px;
  line-height: 15px;
  text-transform: uppercase;
}

/*** Home Demos ***/
.box1.imgboxes_style2, .box2.imgboxes_style2 {
  float: left;
  width: auto;
  margin-right: 25px;
}

.box3.textboxes_style1 {
  float: left;
  width: 250px;
}

.htext h3 {
  font-size: 55px;
  line-height: 55px;
  text-transform: uppercase;
  padding-top: 155px;
  font-family: helvetica, "Meiryo UI";
  width: 100%;
}

.box2 .htext h3 {
  padding-top: 155px;
}

.slidingDetails .details .htext h4 {
  font-size: 35px;
  line-height: 35px;
  padding: 0 15px;
  font-family: helvetica, "Meiryo UI";
  margin: 0px;
  color: #ffc200;
}

.latest_posts.style6 h4.title span {
  color: #5C6568;
}

/** footer nav **/
.foot-menu {
  margin-top: 10px;
  list-style: none;
}

.foot-menu li {
  float: left;
  padding-right: 15px;
}

.foot-menu li a {
  text-transform: capitalize;
}

#footer .social-share {
  text-align: left;
}

#footer .social-icons {
  margin: 10px 0 0;
}

#footer .social-icons .title {
  color: #F7922E;
  font-size: 20px;
  font-weight: bold;
  text-transform: lowercase;
}

/*** Inner page ***/
#page_header {
  min-height: 230px;
}

.header-titles {
  text-align: center;
}

.header-titles h1 {
  font-size: 66px;
  line-height: 1.1em;
  font-weight: normal;
  font-style: italic;
  color: #fff;
  margin: 5% 0;
  text-align: center;
}

/* downarrow box */
.downarrowbox {
  position: relative;
  padding-top: 30px;
  /*font-size:23px;*/
  font-style: normal;
  text-align: center;
  color: #8D8D8D;
}

.downarrowbox:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -3px;
  border: 6px solid transparent;
}

.downarrowbox.grey {
  border-top: 4px solid #949494;
}

.downarrowbox.grey:after {
  border-top-color: #949494;
}

.downarrowbox.cyan {
  border-top: 4px solid #4aaadf;
}

.downarrowbox.cyan:after {
  border-top-color: #4aaadf;
}

.downarrowbox.orange {
  border-top: 4px solid #ec7b3a;
}

.downarrowbox.orange:after {
  border-top-color: #ec7b3a;
}

.downarrowbox .span4.no_margin {
  margin: 0;
}

ul.bigfont, ul.bigfont.blue {
  list-style: none;
  margin: 0 20px;
  padding: 0px;
}

ul.bigfont li, ul.bigfont.blue li {
  text-align: left;
  margin: 0 0 20px;
  font-size: 25px;
  font-style: normal;
  font-weight: bold;
  line-height: 1.1em;
  background: url("../images/list-dash.png") 0 25% no-repeat;
  padding-left: 20px;
  color: #517ea2;
}

ul.list-dash {
  list-style: none;
  /*margin:0 20px;*/
  margin: 0 10px;
  padding: 0px;
}

ul.list-dash li {
  text-align: left;
  margin: 0 0 10px;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 1.1em;
  background: url("../images/list-dash.png") 0 7px no-repeat;
  padding-left: 20px;
  color: #5c6568;
  clear: both;
}

ul.list-small {
  list-style: none;
  margin: 15px 15px 0;
  padding: 0px;
}

ul.list-small li {
  text-align: left;
  margin: 0 0 10px;
  font-size: 14px;
  font-style: normal;
  line-height: 1.1em;
  background: url("../images/list-small.png") 0 7px no-repeat;
  padding: 0 0 10px 20px;
  color: #5c6568;
  clear: both;
  border-bottom: 1px solid #cacaca;
}

ul.list-small li:last-child, ul.list-small li ul li {
  border: none;
}

ul.list-dash.sub {
  margin: 15px;
  clear: both;
}

ul.list-dash.sub li {
  float: left;
  margin-left: 15px;
}

a.bigfont {
  font-weight: bold;
  font-size: 20px;
  margin: 0 10px;
}

.cyan {
  color: #4aaadf;
}

.process_steps.innerpage .step.intro {
  background: #ec7b3a;
}

.process_steps.innerpage .step.intro:after {
  border-left-color: #ec7b3a;
}

.process_steps.innerpage .step h3 {
  color: #fff;
  text-align: left;
  line-height: 1.3em;
  font-weight: bold;
}

.process_steps.innerpage .step.intro a {
  font-weight: bold;
  font-size: 20px;
  margin: 0;
  color: #ffc200;
  float: left;
}

.process_steps.innerpage .step.intro a:hover {
  color: #4aaadf;
  font-weight: bold;
  font-size: 20px;
}

.process_steps.innerpage .step a {
  margin: 0px;
  text-align: left;
  float: left;
}

.process_steps.innerpage .step a:hover {
  color: #4aaadf;
}

.downarrowbox.cyan {
  font-style: normal;
  color: #5c6568;
}

.downarrowbox.cyan .lead {
  font-size: 24px;
  line-height: 1.2em;
}

.bigmargin {
  margin: 0 50px;
}

.downarrowbox.cyan h2 {
  margin: 0px;
}

.downarrowbox.cyan h3 {
  line-height: 1.2em;
}

h3.grey {
  font-size: 40px;
  color: #535353;
  text-align: left;
}

.dgrey {
  font-size: 30px;
  color: #5c6568;
  text-align: left;
}

.btn.bgblue {
  background: #3e9ce6;
  background-image: url(../images/btn-arrow.png);
  /* fallback */
  background-image: url(../images/btn-arrow.png), -webkit-gradient(linear, left top, left bottom, from(#3e9ce6), to(#388ccf));
  /* Saf4+, Chrome */
  background-image: url(../images/btn-arrow.png), -webkit-linear-gradient(top, #3e9ce6, #388ccf);
  /* Chrome 10+, Saf5.1+ */
  background-image: url(../images/btn-arrow.png), -moz-linear-gradient(top, #3e9ce6, #388ccf);
  /* FF3.6+ */
  background-image: url(../images/btn-arrow.png), -ms-linear-gradient(top, #3e9ce6, #388ccf);
  /* IE10 */
  background-image: url(../images/btn-arrow.png), -o-linear-gradient(top, #3e9ce6, #388ccf);
  /* Opera 11.10+ */
  background-image: url(../images/btn-arrow.png), linear-gradient(to bottom, #3e9ce6, #388ccf);
  /* W3C */
  background-position: 10%;
  background-repeat: no-repeat;
  border: 1px solid #4aaadf;
  color: #fff;
  text-transform: uppercase;
  float: left;
  margin: 0 20px;
  padding: 15px 15px 15px 22px;
  min-width: 200px;
}

.btn.bgblue span {
  font-size: 22px;
  padding: 0 0 0 50px;
}

/** editions page **/
.table-header-title {
  float: left;
  width: 60%;
}

.table-header {
  float: left;
  width: 10%;
}

.table-top {
  border-bottom: 1px solid #ddd;
  float: left;
  width: 100%;
}

td.check-mark {
  background: url(../images/check-marks.png) 50% no-repeat;
}

.team_member.orange_border:hover {
  box-shadow: 0 0 0 5px #ec7b3a;
  border-radius: 0px;
}

.contact .bgimage {
  background: url(../images/inner-contact-image.png) 50% no-repeat;
  height: 251px;
}

/***** For sticky navigation ******/
header#header {
  position: fixed;
  z-index: 100;
}

#page_header, #slideshow {
  /*top:100px;*/
}

section#content {
  /*margin-top:100px;*/
}

/***** Grey list dash *****/
ul.list-grey {
  list-style: none;
  margin: 15px 10px;
  padding: 0px;
}

ul.list-grey li {
  text-align: left;
  margin: 0 0 20px;
  font-style: normal;
  background: url("../images/list-grey.png") 0 9px no-repeat;
  padding-left: 20px;
  color: #535353;
  clear: both;
}

ul.list-grey.vspace li {
  margin-bottom: 4px;
}

/***** Yellow list dash *****/
ul.list-yellow {
  list-style: none;
  margin: 15px 10px;
  padding: 0px;
}

ul.list-yellow li {
  text-align: left;
  margin: 0 0 20px;
  font-size: 16px;
  font-style: normal;
  line-height: 1.3em;
  background: url("../images/list-yellow.png") 0 7px no-repeat;
  padding-left: 20px;
  color: #fff;
  clear: both;
}

.generic.bgimage {
  background: url(../images/contact-generic.png) 100% 100% no-repeat;
}

.generic.bgimage a.bigfont {
  margin: 0px;
  padding-top: 70px;
  display: block;
}

.floatright {
  float: right;
  width: 60%;
}

body.res1170 .testimonial, body.res1170 .casestudy, body.res1170 .whitepaper, body.res1170 .demos, body.res1170 .whitepaper2 {
  padding: 25px 50px;
  min-height: 250px;
  /*margin:0 30px 15px;*/
  background: none;
}

body.res1170 .testimonial {
  padding: 0;
}

.testimonial p {
  clear: both;
  font-size: 16px;
  font-style: italic;
  background: url(../images/blockquote.png) no-repeat;
  padding: 20px 0 0 20px;
}

body.res1170 .casestudy {
  background: url("../images/case-study.png") no-repeat 7% 50% #3E9CE6;
}

body.res1170 .whitepaper {
  background: url("../images/white-paper.png") no-repeat 7% 50% #517EA2;
}

body.res1170 .whitepaper2 {
  background: url("../images/white-paper2.png") no-repeat 7% 50% #abaaaa;
  padding: 50px 0 0 65px;
  margin-top: 35px;
  position: relative;
}

body.res1170 .right.whitepaper2:before {
  border-right-color: #abaaaa;
}

.sgrey {
  color: #f5f5f5;
}

body.res1170 .demos {
  background: transparent;
}

.casestudy p, .whitepaper p, .whitepaper2 p {
  clear: both;
  color: #fff;
  padding-right: 5px;
}

/***** Press-News *****/
.latest_posts.style2 ul.posts .details {
  width: 80px;
}

.latest_posts.style2 ul.posts .text {
  margin-left: 80px;
}

.acc-group.default-style > button {
  padding-right: 25px;
}

h3.m_title span.bigfont {
  font-family: "helvetica", "Meiryo UI";
  font-size: 40px;
  line-height: 1em;
  margin: 0 8px 20px;
  display: block;
}

.custom_style4 .alignright {
  margin: 0 50px;
}

span.play {
  background: url(../images/play_btn.png) 50% 50% no-repeat;
  height: 92px;
  padding: 40% 0 0 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  display: block;
}

#sidebar {
  background: none;
  padding: 0px;
  border-radius: none;
}

body.res1170 .bgorange {
  background: #EC7B3A;
  padding: 25px 40px;
  min-height: 150px;
  position: relative;
}

body.res1170 .bgorange h2 {
  color: #fff;
}

.right:before {
  border: 9px solid transparent;
  content: "";
  position: absolute;
  left: -18px;
  top: 55px;
  z-index: 1;
}

.textwidget .bgorange:before {
  border-right-color: #EC7B3A;
}

.textwidget .right.whitepaper, .textwidget .right.casestudy {
  margin: 0px;
  position: relative;
  /*background-position:40px 30px;*/
  background-position: 50% 25px;
}

.textwidget .right.whitepaper:before {
  border-right-color: #517EA2;
}

.textwidget .right.casestudy:before {
  border-right-color: #3E9CE6;
}

.textwidget .right .margintop {
  padding-top: 200px;
}

.textwidget .right.bggrey {
  margin: 0px;
  padding: 25px 40px;
  position: relative;
  background: #878787;
}

.textwidget .right.bggrey p {
  color: #fff;
}

.textwidget .right.bggrey:before {
  border-right-color: #878787;
}

.lgrey {
  color: #becdd2;
}

/*** services table ***/
.course-glance {
  table-layout: fixed;
  width: 100%;
  font-size: 11px;
  vertical-align: top;
}

.course-glance td, .course-glance th {
  /*width: 100px; */
  word-wrap: break-word;
  padding: 5px;
  border: 1px solid white;
}

.course-glance th,
.course-glance .front-col {
  background-color: #F79646;
  color: white;
}

.course-glance .front-col {
  border-right: 2px solid white;
}

.course-glance td {
  color: black;
}

.course-header th {
  border-bottom: 2px solid white;
}

.course-row-odd {
  background-color: #FBCAA2;
}

.course-row-even {
  background-color: #FDE4D0;
}

/*** category page ***/
.archive section#content, .page-id-9430 section#content, .page-id-8471 section#content {
  padding-top: 50px;
}

.eBlog .itemContainer {
  background: none;
  box-shadow: none;
  padding: 0 15px;
  margin: 0;
}

.eBlog .itemContainer:after {
  border: none !important;
}

.page-parent .rapid_contact {
  margin-left: 170px;
}

.eBlog .itemTitle a {
  color: #EC7B3A;
}

.eBlog .post_details,
.eBlog .post_details:after,
.eBlog .post_details:before {
  border: none;
  font-size: 14px;
  font-weight: bold;
  text-transform: none;
  transition: none;
  opacity: 1;
  margin-bottom: 5px;
}

.eBlog .post_details a, .eBlog .readMore {
  color: #4aaadf;
}

.icon-calendar, .eBlog .itemLinks {
  display: none;
}

.single-post section#content, .search section#content {
  padding-top: 30px;
}

.single-post .itemHeader {
  display: none;
}

.latest_posts.style2 ul.posts .title {
  font-size: 18px;
}

.row {
  margin-bottom: 22px;
}

.acc-group.default-style button {
  font-size: 16px;
}

.acc-group.default-style .content {
  font-size: 14px;
  line-height: 1.3em;
}

.team_member {
  min-height: 445px;
}

.team_member > h4, .team_member > h6 {
  padding: 0 15px;
}

.error404 #page_header {
  height: 10px;
}

/*--------------------------------Options css End here ----------------------------*/
/***-----------------------------Custom Css Start here---------------------------****/
.static-content.maps-style {
  overflow: hidden;
}

body.home #slideshow ul {
  height: 100% !important;
}

.community_form a,
.community_form a:hover {
  color: #EC7B3A;
  font-size: 22px;
  line-height: 22px;
  font-style: normal;
  text-decoration: none;
}

.embed-container {
  position: relative;
  height: auto;
  margin-right: 10px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.recentwork_carousel.style2 .controls {
  position: relative;
  right: 0;
  top: 0;
}

#main_feature {
  margin: auto 0;
  /*padding: 30px;*/
}

.features-table {
  border-collapse: separate;
  border-spacing: 0;
  color: #2A2A2A;
  margin: 0 auto;
  text-shadow: 0 1px 0 #FFFFFF;
  width: 100%;
  word-wrap: break-word;
  table-layout: fixed;
}

.features-table td {
  border-bottom: 1px solid #CDCDCD;
  box-shadow: 0 1px 0 white;
  height: 40px;
  padding: 0;
  text-align: center;
}

.features-table tbody td {
  font-size: 14px;
  text-align: center;
  width: 150px;
}

.features-table tbody td:first-child {
  text-align: left;
  width: auto;
}

.features-table td {
  border-right: 1px solid #CDCDCD;
}

.features-table thead td {
  border-right: none;
  font-weight: bold;
  text-align: left;
}

.features-table td.main_title {
  color: #00B9D2;
  font-size: 36px;
  line-height: 36px;
  text-align: left;
  border-right: none;
  /*padding-left:20px;*/
}

.features-table td.head_title {
  color: #F47D31;
  text-align: left;
  border-right: none;
  font-size: 22px;
  font-weight: bold;
  padding-left: 0px;
}

.features-table td.feature_title {
  padding-left: 20px;
}

.features-table td {
  color: #595959;
  font-weight: bold;
}

.features-table thead td:first-child {
  border-top: medium none;
}

.features-table tfoot td:first-child {
  border-bottom: medium none;
}

.nomargin {
  margin: 0 !important;
}

.copy_links {
  float: left;
}

/***-----------------------------Custom Css End here---------------------------****/
/*--------------------------------Responsive css Starts here ----------------------------*/
@media (min-width: 320px) and (max-width: 460px) {
  .bigmargin {
    margin: 0 15px;
  }

  /*----- Sidebar Whitepapers,Case studies,Contactus ------------*/
  body.res1170 .whitepaper, body.res1170 .casestudy {
    margin: 0px;
    position: relative;
    background-position: 50% 25px;
  }

  body.res1170 .whitepaper .floatright, body.res1170 .casestudy .floatright {
    padding-top: 200px;
    width: auto;
  }

  /*----- Sidebar Whitepapers,Case studies,Contactus Ends ------------*/
  /*----- Sidebar generic page Contactus ------------*/
  .generic.bgimage {
    background: url("../images/contact-generic.png") no-repeat scroll 0 0 transparent;
    padding-top: 200px;
  }

  .generic.bgimage a.bigfont {
    padding-top: 0px;
  }

  /*----- Sidebar generic page Contactus Ends ------------*/
}
@media (min-width: 320px) and (max-width: 768px) {
  header#header {
    position: relative !important;
    height: auto;
    z-index: 100;
  }

  #responsive_header {
    display: none;
  }

  .chaser {
    /*display:block !important;*/
  }

  .copy_links {
    clear: both;
  }

  nav#main_menu > ul {
    margin: 5px 0 !important;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  #logo {
    float: left;
    text-align: center;
    width: 96%;
    padding-left: 10px;
  }

  #search {
    top: 30px;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }

  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  #logo {
    float: none;
    margin: 0;
    text-align: center;
  }

  .recentwork_carousel.style2.span12 .caroufredsel_wrapper {
    height: 100px !important;
  }

  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a img,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a iframe {
    height: 100% !important;
    width: 100%;
  }

  .recentwork_carousel.style2 .caroufredsel_wrapper ul li a .details .plus {
    top: 22%;
  }

  .recentwork_carousel.style2 li a .details h4 {
    top: 36%;
    line-height: 16px;
  }
}
@media (min-width: 769px) and (max-width: 979px) {
  .copy_links {
    clear: both;
  }

  .foot-menu {
    margin: 10px 0 0 10px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  body header#header #logo a {
    padding: 10px 25px 10px 0;
  }

  nav#main_menu.smooth_menu {
    float: right;
    top: 27px;
    display: block;
    margin: 0 0 5px;
    padding: 0;
    position: absolute;
    right: 60px;
  }

  #search {
    position: absolute;
    right: -35px;
    top: 0;
  }

  body header#header #logo a {
    padding: 10px 25px 10px 0 !important;
  }

  header#header {
    min-height: 115px;
  }

  .foot-menu {
    margin-top: 10px;
  }
}
@media (width: 640px) {
  body header#header #logo a {
    padding: 25px 25px 10px 0;
  }

  nav#top_menu.smooth_menu {
    clear: none;
    width: 270px;
    float: right;
  }

  #logo {
    float: none;
    margin: 0;
    text-align: center;
  }
}
@media (min-width: 980px) {
  nav#main_menu.smooth_menu > ul {
    display: block !important;
    float: right;
  }

  nav#top_menu.smooth_menu > ul {
    display: block !important;
  }
}
@media (min-width: 532px) and (max-width: 768px) {
  .bigmargin {
    margin: 0 30px;
  }

  .bigmargin h2.orange,
  .downarrowbox.cyan h2 {
    font-size: 30px;
    line-height: 36px;
    word-wrap: break-word;
  }

  .htext h3 {
    padding: 85px 15px 0;
  }

  .slidingDetails .details .htext h4 {
    font-size: 22px;
    line-height: 26px;
  }

  .htext h3 {
    font-size: 30px;
    line-height: 30px;
  }

  .box2 .htext h3 {
    padding-top: 50px;
  }

  .box3.textboxes_style1 {
    width: 100%;
    margin-top: 20px;
  }

  .box1.imgboxes_style2.demo1 {
    width: 33.5%;
  }

  .box2.imgboxes_style2.demo2 {
    width: 55.8%;
  }

  .demo2 .htext h3 {
    padding-top: 50px;
  }

  .top-demo {
    float: left;
    margin-right: 30px;
    width: 46%;
  }

  .bottom-demo {
    margin-top: 0px;
    float: left;
    width: 46%;
  }

  .box3 .textboxes_style1 {
    float: left;
  }

  .top-demo h3,
  .bottom-demo h3 {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 36px;
    margin: 0;
    padding: 20px 25px 0;
    text-transform: uppercase;
  }

  .top-demo a, .bottom-demo a {
    color: #FFC200;
    display: block;
    font-size: 24px;
    padding: 0 25px 30px;
  }
}
@media (min-width: 320px) and (max-width: 532px) {
  #page_header {
    min-height: 125px !important;
    height: auto !important;
  }

  .archive section#content {
    padding-top: 15px;
  }

  /*----- Sidebar Whitepapers,Case studies,Contactus ------------*/
  /*----- Sidebar Whitepapers,Case studies,Contactus Ends ------------*/
  [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
    float: left;
  }

  h2.orange {
    font-size: 30px;
  }

  /*** Products Page *****/
  .image-boxes.custom_style4 .alignright {
    margin: 0;
    padding-bottom: 10px;
  }

  h3.marginbotm.dgrey {
    font-size: 22px;
  }

  /*** End Products Page *****/
  /*** products/kaazing-websocket-gateway *****/
  .header_overview .span2 {
    margin-right: 5px !important;
    float: left;
    width: auto;
  }

  body.res1170 .whitepaper2 {
    margin-left: 0;
    padding: 15px 0 0 94px;
  }

  .whitepaper2 .floatright {
    width: 52%;
  }

  .whitepaper2 .floatright h2.sgrey {
    font-size: 30px;
  }

  .whitepaper2 .floatright p {
    font-size: 18px;
    line-height: 22px;
  }

  .whitepaper2 .floatright h4 a {
    font-size: 16px;
  }

  /*** End products/kaazing-websocket-gateway *****/
  #page_header .header-titles {
    text-align: center;
  }

  .header-titles h1, .header-titles h2 {
    font-size: 40px;
    margin: 0 25px;
  }

  #page_wrapper,
  #page_header,
  #slideshow,
  section#content {
    top: 0 !important;
  }

  .gobox h3 {
    font-size: 20px;
  }

  .gobox h1 {
    font-size: 28px;
    line-height: 32px;
  }

  /*--recent work corusel ---*/
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper {
    height: 100px;
  }

  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a img,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a iframe {
    height: 100% !important;
    width: 100%;
  }

  .recentwork_carousel.style2 .caroufredsel_wrapper ul li a .details .plus {
    top: 22%;
  }

  .recentwork_carousel.style2 li a .details h4 {
    top: 36%;
    line-height: 16px;
  }

  /*---- end here --- */
  .box3.textboxes_style1 {
    width: 100% !important;
    margin-top: 20px;
  }

  .top-demo h3, .bottom-demo h3 {
    color: #FFFFFF;
    font-size: 35px;
    line-height: 37px;
    padding: 25px 25px 0;
  }

  .top-demo a, .bottom-demo a {
    padding: 0 25px 30px;
  }

  .box1.imgboxes_style2.demo1 {
    width: 300px;
  }

  .box2.imgboxes_style2.demo2 {
    width: 100%;
  }

  .demo2 .htext h3 {
    font-size: 30px;
    line-height: 30px;
  }

  .demo2.box2 .htext h3 {
    margin-bottom: 0;
  }

  .demo2.box2 .htext h3 {
    padding-top: 20px;
  }

  .demo2 .slidingDetails .details .htext h4 {
    font-size: 22px;
  }

  .community_form h2.video_title {
    font-size: 40px;
    line-height: 45px;
  }

  .dnicon {
    background: url("https://s3-us-west-2.amazonaws.com/developer.kaazing.com/wordpress/wp-content/uploads/2013/07/dwn-icons.png") no-repeat;
    text-indent: -999em;
    width: 140px;
    height: 32px;
  }

  .dnicon span {
    visibility: hidden;
  }

  .dnicon.jms {
    background-position: 7px 5px;
  }

  .dnicon.amqp {
    background-position: -31px 5px;
  }

  .dnicon.xmpp {
    background-position: -67px 5px;
  }

  .dnicon.html5 {
    background-position: -106px 5px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  body.res1170 .bgcyan {
    padding: 35px;
  }

  body.res1170 .bggrey {
    padding: 25px;
  }

  .textwidget .right.sharestory, .textwidget .right.joinus, .textwidget .right.theblog, .textwidget .right.contactus {
    background-position: 5px 15px;
  }

  body.res1170 .testimonial, body.res1170 .sharestory, body.res1170 .joinus, body.res1170 .theblog, body.res1170 .demos {
    padding: 5px 25px;
  }

  #page_wrapper {
    /*top: 115px;*/
  }

  body.res1170 .casestudy,
  body.res1170 .whitepaper,
  body.res1170 .contactus {
    padding: 10px 25px;
    word-wrap: break-word;
  }

  body.res1170 .casestudy .bigfont.yellow,
  body.res1170 .whitepaper .bigfont.yellow,
  body.res1170 .contactus .bigfont.yellow {
    font-size: 18px;
  }

  h2.midfont {
    font-size: 30px;
  }

  .lead {
    font-size: 20px;
    line-height: 24px;
  }

  body.res1170 .bgorange {
    padding: 25px;
    word-wrap: break-word;
  }

  body.res1170 .bgorange h2.semifont {
    font-size: 24px;
  }

  body.res1170 .bgorange .bigfont.yellow {
    font-size: 18px;
  }

  /*** Products Page *****/
  .image-boxes.custom_style4 .alignright {
    margin: 0 10px;
    padding-bottom: 10px;
  }

  h3.marginbotm.dgrey {
    font-size: 22px;
  }

  /*** End Products Page *****/
  /*** products/kaazing-websocket-gateway *****/
  .header_overview .span2 {
    margin-right: 5px !important;
  }

  .header_overview .span4 h2.orange.bigfont,
  .span4 h2.orange.bigfont {
    font-size: 40px !important;
  }

  body.res1170 .whitepaper2 {
    margin-left: 0;
    padding: 15px 0 0 94px;
  }

  .whitepaper2 .floatright {
    width: 52%;
  }

  .whitepaper2 .floatright h2.sgrey {
    font-size: 30px;
  }

  .whitepaper2 .floatright p {
    font-size: 18px;
    line-height: 22px;
  }

  .whitepaper2 .floatright h4 a {
    font-size: 16px;
  }

  .whitepaper .floatright,
  .casestudy .floatright {
    width: 40%;
  }

  .casestudy .floatright h2.semifont,
  .whitepaper .floatright h2.semifont {
    font-size: 28px;
  }

  .whitepaper .floatright h3 a.yellow,
  .casestudy .floatright h3 a.yellow,
  .casestudy .floatright p.lead,
  .whitepaper .floatright p.lead {
    font-size: 16px;
    line-height: 18px;
  }

  /*** End products/kaazing-websocket-gateway *****/
  .htext h3 {
    padding: 140px 15px 0;
  }

  .slidingDetails .details .htext h4 {
    font-size: 30px;
    line-height: 30px;
  }

  .htext h3 {
    font-size: 30px;
    line-height: 30px;
  }

  .box2 .htext h3 {
    padding-top: 30px;
  }

  .box3.textboxes_style1 {
    width: 100%;
    margin-top: 20px;
  }

  .box1.imgboxes_style2.demo1 {
    width: 33.5%;
  }

  .box2.imgboxes_style2.demo2 {
    width: 55.8%;
  }

  .demo2 .htext h3 {
    padding-top: 50px;
  }

  .top-demo {
    float: left;
    margin-right: 30px;
    width: 46%;
  }

  .bottom-demo {
    margin-top: 0px;
    float: left;
    width: 46%;
  }

  .box3 .textboxes_style1 {
    float: left;
  }

  .top-demo h3 {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 36px;
    margin: 0;
    padding: 20px 25px 0;
    text-transform: uppercase;
  }

  .top-demo a, .bottom-demo a {
    color: #FFC200;
    display: block;
    font-size: 25px;
    padding: 0 25px 30px;
  }

  .bottom-demo h3 {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 36px;
    margin: 0;
    padding: 20px 25px 0;
    text-transform: uppercase;
  }

  h2.video_title {
    color: #595959;
    font-size: 40px;
    font-style: normal;
    line-height: 44px;
  }

  h3.cyan {
    color: #4AAADF;
    font-size: 28px;
    font-style: normal;
    line-height: 30px;
  }

  .community_form h3.orange.nobold {
    font-size: 22px;
    line-height: 24px;
  }

  .gobox h3 {
    font-size: 20px;
  }

  .gobox h1 {
    font-size: 28px;
    line-height: 32px;
  }

  /*--recent work corusel ---*/
  .recentwork_carousel .caroufredsel_wrapper {
    height: 100px !important;
  }

  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a img,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a iframe {
    height: 100% !important;
    width: 100%;
  }

  .recentwork_carousel.style2 .caroufredsel_wrapper ul li a .details .plus {
    top: 22%;
  }

  .recentwork_carousel.style2 li a .details h4 {
    top: 36%;
    line-height: 16px;
  }

  /*---- end here --- */
}
@media (min-width: 980px) and (max-width: 1200px) {
  section#content {
    /*margin-top: 110px;*/
  }

  .slidingDetails .details .htext h4 {
    font-size: 30px;
    line-height: 34px;
  }

  .htext h3 {
    font-size: 50px;
    line-height: 54px;
  }

  .box2 .htext h3 {
    padding-top: 50px;
  }

  .box3.textboxes_style1 {
    width: 100%;
    margin-top: 20px;
  }

  .box1.imgboxes_style2.demo1 {
    width: 33.5%;
  }

  .box2.imgboxes_style2.demo2 {
    width: 55.8%;
  }

  .demo2 .htext h3 {
    font-size: 40px;
    line-height: 44px;
    padding-top: 50px;
  }

  .top-demo {
    float: left;
    margin-right: 30px;
    width: 46%;
  }

  .bottom-demo {
    margin-top: 0px;
    float: left;
    width: 46%;
  }

  .box3 .textboxes_style1 {
    float: left;
  }

  .top-demo h3 {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 36px;
    margin: 0;
    padding: 20px 25px 0;
    text-transform: uppercase;
  }

  .top-demo a, .bottom-demo a {
    color: #FFC200;
    display: block;
    font-size: 25px;
    padding: 0 25px 30px;
  }

  .bottom-demo h3 {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 36px;
    margin: 0;
    padding: 20px 25px 0;
    text-transform: uppercase;
  }

  .community_form {
    float: none;
  }

  h2.video_title {
    color: #595959;
    font-size: 40px;
    font-style: normal;
    line-height: 44px;
  }

  h3.cyan {
    color: #4AAADF;
    font-size: 28px;
    font-style: normal;
    line-height: 30px;
  }

  .community_form h3.orange.nobold {
    font-size: 22px;
    line-height: 24px;
  }

  .gobox h3 {
    font-size: 20px;
  }

  .gobox h1 {
    font-size: 28px;
    line-height: 32px;
  }

  /*--recent work corusel ---*/
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper {
    height: 135px !important;
  }

  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a img,
  .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a iframe {
    height: 100% !important;
    width: 100%;
  }

  /*---- end here --- */
  .copy_links {
    float: none;
  }

  .foot-menu {
    margin: 0;
  }
}
@media only screen and (max-width: 480px) {
  /* Forms */
  .form > label {
    width: 100% !important;
  }

  .form > div {
    width: 100%;
    padding: 20px 10px;
  }

  .form > div > label {
    float: left;
    width: 100%;
    padding: 5px 0px;
    margin-right: 0;
  }

  .form > p {
    width: 100%;
    clear: both;
    padding: 15px 10px;
  }

  .form > footer {
    text-align: center;
  }

  .form input[type=text] {
    height: 40px;
    padding: 10px 15px;
  }

  .form textarea {
    height: 40px;
    min-height: 40px;
    padding: 10px 15px;
  }
}

/*---- 20200402_まで --- */


/*---- 20200402_まで --- */   

/*---- events subnav --- */
#eventsSubNav {
  margin: 0 0 45px 45px;
  text-transform: uppercase;
}

#eventsSubNav a {
  float: left;
  display: block;
  margin-right: 20px;
  color: #4aaadf;
  width: 200px;
  text-align: center;
}

#eventsSubNav span, #eventsSubNav a:hover {
  text-decoration: none;
  background: #4aaadf;
  color: #fff;
  border-radius: 5px;
  padding: 10px 0 10px 0;
  width: 200px;
  text-align: center;
  display: block;
  float: left;
  margin: -10px 20px 0 0;
}

/*---- events subnav end --- */
body#contact,
body#thank-you {
  font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, Verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  background-image: none;
  /* Footer */
}
body#contact > header .header-logo h1 a img,
body#thank-you > header .header-logo h1 a img {
  vertical-align: top;
}
body#contact a,
body#thank-you a {
  color: #000;
}
body#contact a.orangebtn,
body#thank-you a.orangebtn {
  color: white;
}
body#contact .hover-nav a,
body#thank-you .hover-nav a {
  color: #fff;
}
body#contact .container-contact,
body#thank-you .container-contact {
  position: relative;
  max-width: 925px;
  margin: 0 auto;
}
body#contact .container-contact:after,
body#thank-you .container-contact:after {
  clear: both;
  content: '';
  display: table;
}
body#contact .pagetitle,
body#thank-you .pagetitle {
  position: relative;
  width: 100%;
  margin-top: 30px;
}
@media all and (max-width: 970px) {
  body#contact .pagetitle,
  body#thank-you .pagetitle {
    margin-top: 0;
  }
}
body#contact .pagetitle .container-contact,
body#thank-you .pagetitle .container-contact {
  margin: 0 auto;
  padding: 0 40px;
  background-color: #1d2088;
  clear: both;
}
@media all and (max-width: 480px) {
  body#contact .pagetitle .container-contact,
  body#thank-you .pagetitle .container-contact {
    padding: 0 20px;
  }
}
body#contact .pagetitle h1,
body#thank-you .pagetitle h1 {
  display: block;
  margin: 0;
  font-family: 'Roboto', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',Osaka, 'メイリオ', Meiryo, 'MS PGothic', sans-serif;
  font-size: 25px;
  color: #fcc800;
  line-height: 100px;
  font-weight: 300;
  text-transform: uppercase;
}
@media all and (max-width: 600px) {
  body#contact .pagetitle h1,
  body#thank-you .pagetitle h1 {
    font-size: 22px;
    line-height: 60px;
  }
}
body#contact .main-footer,
body#thank-you .main-footer {
  float: left;
  background-color: white;
  width: 100%;
  padding: 40px 0;
  font-size: 12px;
  font-family: 'RobReg', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',Osaka, 'メイリオ', Meiryo, 'MS PGothic', sans-serif;
}
@media all and (max-width: 970px) {
  body#contact .main-footer,
  body#thank-you .main-footer {
    padding: 40px 0 0;
  }
}
body#contact .header-tel,
body#thank-you .header-tel {
  font-size: 20px;
  font-weight: 700;
  padding-top: 20px;
}

body#contact .footer-header,
body#thank-you .footer-header {
  padding: 0 15px;
}
body#contact .footer-header span,
body#thank-you .footer-header span {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #231815;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: #4f5a62 1px solid;
}
@media all and (max-width: 480px) {
  body#contact .footer-column,
  body#thank-you .footer-column {
    padding: 0 20px;
  }
}
body#contact .footer-column .column,
body#thank-you .footer-column .column {
  float: left;
  width: 20%;
  padding: 0 15px;
}
@media all and (max-width: 970px) {
  body#contact .footer-column .column,
  body#thank-you .footer-column .column {
    width: 100%;
    text-align: center;
    padding: 0;
  }
}
body#contact .footer-title,
body#thank-you .footer-title {
  display: block;
  color: #898989;
  padding: 2px 10px;
  margin-bottom: 20px;
  border: #4F5A62 1px solid;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
body#contact ul.footer-links,
body#thank-you ul.footer-links {
  margin: 0;
}
body#contact ul.footer-links > li,
body#thank-you ul.footer-links > li {
  font-weight: 700;
  line-height: 18px;
  color: #898989;
  margin-bottom: 20px;
}
body#contact ul.footer-links > li:last-child,
body#thank-you ul.footer-links > li:last-child {
  margin-bottom: 0;
}
body#contact ul.footer-links > li a,
body#thank-you ul.footer-links > li a {
  color: #1d2088;
}
body#contact ul.footer-links > li > ul,
body#thank-you ul.footer-links > li > ul {
  margin-left: 0;
}
body#contact ul.footer-links > li > ul > li > a,
body#thank-you ul.footer-links > li > ul > li > a {
  font-weight: normal;
}
body#contact .clear,
body#thank-you .clear {
  clear: both;
}
body#contact .copyright,
body#thank-you .copyright {
  color: #778086;
  padding: 10px 15px;
}
body#contact .copyright small,
body#thank-you .copyright small {
  font-size: 11px;
}
body#contact #footer a,
body#thank-you #footer a {
  color: #fff;
}
body#contact .footer-credit .credit-row .footer-right p a,
body#thank-you .footer-credit .credit-row .footer-right p a {
  color: #1d2088;
}
@media (max-width: 959px) {
  body#contact .footer-credit .credit-row .footer-right,
  body#thank-you .footer-credit .credit-row .footer-right {
    padding: 40px 0;
  }
}

body#contact #page_header .container {
  padding: 0;
}
body#contact .header-titles h1 {
  margin: 78px 0;
}
@media all and (max-width: 767px) {
  body#contact .header-titles h1 {
    margin: 36px 0;
  }
}
body#contact #content .row {
  margin: 0;
}
body#contact .zn_header_bottom_style {
  background-image: url(../images/pattern.png);
  background-repeat: repeat;
}
body#contact .contactform .form p {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
body#contact .contactform .form p a {
  color: #1d2088;
}
body#contact .form input[type=number] {
  width: 100%;
  height: 50px;
  padding: 15px;
  background-color: #E4E4E4;
  font-family: 'RobReg', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',Osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14px;
  color: #34495E;
  border: none;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

body#thank-you .thankyou div {
  display: block;
  width: 400px;
  max-width: 100%;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #DDD;
  border-radius: 1px;
  background-color: #fff;
  vertical-align: middle;
}
body#thank-you .thankyou div span {
  display: block;
  max-width: auto;
  padding: 20px 0 0;
  border: none;
  border-radius: 0;
}
@media all and (max-width: 480px) {
  body#thank-you .thankyou {
    padding: 40px 0;
  }
}

formparts{
 width: 100%;
 float: left;
}


.privacy-policy-scroll{
 height:6em;
 overflow-y:scroll;
 border: 1px solid #DDDDDD;
}

.choice{
 width:100%;
}	

.options{
 float:left;
 width: 50%;
}

.options > label {
 float:left;
 width:25%;
}

.require{
 float:left;
 width:50%;
}

.require > label {
 float: left;
 width: 25%;
}

.input-info {
 padding: 2% 0 ;
}

.input-info > label {
  float: left !important;
  width: 50% !important;
  padding: 5px 10px !important;
  margin: 0 !important;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.form-check > label {
 float:left;
 width: 100%;
 padding:2em 0;
 
}

.g-recaptcha {
 float: right;
 padding: 0 0 2em 0 ;
}

.br-sp {
 display: none;
}

.footer-link {
 margin: 0 18%;
}

@media screen and (max-width: 425px){
 .br-sp {
  display: inline-block;
  }
}

@media screen and (max-width: 768px){
 .choice{
  width:100%;
  }	

 .options{
  float:left;
  width: 100%;
  }

 .options > label {
  float:left;
  width:25%;
  }

 .require{
  float:left;
  width: 100%;
  }

 .require > label {
  float: left;
  width: 25%;
  }

 .input-info {
  padding: 2% 0 ;
  }

 .input-info > label {
   float: left !important;
   width: 100% !important;
   padding: 5px 10px !important;
   margin: 0 !important;
   box-sizing: border-box;
   -ms-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   }

 .g-recaptcha {
  padding: 0 0 2em 0 ;
  }

 .axis-logo {
  width: 140px;
  }

}

/*# sourceMappingURL=contact.css.map */