@charset "UTF-8";
/* CSS Document */

/* ==========================================================================
   Table of contents
	 
	 01. General
	 02. Palette 
	 03. Typography
	 04. UI elements
	 05. ID-specific
   ========================================================================== */
	 
/* -----------------------------------
   01. General
   ----------------------------------- */
html,
body {height:100%;}
hr {margin:0.65em 0;}

.full {width:100%;min-height:1px;}
.padding {padding:5px;}
.vpadding {padding-top:3em;padding-bottom:3em;}
.hpadding {padding-left:1em;padding-right:1em;}
.clear {clear:both;}
.rise {position:relative;height:0;bottom:-2em;}
.rise-large {position:relative;height:0;top:-130px;}
.rise-medium {position:relative;height:0;top:-60px;}
.dip-large {position:relative;height:0;top:100px;}


@media only screen and (min-width: 1601px) {
  .dip-large {position:relative;height:0;top:200px !important;bottom:0;}
}
  
@media only screen and (max-width: 1400px) {
  hr {margin:0.55em 0;}
  .vpadding {padding-top:2em;padding-bottom:2em;}
  .rise {position:relative;height:0;bottom:-0.8em;}
  .rise-large {position:relative;height:0;top:-70px;}
}

@media only screen and (max-width: 1100px) {
  hr {margin:0.45em 0;}
  .vpadding {padding-top:1.75em;padding-bottom:1.75em;}
  .rise {position:relative;height:0;bottom:-0.6em;}
  .rise-large {position:relative;height:0;top:-60px;}
}
	
@media only screen and (max-width: 1024px) {
  hr {margin:0.35em 0;}
  .vpadding {padding-top:1.5em;padding-bottom:1.5em;}
  .rise {position:relative;height:0;bottom:-0.4em;}
}

@media only screen and (max-width: 960px) {
  hr {margin:0.25em 0;}
  .vpadding {padding-top:1.2em;padding-bottom:1.2em;}
  .rise {position:relative;height:0;bottom:-0.3em;}
}

@media only screen and (max-width: 767px) {
  hr {margin:0.15em 0;}
  footer {text-align:center;}
  .vpadding {padding-top:1em;padding-bottom:1em;}
  .rise {position:static;height:auto;margin-top:1em;}
  .rise-large, .rise-medium {position:static;float:left;width:100%;height:auto;margin:1em 0;}
  .dip-large {position:static;float:left;height:auto;width:100%;margin:1em 0;}
  .dip-large:after {clear:float;}
}

/* -----------------------------------
   02. Palette
   ----------------------------------- */
	
