@import url(http://fonts.googleapis.com/css?family=Open+Sans);
/*
* DesignGraphic 2015
* Copyright 2014, DesignGraphic
* www.designgraphic.gr
* 17/10/2014
*/
/* Table of Content
==================================================
	#Normalize
	#General styles

	#Parallax & Full-width images styling
	#Colour & Pattern overlays
	#Button styles
	#Alert boxes

	#Default styling for external plugins (PrettyPhoto, Slabtext, Typed, Revolution Slider, Flexslider, Isotope, Jetmenu)

	#Top section (small menu, navigation bar, sliders & parallax headers)

	#Services section
	#Premium packages
	#Video section
	#Blog section
	#Awesomeness meter
	#Who We Are
	#Who I Am
	#PC big
	#PC small on side
	#My skills
	#Certificates
	#Discography
	#Upcoming events
	#Our clients
	#Testimonials
	#Portfolio
	#Twitter section
	#Map
	#Contact
	#Buy now section
	#Footer section

	#Media Queries
	#Media Queries - everything below 959px
	#Media Queries - between 768px and 959px only
	#Media Queries - smaller than 767px
	#Media Queries - smaller than 479px
	#Media Queries - @2x resolution





/* #Site Styles
================================================== */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Lesswise import
================================================== */
.shadowed_text_sharp {
  text-shadow: 1px 1px 0px #000000;
}
.3dtextwhite {
  text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0px 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}
.center_absolute {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.center_vertically {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.center_img {
  margin: auto;
  display: block;
}
.imgflip {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.text_indent_hack {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}
.font1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
.font2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  margin: 0;
}
body {
  background: white;
  background: url('../images/squairy_light.jpg');
  background-repeat: repeat;
}
#scroll-up {
  display: block;
  -webkit-transition: all 1000ms ease-in-out;
  -moz-transition: all 1000ms ease-in-out;
  -o-transition: all 1000ms ease-in-out;
  -ms-transition: all 1000ms ease-in-out;
  transition: all 1000ms ease-in-out;
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  line-height: 35px;
  text-align: center;
  z-index: 999;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 2px solid #5c626b;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.4);
  opacity: 0.4;
}
#scroll-up .fa {
  color: #5c626b;
  font-size: 12px;
}
#scroll-up:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=1);
  opacity: 1;
}
#body-preloader {
  background-color: white;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  z-index: 999999;
  background-image: url('../images/preloader.gif');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 32px 32px;
}
#body-preloader .table-center-vertically {
  display: table;
  width: 100%;
  height: 100%;
}
#body-preloader h1 {
  color: #6ba9ff;
  font-size: 18px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding-top: 70px;
  font-weight: 300;
}
#qLpercentage {
  font-size: 30px !important;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 200 !important;
  font-weight: 300 !important;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.z1 {
  z-index: 1;
}
.z2 {
  z-index: 2;
}
.z3 {
  z-index: 3;
}
.z4 {
  z-index: 4;
}
.z5 {
  z-index: 5;
}
span.bold {
  font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #5c626b;
}
h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
h6.bold {
  font-weight: 700;
}
h1 .red,
h2 .red,
h3 .red,
h4 .red,
h5 .red,
h6 .red {
  color: #ea6153;
}
h1 .blue,
h2 .blue,
h3 .blue,
h4 .blue,
h5 .blue,
h6 .blue {
  color: #6ba9ff;
}
h1 .green,
h2 .green,
h3 .green,
h4 .green,
h5 .green,
h6 .green {
  color: #4be5c4;
}
h1 .purple,
h2 .purple,
h3 .purple,
h4 .purple,
h5 .purple,
h6 .purple {
  color: #d6abf2;
}
h1 .orange,
h2 .orange,
h3 .orange,
h4 .orange,
h5 .orange,
h6 .orange {
  color: #ffbb92;
}
h1 .grey,
h2 .grey,
h3 .grey,
h4 .grey,
h5 .grey,
h6 .grey {
  color: #bcbcbc;
}
.dot {
  width: 5px;
  height: 5px;
  background-image: url('../images/dot.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  float: left;
}
.highlight {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0px 5px 2px 5px;
  font-weight: 400;
}
.highlight.red {
  background-color: #ea6153;
  color: white;
}
.highlight.blue {
  background-color: #6ba9ff;
  color: white;
}
.highlight.green {
  background-color: #4be5c4;
  color: white;
}
.highlight.orange {
  background-color: #ffbb92;
  color: white;
}
.highlight.purple {
  background-color: #d6abf2;
  color: white;
}
.highlight.grey {
  background-color: #bcbcbc;
  color: white;
}
blockquote p {
  font-size: 15px;
}
blockquote.red {
  border-left: 3px solid #ea6153;
}
blockquote.green {
  border-left: 3px solid #4be5c4;
}
blockquote.blue {
  border-left: 3px solid #6ba9ff;
}
blockquote.orange {
  border-left: 3px solid #ffbb92;
}
blockquote.purple {
  border-left: 3px solid #d6abf2;
}
blockquote.grey {
  border-left: 3px solid #bcbcbc;
}
p {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 22px;
  color: #5c626b;
  padding: 0px;
  margin: 0px;
  font-weight: 400;
}
ul {
  margin: 0px;
}
li {
  font-size: 15px;
  line-height: 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  padding: 10px 0px;
  margin: 0px;
  color: #fff;
  font-weight: 400;
}
.clear-both {
  clear: both;
}
.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}
.opacity-zero {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 1500ms ease;
  -moz-transition: opacity 1500ms ease;
  -o-transition: opacity 1500ms ease;
  -ms-transition: opacity 1500ms ease;
  transition: opacity 1500ms ease;
}
.opacity-up {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=1);
  opacity: 1;
}
.scale-hover {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.scale-hover-subtle {
  transform: scale(1.03);
  -ms-transform: scale(1.03);
  -webkit-transform: scale(1.03);
}
.translate-default-down {
  transform: translate(0px, 70px);
  -ms-transform: translate(0px, 70px);
  -webkit-transform: translate(0px, 70px);
}
.translate-default-up {
  transform: translate(0px, -70px);
  -ms-transform: translate(0px, -70px);
  -webkit-transform: translate(0px, -70px);
}
.translate-default {
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  transition: all 1000ms ease;
  transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
}
.translate-height {
  padding: 20px 0px !important;
  height: 150px !important;
  -webkit-transition: all 1000ms ease-in-out;
  -moz-transition: all 1000ms ease-in-out;
  -o-transition: all 1000ms ease-in-out;
  -ms-transition: all 1000ms ease-in-out;
  transition: all 1000ms ease-in-out;
}
hr {
  border: 0;
  height: 1px;
  background: #333;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(198, 204, 210, 0)), color-stop(50%, #c6ccd2), color-stop(100%, rgba(198, 204, 210, 0)));
  background: -webkit-linear-gradient(left, rgba(198, 204, 210, 0) 0%, #c6ccd2 50%, rgba(198, 204, 210, 0) 100%);
  background: -moz-linear-gradient(left, rgba(198, 204, 210, 0) 0%, #c6ccd2 50%, rgba(198, 204, 210, 0) 100%);
  background: -ms-linear-gradient(left, rgba(198, 204, 210, 0) 0%, #c6ccd2 50%, rgba(198, 204, 210, 0) 100%);
  background: -o-linear-gradient(left, rgba(198, 204, 210, 0) 0%, #c6ccd2 50%, rgba(198, 204, 210, 0) 100%);
  background: linear-gradient(left, rgba(198, 204, 210, 0) 0%, #c6ccd2 50%, rgba(198, 204, 210, 0) 100%);
  width: 100%;
  margin: 40px 0px;
}
hr.light {
  border: 0;
  height: 1px;
  background: #333;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  margin: 40px 0px;
}
.gradient-white {
  background: url('../images/gradient_white.png');
  background-repeat: repeat-x;
  background-size: 100% 100%;
  width: 100%;
  height: 67px;
  position: absolute;
  bottom: 0px;
  z-index: 800;
}
.shadow-holder {
  position: relative;
}
.divider-shadow-bottom {
  background: url('../images/divider_shadow_bottom.png');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
  width: 100%;
  height: 60px;
  margin: 0 auto;
  position: relative;
  z-index: 899;
}
a {
  text-decoration: none;
}
.parallax {
  background-size: cover !important;
}
.still-bg {
  background-size: cover !important;
}
#parallax01 {
  background: url('../images/placeholders/def_parallax.jpg') 0% 0 no-repeat fixed;
  height: 100%;
}
#background-awesomeness {
  background: url('../images/placeholders/def_parallax.jpg') 0% 0 repeat fixed;
  background-size: cover;
}
#parallax04 {
  background: url('../images/placeholders/def_parallax.jpg') 0% 0 no-repeat fixed;
}
#parallax06 {
  background: url('../images/placeholders/def_parallax.jpg') 0% 0 no-repeat fixed;
}
#background-aboutme {
  background: url('../images/placeholders/def_parallax.jpg') 80% 0 no-repeat;
  background-size: cover;
}
#background-testimonials {
  background: url('../images/placeholders/def_parallax.jpg') 80% 0 repeat fixed;
  background-size: cover;
}
#background-textsection {
  background: url('../images/placeholders/def_parallax.jpg') 80% 0 repeat fixed;
  background-size: cover;
}
#background-clients {
  background: url('../images/placeholders/def_parallax_dark.jpg') 80% 0 repeat;
  background-size: cover;
}
.overlay-white {
  width: 100%;
  height: 100%;
  background: url('../images/overlay_white.png');
}
.overlay-light-blue {
  width: 100%;
  height: 100%;
  background: url('../images/overlay_light_blue.png');
}
.overlay-medium-red {
  width: 100%;
  height: 100%;
  background: url('../images/overlay_medium_red.png');
}
.overlay-dark-red {
  width: 100%;
  height: 100%;
  background: url('../images/overlay_dark_red.png');
}
.overlay-medium-grey {
  width: 100%;
  height: 100%;
  background: url('../images/overlay_medium_grey.png');
}
.overlay-white-dots {
  width: 100%;
  height: 100%;
  background: url('../images/overlay_white_dots.png');
}
.overlay-dark-dots {
  width: 100%;
  height: 100%;
  background: url('../images/overlay_dark_dots.png');
}
.overlay-dark-bars {
  width: 100%;
  height: 100%;
  background: url('../images/overlay_dark_bars.png');
}
.overlay-white-bars {
  width: 100%;
  height: 100%;
  background: url('../images/overlay_light_bars.png');
}
.overlay-white-bars-blue {
  width: 100%;
  height: 100%;
  background: url('../images/overlay_light_bars_blue.png');
}
.overlay-blue-bars {
  width: 100%;
  height: 100%;
  background: url('../images/overlay_blue_bars.png');
}
.overlay-red-bars {
  width: 100%;
  height: 100%;
  background: url('../images/overlay_red_bars.png');
}
.button,
input[type="submit"] {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  line-height: 26px;
  width: 100%;
  height: 100%;
  border: 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #fff !important;
  background: #b5b9be;
  -webkit-box-shadow: 0px 2px 0px #a2a9b1;
  -moz-box-shadow: 0px 2px 0px #a2a9b1;
  box-shadow: 0px 2px 0px #a2a9b1;
  position: relative;
  top: 0px;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
.button .fa,
input[type="submit"] .fa {
  font-size: 20px;
  line-height: 11px;
  margin-right: 8px;
}
.button:hover,
input[type="submit"]:hover {
  border: 0px;
  color: #fff;
  background: #a8acb2;
  -webkit-transition: background 150ms ease-in-out;
  -moz-transition: background 150ms ease-in-out;
  -o-transition: background 150ms ease-in-out;
  -ms-transition: background 150ms ease-in-out;
  transition: background 150ms ease-in-out;
}
.button:active,
input[type="submit"]:active {
  top: 3px;
  border: 0px;
  color: #fff;
  -webkit-box-shadow: 0px 0px 0px #a2a9b1;
  -moz-box-shadow: 0px 0px 0px #a2a9b1;
  box-shadow: 0px 0px 0px #a2a9b1;
  -webkit-transition: all 60ms ease-in-out;
  -moz-transition: all 60ms ease-in-out;
  -o-transition: all 60ms ease-in-out;
  -ms-transition: all 60ms ease-in-out;
  transition: all 60ms ease-in-out;
}
a.header-button {
  width: auto;
  max-width: 300px;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  text-transform: uppercase;
  margin: 0 auto;
  padding: 0px 35px;
  font-weight: 600;
  margin-top: 30px;
  line-height: 35px !important;
  color: #5c626b;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid #5c626b !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
  font-size: 11px !important;
}
a.header-button .fa {
  margin-right: 5px;
}
a.header-button.blue {
  color: white;
  background-color: #6ba9ff;
  border: 1px solid #6ba9ff !important;
}
a.header-button.blue:hover {
  border: 1px solid white !important;
  color: white;
}
a.header-button.red {
  color: white;
  background-color: #ea6153;
  border: 1px solid #ea6153 !important;
}
a.header-button.red:hover {
  border: 1px solid white !important;
  color: white;
}
a.header-button.orange {
  color: white;
  background-color: #ffbb92;
  border: 1px solid #ffbb92 !important;
}
a.header-button.orange:hover {
  border: 1px solid white !important;
  color: white;
}
a.header-button.purple {
  color: white;
  background-color: #d6abf2;
  border: 1px solid #d6abf2 !important;
}
a.header-button.purple:hover {
  border: 1px solid white !important;
  color: white;
}
a.header-button.green {
  color: white;
  background-color: #4be5c4;
  border: 1px solid #4be5c4 !important;
}
a.header-button.green:hover {
  border: 1px solid white !important;
  color: white;
}
a.header-button.dark-grey {
  color: white;
  background-color: #404348;
  border: 1px solid #404348 !important;
}
a.header-button.dark-grey:hover {
  border: 1px solid white !important;
  color: white;
}
.button.green,
input[type="submit"].green {
  background: #4be5c4;
  -webkit-box-shadow: 0px 2px 0px #35cdac;
  -moz-box-shadow: 0px 2px 0px #35cdac;
  box-shadow: 0px 2px 0px #35cdac;
}
.button.green:hover,
input[type="submit"].green:hover {
  background: #35e2bd;
  -webkit-transition: background 150ms ease-in-out;
  -moz-transition: background 150ms ease-in-out;
  -o-transition: background 150ms ease-in-out;
  -ms-transition: background 150ms ease-in-out;
  transition: background 150ms ease-in-out;
}
.button.green:active,
input[type="submit"].green:active {
  -webkit-box-shadow: 0px 0px 0px #35cdac;
  -moz-box-shadow: 0px 0px 0px #35cdac;
  box-shadow: 0px 0px 0px #35cdac;
  -webkit-transition: all 60ms ease-in-out;
  -moz-transition: all 60ms ease-in-out;
  -o-transition: all 60ms ease-in-out;
  -ms-transition: all 60ms ease-in-out;
  transition: all 60ms ease-in-out;
}
.button.blue,
input[type="submit"].blue {
  background: #6ba9ff;
  -webkit-box-shadow: 0px 2px 0px #6399e3;
  -moz-box-shadow: 0px 2px 0px #6399e3;
  box-shadow: 0px 2px 0px #6399e3;
}
.button.blue:hover,
input[type="submit"].blue:hover {
  background: #519aff;
  -webkit-transition: background 150ms ease-in-out;
  -moz-transition: background 150ms ease-in-out;
  -o-transition: background 150ms ease-in-out;
  -ms-transition: background 150ms ease-in-out;
  transition: background 150ms ease-in-out;
}
.button.blue:active,
input[type="submit"].blue:active {
  -webkit-box-shadow: 0px 0px 0px #6399e3;
  -moz-box-shadow: 0px 0px 0px #6399e3;
  box-shadow: 0px 0px 0px #6399e3;
  -webkit-transition: all 60ms ease-in-out;
  -moz-transition: all 60ms ease-in-out;
  -o-transition: all 60ms ease-in-out;
  -ms-transition: all 60ms ease-in-out;
  transition: all 60ms ease-in-out;
}
.button.red,
input[type="submit"].red {
  background: #ea6153;
  -webkit-box-shadow: 0px 2px 0px #c06157;
  -moz-box-shadow: 0px 2px 0px #c06157;
  box-shadow: 0px 2px 0px #c06157;
}
.button.red:hover,
input[type="submit"].red:hover {
  background: #e74c3c;
  -webkit-transition: background 150ms ease-in-out;
  -moz-transition: background 150ms ease-in-out;
  -o-transition: background 150ms ease-in-out;
  -ms-transition: background 150ms ease-in-out;
  transition: background 150ms ease-in-out;
}
.button.red:active,
input[type="submit"].red:active {
  -webkit-box-shadow: 0px 0px 0px #c06157;
  -moz-box-shadow: 0px 0px 0px #c06157;
  box-shadow: 0px 0px 0px #c06157;
  -webkit-transition: all 60ms ease-in-out;
  -moz-transition: all 60ms ease-in-out;
  -o-transition: all 60ms ease-in-out;
  -ms-transition: all 60ms ease-in-out;
  transition: all 60ms ease-in-out;
}
.button.orange,
input[type="submit"].orange {
  background: #ffbb92;
  -webkit-box-shadow: 0px 2px 0px #e3a682;
  -moz-box-shadow: 0px 2px 0px #e3a682;
  box-shadow: 0px 2px 0px #e3a682;
}
.button.orange:hover,
input[type="submit"].orange:hover {
  background: #ffab78;
  -webkit-transition: background 150ms ease-in-out;
  -moz-transition: background 150ms ease-in-out;
  -o-transition: background 150ms ease-in-out;
  -ms-transition: background 150ms ease-in-out;
  transition: background 150ms ease-in-out;
}
.button.orange:active,
input[type="submit"].orange:active {
  -webkit-box-shadow: 0px 0px 0px #e3a682;
  -moz-box-shadow: 0px 0px 0px #e3a682;
  box-shadow: 0px 0px 0px #e3a682;
  -webkit-transition: all 60ms ease-in-out;
  -moz-transition: all 60ms ease-in-out;
  -o-transition: all 60ms ease-in-out;
  -ms-transition: all 60ms ease-in-out;
  transition: all 60ms ease-in-out;
}
.button.purple,
input[type="submit"].purple {
  background: #d6abf2;
  -webkit-box-shadow: 0px 2px 0px #b894d0;
  -moz-box-shadow: 0px 2px 0px #b894d0;
  box-shadow: 0px 2px 0px #b894d0;
}
.button.purple:hover,
input[type="submit"].purple:hover {
  background: #cb95ee;
  -webkit-transition: background 150ms ease-in-out;
  -moz-transition: background 150ms ease-in-out;
  -o-transition: background 150ms ease-in-out;
  -ms-transition: background 150ms ease-in-out;
  transition: background 150ms ease-in-out;
}
.button.purple:active,
input[type="submit"].purple:active {
  -webkit-box-shadow: 0px 0px 0px #b894d0;
  -moz-box-shadow: 0px 0px 0px #b894d0;
  box-shadow: 0px 0px 0px #b894d0;
  -webkit-transition: all 60ms ease-in-out;
  -moz-transition: all 60ms ease-in-out;
  -o-transition: all 60ms ease-in-out;
  -ms-transition: all 60ms ease-in-out;
  transition: all 60ms ease-in-out;
}
.button.dark-grey,
input[type="submit"].dark-grey {
  background: #5c626b;
  -webkit-box-shadow: 0px 2px 0px #464b53;
  -moz-box-shadow: 0px 2px 0px #464b53;
  box-shadow: 0px 2px 0px #464b53;
}
.button.dark-grey:hover,
input[type="submit"].dark-grey:hover {
  background: #50555d;
  -webkit-transition: background 150ms ease-in-out;
  -moz-transition: background 150ms ease-in-out;
  -o-transition: background 150ms ease-in-out;
  -ms-transition: background 150ms ease-in-out;
  transition: background 150ms ease-in-out;
}
.button.dark-grey:active,
input[type="submit"].dark-grey:active {
  -webkit-box-shadow: 0px 0px 0px #464b53;
  -moz-box-shadow: 0px 0px 0px #464b53;
  box-shadow: 0px 0px 0px #464b53;
  -webkit-transition: all 60ms ease-in-out;
  -moz-transition: all 60ms ease-in-out;
  -o-transition: all 60ms ease-in-out;
  -ms-transition: all 60ms ease-in-out;
  transition: all 60ms ease-in-out;
}
.alert-box {
  background-color: white;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
  color: #5c626b;
  width: 100%;
  margin: 30px 0px;
  min-height: 85px;
}
.alert-box .alert-icon {
  text-align: center;
  font-size: 25px;
  display: table;
  height: 100%;
}
.alert-box .alert-icon .fa {
  display: table-cell;
  vertical-align: middle;
  padding-top: 23px;
  font-size: 40px;
  color: white;
}
.alert-box .alert-text {
  padding: 20px 20px 20px 0px;
  color: white;
  font-weight: 400;
  font-size: 13px;
}
.alert-box.red {
  background-color: #eb7963;
}
.alert-box.green {
  background-color: #a2ce78;
}
.alert-box.blue {
  background-color: #7aadec;
}
.alert-box.grey {
  background-color: #bebebe;
}
.pp_overlay {
  background: #f7f7f7 !important;
}
.slabtexted .slabtext {
  display: -moz-inline-box;
  display: inline-block;
  white-space: nowrap;
}
.slabtextinactive .slabtext {
  display: inline;
  white-space: normal;
  font-size: 1em !important;
  letter-spacing: inherit !important;
  word-spacing: inherit !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
}
.slabtextdone .slabtext {
  display: block;
}
#typed-cursor {
  opacity: 1;
  font-weight: 100;
  -webkit-animation: blink 1.6s infinite;
  -moz-animation: blink 1.6s infinite;
  -ms-animation: blink 1.6s infinite;
  -o-animation: blink 1.6s infinite;
  animation: blink 1.6s infinite;
  font-size: 55px;
  padding: 0px;
  margin: 0px;
  line-height: 45px;
  margin-left: 5px;
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.typed-wrapper {
  text-align: center;
  margin-bottom: 30px;
}
.typed-elements {
  display: none !important;
}
.typed-export {
  display: inline-block;
}
.bannercontainer {
  width: 100%;
  position: relative;
  padding: 0;
  overflow: hidden !important;
  border-bottom: 5px solid white;
}
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
  visibility: visible;
}
.mobile-button {
  display: none !important;
}
.tp-leftarrow.default {
  width: 27px;
  height: 80px;
  background-color: #5c626b;
  background-image: url('../images/arrow_left.png');
  background-repeat: no-repeat;
  background-size: 29% ;
  background-position: center center;
  -webkit-transition: opacity 150ms ease-in-out;
  -moz-transition: opacity 150ms ease-in-out;
  -o-transition: opacity 150ms ease-in-out;
  -ms-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.3);
  opacity: 0.3;
}
.tp-leftarrow.default:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.7);
  opacity: 0.7;
}
.tp-rightarrow.default {
  width: 27px;
  height: 80px;
  background-color: #5c626b;
  background-image: url('../images/arrow_right.png');
  background-repeat: no-repeat;
  background-size: 29% ;
  background-position: center center;
  -webkit-transition: opacity 150ms ease-in-out;
  -moz-transition: opacity 150ms ease-in-out;
  -o-transition: opacity 150ms ease-in-out;
  -ms-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.3);
  opacity: 0.3;
}
.tp-rightarrow.default:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.7);
  opacity: 0.7;
}
.banner {
  width: 100%;
  position: relative;
}
.banner li {
  padding: 0px;
}
.banner h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  text-transform: uppercase;
  font-size: 47px;
  color: #5c626b;
  padding-bottom: 5px;
  border-bottom: 8px solid white;
  letter-spacing: -2px;
}
.banner h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 15px;
  color: #5c626b;
}
.banner .small-caption h3,
.banner .big-caption h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 14px;
  color: #747b86;
  background-color: white;
  line-height: 14px;
  padding: 8px 15px;
}
.banner .white-font h1,
.banner .white-font h2 {
  color: white !important;
}
.banner .font-shadow {
  text-shadow: 0px 0px 10px #000000;
}
.slide-imac img {
  height: 540px;
}
.slide-ipad img {
  height: 205px;
}
.slide-iphone img {
  height: 140px;
}
.slide-macbook img {
  height: 280px;
}
.big-caption h3 {
  line-height: 20px !important;
  font-size: 18px !important;
  padding: 20px !important;
}
.big-caption h3 .bold {
  font-weight: 700 !important;
}
.under-dots h2 {
  font-size: 12px;
}
.caption-w-icon.red .fa {
  color: #ea6153;
  border: 2px solid #ea6153;
}
.caption-w-icon.red h3 {
  color: #ea6153;
}
.caption-w-icon.blue .fa {
  color: #6ba9ff;
  border: 2px solid #6ba9ff;
}
.caption-w-icon.blue h3 {
  color: #6ba9ff;
}
.caption-w-icon.green .fa {
  color: #4be5c4;
  border: 2px solid #4be5c4;
}
.caption-w-icon.green h3 {
  color: #4be5c4;
}
.caption-w-icon.purple .fa {
  color: #d6abf2;
  border: 2px solid #d6abf2;
}
.caption-w-icon.purple h3 {
  color: #d6abf2;
}
.caption-w-icon .fa {
  font-size: 20px;
  border: 2px solid white;
  color: white;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  padding: 10px;
  margin-left: 10px;
}
.caption-w-icon h3 {
  margin-top: 8px;
  padding-left: 0px;
  float: left;
  background-color: transparent;
  font-size: 15px;
}
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}
.flex-control-nav {
  width: 100%;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  display: inline;
  padding: 0px;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: transparent !important;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #f3f3f3;
}
.flex-control-paging li a:hover {
  background: #808080 !important;
}
.flex-control-paging li a.flex-active {
  cursor: default;
  background: #f3f3f3 !important;
}
.flex-viewport {
  padding: 0px;
  margin: 0px;
}
.flex-viewport ul {
  padding: 0px;
  margin: 0px;
}
.flex-direction-nav li {
  display: inline-block;
  padding: 0px 2px;
}
.flex-direction-nav a {
  opacity: 1;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
  display: inline-block;
  -webkit-transition: opacity 160ms ease-in-out;
  -moz-transition: opacity 160ms ease-in-out;
  -o-transition: opacity 160ms ease-in-out;
  -ms-transition: opacity 160ms ease-in-out;
  transition: opacity 160ms ease-in-out;
}
.flex-direction-nav a:hover {
  -webkit-transition: opacity 100ms ease-in-out;
  -moz-transition: opacity 100ms ease-in-out;
  -o-transition: opacity 100ms ease-in-out;
  -ms-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.7);
  opacity: 0.7;
}
.flex-direction-nav .flex-prev {
  background: url('../images/sprite_arrows.png');
  background-position: left bottom;
}
.flex-direction-nav .flex-next {
  background: url('../images/sprite_arrows.png');
  background-position: right bottom;
}
.flex-direction-nav a.flex-disabled {
  opacity: 0;
}
.flexslider-header-fade {
  margin: 0 auto;
  text-align: center;
}
.flexslider-header-fade ul {
  width: auto;
  max-width: 500px;
  margin: 0 auto;
  display: block;
}
.flexslider-header-slide ul li {
  padding: 0px;
}
.portfolioFilter a.current {
  font-weight: bold;
}
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}
/* MENU CONFIGURATION
**********************************************************/
.jetmenu {
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  float: left;
  list-style: none;
  background: #333333;
}
.jetmenu li {
  display: inline-block;
  float: left;
}
.jetmenu a {
  -o-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
  outline: none;
  z-index: 10;
}
.jetmenu > li > a {
  padding: 18px 28px;
  font-size: 16px;
  color: #999;
  text-decoration: none;
  display: inline-block;
}
.jetmenu > li:hover > a,
.jetmenu > li.active > a {
  background: #e0e0e0;
  color: #555;
}
/* DROPDOWN CONFIGURATION
**********************************************************/
.jetmenu ul.dropdown,
.jetmenu ul.dropdown li ul.dropdown {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  z-index: 99;
  width: 146px;
  background: #333333;
}
.jetmenu ul.dropdown {
  top: 58px;
}
.jetmenu ul.dropdown li ul.dropdown {
  left: 146px;
  top: inherit;
}
.jetmenu ul.dropdown li {
  clear: both;
  width: 100%;
  font-size: 12px;
}
.jetmenu ul.dropdown li a {
  width: 100%;
  padding: 12px 28px 12px;
  display: inline-block;
  float: left;
  clear: both;
  text-decoration: none;
  color: #999;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.jetmenu ul.dropdown li:hover > a {
  background: #e0e0e0;
  color: #555;
}
/* SUBMENU INDICATORS
**********************************************************/
.jetmenu .indicator {
  position: relative;
  left: 5px;
  top: 2px;
  font-size: 14px;
  float: right;
}
.jetmenu ul li .indicator {
  font-size: 12px;
  top: 1px;
  left: 10px;
}
/* MEGAMENU
**********************************************************/
.jetmenu > li > .megamenu {
  position: absolute;
  display: none;
  background: #333333;
  min-width: 25%;
  top: 58px;
  font-size: 12px;
  color: #999;
  z-index: 99;
  padding: 20px 30px 20px;
  border-top: 1px solid #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* megamenu list */
.jetmenu li > .megamenu ul {
  margin: 0 0 0px 0;
  float: left;
  padding: 0;
  display: block;
  position: relative;
}
.jetmenu li > .megamenu ul li {
  width: 100%;
  padding: 4px 0;
}
.jetmenu li > .megamenu ul li.title {
  margin: 0 0 8px;
  padding: 0 0 5px;
  font-size: 14px;
  border-bottom: solid 1px #666;
}
/* megamenu h5 */
.jetmenu li > .megamenu h5 {
  width: 100%;
  margin: 0;
  padding: 0;
}
/* megamenu links */
.jetmenu li > .megamenu a {
  color: #999;
  text-decoration: none;
  font-size: 12px;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
.jetmenu li > .megamenu a:hover {
  color: #dedede;
}
/* megamenu images */
.jetmenu .megamenu img {
  width: 100%;
  -webkit-transition: border 0.3s linear;
  -moz-transition: border 0.3s linear;
  -o-transition: border 0.3s linear;
  transition: border 0.3s linear;
}
/* MEGAMENU WIDTHS
**********************************************************/
.jetmenu > li > .megamenu.half-width {
  width: 50%;
}
.jetmenu > li > .megamenu.full-width {
  width: 100%;
  left: 0;
}
/* MEGAMENU FORM CONFIGURATION
**********************************************************/
.jetmenu li > .megamenu form {
  width: 100%;
}
/* megamenu inputs */
.jetmenu li > .megamenu form input[type="text"],
.jetmenu li > .megamenu form textarea {
  padding: 5px;
  color: #999;
  background: #444;
  font-size: 14px;
  border: solid 1px transparent;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 0.3s linear;
  -moz-transition: border 0.3s linear;
  -o-transition: border 0.3s linear;
  transition: border 0.3s linear;
}
.jetmenu li > .megamenu form input[type="text"]:focus,
.jetmenu li > .megamenu form textarea:focus {
  border-color: #e0e0e0;
}
.jetmenu li > .megamenu form input[type="text"] {
  width: 100%;
  margin-top: 10px;
}
.jetmenu li > .megamenu form textarea {
  width: 100%;
  margin-top: 10px;
}
.jetmenu li > .megamenu form input[type="submit"] {
  width: 25%;
  float: right;
  height: 30px;
  margin-top: 10px;
  border: none;
  cursor: pointer;
  background: #444;
  color: #777;
  -webkit-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  transition: background 0.3s linear;
}
.jetmenu li > .megamenu form input[type="submit"]:hover {
  background: #e0e0e0;
  color: #555;
}
/* MEGAMENU GRID SYSTEM
**********************************************************/
.megamenu .row {
  width: 100%;
  margin-top: 15px;
}
.megamenu .row:first-child {
  margin-top: 0;
}
.megamenu .row:before,
.megamenu .row:after {
  display: table;
  content: "";
  line-height: 0;
}
.megamenu .row:after {
  clear: both;
}
.megamenu .row .col1,
.megamenu .row .col2,
.megamenu .row .col3,
.megamenu .row .col4,
.megamenu .row .col5,
.megamenu .row .col6 {
  display: block;
  width: 100%;
  min-height: 20px;
  float: left;
  margin-left: 2.127659574468085%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.megamenu .row [class*="col"]:first-child {
  margin-left: 0;
}
.megamenu .row .col1 {
  width: 14.893617021276595%;
}
.megamenu .row .col2 {
  width: 31.914893617021278%;
}
.megamenu .row .col3 {
  width: 48.93617021276595%;
}
.megamenu .row .col4 {
  width: 65.95744680851064%;
}
.megamenu .row .col5 {
  width: 82.97872340425532%;
}
.megamenu .row .col6 {
  width: 100%;
}
/* RIGHT ALIGNMENT (MENU ITEM)
**********************************************************/
.jetmenu > li.right {
  float: right;
}
.jetmenu > li.right > .megamenu {
  right: 0;
}
/* COLLAPSIBLE MENU
**********************************************************/
.jetmenu > li.showhide {
  display: none;
  width: 100%;
  height: 50px;
  cursor: pointer;
  color: #999;
  background: #333;
}
.jetmenu > li.showhide span.title {
  margin: 15px 0 0 25px;
  float: left;
}
.jetmenu > li.showhide span.icon {
  margin: 17px 20px;
  float: right;
}
.jetmenu > li.showhide .icon em {
  margin-bottom: 3px;
  display: block;
  width: 20px;
  height: 2px;
  background: #999;
}
/* STYLES
**********************************************************/
/* black */
.black > li:hover > a,
.black > li.active > a {
  background: #111111;
  color: #fff;
}
.black ul.dropdown li:hover > a {
  background: #111111;
  color: #fff;
}
.black li > .megamenu form input[type="text"]:focus,
.black li > .megamenu form textarea:focus {
  border-color: #111111;
}
.black li > .megamenu form input[type="submit"]:hover {
  background: #111111;
  color: #fff;
}
.black li > .megamenu a:hover {
  color: #dedede;
}
/* grey */
.grey > li:hover > a,
.grey > li.active > a {
  background: #82837E;
  color: #fff;
}
.grey ul.dropdown li:hover > a {
  background: #82837E;
  color: #fff;
}
.grey li > .megamenu form input[type="text"]:focus,
.grey li > .megamenu form textarea:focus {
  border-color: #82837E;
}
.grey li > .megamenu form input[type="submit"]:hover {
  background: #82837E;
  color: #fff;
}
.grey li > .megamenu a:hover {
  color: #dedede;
}
/* blue */
.blue > li:hover > a,
.blue > li.active > a {
  background: #02b8fa;
  color: #fff;
}
.blue ul.dropdown li:hover > a {
  background: #02b8fa;
  color: #fff;
}
.blue li > .megamenu form input[type="text"]:focus,
.blue li > .megamenu form textarea:focus {
  border-color: #02b8fa;
}
.blue li > .megamenu form input[type="submit"]:hover {
  background: #02b8fa;
  color: #fff;
}
.blue li > .megamenu a:hover {
  color: #02b8fa;
}
/* deeper */
.deeper > li:hover > a,
.deeper > li.active > a {
  background: #008C9E;
  color: #fff;
}
.deeper ul.dropdown li:hover > a {
  background: #008C9E;
  color: #fff;
}
.deeper li > .megamenu form input[type="text"]:focus,
.deeper li > .megamenu form textarea:focus {
  border-color: #008C9E;
}
.deeper li > .megamenu form input[type="submit"]:hover {
  background: #008C9E;
  color: #fff;
}
.deeper li > .megamenu a:hover {
  color: #008C9E;
}
/* green */
.green > li:hover > a,
.green > li.active > a {
  background: #88c425;
  color: #fff;
}
.green ul.dropdown li:hover > a {
  background: #88c425;
  color: #fff;
}
.green li > .megamenu form input[type="text"]:focus,
.green li > .megamenu form textarea:focus {
  border-color: #88c425;
}
.green li > .megamenu form input[type="submit"]:hover {
  background: #88c425;
  color: #fff;
}
.green li > .megamenu a:hover {
  color: #88c425;
}
/* emerald */
.emerald > li:hover > a,
.emerald > li.active > a {
  background: #2ecc71;
  color: #fff;
}
.emerald ul.dropdown li:hover > a {
  background: #2ecc71;
  color: #fff;
}
.emerald li > .megamenu form input[type="text"]:focus,
.emerald li > .megamenu form textarea:focus {
  border-color: #2ecc71;
}
.emerald li > .megamenu form input[type="submit"]:hover {
  background: #2ecc71;
  color: #fff;
}
.emerald li > .megamenu a:hover {
  color: #2ecc71;
}
/* red */
.red > li:hover > a,
.red > li.active > a {
  background: #C21A01;
  color: #fff;
}
.red ul.dropdown li:hover > a {
  background: #C21A01;
  color: #fff;
}
.red li > .megamenu form input[type="text"]:focus,
.red li > .megamenu form textarea:focus {
  border-color: #C21A01;
}
.red li > .megamenu form input[type="submit"]:hover {
  background: #C21A01;
  color: #fff;
}
.red li > .megamenu a:hover {
  color: #C21A01;
}
/* pox */
.pox > li:hover > a,
.pox > li.active > a {
  background: #FA023C;
  color: #fff;
}
.pox ul.dropdown li:hover > a {
  background: #FA023C;
  color: #fff;
}
.pox li > .megamenu form input[type="text"]:focus,
.pox li > .megamenu form textarea:focus {
  border-color: #FA023C;
}
.pox li > .megamenu form input[type="submit"]:hover {
  background: #FA023C;
  color: #fff;
}
.pox li > .megamenu a:hover {
  color: #FA023C;
}
/* orange */
.orange > li:hover > a,
.orange > li.active > a {
  background: #ff670f;
  color: #fff;
}
.orange ul.dropdown li:hover > a {
  background: #ff670f;
  color: #fff;
}
.orange li > .megamenu form input[type="text"]:focus,
.orange li > .megamenu form textarea:focus {
  border-color: #ff670f;
}
.orange li > .megamenu form input[type="submit"]:hover {
  background: #ff670f;
  color: #fff;
}
.orange li > .megamenu a:hover {
  color: #ff670f;
}
/* sunburst */
.sunburst > li:hover > a,
.sunburst > li.active > a {
  background: #D46D22;
  color: #fff;
}
.sunburst ul.dropdown li:hover > a {
  background: #D46D22;
  color: #fff;
}
.sunburst li > .megamenu form input[type="text"]:focus,
.sunburst li > .megamenu form textarea:focus {
  border-color: #D46D22;
}
.sunburst li > .megamenu form input[type="submit"]:hover {
  background: #D46D22;
  color: #fff;
}
.sunburst li > .megamenu a:hover {
  color: #D46D22;
}
/* yellow */
.yellow > li:hover > a,
.yellow > li.active > a {
  background: #febf01;
  color: #222;
}
.yellow ul.dropdown li:hover > a {
  background: #febf01;
  color: #222;
}
.yellow li > .megamenu form input[type="text"]:focus,
.yellow li > .megamenu form textarea:focus {
  border-color: #febf01;
}
.yellow li > .megamenu form input[type="submit"]:hover {
  background: #febf01;
  color: #222;
}
.yellow li > .megamenu a:hover {
  color: #febf01;
}
/* purple */
.purple > li:hover > a,
.purple > li.active > a {
  background: #a849a3;
  color: #fff;
}
.purple ul.dropdown li:hover > a {
  background: #a849a3;
  color: #fff;
}
.purple li > .megamenu form input[type="text"]:focus,
.purple li > .megamenu form textarea:focus {
  border-color: #a849a3;
}
.purple li > .megamenu form input[type="submit"]:hover {
  background: #a849a3;
  color: #fff;
}
.purple li > .megamenu a:hover {
  color: #a849a3;
}
/* pink */
.pink > li:hover > a,
.pink > li.active > a {
  background: #F56991;
  color: #fff;
}
.pink ul.dropdown li:hover > a {
  background: #F56991;
  color: #fff;
}
.pink li > .megamenu form input[type="text"]:focus,
.pink li > .megamenu form textarea:focus {
  border-color: #F56991;
}
.pink li > .megamenu form input[type="submit"]:hover {
  background: #F56991;
  color: #fff;
}
.pink li > .megamenu a:hover {
  color: #F56991;
}
#top-news {
  width: 100%;
  height: 50px;
  background-color: white;
  position: fixed;
  top: 0px;
  z-index: 999;
}
#top-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #f7f7f7;
  overflow: hidden;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
#top-wrapper > .color-bar {
  display: block;
  z-index: 99999;
}
#top-wrapper #top-small-menu {
  width: 100%;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0px;
  margin: 0px;
  padding: 0px;
  text-align: right;
  line-height: 50px;
  padding: 0px 20px;
  color: #9a9fa6;
  border-bottom: 2px solid white;
  z-index: 999;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
#top-wrapper #top-small-menu .small-menu-container {
  float: right;
}
#top-wrapper #top-small-menu .top-social-icons {
  margin: 0px 30px;
  float: left;
}
#top-wrapper #top-small-menu .top-social-icons .fa {
  font-size: 14px;
  margin: 0px 10px;
}
#top-wrapper #top-small-menu .top-social-icons a {
  color: inherit;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=1);
  opacity: 1;
}
#top-wrapper #top-small-menu .top-social-icons a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.6);
  opacity: 0.6;
}
#top-wrapper #top-small-menu h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  color: inherit;
  font-weight: 400;
  font-size: 13px;
  line-height: inherit;
  display: block;
  float: left;
}
#top-wrapper #top-small-menu .fa {
  margin-right: 8px;
  font-size: 12px;
}
#top-wrapper .top-logo {
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 999;
  height: 50px;
  overflow: hidden;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
#top-wrapper .top-logo .top-logo-bg {
  background-color: white;
  position: relative;
  height: 100%;
  display: block;
  float: left;
  line-height: 60px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
#top-wrapper .top-logo .top-logo-bg h1 {
  margin: 0px;
  padding: 5px 35px 5px 15px;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 17px;
  line-height: 38px;
  text-transform: uppercase;
  float: left;
  color: white;
  font-weight: 400;
}
#top-wrapper .top-logo .top-logo-bg img {
  max-height: 45%;
}
#top-wrapper .top-logo .end-triangle {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: white transparent transparent transparent;
  float: left;
  display: block;
  background-color: transparent;
}
#top-content {
  width: 100%;
  height: 100%;
  /*background:#888;*/
  text-align: center;
  overflow: hidden;
  top: 0px;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=1);
  opacity: 1;
}
#top-content .header-style {
  position: relative;
  height: 100%;
  display: block;
}
#top-content .header-style > .container {
  display: table;
  height: inherit;
}
#top-content .header-style .header-style-cell {
  display: table-cell;
  vertical-align: middle;
}
#top-content .header-style .header-style-cell > .container {
  height: inherit;
}
#top-content .header-style .header-style-table {
  display: table;
  width: 100%;
  height: 100%;
}
#top-content .header-style.container {
  display: table;
}
#top-content .top-text-relative-minus-10 {
  position: relative;
  top: -10%;
}
#top-content h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  color: #50555d;
  font-weight: 900;
  font-size: 90px;
  text-transform: uppercase;
  line-height: .8;
  margin: 0px;
  padding: 0px;
  padding-bottom: 5px;
}
#top-content h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  color: white;
  font-weight: 400;
  font-size: 19px;
  text-transform: uppercase;
  line-height: 23px;
  margin: 0px;
  padding: 10px 15px;
  display: inline-block;
  margin-top: 50px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.7);
  opacity: 0.7;
}
#top-content h3 .fa {
  margin: 0px;
  margin-right: 10px;
}
#top-content .highlighted {
  background-color: #eff0f1;
  margin-bottom: 5px;
}
#top-content .header-text-line {
  line-height: 100px !important;
}
#top-content .container {
  position: relative;
  height: 100%;
}
#top-content .logo-optimised {
  position: relative;
}
#top-content .logo-optimised .horizontal-line-logo {
  width: 100%;
  height: 65px;
  position: absolute;
  display: block;
  top: 69px;
}
#top-content .logo-optimised .logo {
  position: relative;
  z-index: 800;
  display: block;
}
#top-content .logo-optimised .logo img {
  -webkit-transform: translate3d(100, 0, 0);
  max-width: 300px;
  max-height: 300px;
}
#top-content .square-header-long {
  max-width: 600px;
  padding: 5px;
  height: 100%;
  border: 5px solid rgba(255, 255, 255, 0.6);
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
#top-content .square-header-long .script-wrapper {
  display: block;
}
#top-content .square-header-long h1 {
  line-height: 1;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  display: block;
  vertical-align: middle;
  padding: 5% 10% 5% 10%;
  background-color: #ffffff;
}
#top-content .square-header-long h1 .small-text {
  padding: 1% 0%;
}
#top-content .bold-text {
  font-weight: 500;
}
#top-content .square-header-small {
  max-width: 100%;
  min-width: 250px;
  padding: 3% 3%;
  height: auto;
  background-color: rgba(255, 255, 255, 0.3);
  border: 8px solid rgba(255, 255, 255, 0.6);
  margin-bottom: 10px;
}
#top-content .square-header-small h1 {
  line-height: 1.1;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  color: #8c8c8c;
  padding: 13% 20% 13% 20%;
  background-color: #ffffff;
}
#top-content .behind-header-fullscreen-bg {
  background-color: black;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.55);
  opacity: 0.55;
}
#top-content .behind-header-fullscreen-bg .container {
  max-width: 500px;
  padding: 0px 20px;
}
#top-content .behind-header-fullscreen-bg h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 6em;
  color: #5c626b;
}
#top-content .behind-header-fullscreen-bg h2 {
  color: #5c626b;
}
#top-content .behind-header-without-bg h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 6em;
  color: #f3f3f3;
  padding: 10px 15px;
}
#top-content .behind-header-without-bg .behind-header-without-bg-limit {
  max-width: 500px;
  display: block;
  margin: 0 auto;
}
#top-content .behind-header-circle.inverted {
  background-color: #5c626b;
  border: 5px solid #9a9fa6;
}
#top-content .behind-header-circle.inverted h1,
#top-content .behind-header-circle.inverted h2 {
  color: #f3f3f3;
}
#top-content .behind-header-circle {
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  width: 500px;
  height: 500px;
  margin: 0 auto;
  padding: 20px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.95);
  opacity: 0.95;
  border: 5px solid white;
  display: block;
}
#top-content .behind-header-circle .circle-inside-wrapper {
  display: block;
  margin-top: 170px;
}
#top-content .behind-header-circle h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  padding: 20px 0px 20px 0px;
}
#top-content .behind-header-circle h1.tagline {
  font-size: 15px;
  padding: 20px 30px;
  color: #5c626b;
  line-height: 1;
}
#top-content .behind-header-rectangle.inverted {
  border: 3px solid #5c626b;
}
#top-content .behind-header-rectangle.inverted .rectangle-inside-wrapper {
  background-color: #5c626b;
}
#top-content .behind-header-rectangle.inverted h1 {
  color: #f3f3f3;
}
#top-content .behind-header-rectangle.inverted h2 {
  color: #5c626b;
}
#top-content .behind-header-rectangle {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.85);
  opacity: 0.85;
  border: 3px solid white;
  display: block;
}
#top-content .behind-header-rectangle .rectangle-inside-wrapper {
  display: block;
  background-color: white;
  padding: 10px;
  text-align: center;
}
#top-content .behind-header-rectangle h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  padding: 20px 10px 20px 10px;
}
#top-content .behind-header-rectangle h1.tagline-top {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  line-height: 1;
  color: #f3f3f3;
  font-weight: 300;
  padding: 20px 0px;
}
#top-content .behind-header-rectangle h1.tagline-rec {
  max-width: 400px;
  margin: 0 auto;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  line-height: 1;
  color: #f3f3f3;
  padding: 20px 0px 0px 0px;
}
#top-content .behind-header-long-wrapper .behind-header-long {
  background-color: rgba(255, 255, 255, 0.4);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.9);
  opacity: 0.9;
}
#top-content .behind-header-long-wrapper .behind-header-long h1.behind-header-long-limit {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 6em;
  max-width: 500px;
  padding: 15px;
  color: #404348;
  margin: 0 auto;
  display: block;
}
#top-content .behind-header-long-wrapper .behind-header-long h2 {
  display: block;
  padding: 10px;
  font-size: 1em;
  background-color: rgba(0, 0, 0, 0.7);
}
#top-content .behind-header-small {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.9);
  opacity: 0.9;
  margin-bottom: 1%;
}
#top-content .behind-header-small h1 {
  background-color: white;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 6em;
  padding: 3% 3%;
}
#top-content .header-style-cell.inverted .above-header-long-same-color-wrapper h1 {
  color: #5c626b;
}
#top-content .header-style-cell.inverted .above-header-long-same-color {
  background-color: #5c626b;
}
#top-content .header-style-cell.inverted .above-header-long-same-color h2 {
  color: #f3f3f3;
}
#top-content .above-header-long-same-color {
  background-color: white;
  padding: 0px;
  position: relative;
  z-index: 300;
}
#top-content .above-header-long-same-color h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 15px;
  line-height: 1;
  color: #5c626b;
  margin: 0px;
  padding: 8px 0px;
  text-transform: uppercase;
}
#top-content .above-header-long-same-color-wrapper {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.97);
  opacity: 0.97;
}
#top-content .above-header-long-same-color-wrapper h1 {
  color: white;
  font-size: 100px;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  margin-bottom: -8px;
}
#top-content .above-header-long-same-color-wrapper .main-title-above-limit {
  max-width: 500px;
  padding: 0px 15px;
  margin: 0px auto -4px auto;
}
#top-content h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  color: white;
  font-weight: 400;
  font-size: 19px;
  text-transform: uppercase;
  line-height: 23px;
  margin: 0px;
  padding: 10px 15px;
  display: inline-block;
}
#top-content h1,
#top-content h2 {
  position: relative;
  z-index: 100;
}
#top-content hr {
  margin: 0 auto;
  width: 80%;
  position: relative;
  z-index: 999;
}
#sticky-holder {
  position: relative;
}
#sticky {
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 999;
  text-align: center;
  height: 80px;
}
.color-bar {
  height: 3px;
  width: 100%;
  position: relative;
  top: 0px;
}
.color-bar .c-one {
  float: left;
  width: 20%;
  height: 100%;
  background-color: #ea6153;
}
.color-bar .c-two {
  float: left;
  width: 20%;
  height: 100%;
  background-color: #ffbb92;
}
.color-bar .c-three {
  float: left;
  width: 20%;
  height: 100%;
  background-color: #d6abf2;
}
.color-bar .c-four {
  float: left;
  width: 20%;
  height: 100%;
  background-color: #4be5c4;
}
.color-bar .c-five {
  float: left;
  width: 20%;
  height: 100%;
  background-color: #6ba9ff;
}
.top-nav-full {
  width: 100%;
  position: absolute;
  bottom: 0px;
}
.top-nav-full .nav-circle {
  width: 100%;
  height: 30px;
  position: relative;
  background-image: url('../images/nav_circle.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 90px 26px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.95);
  opacity: 0.95;
  text-align: center;
}
.top-nav-full .nav-circle .fa {
  color: #b3b3b3;
  text-indent: 0px !important;
  margin: 0px;
  font-size: 15px;
  line-height: 40px;
  width: 100px;
  display: inline-block;
  margin: 0 auto;
}
.top-nav-full .nav-circle a {
  text-decoration: none;
  color: #bfbfbf;
}
.top-nav-full .nav-circle a :hover {
  text-decoration: none;
  color: #999999;
}
.sticky-default {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=1);
  opacity: 1;
  height: 80px;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}