/* Text colors */ 
.white {color:#fff;}
.silver {color:#ccc;}
.grey {color:#808285;}
.charcoal {color:#231f20 !important;}
.black {color:#000;}
.red {color:#d11c23;}
.crimson {color:#aa0000;}
.translucent {color:rgba(255,255,255,0.75);}
.translucent-dark {color:rgba(0,0,0,0.5);}

/* Background colors */
.bg-white {background-color:#fff;}
.bg-silver {background-color:#f0f0f0;}
.bg-grey-light {background-color:#ccc;}
.bg-grey {background-color:#808285;}
.bg-charcoal {background-color:#231f20;}
.bg-black {background-color:#000;}
.bg-red {background-color:#d11c23;}

.bg-white-clear {background:transparent url('../_img/bg-white-clear.png');}
.bg-black-clear {background:transparent url('../_img/bg-black-clear.png');}
.bg-silver-stripe {background:#f0f1f1 url('../_img/bg-silver-stripe.png');}
.bg-charcoal-stripe {background:#231f20 url('../_img/bg-charcoal-stripe.png');}
.bg-nav {background:transparent url('../_img/bg-nav.png') top right no-repeat;}

/* Link colors */
a.red {color:#d11c23;}
a.red:hover {color:#aa0000;}
a.white {color:#fff;}
a.white:hover,
a.silver:hover {color:#aaa;}

/* Button colors */
.button.bg-black {border-color:#000;}
.button.bg-black:hover {border-color:#a4161b;}
.button.bg-grey:hover {background-color:#d11c23;}

/* -----------------------------------
   03. Typography
   ----------------------------------- */

@font-face {
    font-family: 'Glegoo';
    src: url('../_fonts/glegoo-regular-webfont.eot');
    src: url('../_fonts/glegoo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/glegoo-regular-webfont.woff') format('woff'),
         url('../_fonts/glegoo-regular-webfont.ttf') format('truetype'),
         url('../_fonts/glegoo-regular-webfont.svg#Glegoo') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../_fonts/montserrat-regular-webfont.eot');
    src: url('../_fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../_fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../_fonts/montserrat-regular-webfont.svg#Montserrat') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {font:100%/1.5 'Arial', sans-serif;}

.slab {font-family:'Glegoo', 'Rockwell', serif;font-weight:400;}
.sans {font-family:'Montserrat', 'Arial', sans-serif;font-weight:400;}
.sans.bold, 
.sans strong, 
.sans b {font-weight:700;}
.text-justify {text-align:justify;}
.caps {text-transform:uppercase;}

h1,
h2,
h3 {font:400 100%/1.35 'Montserrat', 'Arial', serif;text-transform:uppercase;color:#231f20;letter-spacing:1px;}
h4,
h5,
h6 {font:400 100%/1.35 'Glegoo', 'Rockwell', serif;color:#808285;letter-spacing:1px;}

h6 {font-size:125%;}
h5 {font-size:140.625%;}
h4 {font-size:158.2031%;}
h3 {font-size:177.9785%;}
h2 {font-size:200.2258%;}
h1 {font-size:225.2540%;}

.small {font-size:80%;}
.medium {font-size:90%;}
.large {font-size:125%;}

@media only screen and (max-width: 1023px) {
  p {font-size:80%;}
  h6 {font-size:85%;}
  h5 {font-size:90%;}
  h4 {font-size:95%;}
  h3 {font-size:105%;}
  h2 {font-size:115%;}
  h1 {font-size:130%;}
  p,h6,h5,h4,h3,h2,h1 {letter-spacing:0;}
}

@media only screen and (max-width: 767px) {
  p {font-size:75%;}
  h6 {font-size:80%;}
  h5 {font-size:85%;}
  h4 {font-size:90%;}
  h3 {font-size:100%;}
  h2 {font-size:110%;}
  h1 {font-size:125%;}
  p,h6,h5,h4,h3,h2,h1 {letter-spacing:0;}
  .large {font-size:100%;}
}


/* Links */
.link {font-size:0.75em;}
.link:after {content:"\A_\A";font-weight:900;font-size:2em;line-height:0.1;white-space:pre;position:relative;top:-20px;}
.nav-main a {font:400 1.05em/0.6 'Montserrat', 'Arial', serif;text-transform:uppercase;color:#aaa;letter-spacing:1px;}
.nav-bottom a {font:400 0.8em/0.6 'Montserrat', 'Arial', serif;text-transform:uppercase;color:#fff;letter-spacing:1px;-webkit-font-smoothing:antialiased;}
.button {font:400 1em/0.6 'Montserrat', 'Arial', serif;text-transform:uppercase;letter-spacing:1px;}
.button.small {border:0;padding:1em;text-transform:lowercase;margin:0.25em 0 0.75em 0;}
.button.medium {height: 2.035em;line-height:2.035em;}
.button.small.bevel {padding:1em 0.5em 1em 1em;}
a.square {font:400 85%/1.35 'Glegoo', 'Rockwell', serif;color:#fff;}

@media only screen and (max-width: 1023px) {
  a.square {font-size:75%;}
}

@media only screen and (max-width: 767px) {
  a.square {font-size:70%;}
  article[role="listing"] .button.small {float:left;margin:0.6em 0 0.25em;}
  article[role="listing"] .button.small:after {clear:left;}
}

/* Text styles */
.info-year,
.info-month,
.info-date {font:400 0.8em/0.6 'Montserrat', 'Arial', serif;text-transform:uppercase;letter-spacing:1px;display:block;text-align:center;margin-bottom:0.7em;-webkit-font-smoothing:antialiased;}
.info-year {color:#999;}
.info-month {font-size:1.25em;font-weight:700;margin-bottom:0.5em;}
.info-date {font-size: 1.5em;font-weight:700;margin-bottom:0;}
.name {margin-bottom:0;}
.heading:after {content:"\A_\A";font-weight:900;font-size:1em;white-space:pre;position:relative;top:-1em;color:#d11c23;}
.challenge,
.solutions {color:#fff;margin-bottom:0;}
.challenge:after {content:"\A_\A";font-weight:900;font-size:1.25em;white-space:pre;position:relative;top:-1em;color:#999;}
.solutions:after {content:"\A_\A";font-weight:900;font-size:1.25em;white-space:pre;position:relative;top:-1em;color:#d11c23;}

article[role="listing"] p {margin-bottom:0;}
article[role="listing"] h3.small {margin-top:0;}

@media only screen and (min-width: 1400px) {
  .info-year {font-size:1.25em;}
  .info-month {font-size:1.5em;}
  .info-date {font-size: 2em;}
  article[role="listing"] p {margin-top:1em;font-size:0.9em !important;}
  article[role="listing"] h3.small {font-size: 100%;}
  article[role="listing"] h6.small {font-size: 90%;}
}

@media only screen and (max-width: 767px) {
  .info-year {font-size:0.8em;}
  .info-month {font-size:0.8em;}
  .info-date {font-size: 0.8em;}
  article[role="listing"] p {margin:0;font-size:0.8em !important;line-height:1.25em;}
  article[role="listing"] h3.small {font-size: 90%;line-height:1.15em;margin-top:-2px;}
  article[role="listing"] h6.small {font-size: 80%;line-height:0.9em;}
  section[role="cta"] {text-align:center;}
}

/* -----------------------------------
   04. UI elements
   ----------------------------------- */

/* Forms & fields */

input {-webkit-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}

.search input,
.search .button {margin:0;}
.search input {border:1px solid #eee;}
.search .postfix {background:#ccc url('../_img/icon-search@2x.png') center no-repeat;background-size:40%;-webkit-transition: background-color 300ms ease-out;-moz-transition: background-color 300ms ease-out;transition: background-color 300ms ease-out; }
.search .postfix:hover {background-color:#aaa;}

.button {border:0 !important;}

/* Navs */
.nav-main {list-style:none;display:inline;margin:0 auto;padding:1.5em;position:relative;bottom:-4px;}
.nav-main li {display:inline-block;background:none;margin:1.5em;}
.nav-main li a {-webkit-transition:color 300ms ease-in;-moz-transition:color 300ms ease-in;transition:color 300ms ease-in;}
.nav-main li:last-child {}
.nav-main li:hover a {color:#ccc;}
.nav-main li.active a {color:#fff;}
.nav-main li.active:before,
.nav-main li.active:hover:before {content:'';width:3em;height:4px;background:#d11c23;position:absolute;bottom:0;}

.nav-bottom {list-style:none;display:inline;margin:0 auto;padding:0;}
.nav-bottom li {display:inline-block;background:none;margin-right:0.6em;}
.nav-bottom li:last-child {margin-right:0;}
.nav-bottom li a {display:block;color:#808285;padding-bottom:0.3em;}
.nav-bottom li a:hover {color:#d11c23;}
.nav-bottom li.active a {border-bottom:#d11c23 3px solid;color:#fff;}

.nav-side {list-style:none;display:inline;margin:0 auto;padding:0;}
.nav-side li {display:block;}
.nav-side li a {display:block;padding:1em;border:1px solid #ccc;border-bottom:0;color:#aaa;font:400 85%/1.35 'Glegoo', 'Rockwell', serif;}
.nav-side li:last-child a {border-bottom:1px solid #ccc;}
.nav-side li a:hover {background:#f0f0f0 url('../_img/bg-silver-stripe.png');color:#231f20;}
.nav-side li.active a {border-color:#231f20;background:#231f20 url('../_img/bg-charcoal-stripe.png');color:#fff;}


/* Lists */
.list-features, .list-solutions {list-style:inside;display:inline;margin:0 auto;}
.list-features li:first-child {margin-top:1em;}
.list-features:before {content:'';width:3em;height:4px;background:#d11c23;position:absolute;top:0;}

.pagination {height:1.5em !important;}
.pagination li {float:none !important;display:inline-block !important;}
.pagination li.unavailable {opacity:0.5;}
ul.pagination li a {color:#666;}

/* Slider */
.orbit-container .orbit-slides-container > * .orbit-caption {bottom:2em;left:2em;padding: 1.5em;}
.orbit-container .orbit-slides-container > * .orbit-caption h3 {font-size:1.35em;-webkit-font-smoothing:antialiased;}
.orbit-container .orbit-slides-container > * .orbit-caption h5 {font-size:1em;}
.orbit-container .orbit-slides-container > * .orbit-caption p {font-size:0.8em;}

/* Thumbs */
.thumb {max-height:240px;margin-bottom:1em;}
.logo {width:50%;max-width:140px;position:absolute;top:80px;left:1em;padding:10px;background:#fff;}
.square {display:block;position:relative;width:100%;padding:10% 10% 90% 10%;float:left;height:0;margin:1em 0;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.square:hover {background:#231f20 url('../_img/bg-charcoal-stripe.png');padding:40% 10% 60% 10%;}
.square.cal {width:60%;padding:10% 10% 50% 10%;margin:0 auto;left:50%;margin-left:-30%;}
.square.cal:hover {background:#231f20 url('../_img/bg-charcoal-stripe.png');padding:15% 10% 45% 10%;}

/* Sections & divs */
section[role="banner"] img {display:block;width:100%;}
.caption {position:relative;height:0;bottom:0;max-width:70%;left:50%;margin-left:-35%;}
.caption .bg-black-clear {position:absolute;bottom:0;padding:2em;}
.fb-like-box, 
.fb_iframe_widget,
.fb-like-box span,
.fb_iframe_widget span,
.fb-like-box span iframe,
.fb_iframe_widget span iframe {width: 100% !important;max-width:352px !important;height:533px !important;margin-top:1em;}

/* Decor */
.shadow {-webkit-box-shadow: -3px 3px 0 rgba(204, 204, 204, 1);box-shadow: -3px 3px 0 rgba(204, 204, 204, 1);}

.bevel {position:relative;min-height:20px;margin-right:20px;padding:20px 0 20px 20px;}

.bevel:after{content:'';display:block;right:-20px;top:0;position:absolute;border-top:20px solid transparent;border-left:20px solid #fff;}
.bevel:before{content:'';display: block;width: 20px;position:absolute;top:20px;right:-20px;bottom:0;background:#fff;}

.bevel.bg-silver:after {border-left: 20px solid #f0f0f0;}
.bevel.bg-silver:before{background: #f0f0f0;}

.bevel.bg-charcoal:after {border-left: 20px solid #231f20;}
.bevel.bg-charcoal:before{background: #231f20;}

.bevel.button:after {right: -10px;border-top: 10px solid transparent;border-left: 10px solid #d11c23;}
.bevel.button:before {width: 10px;top: 10px;right: -10px;background:#d11c23;}

@media only screen and (max-width: 1400px) {
}
 
@media only screen and (max-width: 1280px) {
  .nav-main li {display:inline-block;margin:1.5em 1em;}
  .nav-main li a {letter-spacing:1px;}
  .orbit-container .orbit-slides-container > * .orbit-caption {padding:1em;}
}

@media only screen and (max-width: 1100px) {
  .nav-main {padding:0;}
  .nav-main li {display:block;margin:0.4em 0 0.5em;}
  .bg-nav {background:none;}
  .nav-main li.active:after,
  .nav-main li.active:hover:after  {content:"";display:inline-block;margin-left:0.5em;width:1.1em;height:1.1em;background:transparent url('../_img/bg-slash-red.png') center no-repeat;background-size:contain;}
  .nav-main li.active:before,
  .nav-main li.active:hover:before  {display:none;}
  .orbit-container .orbit-slides-container img {padding-bottom:1.5em;}
}

@media only screen and (max-width: 960px) {
	
}

@media only screen and (max-width: 767px) {
  .thumb {display:none;}
  .logo {position:static;margin:0 0 0.6em 0;padding:0;}
  .nav-main li {display:inline;padding:5px 0;}
  .nav-main li a {margin-right:2.25em;font-size:1.15em;}
  .nav-main li.active a {border-left:3px solid #d11c23;padding-left:0.5em;}
  .nav-main li.active:after,
  .nav-main li.active:hover:after,
  .nav-main li.active:before,
  .nav-main li.active:hover:before  {display:none;}
  .orbit-container .orbit-slides-container img {padding-bottom:4em;}
  .orbit-container .orbit-slides-container > * .orbit-caption {bottom:0.6em;left:0.6em;padding:0.6em;max-width:95%;margin-top:200px;background:transparent url('../_img/bg-black-clear-bottom-left-sml.png') bottom left no-repeat;background-size:100%;}  
  .orbit-container .orbit-slides-container > * .orbit-caption h3 {font-size:1em;-webkit-font-smoothing:antialiased;line-height:1.2em;letter-spacing:0;margin-bottom:0;}
  .orbit-container .orbit-slides-container > * .orbit-caption h5 {font-size:0.75em;line-height:1.2em;letter-spacing:0;}
  .orbit-container .orbit-slides-container > * .orbit-caption p {font-size:0.75em;line-height:1.2em;}
  .orbit-container .orbit-slides-container > * .orbit-caption .button {font-size:0.75em;padding:1em 0.5em;margin:0 auto;}
  .caption {max-width:96%;left:50%;margin-left:-48%;}
  .caption .bg-black-clear {padding:0.6em 0;}
  .caption h1,
  .caption p {margin:0;}
	#nav-wrapper nav {border-top:1px solid rgba(255,255,255,0.1);margin-top:5px;}
}

/* -----------------------------------
   05. ID-specific
   ----------------------------------- */
#header-wrapper {display:table;width:100%;}
#logo {display:table-cell;width:162px;height:100px;}
#nav-wrapper {display:table-cell;width:auto;height:100px;vertical-align:bottom;padding:0 2em;overflow:hidden;}
#extra-wrapper {display:table-cell;width:20%;max-width:250px;min-width:150px;height:100px;vertical-align:top;padding:0;text-align:right;}
#extra-wrapper-small {display:none;}
#link-support {margin:0;}
#btn-demo-top {margin:0 auto 0;}
#btn-demo-bottom {margin:1.5em auto 0;}
#btn-intro-learn {margin:0 auto;}
#rise-box {position:relative;top:-2.5em;}
#social-icons {text-align:left;margin:0 auto;}
.small-block-grid-3#social-icons > li, .small-block-grid-4#social-icons > li {padding-right:0 !important;}
#social-icons a {opacity:0.5;filter:alpha(opacity=50);}
#social-icons a:hover {opacity:1;filter:alpha(opacity=100);}
#social-icons {margin:0 !important;}
.small-block-grid-4#social-icons > li {padding:0 !important;}
#form-city {max-width:280px;margin:0 auto;}
#form-newsletter {max-width:280px;}
#form-city .postfix {background:#ccc;border:0;text-align:left;padding:0 0.5em;}
#wrapper {width:100%;margin:0 auto;}
#main {width:58%;max-width:58%;float:right;margin-right:2% !important;}
#sidebar {width:36%;max-width:36%;min-height:200px;margin:5px 0 50px;float:left;margin-left:2% !important;text-align:center;}

@media only screen and (min-width: 100em) {
  #main {max-width:70em;margin-right:2em !important;}
  #sidebar {max-width:28em;margin-left:2em !important;}
}

@media only screen and (min-width: 1280px) {
  #btn-intro-learn {margin-left:2em;}
}

@media only screen and (max-width: 1160px) {
  #nav-wrapper {padding:0 0 0 2.5em;}
  #nav-wrapper,
  #extra-wrapper {height:auto;}
  #extra-wrapper {padding:0;width:25%;margin-top:0;padding-top:0;} 
  #form-search{position:relative;top:-1.5em;}
  #btn-demo-top {margin:0;position:relative;top:-0.5em;letter-spacing:0;font-size:0.8em;}
  #btn-demo-bottom {margin:0.75em auto 0;font-size:0.8em;}
}

@media only screen and (max-width: 800px) {
  #btn-demo-bottom {font-size:0.7em;}
}

@media only screen and (max-width: 767px) {
  #header-wrapper,
  #logo,
  #nav-wrapper {display:block;}
  #extra-wrapper {display:none;}
  #logo {float:left;max-width:150px;max-height:100px;margin:0.6em 0 0 0;}
  #extra-wrapper-small {display:block;float:right;text-align:right;}
  #extra-wrapper-small:after {content:"";clear:both;}
  #nav-wrapper {clear:both;padding:0.6em 0;font-size:0.9em !important;letter-spacing:0;}
  #btn-intro-learn {float:none;margin-left:2.3em;}
  #btn-demo-bottom {font-size:1em;}
  #form-newsletter {margin:0 auto;}
  #form-city {max-width:220px;margin-top:0.6em;}
  #form-city .custom.dropdown {margin-bottom:0.6em !important;}
  #main {width:95%;max-width:95% !important;float:none;margin:2em auto !important;box-sizing:border-box;}
  #sidebar {width:95%;max-width:95% !important;min-height:50px !important;float:none;margin:0 auto !important;text-align:left;box-sizing:border-box;}
	#social-icons {text-align:center;}
}

@media only screen and (max-width: 480px) {
  #logo {max-width:110px;max-height:60px;}
  #logo-footer {max-width:150px;}
  .small-block-grid-3#social-icons > li, .small-block-grid-4#social-icons > li {padding:0 !important;}
  #nav-wrapper ul li a {font-size:0.8em;letter-spacing:0;}
  #extra-wrapper-small {max-height:80px;}
  #link-support {top:-5px;}
  #form-search{top:-1.75em;}
}