.sticky-default nav.main-menu {
  text-align: center;
}
.sticky-default nav.main-menu ul li {
  float: left;
}
.sticky-default nav.main-menu ul li a {
  padding-top: 27px;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 400;
  font-size: 10px;
  padding-bottom: 29px;
}
.sticky-default nav.main-menu ul .dropdown,
.sticky-default nav.main-menu ul .megamenu {
  bottom: 100%;
  top: inherit;
}
.sticky-small {
  background: transparent;
  height: 60px;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  border-bottom: 0px solid #e6e6e6;
}
.sticky-small nav.main-menu {
  height: 57px;
}
.sticky-small nav.main-menu ul li.active a {
  border: 0px;
}
.sticky-small nav.main-menu ul .dropdown,
.sticky-small nav.main-menu ul .megamenu {
  top: inherit;
  bottom: 100%;
}
.sticky-small-second {
  height: 60px !important;
  background: #f3f3f3;
  -webkit-transition: border-bottom 350ms ease-in-out;
  -moz-transition: border-bottom 350ms ease-in-out;
  -o-transition: border-bottom 350ms ease-in-out;
  -ms-transition: border-bottom 350ms ease-in-out;
  transition: border-bottom 350ms ease-in-out;
  border-bottom: 3px solid #e6e6e6;
}
.sticky-small-second nav.main-menu {
  height: 57px;
}
.sticky-small-second nav.main-menu ul li {
  border-top: 0px;
  border-bottom: 0px solid #ea6153;
  -webkit-transition: all 170ms ease-in-out;
  -moz-transition: all 170ms ease-in-out;
  -o-transition: all 170ms ease-in-out;
  -ms-transition: all 170ms ease-in-out;
  transition: all 170ms ease-in-out;
}
.sticky-small-second nav.main-menu ul li:hover {
  border-top: 0px;
  -webkit-transition: all 170ms ease-in-out;
  -moz-transition: all 170ms ease-in-out;
  -o-transition: all 170ms ease-in-out;
  -ms-transition: all 170ms ease-in-out;
  transition: all 170ms ease-in-out;
}
.sticky-small-second nav.main-menu ul .megamenu {
  top: 100%;
}
nav.main-menu {
  display: inline;
  float: right;
  position: relative;
  z-index: 1000;
}
nav.main-menu h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-weight: 400;
  color: inherit;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  line-height: 1;
  text-align: left;
}
nav.main-menu h4 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-weight: 400;
  font-size: 9px;
  color: inherit;
  margin: 0px;
  padding: 0px;
  line-height: 1;
  text-align: left;
}
nav.main-menu .red a {
  color: #5c626b !important;
}
nav.main-menu .red .fa {
  color: #ea6153;
  border-color: #ea6153;
}
nav.main-menu .blue a {
  color: #5c626b !important;
}
nav.main-menu .blue .fa {
  color: #6ba9ff;
  border-color: #6ba9ff;
}
nav.main-menu .purple a {
  color: #5c626b !important;
}
nav.main-menu .purple .fa {
  color: #d6abf2;
  border-color: #d6abf2;
}
nav.main-menu .green a {
  color: #5c626b !important;
}
nav.main-menu .green .fa {
  color: #4be5c4;
  border-color: #4be5c4;
}
nav.main-menu .dark a {
  color: #5c626b !important;
}
nav.main-menu .dark .fa {
  border-color: #5c626b;
}
nav.main-menu .fa {
  float: left;
  display: block;
  font-size: 12px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=1);
  opacity: 1;
  width: 22px;
  height: 22px;
  background-color: transparent;
  border: 1px solid #ea6153;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  line-height: 20px;
  margin-right: 8px;
}
nav.main-menu ul {
  height: 100%;
}
nav.main-menu ul li {
  padding: 0px;
  border-top: 0px solid #ea6153;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
nav.main-menu ul li:hover {
  color: #fff;
  box-sizing: border-box;
  margin-top: -3px;
}
nav.main-menu ul li > a {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 400;
  font-size: 11px;
  color: #5c626b;
  text-decoration: none;
  text-transform: uppercase;
  padding: 20px 28px;
  padding-bottom: 18px;
}
nav.main-menu ul li > a .menu-text {
  float: left;
}
nav.main-menu ul li:hover a {
  background-color: #ebebeb;
}
nav.main-menu ul li.active a {
  background-color: #f2f2f2;
  border-bottom: 3px solid #ea6153;
}
nav.main-menu .indicator {
  left: 10px;
  color: #d9d9d9;
}
nav.main-menu .jetmenu > li > .megamenu {
  background: white;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.95);
  opacity: 0.95;
}
nav.main-menu .jetmenu > li > .dropdown {
  background: white;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.95);
  opacity: 0.95;
}
nav.main-menu .dropdown,
nav.main-menu .megamenu {
  height: auto;
  border: 0px !important;
}
nav.main-menu .dropdown h3,
nav.main-menu .megamenu h3 {
  background-color: white;
  color: #5c626b;
  text-transform: uppercase;
  text-align: center;
  padding: 4px 0px;
}
nav.main-menu .dropdown h3.blue,
nav.main-menu .megamenu h3.blue {
  background-color: #6ba9ff;
  color: white;
}
nav.main-menu .dropdown h3.purple,
nav.main-menu .megamenu h3.purple {
  background-color: #d6abf2;
  color: white;
}
nav.main-menu .dropdown h3.orange,
nav.main-menu .megamenu h3.orange {
  background-color: #ffbb92;
  color: white;
}
nav.main-menu .dropdown h3.green,
nav.main-menu .megamenu h3.green {
  background-color: #4be5c4;
  color: white;
}
nav.main-menu .dropdown h3.red,
nav.main-menu .megamenu h3.red {
  background-color: #ea6153;
  color: white;
}
nav.main-menu .dropdown h3.grey,
nav.main-menu .megamenu h3.grey {
  background-color: #404348;
  color: white;
}
nav.main-menu .dropdown ul li,
nav.main-menu .megamenu ul li {
  text-align: left;
  margin-top: 10px;
}
nav.main-menu .dropdown ul li .li-desc,
nav.main-menu .megamenu ul li .li-desc {
  padding-left: 5px;
}
nav.main-menu .dropdown ul li p,
nav.main-menu .megamenu ul li p {
  color: #b3b3b3;
  line-height: 18px;
  font-weight: 400;
  font-size: 12px;
}
nav.main-menu .dropdown ul li .rounded-bg,
nav.main-menu .megamenu ul li .rounded-bg {
  display: inline-block;
  width: 20px;
  line-height: 20px;
  text-align: center;
  height: 20px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  background-color: #6ba9ff;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin-right: 5px;
  font-size: 11px;
}
nav.main-menu .dropdown ul li .rounded-bg.blue,
nav.main-menu .megamenu ul li .rounded-bg.blue {
  background-color: #6ba9ff;
  color: white;
}
nav.main-menu .dropdown ul li .rounded-bg.red,
nav.main-menu .megamenu ul li .rounded-bg.red {
  background-color: #ea6153;
  color: white;
}
nav.main-menu .dropdown ul li .rounded-bg.green,
nav.main-menu .megamenu ul li .rounded-bg.green {
  background-color: #4be5c4;
  color: white;
}
nav.main-menu .dropdown ul li .rounded-bg.orange,
nav.main-menu .megamenu ul li .rounded-bg.orange {
  background-color: #ffbb92;
  color: white;
}
nav.main-menu .dropdown ul li .rounded-bg.purple,
nav.main-menu .megamenu ul li .rounded-bg.purple {
  background-color: #d6abf2;
  color: white;
}
nav.main-menu .dropdown ul li .rounded-bg.grey,
nav.main-menu .megamenu ul li .rounded-bg.grey {
  background-color: #5c626b;
  color: white;
}
nav.main-menu .dropdown ul li a,
nav.main-menu .megamenu ul li a {
  margin: 0px;
  text-align: left !important;
  border: 0px !important;
  background-color: transparent !important;
  color: #5c626b !important;
  padding: 3px 5px !important;
  padding-bottom: 5px !important;
  padding-right: 8px !important;
  font-size: 13px !important;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
nav.main-menu .dropdown ul li a:hover,
nav.main-menu .megamenu ul li a:hover {
  background-color: #5c626b !important;
  color: white !important;
}
nav.main-menu .dropdown ul li a:hover .rounded-bg,
nav.main-menu .megamenu ul li a:hover .rounded-bg {
  color: white;
}
nav.main-menu .dropdown ul li:hover,
nav.main-menu .megamenu ul li:hover {
  margin-top: 10px;
}
nav.main-menu .dropdown .menu-list-href,
nav.main-menu .megamenu .menu-list-href {
  display: block;
  color: white;
}
nav.main-menu .dropdown li,
nav.main-menu .megamenu li {
  margin: 0px;
}
nav.main-menu .jetmenu {
  background: transparent;
}
nav.main-menu .jetmenu li.showhide {
  background-color: white;
}
nav.main-menu .jetmenu li {
  background-color: transparent;
}
.small-logo {
  overflow: hidden;
  float: left;
}
.small-logo h1 {
  font-size: 18px;
  line-height: 18px;
  margin: 10px 0px 15px 0px;
  padding: 5px 10px;
  color: #fff;
  /* background-color: #cccccc; */
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 400;
}
.small-logo img {
  max-height: 100%;
}
.full-width {
  width: 100%;
}
h1.large {
  font-family: 'Roboto', sans-serif;
  font-size: 52px;
  color: #686f79;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
  line-height: 52px;
  text-align: center;
  font-weight: 300;
  letter-spacing: -2px;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.09);
}
h2.large {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 18px;
  color: #707983;
  line-height: 26px;
  text-align: center;
  font-weight: 300 !important;
}
.text-section {
  margin: 160px 0px;
  text-align: center;
}
.text-section .container {
  padding: 70px 0px 40px 0px;
}
.text-section .container h2 {
  color: #fff;
  font-size: 25px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
.text-section .container .fa {
  margin: 0px 10px;
}
.text-section .container h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  color: #ffffff;
  font-size: 20px;
  float: right;
  padding: 0px 10px;
}
.services {
  display: block;
  position: relative;
  margin: 160px 0px;
}
.services .typed-wrapper h1.typed-export {
  margin-top: 0px;
  padding-bottom: 30px;
}
.services > .container h2 {
  margin-bottom: 80px;
}
.services ul {
  display: inline;
}
.services ul li {
  padding: 0px;
}
.services .container {
  overflow: hidden;
}
.services .service-card {
  margin-top: 20px;
  margin-bottom: 20px;
}
.services .service-card .colored {
  background-color: #fff;
  margin: 0px;
  padding: 0px;
  padding-bottom: 20px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.services .service-card .colored .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.7);
  opacity: 0.7;
}
.services .service-card .colored .overlay.blue {
  background-color: #79abf0;
}
.services .service-card .colored .overlay.red {
  background-color: #d67166;
}
.services .service-card .colored .overlay.green {
  background-color: #60d1b9;
}
.services .service-card .colored .overlay.purple {
  background-color: #d4b5e8;
}
.services .service-card .colored .overlay.orange {
  background-color: #f4be9c;
}
.services .service-card .colored .service1 {
  background-position: left !important;
}
.services .service-card .colored .service2 {
  background-position: center !important;
}
.services .service-card .colored .service3 {
  background-position: right !important;
}
.services .service-card .colored .service-top-part {
  background: url('../images/placeholders/def_parallax.jpg');
  background-position: inherit;
  padding-bottom: 20px;
  position: relative;
  display: block;
  height: 200px;
  overflow: hidden;
}
.services .service-card .colored .service-top-part div[class*="overlay-"] {
  position: absolute;
  top: 0px;
  left: 0px;
}
.services .service-card .colored .icon-wrapper {
  display: block;
  margin: 0 auto;
  width: 120px;
  height: 120px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  border: 3px solid white;
  position: relative;
  margin-top: 25px;
  z-index: 2;
}
.services .service-card .colored .icon-wrapper .fa {
  font-size: 60px;
  color: #fff;
  line-height: 120px;
}
.services .service-card .colored h1 {
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 400;
  letter-spacing: -1px;
  color: #fff;
  padding-top: 15px;
  margin: 0;
  line-height: 18px;
  display: block;
  position: relative;
  z-index: 1;
}
.services .service-card .colored p {
  text-align: justify;
  color: #808185;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  height: 70px;
  display: block;
  margin-bottom: 20px;
}
.services .service-card .colored .service-desc {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 25px;
}
.services .service-card .colored .gradient-white {
  position: absolute;
  width: 100%;
  height: 70px;
  bottom: 0px;
  background: url('../images/gradient_white.png');
  background-repeat: repeat-x;
  background-position: bottom;
  background-size: 100% 100%;
}
.services .service-card .colored ul {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 15px;
  display: block;
  margin: 0px;
  margin-top: 30px;
}
.services .service-card .colored ul hr {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.5);
  opacity: 0.5;
  width: 80%;
  margin: 0 auto;
}
.services .service-card .colored ul li {
  line-height: 43px;
  font-size: 12px;
  margin-bottom: 0px;
  color: #898989;
  position: relative;
  font-weight: 400;
  padding: 0px 25px;
}
.services .service-card .colored ul li .fa {
  font-size: 18px;
  line-height: 40px;
  padding: 0px;
  margin: 0px;
  position: absolute;
  left: 25px;
}
.services .service-card .colored ul li .fa.color-ok {
  color: #bbd17d;
}
.services .service-card .colored ul li .fa.color-error {
  color: #f28d6a;
}
.services .service-card-bottom {
  width: 100%;
  height: 30px;
  background: url('../images/services_big_triangle.png');
  background-repeat: no-repeat;
  background-size: 100%;
  display: none;
}
.services-main .red {
  border-bottom: 3px solid #ea6153;
}
.services-main .services-controller {
  margin: 80px 0px 0px 0px;
  position: relative;
  z-index: 0;
}
.services-main .services-controller .service-individual {
  position: relative;
  top: 23px;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
.services-main .services-controller .flex-active {
  transform: translate(0px, -13px);
  -webkit-transform: translate(0px, -13px);
  -ms-transform: translate(0px, -13px);
}
.services-main .services-controller li {
  text-align: center;
}
.services-main .services-controller li .icon-wrapper {
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  border: 2px solid white;
  position: relative;
  z-index: 2;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
.services-main .services-controller li .icon-wrapper .fa {
  font-size: 35px;
  color: #fff;
  line-height: 80px;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
.services-main .services-controller li h1 {
  text-transform: uppercase;
  font-size: 13px;
  color: #fff;
  line-height: 24px;
  font-weight: 400;
  margin-top: 5px;
}
.services-main .services-controller .blue {
  border: 0px !important;
  background-image: url('../images/triangle_up_light.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 24px 12px;
}
.services-main .services-controller .blue.flex-active .icon-wrapper {
  background-color: #6ba9ff;
}
.services-main .services-controller .blue.flex-active .icon-wrapper .fa {
  color: white;
}
.services-main .services-controller .blue .icon-wrapper {
  border: 1px solid #6ba9ff;
}
.services-main .services-controller .blue .icon-wrapper:hover {
  background-color: #6ba9ff;
  cursor: pointer;
}
.services-main .services-controller .blue .icon-wrapper:hover .fa {
  color: #fff !important;
}
.services-main .services-controller .blue .icon-wrapper .fa {
  color: #6ba9ff;
}
.services-main .services-controller .blue h1 {
  color: #6ba9ff !important;
}
.services-main .services-controller .green {
  border: 0px !important;
  background-image: url('../images/triangle_up_light.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 24px 12px;
}
.services-main .services-controller .green.flex-active .icon-wrapper {
  background-color: #4be5c4;
}
.services-main .services-controller .green.flex-active .icon-wrapper .fa {
  color: white;
}
.services-main .services-controller .green .icon-wrapper {
  border: 1px solid #4be5c4;
}
.services-main .services-controller .green .icon-wrapper:hover {
  background-color: #4be5c4;
  cursor: pointer;
}
.services-main .services-controller .green .icon-wrapper:hover .fa {
  color: #fff !important;
}
.services-main .services-controller .green .icon-wrapper .fa {
  color: #4be5c4;
}
.services-main .services-controller .green h1 {
  color: #4be5c4 !important;
}
.services-main .services-controller .red {
  border: 0px !important;
  background-image: url('../images/triangle_up_light.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 24px 12px;
}
.services-main .services-controller .red.flex-active .icon-wrapper {
  background-color: #ea6153;
}
.services-main .services-controller .red.flex-active .icon-wrapper .fa {
  color: white;
}
.services-main .services-controller .red .icon-wrapper {
  border: 1px solid #ea6153;
}
.services-main .services-controller .red .icon-wrapper:hover {
  background-color: #ea6153;
  cursor: pointer;
}
.services-main .services-controller .red .icon-wrapper:hover .fa {
  color: #fff !important;
}
.services-main .services-controller .red .icon-wrapper .fa {
  color: #ea6153;
}
.services-main .services-controller .red h1 {
  color: #ea6153 !important;
}
.services-main .services-controller .purple {
  border: 0px !important;
  background-image: url('../images/triangle_up_light.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 24px 12px;
}
.services-main .services-controller .purple.flex-active .icon-wrapper {
  background-color: #d6abf2;
}
.services-main .services-controller .purple.flex-active .icon-wrapper .fa {
  color: white;
}
.services-main .services-controller .purple .icon-wrapper {
  border: 1px solid #d6abf2;
}
.services-main .services-controller .purple .icon-wrapper:hover {
  background-color: #d6abf2;
  cursor: pointer;
}
.services-main .services-controller .purple .icon-wrapper:hover .fa {
  color: #fff !important;
}
.services-main .services-controller .purple .icon-wrapper .fa {
  color: #d6abf2;
}
.services-main .services-controller .purple h1 {
  color: #d6abf2 !important;
}
.services-main .services-slider {
  background-color: white;
  text-align: center;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 100;
}
.services-main .services-slider ul {
  margin: 60px 0px;
}
.services-main .services-slider h1 {
  font-family: 'Roboto', sans-serif;
  font-size: 35px;
  text-transform: uppercase;
  font-weight: 200;
  color: #6ba9ff;
  margin: 0px;
  padding: 0px;
  border: 0px !important;
}
.services-main .services-slider h1.blue {
  color: #6ba9ff;
}
.services-main .services-slider h1.green {
  color: #4be5c4;
}
.services-main .services-slider h1.red {
  color: #ea6153;
}
.services-main .services-slider h1.purple {
  color: #d6abf2;
}
.services-main .services-slider h1.orange {
  color: #ffbb92;
}
.services-main .services-slider h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 500;
  padding: 0px;
  margin: 0px;
  font-size: 15px;
  line-height: 15px;
}
.services-main .services-slider p {
  padding: 0px;
  padding-top: 30px;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  color: #5c626b;
  font-size: 13px;
  line-height: 19px;
  margin: 0px;
  font-weight: 300;
}
.services-main .services-slider .button-container {
  margin: 0 auto;
  text-align: center;
  max-width: 300px;
  margin: 30px auto 0px auto;
}
.services-main .services-slider .button-container .button {
  margin: 0px;
  border: 0px;
}
.premium-packages {
  margin: 160px 0px;
}
.premium-packages .premium-cards-wrapper {
  margin-top: 60px;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}
.premium-packages .premium-best-deal-active .icon-wrapper {
  -webkit-transition: all 1200ms ease-in-out;
  -moz-transition: all 1200ms ease-in-out;
  -o-transition: all 1200ms ease-in-out;
  -ms-transition: all 1200ms ease-in-out;
  transition: all 1200ms ease-in-out;
  border: 2px solid #ea6153 !important;
}
.premium-packages .premium-best-deal-active .icon-wrapper .fa {
  -webkit-transition: all 1200ms ease-in-out;
  -moz-transition: all 1200ms ease-in-out;
  -o-transition: all 1200ms ease-in-out;
  -ms-transition: all 1200ms ease-in-out;
  transition: all 1200ms ease-in-out;
  color: #ea6153 !important;
}
.premium-packages .premium-best-deal-active h1 {
  -webkit-transition: all 1200ms ease-in-out;
  -moz-transition: all 1200ms ease-in-out;
  -o-transition: all 1200ms ease-in-out;
  -ms-transition: all 1200ms ease-in-out;
  transition: all 1200ms ease-in-out;
  color: #ea6153 !important;
}
.premium-packages .premium-best-deal-active h2 {
  -webkit-transition: all 1200ms ease-in-out;
  -moz-transition: all 1200ms ease-in-out;
  -o-transition: all 1200ms ease-in-out;
  -ms-transition: all 1200ms ease-in-out;
  transition: all 1200ms ease-in-out;
  background-color: #ea6153 !important;
}
.premium-packages .premium-card {
  border-right: 1px solid #e6e6e6;
  position: relative;
  width: 25%;
  float: left;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.premium-packages .premium-card:last-child {
  border: 0px;
}
.premium-packages .premium-card:hover {
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 100;
}
.premium-packages .premium-card.red .icon-wrapper {
  border: 2px solid #ea6153;
}
.premium-packages .premium-card.red .icon-wrapper .fa {
  color: #ea6153;
}
.premium-packages .premium-card.red h1 {
  color: #ea6153;
}
.premium-packages .premium-card.red h2 {
  background-color: #ea6153;
}
.premium-packages .premium-card.green .icon-wrapper {
  border: 2px solid #4be5c4;
}
.premium-packages .premium-card.green .icon-wrapper .fa {
  color: #4be5c4;
}
.premium-packages .premium-card.green h1 {
  color: #4be5c4;
}
.premium-packages .premium-card.green h2 {
  background-color: #4be5c4;
}
.premium-packages .premium-card.blue .icon-wrapper {
  border: 2px solid #6ba9ff;
}
.premium-packages .premium-card.blue .icon-wrapper .fa {
  color: #6ba9ff;
}
.premium-packages .premium-card.blue h1 {
  color: #6ba9ff;
}
.premium-packages .premium-card.blue h2 {
  background-color: #6ba9ff;
}
.premium-packages .premium-card.orange .icon-wrapper {
  border: 2px solid #ffbb92;
}
.premium-packages .premium-card.orange .icon-wrapper .fa {
  color: #ffbb92;
}
.premium-packages .premium-card.orange h1 {
  color: #ffbb92;
}
.premium-packages .premium-card.orange h2 {
  background-color: #ffbb92;
}
.premium-packages .premium-card.purple .icon-wrapper {
  border: 2px solid #d6abf2;
}
.premium-packages .premium-card.purple .icon-wrapper .fa {
  color: #d6abf2;
}
.premium-packages .premium-card.purple h1 {
  color: #d6abf2;
}
.premium-packages .premium-card.purple h2 {
  background-color: #d6abf2;
}
.premium-packages .premium-card.grey .icon-wrapper {
  border: 2px solid #9a9fa6;
}
.premium-packages .premium-card.grey .icon-wrapper .fa {
  color: #9a9fa6;
}
.premium-packages .premium-card.grey h1 {
  color: #9a9fa6;
}
.premium-packages .premium-card.grey h2 {
  background-color: #9a9fa6;
}
.premium-packages .premium-card .colored {
  background-color: #fff;
  margin: 0px;
  padding: 15px;
  padding-top: 40px;
  text-align: center;
}
.premium-packages .premium-card .colored .premium-more-info {
  display: block;
}
.premium-packages .premium-card .colored .icon-wrapper {
  display: block;
  margin: 0 auto;
  width: 110px;
  height: 110px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  background-color: white;
  padding-top: 25px;
  position: relative;
  z-index: 2;
}
.premium-packages .premium-card .colored .icon-wrapper .fa {
  font-size: 60px;
  color: #9a9fa6;
}
.premium-packages .premium-card .colored h1 {
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 400;
  letter-spacing: -1px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 18px;
  display: block;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.premium-packages .premium-card .colored h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 400;
  font-size: 18px;
  display: inline-block;
  padding: 6px 13px 7px 13px;
  color: #fff;
  text-transform: uppercase;
  line-height: 22px;
  position: relative;
  z-index: 1;
  margin: 0px;
}
.premium-packages .premium-card .colored p {
  padding: 15px 0px;
  text-align: center;
  color: #898989;
  font-weight: 400;
  height: 125px;
  margin-bottom: 15px;
  line-height: 20px;
}
.premium-packages .premium-card .colored .included .fa {
  color: #bbd17d !important;
}
.premium-packages .premium-card .colored .not-included .fa {
  color: #bcbcbc !important;
}
.premium-packages .premium-card .colored ul {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 30px;
}
.premium-packages .premium-card .colored ul li {
  line-height: 12px;
  font-size: 13px;
  font-weight: 400;
  color: #898989;
}
.premium-packages .premium-card .colored ul li .fa {
  font-size: 18px;
  line-height: 10px;
  color: #fff;
  padding: 0px;
  margin: 0px;
  margin-left: 10px;
  margin-right: -10px;
  float: left;
}
.premium-packages .button {
  margin-bottom: 5px;
}
.premium-packages .premium-more-info-mobile {
  display: none;
}
.video-section {
  margin: 160px 0px;
}
.video-section h2 {
  margin-bottom: 80px;
}
.video-section > .container {
  text-align: center;
}
.video-section > .container .video-holder {
  max-width: 720px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
}
.video-section > .container .video-holder iframe {
  border: none;
}
.video-section > .container .video-portfolio {
s  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
}
.video-section > .container .video-portfolio iframe {
  border: none;
}
.video-section .full-width {
  background-color: #2d3034;
  text-align: center;
  display: none;
  padding: 30px 0px 10px 0px;
}
.video-section .full-width .container {
  text-align: center;
}
.video-section .full-width .additional-video img {
  max-width: 100%;
}
.video-section .full-width .additional-video h1 {
  font-size: 14px;
  line-height: 14px;
  margin: 15px 0px 15px 0px;
  padding: 5px 10px 4px 10px;
  background-color: #444950;
  color: #dadada;
  text-transform: uppercase;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 400;
}
.video-section .button-more {
  text-align: center;
  margin: 30px 0px;
}
.video-section .button-more .container a {
  line-height: 10px;
  color: #5c626b;
  display: inline-block;
}
.video-section .button-more .container a :hover {
  color: #444950;
}
.video-section .button-more .container a p {
  line-height: 10px;
  color: #5c626b;
}
.video-section .button-more .container a .fa {
  margin: 0px;
  line-height: 10px;
  color: #5c626b;
}
.blog-section h2.large {
  margin-bottom: 35px;
}
.blog-section .single-blog {
  width: 100%;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  margin: 70px 0px;
}
.blog-section .single-blog .blog-top {
  height: 280px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.blog-section .single-blog .blog-top img {
  max-width: 100%;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.blog-section .single-blog .blog-top .blog-overlay {
  background: url('../images/cross.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #6ba9ff;
  height: 100%;
}
.blog-section .single-blog .blog-top a:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.4);
  opacity: 0.4;
}
.blog-section .single-blog .blog-top .blog-date {
  position: absolute;
  top: 20px;
  left: 0px;
  padding: 10px;
  z-index: 100;
}
.blog-section .single-blog .blog-top .blog-date h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 30px;
  text-transform: uppercase;
  margin: 0px;
  padding: 0px;
  line-height: 30px;
  font-weight: 400;
  color: white !important;
}
.blog-section .single-blog .blog-top .blog-date h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0px;
  padding: 0px;
  line-height: 14px;
  font-weight: 400;
  color: white !important;
}
.blog-section .single-blog .blog-top .blog-date.blue {
  background-color: #6ba9ff;
}
.blog-section .single-blog .blog-top .blog-date.red {
  background-color: #ea6153;
}
.blog-section .single-blog .blog-top .blog-date.orange {
  background-color: #ffbb92;
}
.blog-section .single-blog .blog-top .blog-date.green {
  background-color: #4be5c4;
}
.blog-section .single-blog .blog-top .blog-date.purple {
  background-color: #d6abf2;
}
.blog-section .single-blog .blog-bottom {
  background-color: white;
  padding: 35px;
}
.blog-section .single-blog .blog-bottom h1,
.blog-section .single-blog .blog-bottom a {
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: lighter !important;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #5c626b;
  line-height: 30px;
  margin: 0px;
  padding: 0px;
  margin-bottom: 25px;
}
.blog-section .single-blog .blog-bottom h1:hover,
.blog-section .single-blog .blog-bottom a:hover {
  color: #444950;
}
.blog-section .single-blog .blog-bottom .under-title {
  margin-bottom: 25px;
}
.blog-section .single-blog .blog-bottom .under-title h2 {
  display: inline;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: normal !important;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #818893;
  line-height: 10px;
  margin-right: 10px;
  padding: 0px;
}
.blog-section .single-blog .blog-bottom .under-title h2 i {
  margin-right: 3px;
}
.blog-section .single-blog .blog-bottom p {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 33px;
  color: #444950;
  text-align: justify;
  display: inline;
}
.blog-section .single-blog .blog-bottom a img {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.blog-section .single-blog .blog-bottom a img:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.8);
  opacity: 0.8;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.blog-section .single-blog .blog-bottom img {
  margin: 20px;
}
.blog-section .single-blog .blog-bottom img.left {
  float: left;
}
.blog-section .single-blog .blog-bottom img.right {
  float: right;
}
.blog-section .single-blog .blog-bottom img.center {
  float: none;
}
.blog-section .single-blog .blog-bottom .button-read-more {
  padding: 4px 8px;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height: 5px;
  margin-left: 10px;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.blog-section .single-blog .blog-bottom .button-read-more:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.6);
  opacity: 0.6;
}
.blog-section .single-blog .blog-bottom .button-read-more h3 {
  color: white !important;
  font-size: 11px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  display: inline;
  margin: 0px;
  padding: 0px;
  line-height: 15px;
  font-weight: bold;
  text-transform: uppercase;
}
.blog-section .single-blog .blog-bottom .button-read-more .fa {
  display: inline;
  margin: 0px;
  margin-left: 3px;
  color: white;
  font-size: 11px;
  line-height: 15px;
  padding: 0px;
}
.blog-section .single-blog .blog-bottom .button-read-more.blue {
  background-color: #6ba9ff;
}
.blog-section .single-blog .blog-bottom .button-read-more.red {
  background-color: #ea6153;
}
.blog-section .single-blog .blog-bottom .button-read-more.orange {
  background-color: #ffbb92;
}
.blog-section .single-blog .blog-bottom .button-read-more.green {
  background-color: #4be5c4;
}
.blog-section .single-blog .blog-bottom .button-read-more.purple {
  background-color: #d6abf2;
}
.blog-section .button-more-blog-posts {
  margin: 70px 0px 95px 0px;
  width: 100%;
}
.blog-section .button-more-blog-posts .button {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 400px !important;
}
.awesomeness-meter {
  background-color: #9a9fa6;
  margin: 160px 0px;
}
.awesomeness-meter .container {
  padding: 40px 0px;
}
.awesomeness-meter h1 {
  width: 100%;
  background-color: white;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #5c626b;
  text-transform: uppercase;
  text-align: center;
  font-size: 32px;
  line-height: 35px;
  padding: 5px 0px;
  letter-spacing: -1px;
}
.awesomeness-meter .awesomeness {
  text-align: center;
  margin-bottom: 15px;
}
.awesomeness-meter .awesomeness h1 {
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  background-color: white;
  line-height: 15px;
  margin: 0px;
  font-weight: 400;
}
.awesomeness-meter .awesomeness h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  color: #fff;
  font-size: 50px;
  margin-top: 5px;
  margin-bottom: 20px;
}
.who-we-are {
  margin: 160px 0px;
  position: relative;
}
.who-we-are h2 {
  margin-bottom: 80px;
}
.who-we-are .person-active {
  transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  z-index: 200;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
}
.who-we-are .person-active .person-overlay {
  background: transparent;
}
.who-we-are .person-active .person-overlay img:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)" !important;
  filter: alpha(opacity=1) !important;
  opacity: 1 !important;
}
.who-we-are .person-overlay {
  background: url('../images/cross.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ea6153;
}
.who-we-are .person-div {
  text-align: center;
}
.who-we-are .person-div img {
  margin: 0 auto;
  display: block;
  max-height: 100%;
  position: relative;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.who-we-are .person-div img:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.2);
  opacity: 0.2;
}
.who-we-are .person-div .person-more-info1 {
  display: none;
}
.who-we-are .person-div .person-more-info {
  width: 100%;
  background-color: white;
  padding: 20px 30px;
}
.who-we-are .person-div .person-more-info p {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 300;
  font-size: 11px;
  line-height: 18px;
  color: #5c626b;
  text-align: justify;
}
.who-we-are section {
  height: 420px;
  background-color: white;
  width: 31.95%;
  margin: 0.5%;
  float: left;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}
.who-we-are section:hover {
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  cursor: pointer;
}
.who-we-are section:hover .color-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=1);
  opacity: 1;
  height: 8px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
}
.who-we-are section .color-bar {
  height: 3px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.6);
  opacity: 0.6;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
  position: absolute;
  top: 0px;
}
.who-we-are section .person-desc {
  background: url('../images/overlay_white_2.png');
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
}
.who-we-are section .person-desc h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 17px;
  text-transform: uppercase;
  text-align: center;
  line-height: 17px;
  margin: 0px;
  padding: 0px;
  color: #5c626b;
  font-weight: 300;
  letter-spacing: -1px;
  margin: 4px 0px 1px 0px;
}
.who-we-are section .person-desc h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  line-height: 12px;
  padding: 0px;
  color: #5c626b;
  width: 100%;
  margin: 1px 0px 4px 0px;
  font-weight: 400;
}
.who-we-are-shadow {
  display: block;
  bottom: -60px;
  top: inherit;
}
ul.social-icons {
  display: block;
  width: 100%;
  margin: 30px auto 10px auto;
  text-align: center;
  z-index: 10000;
  padding: 0px;
}
ul.social-icons li {
  margin: 0px;
  padding: 0px;
  display: inline-block;
}
ul.social-icons .fa {
  display: block;
  width: 20px;
  height: 20px;
  background-color: #5c626b;
  line-height: 20px;
  text-align: center;
  float: left;
  color: white;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
}
ul.social-icons .fa-linkedin {
  background-color: #6b90c4;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
ul.social-icons .fa-linkedin:hover {
  background-color: #90abd2;
}
ul.social-icons .fa-twitter {
  background-color: #66d9ff;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
ul.social-icons .fa-twitter:hover {
  background-color: #99e6ff;
}
ul.social-icons .fa-facebook {
  background-color: #4c70ba;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
ul.social-icons .fa-facebook:hover {
  background-color: #718dc8;
}
ul.social-icons .fa-google-plus {
  background-color: #d75d4f;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
ul.social-icons .fa-google-plus:hover {
  background-color: #e08379;
}
ul.social-icons .fa-youtube {
  background-color: #ff6666;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
ul.social-icons .fa-youtube:hover {
  background-color: #ff9999;
}
ul.social-icons .fa-vimeo-square {
  background-color: #4ac5f0;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
ul.social-icons .fa-vimeo-square:hover {
  background-color: #79d4f4;
}
ul.social-icons .fa-tumblr {
  background-color: #6b90c4;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
ul.social-icons .fa-tumblr:hover {
  background-color: #90abd2;
}
ul.social-icons .fa-pinterest {
  background-color: #e23b44;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
ul.social-icons .fa-pinterest:hover {
  background-color: #e9676e;
}
ul.social-icons .fa-dribbble {
  background-color: #e877a3;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
ul.social-icons .fa-dribbble:hover {
  background-color: #efa3c1;
}
ul.social-icons .fa-dropbox {
  background-color: #77addc;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
ul.social-icons .fa-dropbox:hover {
  background-color: #9fc6e7;
}
ul.social-icons .fa-foursquare {
  background-color: #4f70bb;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
ul.social-icons .fa-foursquare:hover {
  background-color: #748ec9;
}
ul.social-icons .fa-flickr {
  color: #EC1284;
  background-color: #dfe2e2;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
ul.social-icons .fa-flickr:hover {
  background-color: #fafafa;
}
ul.social-icons .fa-instagram {
  background-color: #00aaf1;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
ul.social-icons .fa-instagram:hover {
  background-color: #25bfff;
}
.who-i-am {
  margin: 160px 0px;
  background-color: white;
  padding: 50px 0px;
}
.who-i-am ul.social-icons {
  margin: 10px 0px 0px;
}
.who-i-am .who-i-am-text {
  padding: 10px;
}
.who-i-am .who-i-am-text h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 52px;
  color: #5c626b;
  text-transform: uppercase;
  line-height: 52px;
  padding: 0px;
  margin: 0px;
  font-weight: 200;
  letter-spacing: -2px;
  margin-bottom: 40px;
}
.who-i-am .who-i-am-text p {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 20px;
  text-align: justify;
  color: #686f79;
}
.who-i-am .who-i-am-text .buttons-section {
  margin: 45px 0px 0px 0px;
}
.who-i-am .who-i-am-text .buttons-section a {
  margin: 0px;
  width: 49%;
}
.who-i-am h2 {
  margin-bottom: 80px;
}
.who-i-am .person-single {
  text-align: center;
}
.who-i-am .person-single img {
  max-width: 100%;
  max-height: 100%;
}
.who-i-am .text-section {
  display: block;
  background-color: white;
  padding: 40px 50px;
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.who-i-am .text-section p {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 30px;
  text-align: justify;
  color: #7f858e;
}
.who-i-am .button-container .button {
  height: 50px !important;
}
.pc-big {
  position: relative;
  overflow: hidden;
  margin-top: 160px;
}
.pc-big .divider-shadow-bottom {
  position: absolute;
  bottom: 0px;
}
.pc-big .macbook-top {
  position: relative;
  bottom: 0px;
  width: 100%;
  height: 244px;
  background-image: url('../images/macbook_top.png');
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  margin-top: 30px;
}
.pc-big .macbook-top img {
  position: relative;
  top: 63px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.7);
  opacity: 0.7;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  cursor: pointer;
}
.pc-big .macbook-top img:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.85);
  opacity: 0.85;
}
.pc-side {
  position: relative;
  overflow: hidden;
  margin-top: 160px;
  background-color: rgba(255, 255, 255, 0.9);
}
.pc-side .pc-side-inner {
  padding: 60px 0px;
}
.pc-side .pc-text-section h1 {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 400;
  color: #5c626b;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
.pc-side .pc-text-section p {
  color: #5c626b;
}
.pc-side .macbook-small {
  position: relative;
  bottom: 0px;
  width: 100%;
  height: 244px;
  background-image: url('../images/macbook_small.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  text-align: center;
}
.pc-side .macbook-small img {
  position: relative;
  top: 14%;
  max-width: 54%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.7);
  opacity: 0.7;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  cursor: pointer;
}
.pc-side .macbook-small img:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.85);
  opacity: 0.85;
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
}
.my-skills {
  margin: 160px 0px;
}
.my-skills > .container {
  margin-bottom: 80px;
}
.my-skills .section h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 800;
  letter-spacing: -0.5px;
  font-size: 16px;
  padding-left: 10px;
  margin: 0px;
  line-height: 45px;
  margin-top: 50px;
  text-transform: uppercase;
  color: #b2b6bc;
}
.my-skills .skills-more {
  display: none;
}
.my-skills .skills-more h1 {
  margin-top: 0px;
}
.my-skills .button-more {
  text-align: center;
  font-size: 20px;
  color: #8f959e;
  padding: 10px 0px;
}
.my-skills .button-more a {
  color: #8f959e;
  display: inline-block;
}
.my-skills .button-more a :hover {
  color: #747b86;
}
.my-skills .button-more p {
  color: #8f959e;
  line-height: 13px;
  font-size: 13px;
  margin-bottom: -5px;
}
.skill > .container {
  padding: 1px 0px;
}
.skill .skill-text {
  width: 20%;
  height: 30px;
  background-color: #cdd0d4;
  text-align: center;
  display: table;
  float: left;
}
.skill .skill-text h1 {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 200 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  line-height: 11px !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
  display: table-cell !important;
  vertical-align: middle !important;
  font-weight: 600 !important;
}
.skill .skill-slider-wrapper {
  width: 80%;
  float: left;
  height: 30px;
  background: rgba(0, 0, 0, 0.05);
  position: relative;
  -webkit-border-radius: 0px 20px 20px 0px;
  -moz-border-radius: 0px 20px 20px 0px;
  border-radius: 0px 20px 20px 0px;
}
.skill .skill-slider-wrapper .skill-slider {
  background-color: #cdd0d4;
  background: url('../images/divider_shadow_vertical.png');
  background-repeat: no-repeat;
  background-position: left;
  height: 100%;
  position: absolute;
  top: 0px;
  -webkit-border-radius: 0px 20px 20px 0px;
  -moz-border-radius: 0px 20px 20px 0px;
  border-radius: 0px 20px 20px 0px;
}
.skill .skill-slider-wrapper .skill-slider h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 600;
  color: #ffffff;
  font-size: 11px;
  text-transform: uppercase;
  line-height: 30px;
  text-align: right;
  padding-right: 30px;
  padding-left: 30px;
}
.skill .skills-additional {
  clear: left;
  width: 100%;
  height: 0px;
  overflow: hidden;
  padding: 0px;
  -webkit-transition: all 1000ms ease-in-out;
  -moz-transition: all 1000ms ease-in-out;
  -o-transition: all 1000ms ease-in-out;
  -ms-transition: all 1000ms ease-in-out;
  transition: all 1000ms ease-in-out;
}
.skill .skills-additional .red {
  background-color: transparent !important;
}
.skill .skills-additional .red h1 {
  color: #ea6153 !important;
}
.skill .skills-additional .red .icon-wrapper {
  border: 1px solid #ea6153 !important;
}
.skill .skills-additional .blue {
  background-color: transparent !important;
}
.skill .skills-additional .blue h1 {
  color: #6ba9ff !important;
}
.skill .skills-additional .blue .icon-wrapper {
  border: 1px solid #6ba9ff !important;
}
.skill .skills-additional .green {
  background-color: transparent !important;
}
.skill .skills-additional .green h1 {
  color: #4be5c4 !important;
}
.skill .skills-additional .green .icon-wrapper {
  border: 1px solid #4be5c4 !important;
}
.skill .skills-additional .orange {
  background-color: transparent !important;
}
.skill .skills-additional .orange h1 {
  color: #ffbb92 !important;
}
.skill .skills-additional .orange .icon-wrapper {
  border: 1px solid #ffbb92 !important;
}
.skill .skills-additional .purple {
  background-color: transparent !important;
}
.skill .skills-additional .purple h1 {
  color: #d6abf2 !important;
}
.skill .skills-additional .purple .icon-wrapper {
  border: 1px solid #d6abf2 !important;
}
.skill .skills-additional .green {
  background-color: transparent !important;
}
.skill .skills-additional .green h1 {
  color: #4be5c4 !important;
}
.skill .skills-additional .green .icon-wrapper {
  border: 1px solid #4be5c4 !important;
}
.skill .skills-additional .additional-single {
  height: 100%;
  -webkit-transition: all 180ms ease-in-out;
  -moz-transition: all 180ms ease-in-out;
  -o-transition: all 180ms ease-in-out;
  -ms-transition: all 180ms ease-in-out;
  transition: all 180ms ease-in-out;
  cursor: pointer;
}
.skill .skills-additional .additional-single:hover {
  transform: scale(1.2, 1.2) translate(0px, 3px);
  -webkit-transform: scale(1.2, 1.2) translate(0px, 3px);
  -ms-transform: scale(1.2, 1.2) translate(0px, 3px);
}
.skill .skills-additional .additional-single:hover .icon-wrapper {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  background-color: white !important;
}
.skill .skills-additional .additional-single .icon-wrapper {
  display: block;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  border: 1px solid white;
  position: relative;
  z-index: 2;
  text-align: center;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.skill .skills-additional .additional-single .icon-wrapper h1 {
  margin: 0px;
  padding: 0px;
  font-size: 27px;
  line-height: 57px;
  color: inherit;
  font-weight: 300;
}
.skill .skills-additional .additional-single h1 {
  color: inherit;
  font-size: 10px;
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
  line-height: 2.3;
  letter-spacing: 0px;
  font-weight: 400;
  text-align: center;
}
.skill .blue {
  background-color: #6ba9ff !important;
}
.skill .dark-blue {
  background-color: #969ca5 !important;
}
.skill .green {
  background-color: #4be5c4 !important;
}
.skill .orange {
  background-color: #ffbb92 !important;
}
.skill .red {
  background-color: #ea6153 !important;
}
.skill .grey {
  background-color: #c6c6c6 !important;
}
.skill .dark-grey {
  background-color: #2b2b2b !important;
}
.skill .purple {
  background-color: #c6b1c6 !important;
}
#more-certificates {
  display: none;
}
.more-certificates-header-h2 {
  font-size: 28px;
  color: #5c626b;
  line-height: 28px;
  margin-bottom: 15px;
  margin-top: 10px;
  text-align: center;
}
.more-certificates-header {
  font-size: 18px;
  color: #5c626b;
  line-height: 18px;
  margin-bottom: 15px;
  margin-top: 10px;
}
.more-certificates-certificate {
  color: #5c626b;
  font-size: 13px;
  line-height: 18px;
  padding: 0px;
}
.certificates {
  margin: 160px 0px;
  text-align: center;
}
.certificates > .container {
  padding-bottom: 0px;
}
.certificates .certificate-wrapper {
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  text-align: center;
}
.certificates .certificate-inner {
  width: 130px;
  height: 130px;
  position: absolute;
  top: 10px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  background-color: white;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  line-height: 130px;
}
.certificates .certificate-inner img {
  display: block;
  max-width: 130px;
  max-height: 130px;
  position: absolute;
  top: 0;
}
.certificates ul {
  width: 100%;
  text-align: center;
}
.certificates ul .red .certificate-inner {
  border: 1px solid #ea6153;
}
.certificates ul .red a {
  background: url('../images/certificate_red.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 152px 215px;
}
.certificates ul .red h1 {
  color: #ea6153;
}
.certificates ul .orange .certificate-inner {
  border: 1px solid #ffbb92;
}
.certificates ul .orange a {
  background: url('../images/certificate_orange.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 152px 215px;
}
.certificates ul .orange h1 {
  color: #ffbb92;
}
.certificates ul .green .certificate-inner {
  border: 1px solid #4be5c4;
}
.certificates ul .green a {
  background: url('../images/certificate_green.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 152px 215px;
}
.certificates ul .green h1 {
  color: #4be5c4;
}
.certificates ul .blue .certificate-inner {
  border: 1px solid #6ba9ff;
}
.certificates ul .blue a {
  background: url('../images/certificate_blue.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 152px 215px;
}
.certificates ul .blue h1 {
  color: #6ba9ff;
}
.certificates ul .purple .certificate-inner {
  border: 1px solid #d6abf2;
}
.certificates ul .purple a {
  background: url('../images/certificate_purple.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 152px 215px;
}
.certificates ul .purple h1 {
  color: #d6abf2;
}
.certificates ul li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
}
.certificates ul li a {
  width: 100%;
  display: block;
  height: 220px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=1);
  opacity: 1;
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -ms-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}
.certificates ul li a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.7);
  opacity: 0.7;
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -ms-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}
.certificates ul li h1 {
  font-size: 13px;
  line-height: 15px;
  margin: 15px 0px 0px 0px;
  padding: 5px 10px 4px 10px;
  color: #5c626b;
  text-transform: uppercase;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 400;
  letter-spacing: -0.5px;
}
.certificates ul li h2 {
  font-size: 11px;
  padding: 0px;
  margin: 5px 0px;
  line-height: 11px;
  color: #8c929a;
  width: 100%;
}
.discography {
  margin: 160px 0px;
}
.discography > .discography-wrapper {
  margin-top: 60px;
}
.discography .album-wrapper {
  height: 100%;
  position: relative;
  margin-bottom: 30px;
}
.discography .album-wrapper img {
  max-width: 100%;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
}
.discography ul {
  width: 100%;
  text-align: center;
}
.discography ul li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
}
.discography ul li a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=1);
  opacity: 1;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.discography ul li a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.6);
  opacity: 0.6;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  transform: scale(1.03, 1.03) translate(0px, -3px);
  -webkit-transform: scale(1.03, 1.03) translate(0px, -3px);
  -ms-transform: scale(1.03, 1.03) translate(0px, -3px);
}
.discography ul li .overlay {
  width: 100%;
  height: 100%;
  background-color: white;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -ms-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
  display: block;
  text-align: center;
  position: absolute;
}
.discography ul li .overlay:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.9);
  opacity: 0.9;
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -ms-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}
.discography ul li .overlay .overlay-inside {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.discography ul li .overlay .overlay-inside h1 {
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  color: #9a9fa6;
  font-size: 11px;
  margin-top: 10px;
}
.discography ul li .overlay .overlay-inside .fa {
  color: #9a9fa6;
  margin: 0px 5px 0px 0px;
}
.discography ul li h1 {
  font-size: 12px;
  line-height: 15px;
  margin: 15px 0px 0px 0px;
  padding: 4px 10px 3px 10px;
  color: #f3f3f3;
  background-color: #5c626b;
  text-transform: uppercase;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 800;
}
.discography ul li h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 11px;
  padding: 0px;
  margin: 5px 0px;
  line-height: 11px;
  color: #8c929a;
  width: 100%;
  font-weight: 400;
}
.upcoming-events {
  margin: 160px 0px;
}
.upcoming-events .events-more {
  display: none;
}
.upcoming-events .button-more {
  text-align: center;
  font-size: 20px;
  color: #8f959e;
  padding: 10px 0px;
}
.upcoming-events .button-more a {
  color: #8f959e;
  display: inline-block;
}
.upcoming-events .button-more a :hover {
  color: #747b86;
}
.upcoming-events .button-more p {
  color: #8f959e;
  line-height: 13px;
  font-size: 13px;
  margin-bottom: -5px;
}
.upcoming-events .events-bg-wrapper {
  padding-top: 1px;
  padding-bottom: 10px;
  margin-top: 50px;
  position: relative;
}
.upcoming-events .last-event-transition {
  background: url('../images/transition-light-grey.png');
  background-repeat: repeat-x;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0px;
  z-index: 800;
  width: 100%;
  height: 120px;
}
.upcoming-events .event-wrapper {
  display: block;
  margin-top: 10px;
}
.upcoming-events .event-wrapper .event-calendar {
  height: 110px;
  background-color: white;
  text-align: center;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  padding: 7px 0px;
}
.upcoming-events .event-wrapper .event-calendar h1 {
  font-family: 'Roboto', sans-serif;
  font-size: 52px;
  font-weight: 200;
  letter-spacing: -1px;
  color: #5c626b;
  line-height: 62px;
  margin: 0px 0px 5px 0px;
}
.upcoming-events .event-wrapper .event-calendar h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  color: #5c626b;
  line-height: 18px;
  margin: 0px;
}
.upcoming-events .event-wrapper .event-calendar h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  color: #5c626b;
  line-height: 10px;
  margin: 0px;
}
.upcoming-events .event-wrapper .event-details {
  height: 110px;
  background-color: white;
  text-align: left;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  padding: 10px 10px;
  display: table;
}
.upcoming-events .event-wrapper .event-details .event-details-cell {
  display: table-cell;
  vertical-align: middle;
}
.upcoming-events .event-wrapper .event-details .event-details-cell h1 {
  color: #ea6153;
  font-size: 22px;
  line-height: 21px;
  margin: 0px;
  margin-bottom: 3px;
  text-transform: uppercase;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 300;
}
.upcoming-events .event-wrapper .event-details .event-details-cell h2 {
  color: #5c626b;
  font-size: 14px;
  line-height: 19px;
  margin: 0px;
  text-transform: uppercase;
  font-weight: 300;
}
.upcoming-events .event-wrapper .event-details .button-container {
  display: table-cell;
  vertical-align: middle;
}
.upcoming-events .event-wrapper .event-details .button-container .button {
  width: 250px;
  float: right;
  height: 50px;
  margin: 0px;
  line-height: 38px;
}
.our-clients {
  text-align: center;
  width: 100%;
  margin: 160px 0px;
}
.our-clients .container {
  padding: 60px 0px 40px 0px !important;
}
.our-clients .client {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.our-clients .client a {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=1);
  opacity: 1;
}
.our-clients ul {
  margin: 30px 0px;
}
.our-clients li {
  height: 80px;
  position: relative;
  margin: 0px auto;
}
.our-clients li img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  max-width: 100%;
  -webkit-transition: all 120ms ease-in-out;
  -moz-transition: all 120ms ease-in-out;
  -o-transition: all 120ms ease-in-out;
  -ms-transition: all 120ms ease-in-out;
  transition: all 120ms ease-in-out;
}
.our-clients li img:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.8);
  opacity: 0.8;
  transform: scale(0.91);
  -webkit-transform: scale(0.91);
  -ms-transform: scale(0.91);
}
.testimonials-section {
  margin: 160px 0px;
  background-position: 50% 50%;
}
.testimonials-section .flex-control-paging li a {
  background: #dadada;
}
.testimonials-section .flex-control-paging li a:hover {
  background: #272727;
}
.testimonials-section .flex-active {
  background: #a6a6a6 !important;
}
.testimonials-section .container {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}
.testimonials-section li {
  padding: 50px 0px 0px 0px;
}
.testimonials-section li img {
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  width: 80px;
  height: 80px;
  overflow: hidden;
  border: 2px solid white;
}
.testimonials-section h1 {
  margin-bottom: 0px;
  color: #dadada;
}
.testimonials-section h1 .fa {
  line-height: 90px;
}
.testimonials-section h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 700;
  letter-spacing: -0.5px;
  font-size: 17px;
  line-height: 26px;
  color: #f3f3f3;
}
.testimonials-section hr {
  margin: 20px 0px;
}
.testimonials-section p {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  color: #f3f3f3;
  font-size: 18px;
  line-height: 26px;
  font-weight: 300;
}
.testimonials-section .arrow_prev,
.testimonials-section .arrow_next {
  display: inline-block;
  font-size: 31px;
  height: 31px;
}
.testimonials-section .arrow_prev a,
.testimonials-section .arrow_next a {
  color: #9a9fa6;
}
.testimonials-section .arrow_prev a .fa,
.testimonials-section .arrow_next a .fa {
  line-height: 31px;
}
.testimonials-section .arrow_prev a :hover,
.testimonials-section .arrow_next a :hover {
  color: #b5b9be;
}
#ajax-closing {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 100;
  display: none;
}
#ajax-closing a {
  font-size: 22px;
  color: #5c626b;
}
.current-portfolio-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 10px solid #404348;
  background: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.5);
  opacity: 0.5;
}
#portfolio-more-outer {
  position: relative;
  background-color: white;
}
#portfolio-more-outer .portfolio-controls {
  display: none;
  width: 100%;
  position: relative;
}
#portfolio-more-outer .portfolio-close-wrapper {
  margin: 0 auto;
  margin: 0px 0px 0px -50px;
  position: absolute;
  top: 0px;
  right: 0px;
}
#portfolio-more-outer .portfolio-close-wrapper .portfolio-close {
  float: right;
}
#portfolio-more-outer .portfolio-close-wrapper li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
}
#portfolio-more-outer .portfolio-close-wrapper .fa {
  font-size: 13px;
  margin: 0px;
  line-height: 30px;
}
#portfolio-more-outer .portfolio-close-wrapper a {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  z-index: 800;
  color: #ffffff;
  background-color: #5c626b;
}
#portfolio-more-outer .portfolio-arrows {
  margin: 0 auto;
  position: absolute;
  top: 0%;
  right: 30%;
}
#portfolio-more-outer .portfolio-arrows li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
}
#portfolio-more-outer .portfolio-arrows .fa {
  font-size: 15px;
  margin: 0px;
  line-height: 30px;
}
#portfolio-more-outer .portfolio-arrows a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  z-index: 800;
  color: #ffffff;
  background-color: #5c626b;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#portfolio-more-outer .portfolio-arrows .portfolio-arrow-left {
  float: left;
}
#portfolio-more-outer .portfolio-arrows .portfolio-arrow-right {
  float: right;
}
#portfolio-more-outer #ajax-loading {
  width: 100%;
  text-align: center;
  height: 0px;
  line-height: 0px;
  text-indent: -9999px;
  background: url('../images/ajax_loader.gif');
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
#portfolio-more-outer #ajax-error {
  line-height: 100px;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 500;
  font-size: 13px;
  color: white;
  background-color: #f28d6a;
  cursor: pointer;
}
#portfolio-more {
  display: block;
  z-index: 90;
  position: relative;
  text-align: left;
}
#portfolio-more #portfolio-content #portfolio-container-right {
  clear: left;
  float: left;
  width: 100%;
  background-color: white;
  -webkit-box-shadow: 0px 0px 120px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 120px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 120px rgba(0, 0, 0, 0.2);
}
#portfolio-more #portfolio-content #portfolio-container-left {
  float: left;
  width: 100%;
  position: relative;
  right: 30%;
  background-color: #1f2124;
}
#portfolio-more #portfolio-content #portfolio-left {
  float: left;
  width: 66%;
  position: relative;
  left: 32%;
  overflow: hidden;
  padding: 100px 7%;
}
#portfolio-more #portfolio-content #portfolio-left img {
  max-width: 100%;
}
#portfolio-more #portfolio-content #portfolio-right {
  float: left;
  width: 26%;
  position: relative;
  left: 36%;
  overflow: hidden;
  padding: 60px 1% 100px 1%;
}
#portfolio-more #portfolio-content #portfolio-right h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 21px;
  color: #5c626b;
  text-transform: uppercase;
  line-height: 25px;
  text-align: center;
  font-weight: 400;
}
#portfolio-more #portfolio-content #portfolio-right h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 12px;
  color: #9ca2aa;
  text-transform: uppercase;
  line-height: 13px;
  text-align: center;
  font-weight: 400;
}
#portfolio-more #portfolio-content #portfolio-right p {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 300;
  font-size: 13px;
  line-height: 22px;
  text-align: justify;
  color: #7f858e;
  margin: 30px 0px 60px 0px;
  padding: 0px;
}
#portfolio-more #portfolio-content #portfolio-right .client-section ul {
  margin: 0px 0px 0px 0px;
}
#portfolio-more #portfolio-content #portfolio-right .client-section ul li {
  line-height: 30px;
  padding: 0px;
  margin: 0px;
  border-bottom: 1px solid #ededed;
}
#portfolio-more #portfolio-content #portfolio-right .client-section ul li h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 13px;
  line-height: 20px;
  display: inline;
  margin: 0px;
  margin-right: 5px;
  color: #5c626b;
  text-align: left;
  font-weight: 800;
}
#portfolio-more #portfolio-content #portfolio-right .client-section ul li h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 13px;
  line-height: 20px;
  display: inline;
  margin: 0px;
  padding: 0px;
  color: #5c626b;
  text-align: left;
  text-transform: none;
  font-weight: 400;
}
#portfolio-more #portfolio-content .portfolio-left {
  background-color: #1f2124;
  float: left;
  padding: 5% 5%;
  height: 100%;
  position: relative;
  display: none;
}
#portfolio-more #portfolio-content .portfolio-additional-images {
  text-align: center;
  margin-top: 30px;
}
#portfolio-more #portfolio-content .portfolio-additional-images h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 13px;
  color: #5c626b;
  text-transform: none;
  text-align: left;
}
#portfolio-more #portfolio-content .portfolio-additional-images ul {
  margin: 0;
  padding: 0;
}
#portfolio-more #portfolio-content .portfolio-additional-images ul li {
  display: inline-block;
  width: 25%;
  margin: 0px;
  padding: 0px;
}
#portfolio-more #portfolio-content .portfolio-additional-images ul li img {
  width: 100%;
  max-width: 100%;
}
#portfolio-more #portfolio-content .portfolio-additional-images ul a {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=1);
  opacity: 1;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
#portfolio-more #portfolio-content .portfolio-additional-images ul a:hover {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.8);
  opacity: 0.8;
}
#portfolio-more .divider-shadow-bottom {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.5);
  opacity: 0.5;
  height: 30px;
}
#portfolio-more .divider-shadow {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.5);
  opacity: 0.5;
  height: 30px;
}
#portfolio-more h1.project-detail {
  font-size: 12px;
  line-height: 20px;
  margin: 0px;
  padding: 10px 0px;
  background-color: #5c626b;
  color: #f3f3f3;
  text-align: center;
}
#portfolio-more > .container {
  background-color: white;
  overflow: auto;
  position: relative;
  padding: 60px 0px 0px 0px;
}
#portfolio-more .divider-shadow {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.5);
  opacity: 0.5;
}
#portfolio-more .divider-shadow.shadow-lighter {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.05);
  opacity: 0.05;
}
#portfolio-more .social-icons {
  text-align: right;
  margin-top: 40px;
}
#portfolio-more .social-icons a {
  font-size: 25px;
  color: #5c626b;
  -webkit-transition: color 150ms ease-in-out;
  -moz-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  -ms-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
#portfolio-more .social-icons a:hover {
  -webkit-transition: color 150ms ease-in-out;
  -moz-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  -ms-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
  color: #747b86;
}
#portfolio-more .social-icons .fa {
  margin: 0px;
  margin-right: 7px;
}
#portfolio-more section {
  width: 100%;
  height: auto;
  background: none;
}
#portfolio-more h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 40px;
  color: #5c626b;
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: 40px;
  text-align: center;
}
#portfolio-more h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 18px;
  color: #9a9fa6;
  text-transform: none;
  margin-bottom: 0px;
  line-height: 18px;
  text-align: center;
}
#portfolio-more .close-icon-bottom {
  margin-bottom: 70px;
  color: #5c626b;
  position: relative;
  text-align: center;
  z-index: 2000;
  display: inline-block;
  font-size: 20px;
}
#portfolio-more .flexslider-portfolio-simple {
  width: 100%;
  text-align: center;
}
#portfolio-more .flexslider-portfolio-simple .flex-control-nav {
  margin: 20px 0px;
}
#portfolio-more .flexslider-portfolio-simple .flex-control-paging li a {
  background: #f3f3f3;
}
#portfolio-more .flexslider-portfolio-simple .flex-control-paging li a.flex-active {
  background: #5a5a5a;
}
#portfolio-more .flexslider-portfolio-simple .flex-viewport {
  position: relative;
  z-index: 700;
}
#portfolio-more .flexslider-portfolio-simple .flex-direction-nav {
  position: absolute;
  top: 40%;
  display: inline;
  width: 100%;
  left: 0px;
  z-index: 100;
}
#portfolio-more .flexslider-portfolio-simple .flex-direction-nav li {
  display: block;
}
#portfolio-more .flexslider-portfolio-simple .flex-direction-nav .flex-prev {
  float: left;
  background-image: url('../images/arrow_left.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20%;
}
#portfolio-more .flexslider-portfolio-simple .flex-direction-nav .flex-next {
  float: right;
  background-image: url('../images/arrow_right.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20%;
}
#portfolio-more .flexslider-portfolio-simple .flex-direction-nav a {
  display: block;
  height: 100px;
  width: 40px;
  background-color: #404348;
  background-image: none;
}
#portfolio-more .flexslider-portfolio-additional-images {
  width: 100%;
  text-align: center;
}
#portfolio-more .flexslider-portfolio-additional-images .flex-control-nav {
  margin: 20px 0px;
}
#portfolio-more .flexslider-portfolio-additional-images .flex-viewport {
  position: relative;
  z-index: 700;
}
#portfolio-more .flexslider-portfolio-additional-images .flex-direction-nav {
  position: absolute;
  top: 40%;
  display: inline;
  width: 100%;
  left: 0px;
  z-index: 100;
}
#portfolio-more .flexslider-portfolio-additional-images .flex-direction-nav li {
  display: block;
}
#portfolio-more .flexslider-portfolio-additional-images .flex-direction-nav .flex-prev {
  float: left;
  background-image: url('../images/arrow_left.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20%;
}
#portfolio-more .flexslider-portfolio-additional-images .flex-direction-nav .flex-next {
  float: right;
  background-image: url('../images/arrow_right.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20%;
}
#portfolio-more .flexslider-portfolio-additional-images .flex-direction-nav a {
  display: block;
  height: 100px;
  width: 40px;
  background-color: #404348;
  background-image: none;
}
#portfolio-more .flexslider-portfolio-additional-images .flex-control-thumbs {
  cursor: pointer;
}
#portfolio-more .flexslider-portfolio-additional-images .flex-control-thumbs li {
  display: inline-block;
  width: 25%;
  margin: 0px;
}
#portfolio-more .flexslider-portfolio-additional-images .flex-control-thumbs li img {
  width: 100%;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
#portfolio-more .flexslider-portfolio-additional-images .flex-control-thumbs li img:hover {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.8);
  opacity: 0.8;
}
#portfolio-more .flexslider-portfolio-additional-images .flex-control-thumbs .flex-active {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)" !important;
  filter: alpha(opacity=0.3) !important;
  opacity: 0.3 !important;
}
.portfolio-section {
  text-align: center;
  position: relative;
  margin: 160px 0px;
}
.portfolio-section h2 {
  padding-bottom: 30px;
}
.portfolio-item {
  position: relative;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.portfolio-item img {
  width: 100%;
  min-height: 100px;
  height: auto;
  display: block;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.portfolio-overlay {
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(255, 255, 255, 0.85);
  position: absolute;
  top: 0%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.portfolio-overlay:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.95);
  opacity: 0.95;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.portfolio-overlay h1 {
  font-size: 12px;
  line-height: 14px;
  margin: 0px 0px 0px 0px;
  padding: 5px 20px;
  color: #fff;
  background-color: #5c626b;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 36%;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 500;
}
.portfolio-overlay h2 {
  font-size: 11px;
  line-height: 11px;
  padding: 5px 10px;
  color: #5c626b;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 500;
}
ul.sortable-filter {
  background-color: transparent;
  line-height: 30px;
  margin-top: 40px;
  margin-bottom: 50px;
  display: inline-block;
  border: 1px solid #6ba9ff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  width: auto;
}
ul.sortable-filter li {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 11px;
  color: #6ba9ff;
  padding: 5px 25px;
  line-height: 30px;
  display: inline-block;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  cursor: pointer;
  border-right: 1px solid #6ba9ff;
}
ul.sortable-filter li.current {
  color: white;
  background-color: #6ba9ff;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
ul.sortable-filter li:hover {
  color: white;
  background-color: #76abf4;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
ul.sortable-filter li:last-child {
  border: 0px;
}
ul.sortable-filter li.active {
  color: white;
  background-color: #6ba9ff;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
ul.sortable-filter .red.current {
  background-color: #ea6153;
  color: #fff;
}
ul.sortable-filter .red.active {
  background-color: #ea6153;
  color: #fff;
}
ul.sortable-filter .red:hover {
  background-color: #e56558;
  color: #fff;
}
ul.sortable-filter .blue.current {
  background-color: #6ba9ff;
  color: #fff;
}
ul.sortable-filter .blue.active {
  background-color: #6ba9ff;
  color: #fff;
}
ul.sortable-filter .blue:hover {
  background-color: #6ea9fb;
  color: #fff;
}
ul.sortable-filter .green.current {
  background-color: #4be5c4;
  color: #fff;
}
ul.sortable-filter .green.active {
  background-color: #4be5c4;
  color: #fff;
}
ul.sortable-filter .green:hover {
  background-color: #50e0c1;
  color: #fff;
}
ul.sortable-filter .orange.current {
  background-color: #ffbb92;
  color: #fff;
}
ul.sortable-filter .orange.active {
  background-color: #ffbb92;
  color: #fff;
}
ul.sortable-filter .orange:hover {
  background-color: #fcbc94;
  color: #fff;
}
ul.sortable-filter .purple.current {
  background-color: #d6abf2;
  color: #fff;
}
ul.sortable-filter .purple.active {
  background-color: #d6abf2;
  color: #fff;
}
ul.sortable-filter .purple:hover {
  background-color: #d5adef;
  color: #fff;
}
.twitter-section {
  text-align: center;
}
.twitter-section .fa {
  line-height: 31px;
  color: #5c626b;
}
.twitter-section .full-width {
  background-color: #404348;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  padding: 15px 0px;
}
.twitter-section .container {
  text-align: center;
}
.twitter-section hr {
  margin: 20px 0px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.5);
  opacity: 0.5;
}
.twitter-section h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 700;
  font-size: 13px;
  line-height: 14px;
  margin-top: 15px;
  color: #9a9fa6;
}
.twitter-section p {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 400;
  color: #f3f3f3;
  font-size: 15px;
  line-height: 22px;
}
.twitter-section .home-tweet-date a {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  margin-top: 15px;
  color: #9a9fa6;
  border: 0px;
}
.twitter-section .home-tweet-date a:hover {
  color: #b5b9be;
}
.twitter-section a {
  color: #9a9fa6;
  border-bottom: 1px dashed #9a9fa6;
}
.twitter-section a:hover {
  color: #b5b9be;
}
.twitter-section .flex-prev {
  background: url('../images/sprite_arrows.png');
  background-position: left bottom;
  border: 0px;
}
.twitter-section .flex-next {
  background: url('../images/sprite_arrows.png');
  background-position: right bottom;
  border: 0px;
}
.typography-wrapper {
  margin-top: 120px;
}
.typography-wrapper .typo-title {
  font-weight: 400 !important;
  font-size: 17px;
  margin: 0px 0px 10px 0px;
  display: block;
  padding-left: 10px;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  text-transform: uppercase;
  color: #5c626b;
  background-color: white;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
}
.typography-wrapper .buttons-section {
  margin-bottom: 120px;
}
.typography-wrapper .buttons-section .button {
  margin-top: 20px;
}
.typography-wrapper .color-palette {
  margin-bottom: 120px;
}
.typography-wrapper .color-palette ul {
  margin: 40px 0px;
}
.typography-wrapper .color-palette ul li {
  display: inline-block;
  height: 80px;
  border: 1px solid white;
}
.typography-wrapper .color-palette ul li.red {
  background-color: #ea6153;
}
.typography-wrapper .color-palette ul li.blue {
  background-color: #6ba9ff;
}
.typography-wrapper .color-palette ul li.orange {
  background-color: #ffbb92;
}
.typography-wrapper .color-palette ul li.green {
  background-color: #4be5c4;
}
.typography-wrapper .color-palette ul li.purple {
  background-color: #d6abf2;
}
.typography-wrapper .color-palette ul li.d-blue {
  background-color: #5c626b;
}
.typography-wrapper .blockquotes {
  margin-bottom: 120px;
}
.typography-wrapper .text-styles {
  margin-bottom: 120px;
}
.typography-wrapper ul {
  margin-bottom: 40px;
}
.typography-wrapper ul li {
  padding: 0px;
}
.typography-wrapper .paragraph-text {
  margin-bottom: 80px;
}
.typography-wrapper .paragraph-text p {
  text-align: justify;
}
#maps {
  margin: 0;
  position: relative;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 80px;
}
#maps #map {
  height: 450px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.45);
  opacity: 0.45;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
#maps #map:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=1);
  opacity: 1;
}
#maps .map-wrapper {
  position: relative;
}
#maps .map-details {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 100;
  display: table;
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
#maps .map-details .map-details-inner {
  width: 33.333%;
  display: table-cell;
  float: left;
  vertical-align: middle;
  padding: 20px 0px 40px 0px;
  text-align: center;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  border-right: 1px solid #f7f7f7;
}
#maps .map-details .map-details-inner:last-child {
  border: 0px;
}
#maps .map-details .map-details-inner h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 13px;
  line-height: 24px;
  margin: 0px;
  font-weight: 500;
  text-transform: uppercase;
  color: #5c626b;
  display: inline;
  padding: 1px 10px;
}
#maps .map-details .map-details-inner h1.blue {
  color: #fff;
  background-color: #6ba9ff;
}
#maps .map-details .map-details-inner h1.red {
  color: #fff;
  background-color: #ea6153;
}
#maps .map-details .map-details-inner h1.purple {
  color: #fff;
  background-color: #d6abf2;
}
#maps .map-details .map-details-inner h1.orange {
  color: #fff;
  background-color: #ffbb92;
}
#maps .map-details .map-details-inner h1.green {
  color: #fff;
  background-color: #4be5c4;
}
#maps .map-details .map-details-inner h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 14px;
  line-height: 20px;
  margin: 0px;
  font-weight: 400;
  color: #5c626b;
}
#maps .map-details .map-details-inner .fa {
  border: 1px solid black;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  display: block;
  width: 40px;
  height: 40px;
  font-size: 15px;
  line-height: 40px;
  margin: 0 auto;
  color: #5c626b;
  margin-bottom: 15px;
}
#maps .map-details .map-details-inner .fa.red {
  color: #ea6153;
  border-color: #ea6153;
}
#maps .map-details .map-details-inner .fa.blue {
  color: #6ba9ff;
  border-color: #6ba9ff;
}
#maps .map-details .map-details-inner .fa.green {
  color: #4be5c4;
  border-color: #4be5c4;
}
#maps .map-details .map-details-inner .fa.orange {
  color: #ffbb92;
  border-color: #ffbb92;
}
#maps .map-details .map-details-inner .fa.purple {
  color: #d6abf2;
  border-color: #d6abf2;
}
#maps .map-details .map-details-inner .fa.grey {
  color: #bcbcbc;
  border-color: #bcbcbc;
}
.contact-section {
  margin: 160px 0px;
}
.contact-section #contact-form {
  padding: 50px 0px 0px 0px;
  position: relative;
  text-align: center;
}
.contact-section #contact-form h1.large {
  margin-bottom: 40px;
}
.contact-section #contact-form .social-icons {
  margin-bottom: 50px;
}
.contact-section #contact-message-section {
  float: left;
  width: 48%;
  margin: 0% 2% 0% 0%;
}
.contact-section #contact-message-section h1 {
  font-size: 15px;
  line-height: 18px;
  padding: 6px 15px;
  color: #fff;
  background-color: #e6e6e6;
  display: inline-block;
  margin: 0px 0px 5% 1%;
  text-transform: uppercase;
}
.contact-section #contact-message-section input {
  width: 100%;
  border: 1px solid #e8e8e8;
  font-size: 13px;
  color: #747474;
  padding: 18px 2%;
  float: left;
  margin: 0px 0px 2% 1%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
}
.contact-section #contact-message-section textarea {
  width: 100%;
  border: 1px solid #e8e8e8;
  font-size: 13px;
  color: #747474;
  padding: 18px 2%;
  float: left;
  margin: 0px 0px 2% 1%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
}
.contact-section #contact-about-section {
  float: right;
  width: 48%;
  margin: 0% 0% 0% 2%;
}
.contact-section #contact-about-section h1 {
  font-size: 15px;
  line-height: 18px;
  padding: 6px 15px;
  color: #fff;
  background-color: #e6e6e6;
  display: inline-block;
  margin: 0px 0px 5% 0%;
  text-transform: uppercase;
}
.contact-section #contact-about-section input {
  width: 100%;
  border: 1px solid #e8e8e8;
  font-size: 13px;
  color: #747474;
  padding: 18px 2%;
  float: right;
  margin: 0px 0% 2% 0px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
}
.contact-section #contact-recaptcha {
  width: 48%;
  float: left;
  height: 150px;
  margin: 30px 0% 0% 2%;
  display: none;
}
.contact-section #contact-recaptcha .recaptcha_iframe {
  border: none;
}
.contact-section #contact-recaptcha #recaptcha_widget {
  display: none;
}
.contact-section #contact-recaptcha .recaptcha_only_if_incorrect_sol {
  color: red;
}
.contact-section #contact-recaptcha #recaptcha_image {
  width: 100% !important;
  height: auto !important;
  background-color: white;
  text-align: center;
  padding: 10px 0px;
  border: 1px solid #e8e8e8;
}
.contact-section #contact-recaptcha #recaptcha_image img {
  margin: 0px auto;
}
.contact-section #contact-recaptcha .recaptcha_input {
  margin-top: 5px;
}
.contact-section #contact-recaptcha .recaptcha_input label {
  text-align: center;
  color: #5c626b;
  display: none;
}
.contact-section #contact-recaptcha .recaptcha_input input {
  width: 100%;
  border: 1px solid #e8e8e8;
  font-size: 13px;
  color: #747474;
  float: left;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: 0px;
  padding: 18px 2%;
}
.contact-section #contact-recaptcha .recaptcha_options {
  text-align: right;
}
.contact-section #contact-recaptcha .recaptcha_options .captcha_hide {
  display: none;
}
.contact-section #contact-recaptcha .recaptcha_options li {
  display: inline-block;
  margin: 0px 3px;
  padding: 0px;
}
.contact-section #contact-submit-button {
  width: 48%;
  float: right;
  margin: 0% 0% 0% 2%;
}
.contact-section #contact-submit-button input[type="submit"] {
  width: 100%;
  cursor: pointer;
  float: right;
  height: 70px;
  margin-top: 20px;
  font-size: 13px;
  padding-top: 10px;
  font-weight: 200;
}
#buy-now {
  display: block;
  text-align: center;
  background-color: #494e55;
  margin: 0px;
  padding: 0px;
  -webkit-transition: all 170ms ease-in-out;
  -moz-transition: all 170ms ease-in-out;
  -o-transition: all 170ms ease-in-out;
  -ms-transition: all 170ms ease-in-out;
  transition: all 170ms ease-in-out;
}
#buy-now:hover {
  cursor: pointer;
  background-color: #ea6153;
}
#buy-now:hover h1 {
  color: white !important;
}
#buy-now .fa {
  margin-right: 5px;
}
#buy-now h1 {
  -webkit-transition: all 170ms ease-in-out;
  -moz-transition: all 170ms ease-in-out;
  -o-transition: all 170ms ease-in-out;
  -ms-transition: all 170ms ease-in-out;
  transition: all 170ms ease-in-out;
  margin: 0px;
  padding: 30px 0px;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #5c626b;
}
#footer-section {
  background-color: #393c42;
  text-align: center;
  margin: 0px;
}
#footer-section .container {
  height: 100%;
}
#footer-section .container .logo-holder {
  width: 30%;
  max-width: 250px;
  min-width: 200px;
  margin: 0px auto;
  padding: 40px 0px 10px 0px;
}
#footer-section .container .logo-holder h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  color: #393c42;
  text-transform: uppercase;
  line-height: 1;
  margin: 0px;
  text-align: center;
  padding: 3% 10%;
  background-color: #494e55;
}
#footer-section .container .social-icons {
  margin: 0px 0px 30px 0px;
}
#footer-section .container .social-icons li {
  font-size: 25px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=0.2);
  opacity: 0.2;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
#footer-section .container .social-icons li:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
  filter: alpha(opacity=1);
  opacity: 1;
}
#footer-section .container .copyright-notice {
  width: 80%;
  margin: 0 auto;
}
#footer-section .container .copyright-notice h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-weight: 500;
  font-size: 10px;
  color: #535860;
  text-align: center;
  line-height: 12px;
  margin: 0px 0px 20px 0px;
}
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
  .jetmenu a {
    background-color: white;
  }
  .jetmenu li {
    background: white !important;
  }
  nav.main-menu .jetmenu .megamenu li {
    background: transparent !important;
  }
  .jetmenu .showhide .title {
    display: none;
  }
  .small-logo {
    position: absolute;
    top: 0px;
    z-index: 9999;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)" !important;
    filter: alpha(opacity=1) !important;
    opacity: 1 !important;
  }
  #top-small-menu {
    display: none;
  }
  .top-nav-full {
    width: 100%;
    position: absolute;
    bottom: inherit;
    top: 0px;
  }
  .top-nav-full #sticky,
  .top-nav-full #not-sticky {
    height: 60px;
    background: white;
    border-bottom: 3px solid #e6e6e6;
  }
  .top-nav-full #sticky li:hover,
  .top-nav-full #not-sticky li:hover {
    border: 0px;
  }
  .top-nav-full nav.main-menu {
    width: 100%;
    position: absolute !important;
    display: block !important;
    top: 0px;
  }
  .jetmenu > li {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .jetmenu > li > a {
    padding: 15px 25px;
  }
  .jetmenu a {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .jetmenu ul.dropdown,
  .jetmenu ul.dropdown li ul.dropdown {
    width: 100% !important;
    left: 0;
    position: static !important;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .jetmenu ul.dropdown li {
    background: #fff !important;
    border: none;
  }
  .jetmenu ul.dropdown > li > a {
    padding-left: 40px !important;
  }
  .jetmenu > li > .megamenu {
    width: 100% !important;
    position: static;
    border-top: none;
  }
  .megamenu .row [class*="col"] {
    float: none;
    display: block;
    width: 100% !important;
    margin-left: 0;
    margin-top: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .megamenu .row:first-child [class*="col"]:first-child {
    margin-top: 0;
  }
  .megamenu .row {
    margin-top: 0;
  }
  .jetmenu > li > ul.dropdown > li > a {
    padding-left: 40px !important;
  }
  .jetmenu > li > ul.dropdown > li > ul.dropdown > li > a {
    padding-left: 60px !important;
  }
  .jetmenu > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a {
    padding-left: 80px !important;
  }
  .mobile-button {
    display: block !important;
  }
}
/* Tablets PORTRAIT only */
@media all and (min-width: 768px) and (max-width: 959px) {
  .who-we-are .person-div img {
    left: -35px;
  }
  .who-we-are .person-div img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
    filter: alpha(opacity=1);
    opacity: 1;
  }
  .premium-packages .premium-cards-wrapper {
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  }
  .premium-packages .premium-card {
    width: 47%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    margin-bottom: 20px;
    border: 0px;
  }
  .pc-side .macbook-small img {
    top: 51px;
  }
  .pc-side .pc-text-section h1 {
    text-align: center;
  }
  .pc-side .pc-text-section p {
    text-align: justify;
  }
  .pc-big .macbook-top {
    background-size: contain;
    height: 174px;
  }
  .pc-big .macbook-top img {
    top: 44px;
    max-width: 389px;
  }
  ul.social-icons .fa {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .who-i-am ul.social-icons {
    padding: 0px 20px;
  }
  .who-i-am ul.social-icons li {
    display: inline;
  }
  .services .service-card .colored ul li .fa {
    display: none;
  }
  .services .service-card .colored ul li {
    padding: 0px 10px;
  }
  ul.sortable-filter li {
    width: 100%;
    border-right: 0px;
    font-weight: 400;
  }
  ul.sortable-filter {
    margin-left: 30px;
    margin-right: 30px;
    padding: 0px;
  }
  .flex-control-paging li a {
    width: 20px;
    height: 20px;
  }
  #portfolio-more #portfolio-content #portfolio-right h1 {
    font-weight: 400;
    font-size: 20px;
  }
  #portfolio-more #portfolio-content #portfolio-right h2 {
    font-weight: 400;
    font-size: 12px;
  }
  #portfolio-more #portfolio-content #portfolio-right p {
    font-weight: 400;
  }
  #portfolio-more #portfolio-content #portfolio-right .client-section ul li h1 {
    font-weight: 400;
  }
  #portfolio-more .flexslider-portfolio-simple .flex-direction-nav {
    display: none;
  }
  #portfolio-more #portfolio-content #portfolio-container-left {
    right: 0%;
  }
  #portfolio-more #portfolio-content #portfolio-container-right {
    margin-bottom: 12px;
  }
  #portfolio-more #portfolio-content #portfolio-right {
    float: none;
    left: 0%;
    width: 100%;
    padding: 0px 15px;
    padding-top: 0px;
    padding-bottom: 30px;
  }
  #portfolio-more #portfolio-content #portfolio-left {
    float: none;
    width: 100%;
    left: 0%;
    padding: 50px 0px;
  }
  #portfolio-more #portfolio-content #portfolio-right p {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  #portfolio-more-outer .portfolio-arrows {
    right: inherit;
    left: 0%;
  }
  #portfolio-more #portfolio-content #portfolio-right .client-section ul li {
    border-bottom: 1px solid #404348;
  }
  #portfolio-more-outer .portfolio-arrows .fa {
    line-height: 50px;
  }
  #portfolio-more-outer .portfolio-close-wrapper .fa {
    line-height: 50px;
  }
  #portfolio-more-outer .portfolio-arrows a {
    width: 50px;
    height: 50px;
  }
  #portfolio-more-outer .portfolio-arrows [class^="icon-"],
  #portfolio-more-outer .portfolio-arrows [class*=" icon-"] {
    line-height: 50px;
  }
  #portfolio-more-outer .portfolio-close-wrapper a {
    height: 50px;
    width: 50px;
  }
  #portfolio-more-outer .portfolio-close-wrapper [class^="icon-"],
  #portfolio-more-outer .portfolio-close-wrapper [class*=" icon-"] {
    line-height: 50px;
  }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
/* Smaller than TABLETS */
@media all and (max-width: 767px) {
  .alert-box .alert-text {
    padding: 20px 40px 30px 40px;
    text-align: justify;
  }
  ul.sortable-filter li {
    width: 100%;
    border-right: 0px;
    font-weight: 400;
  }
  ul.sortable-filter {
    margin-left: 30px;
    margin-right: 30px;
    padding: 0px;
  }
  .flex-control-paging li a {
    width: 20px;
    height: 20px;
  }
  #portfolio-more #portfolio-content #portfolio-right h1 {
    font-weight: 400;
    font-size: 20px;
  }
  #portfolio-more #portfolio-content #portfolio-right h2 {
    font-weight: 400;
    font-size: 12px;
  }
  #portfolio-more #portfolio-content #portfolio-right p {
    font-weight: 400;
  }
  #portfolio-more #portfolio-content #portfolio-right .client-section ul li h1 {
    font-weight: 400;
  }
  #portfolio-more .flexslider-portfolio-simple .flex-direction-nav {
    display: none;
  }
  #portfolio-more #portfolio-content #portfolio-container-left {
    right: 0%;
  }
  #portfolio-more #portfolio-content #portfolio-container-right {
    margin-bottom: 12px;
  }
  #portfolio-more #portfolio-content #portfolio-right {
    float: none;
    left: 0%;
    width: 100%;
    padding: 0px 15px;
    padding-top: 0px;
    padding-bottom: 30px;
  }
  #portfolio-more #portfolio-content #portfolio-left {
    float: none;
    width: 100%;
    left: 0%;
    padding: 50px 0px;
  }
  #portfolio-more #portfolio-content #portfolio-right p {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  #portfolio-more-outer .portfolio-arrows {
    right: inherit;
    left: 0%;
  }
  #portfolio-more #portfolio-content #portfolio-right .client-section ul li {
    border-bottom: 1px solid #404348;
  }
  #portfolio-more-outer .portfolio-arrows .fa {
    line-height: 50px;
  }
  #portfolio-more-outer .portfolio-close-wrapper .fa {
    line-height: 50px;
  }
  #portfolio-more-outer .portfolio-arrows a {
    width: 50px;
    height: 50px;
  }
  #portfolio-more-outer .portfolio-arrows [class^="icon-"],
  #portfolio-more-outer .portfolio-arrows [class*=" icon-"] {
    line-height: 50px;
  }
  #portfolio-more-outer .portfolio-close-wrapper a {
    height: 50px;
    width: 50px;
  }
  #portfolio-more-outer .portfolio-close-wrapper [class^="icon-"],
  #portfolio-more-outer .portfolio-close-wrapper [class*=" icon-"] {
    line-height: 50px;
  }
  .pc-side .macbook-small img {
    top: 42px;
  }
  .pc-big .macbook-top {
    background-size: 100%;
    height: 152px;
  }
  .pc-big .macbook-top img {
    top: 38px;
    max-width: 342px;
  }
  .who-we-are section {
    width: 307px;
    margin-bottom: 0px;
    float: none;
    margin: 10px auto;
  }
  .who-we-are .person-div img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
    filter: alpha(opacity=1);
    opacity: 1;
  }
  .who-we-are ul.social-icons {
    padding: 0px 30px;
  }
  .who-we-are ul.social-icons li {
    display: inline;
  }
  .who-we-are .person-active {
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
  }
  .who-we-are-shadow {
    display: none;
  }
  .who-we-are section h1 {
    font-size: 12px;
    line-height: 200px;
  }
  .who-we-are section .section-more {
    height: 100%;
    top: 0px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)";
    filter: alpha(opacity=0.75);
    opacity: 0.75;
  }
  .who-we-are section h2.position {
    background-color: transparent;
    line-height: 200px;
    color: #9a9fa6;
  }
  .who-we-are h2 {
    margin-bottom: 30px;
  }
  .who-i-am .who-i-am-text h1 {
    text-align: center;
  }
  ul.social-icons .fa {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .who-i-am ul.social-icons {
    padding: 0px 60px;
  }
  .who-i-am ul.social-icons li {
    display: inline;
  }
  .who-i-am .who-i-am-text .buttons-section a {
    margin-bottom: 20px;
  }
  .upcoming-events .event-wrapper .event-details .event-details-cell {
    width: 80%;
  }
  .upcoming-events .event-wrapper .event-details .button-container .button {
    width: 43px;
  }
  .skill .skills-additional .additional-single {
    width: 84px;
    height: 73px;
  }
  .skill .skills-additional .additional-single .icon-wrapper {
    width: 50px;
    height: 50px;
  }
  .skill .skills-additional .additional-single .icon-wrapper h1 {
    font-size: 21px;
    line-height: 48px;
  }
  .skill .skills-additional.translate-height {
    height: 170px !important;
  }
  .skill .skill-text {
    width: 100%;
    height: 40px;
  }
  .skill .skill-slider-wrapper {
    width: 100%;
  }
  #typed-cursor {
    display: none;
  }
  .services-shadow-mobile {
    display: block;
  }
  .services-shadow {
    display: none;
  }
  .services .service-card .colored {
    background-image: none;
  }
  .services .service-card .colored p {
    color: #5c626b;
  }
  .services .service-card .colored .icon-wrapper .fa {
    color: #f3f3f3;
  }
  .services .service-card .colored h1 {
    background-image: none;
  }
  .services .service-card-bottom {
    display: none;
  }
  .video-section > .container .video-holder {
    margin-top: 40px;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  }
  .video-section .full-width .additional-video h1 {
    font-size: 12px;
  }
  .certificates .certificate-wrapper {
    width: 50% !important;
  }
  .premium-packages .premium-cards-wrapper {
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  }
  .premium-packages .premium-card {
    width: 100%;
    margin: 0px;
    margin-bottom: 20px;
    border: 0px;
  }
  .upcoming-gigs .gig-wrapper .gig-details .gig-details-cell {
    display: block;
    text-align: center;
  }
  .upcoming-gigs .gig-wrapper .gig-details .button-container {
    display: block;
  }
  .gig-wrapper {
    margin: 25px 0px;
  }
  .upcoming-gigs .gig-wrapper .gig-details .button-container .button {
    max-width: 100%;
    float: none;
  }
  .upcoming-gigs .gig-wrapper .gig-details {
    display: block;
    height: auto;
  }
  .awesomeness-meter h1 {
    font-size: 22px;
    line-height: 22px;
  }
  .awesomeness-meter .awesomeness h2 {
    font-size: 40px;
  }
  .awesomeness-meter .awesomeness h1 {
    font-size: 13px;
    line-height: 13px;
  }
  .contact-section #contact-message-section {
    width: 100%;
    float: none;
  }
  .contact-section #contact-about-section {
    width: 100%;
    float: none;
    margin: 0 0 0 1%;
  }
  .contact-section #contact-submit-.button {
    width: 100%;
    float: none;
    margin: 0px;
    margin-left: 1%;
  }
  .contact-section #contact-recaptcha {
    width: 100%;
    margin: 30px 0 0 1%;
  }
  .contact-section #contact-submit-button input[type="submit"] {
    margin-top: 40px;
    font-weight: 300;
  }
  .contact-section #contact-submit-button {
    width: 100%;
    float: none;
    margin-left: 1%;
  }
  .contact-section #contact-form .social-icons {
    padding: 0px 120px;
  }
  .jetmenu a {
    background-color: white;
  }
  .jetmenu li {
    background: white !important;
  }
  .jetmenu .showhide .title {
    display: none;
  }
  .small-logo {
    position: absolute;
    top: 0px;
    z-index: 9999;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@number)" !important;
    filter: alpha(opacity=1) !important;
    opacity: 1 !important;
  }
  #top-small-menu {
    display: none;
  }
  .top-nav-full {
    width: 100%;
    position: absolute;
    bottom: inherit;
    top: 0px;
  }
  .top-nav-full #sticky,
  .top-nav-full #not-sticky {
    height: 60px;
    background: white;
    border-bottom: 3px solid #e6e6e6;
  }
  .top-nav-full #sticky li:hover,
  .top-nav-full #not-sticky li:hover {
    border: 0px;
  }
  .top-nav-full nav.main-menu {
    width: 100%;
    position: absolute !important;
    display: block !important;
    top: 0px;
  }
  .skill .skill-text {
    margin-bottom: 2px;
  }
  .skill .skill-slider-wrapper .skill-slider {
    background: none;
  }
  .skill .skill-slider-wrapper {
    height: 25px;
  }
  .skill .skill-slider-wrapper .skill-slider h2 {
    line-height: 25px;
    font-size: 10px;
  }
  .services-main .services-controller .service-individual {
    width: 105px;
  }
  .services-main .services-controller {
    margin-bottom: 0px;
  }
  .services-main .services-controller li h1 {
    display: none;
  }
  .services-main .services-controller li .icon-wrapper {
    margin-bottom: 20px;
  }
  #top-content .behind-header-circle {
    width: 400px;
    height: 400px;
    border: 5px solid #cdd0d4;
  }
  #top-content .behind-header-circle .circle-inside-wrapper {
    margin-top: 130px;
  }
  #top-content .behind-header-circle .circle-inside-wrapper h1.tagline {
    font-size: 15px;
    padding: 10px 20px;
  }
  #top-content .square-header-long {
    width: 90%;
    position: relative;
  }
  #top-content .square-header-long .script-wrapper {
    position: absolute;
    height: 100%;
    background-color: white;
    width: 100%;
    padding-top: 100px;
  }
  .our-clients .client {
    width: 40% !important;
    margin: 5%;
  }
  .discography .album-wrapper {
    width: 48% !important;
    margin: 1%;
    float: left;
    line-height: 1;
  }
  .discography .album-wrapper h1,
  .discography .album-wrapper h2 {
    display: none;
  }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  .big-tagline h1 {
    font-size: 30px;
    line-height: 30px;
    margin-top: -10px;
    border-bottom: 3px solid white;
  }
  .small-tagline h2 {
    font-size: 12px;
    line-height: 12px;
  }
  .small-caption h3 {
    font-size: 10px;
    line-height: 10px;
  }
  a.header-button {
    max-width: 90% !important;
    font-size: 12px !important;
  }
  .pc-side .macbook-small img {
    top: 26%;
  }
  .pc-big .macbook-top {
    background-size: 100%;
    height: 109px;
  }
  .pc-big .macbook-top img {
    top: 28px;
    max-width: 247px;
  }
  .video-section > .container .video-holder {
    margin-top: 0px;
  }
  .who-we-are section {
    width: 100%;
    margin-bottom: 0px;
    float: none;
    margin: 10px auto;
  }
  .skill .skills-additional .additional-single {
    width: 75px;
  }
  .skill .skills-additional .additional-single .icon-wrapper {
    width: 45px;
    height: 45px;
  }
  .skill .skills-additional .additional-single .icon-wrapper h1 {
    line-height: 44px;
    font-size: 20px;
  }
  .services-main .services-controller .service-individual {
    width: 75px;
  }
  .services-main .services-controller li .icon-wrapper {
    width: 55px;
    height: 55px;
  }
  .services-main .services-controller li .icon-wrapper .fa {
    line-height: 53px;
    font-size: 24px;
  }
  #maps .map-details .map-details-inner {
    width: 100%;
  }
  h2.large {
    font-size: 1em;
  }
  h1.large {
    font-size: 30px;
    line-height: 30px;
  }
  .logo img {
    margin-top: 17px;
    max-width: 250px !important;
    max-height: 250px !important;
  }
  .horizontal-line-logo {
    display: none;
  }
  #top-content .behind-header-circle {
    width: 280px;
    height: 280px;
  }
  #top-content .behind-header-circle .circle-inside-wrapper {
    margin-top: 90px;
  }
  #top-content .behind-header-circle .circle-inside-wrapper h1 {
    padding: 10px 15px;
  }
  #top-content .behind-header-circle .circle-inside-wrapper h1.tagline {
    font-size: 12px;
    padding: 5px;
  }
  #top-content .above-header-long-same-color h2 {
    font-size: 13px;
  }
  #top-content .above-header-long-same-color-wrapper .main-title-above-limit {
    margin: 0px auto -2px auto;
  }
  #top-content h2 {
    font-size: 13px;
  }
  #top-content .behind-header-rectangle h1 {
    padding: 10px;
  }
  #top-content .behind-header-rectangle h1.tagline-top {
    padding-top: 0px;
  }
  a.header-button {
    width: auto;
    max-width: 90% !important;
    display: inline-block;
    font-size: 11px;
    line-height: 37px !important;
    text-transform: uppercase;
    margin: 0 auto;
    padding: 0px 40px;
    font-weight: 500;
    margin-top: 30px;
    color: #5c626b;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    background-color: white;
  }
  .who-i-am .text-section {
    padding: 15px;
  }
  .who-i-am .text-section p {
    font-size: 13px;
    line-height: 20px;
  }
  .who-i-am .who-i-am-text .buttons-section a {
    width: 100%;
  }
  .sortable-filter {
    padding: 10px 0px;
  }
  .certificates ul li a img {
    max-height: 140px;
  }
  .certificates {
    padding: 40px 0px;
  }
  .certificates ul li h1 {
    font-size: 11px;
  }
  ul.sortable-filter {
    margin-left: 30px;
    margin-right: 30px;
    padding: 0px;
  }
  .certificates .certificate-wrapper {
    width: 50% !important;
  }
  .certificates ul a {
    background-size: 94% !important;
  }
  .certificates .certificate-inner {
    width: 123px;
    height: 123px;
    top: 9px;
  }
  .who-i-am .person-single img {
    max-width: 80%;
  }
  .who-i-am .social-icons a {
    font-size: 30px;
  }
  .my-skills {
    padding: 40px 0px;
  }
  .testimonials-section p {
    font-size: 14px;
  }
  .testimonials-section h2 {
    font-size: 14px;
  }
  .contact-section #contact-form .social-icons {
    padding: 0px 46px;
  }
  #footer-section .container .social-icons {
    padding: 0px 46px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  body {
    background: white;
    background: url('../images/squairy_light_@2X.jpg');
    background-repeat: repeat;
    background-size: 200px 200px;
  }
}