/*
Theme Name: Formative
Theme URI: http://demo.pastelfriday.com/formative/
Author URI: http://themeforest.net/user/janintia
Description: A one-page HTML landing theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: formative
Tags: custom-colors, custom-menu, full-width-template
*/

/*-------------------------------------------------------*/
/* Table of Contents

1. Normalize
2. Typography
3. Helper Classes
4. Page Loading
5. Sections
6. Buttons
7. Logo
8. Main Navigation
9. Hero Slider
10. Hero Image
11. Hero Video
12. Hero Typing Text
13. Hero Segmenter
14. Tabbed Slider
15. Icon Boxes
16. Portfolio
17. Call To Action
18. Counters
19. Testimonials
20. Segmenter
21. Blog
22. Back To Top
23. Lightbox
24. Team
25. Pricing Boxes
26. Contact Form
27. Form Controls
28. Newsletter
29. Footer
/*-------------------------------------------------------*/

/* NORMALIZE */
html {
	background-color: #272727 !important;
}

body{
  padding: 0;
  margin: 0;
  font-family: 'Raleway' !important;

}
ul {
	list-style: none;
	margin: 0;
    padding: 0;
}

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

/* HTML5 RESET */

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

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

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {max-width: 100%;}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:
#map img {
		max-width: none;
}
*/

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: separate; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:after { content: " "; display: block; clear: both; }

/* TYPOGRAPHY */
body {
	font-family: 'Poppins', sans-serif;
    font-size: 12px;
	color: #676767;
}

p {
    padding: 0;
    margin: 0 0 24px;
    font-weight: 400;
	font-size: 12px;
    line-height: 21px;
	letter-spacing: 0.2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #454545;
    margin: 0 0 20px;
    padding: 0;
    line-height: normal;
	font-weight: 700;
}

h1 {
	font-size: 40px;
	margin-bottom: 30px;
}

h2 {
    font-size: 34px;
    margin-bottom: 30px;
}
h2#teams-subheading {
	font-size:20px;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
	font-weight: 700;
}
h3 {
    font-size: 26px;
}

h4 {
    font-size: 20px;
    text-transform: capitalize;
}

a {
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:focus, a:hover {
	text-decoration: none;
}
hr.section-hr {
	height: 0;
    width: 100px;
    margin: 0 auto 40px;
	border: 2px solid;
}
hr.hr-light {
	border-color: #fff;
}
ul li {
	line-height: 26px;
}
hr {
	border: 2px solid #f0f3f5;
}
.text-muted {
	color: #898989;
}

/* HELPER CLASSES */
.relative {
	position: relative;
}
.width-100 {
	width: 100%;
}
.img-center {
	margin: 0 auto;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.inline-block-list-item li {
	display: inline-block;
	margin: 0 6px;
}
.block-list-item li {
	display: block;
}
.lined-list li {
	border-bottom: 1px solid;
}
.pt-30 {
	padding-top: 30px;
}
.pt-40 {
	padding-top: 40px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-60 {
	margin-bottom: 60px;
}
.ml-10 {
	margin-left: 10px;
}
.ml-20 {
	margin-left: 20px;
}
.ml-30 {
	margin-left: 30px;
}
.mr-10 {
	margin-right: 10px;
}
.mr-20 {
	margin-right: 20px;
}
.mr-30 {
	margin-right: 30px;
}
.mb30-sm {
	margin-bottom: 30px;
}
.plr-25 {
	padding: 0 25px;
}
.fa.pull-right {
    margin-left: 14px;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-medium, .text-medium li {
	font-size: 17px;
	line-height: 26px;
}
.big-icon {
	font-size: 36px;
	text-align: center;
	margin-bottom: 20px;
}
.rounded {
	margin: 0 auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.rounded.semi {
	-webkit-border-radius: 20%;
	-moz-border-radius: 20%;
	-ms-border-radius: 20%;
	-o-border-radius: 20%;
	border-radius: 20%;
}
.rounded.small {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.rounded:hover {
	box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.09);
	-webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.09);
	-o-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.09);
	-ms-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.09);
}
.bg-light {
	background: #fff;
}
.bg-gray {
	background: #fafafa;
}
.bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6,
.bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary h5, .bg-secondary h6,
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6,
.bg-primary p.lead, .bg-secondary p.lead, .dark-bg p.lead,
.bg-primary, .bg-secondary, .dark-bg {
	color: #fff;
}
.bg-primary hr.section-hr {
	border-color: #fff;
}
.container-wide {
	width: 100%;
	position: relative;
}
.container.inner {
	padding-top: 80px;
	padding-bottom: 80px;
}
.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.1);
}
.parallax {
	background-attachment: fixed;
	background-position: center;
    background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    background: transparent;
}

/* PAGE LOADING */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 4px;
}

body.pace-done .loading-overlay {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}
.loading-overlay {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
    background-color: white;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 1031;
	align-items: center;
	text-align: center;
}
.loading-content {
	text-align: center;
	margin: auto;
	margin-top: 200px;
	position: relative;
}

/* SECTIONS */
.row {
}
.page-section {
	padding: 80px 0;
	overflow: hidden;
}
.page-section .section-heading {
	position: relative;
}
.section-heading .sub-heading {
	opacity: 0.4;
    display: inline-block;
    font-size: 16px;
    line-height: 27px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}
.section-heading h2 {
	position: relative;
	font-size: 36px;
	line-height: 46px;
}
.section-heading.heading-left .section-hr {
	margin-left: 0;
	margin-bottom: 20px;
}

/* BUTTONS */
.btn, .navbar li a.btn {
	border: none;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	-ms-border-radius: 300px;
	-o-border-radius: 300px;
    border-radius: 300px;
    font-weight: 400;
    text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35s;
    transition: all .35s;
}
.btn:focus,
.btn:active {
	outline: 0;
}
.navbar li a.btn {
	border-radius: 3px;
}
.btn-primary,
.navbar li a.btn,
.btn-primary:focus,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:hover,
.btn-secondary,
.btn-secondary:focus,
.btn-secondary.active,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary:hover {
    color: #fff;
}

.btn-xs {
	font-size: 11px;
	padding: 7px 12px;
}
.btn-primary,
.btn-secondary {
	padding: 10px 18px;
}
.btn-lg {
	font-size: 13px;
	padding: 12px 22px;
}
.btn-xl {
	font-size: 15px;
	padding: 16px 26px;
	min-width: 200px;
}

.btn-lg,
.btn-xl {
	font-weight: 700;
}
.btn-primary,
.btn-secondary,
.btn-xs,
.btn-lg,
.btn-xl {
	letter-spacing: 0;
}

.btn-box {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.btn-shadow {
	-webkit-box-shadow: 0 0 0 10px rgba(0,0,0,0.07),
	0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08),
	inset 0 -3px 2px rgba(0,0,0,.08),
    inset 0 20px 10px rgba(255,255,255,.08),
    0 0 4px 1px rgba(0,0,0,.1),
    0 3px 2px rgba(0,0,0,.08);
	-moz-box-shadow: 0 0 0 10px rgba(0,0,0,0.07),
	0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08),
	inset 0 -3px 2px rgba(0,0,0,.08),
    inset 0 20px 10px rgba(255,255,255,.08),
    0 0 4px 1px rgba(0,0,0,.1),
    0 3px 2px rgba(0,0,0,.08);
	-ms-box-shadow: 0 0 0 10px rgba(0,0,0,0.07),
	0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08),
	inset 0 -3px 2px rgba(0,0,0,.08),
    inset 0 20px 10px rgba(255,255,255,.08),
    0 0 4px 1px rgba(0,0,0,.1),
    0 3px 2px rgba(0,0,0,.08);
	-o-box-shadow: 0 0 0 10px rgba(0,0,0,0.07),
	0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08),
	inset 0 -3px 2px rgba(0,0,0,.08),
    inset 0 20px 10px rgba(255,255,255,.08),
    0 0 4px 1px rgba(0,0,0,.1),
    0 3px 2px rgba(0,0,0,.08);
	box-shadow: 0 0 0 10px rgba(0,0,0,0.07),
	0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08),
	inset 0 -3px 2px rgba(0,0,0,.08),
    inset 0 20px 10px rgba(255,255,255,.08),
    0 0 4px 1px rgba(0,0,0,.1),
    0 3px 2px rgba(0,0,0,.08);
}
.btn-shadow:hover {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.09);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.09);
	-ms-box-shadow: 0 0 10px 0 rgba(0,0,0,0.09);
	-o-box-shadow: 0 0 10px 0 rgba(0,0,0,0.09);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.09);
}
.btn-embossed {
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.07),
    0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08),
    inset 0 -3px 2px rgba(0,0,0,.08),
    inset 0 20px 10px rgba(255,255,255,.08),
    0 0 4px 1px rgba(0,0,0,.1),
    0 3px 2px rgba(0,0,0,.08);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.07),
    0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08),
    inset 0 -3px 2px rgba(0,0,0,.08),
    inset 0 20px 10px rgba(255,255,255,.08),
    0 0 4px 1px rgba(0,0,0,.1),
    0 3px 2px rgba(0,0,0,.08);
	-ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.07),
    0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08),
    inset 0 -3px 2px rgba(0,0,0,.08),
    inset 0 20px 10px rgba(255,255,255,.08),
    0 0 4px 1px rgba(0,0,0,.1),
    0 3px 2px rgba(0,0,0,.08);
	-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.07),
    0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08),
    inset 0 -3px 2px rgba(0,0,0,.08),
    inset 0 20px 10px rgba(255,255,255,.08),
    0 0 4px 1px rgba(0,0,0,.1),
    0 3px 2px rgba(0,0,0,.08);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.07),
    0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08),
    inset 0 -3px 2px rgba(0,0,0,.08),
    inset 0 20px 10px rgba(255,255,255,.08),
    0 0 4px 1px rgba(0,0,0,.1),
    0 3px 2px rgba(0,0,0,.08);
}

/* LOGO */
.logo {
	display: block;
	max-height: 50px;
}

/* MAIN NAVIGATION */
.logo {
	display: inline-block;
}
.navbar-wrapper {
	position: relative;
	min-height: 70px;
}
.navbar-default {
	background: #fff;
}
.navbar-header {
	position: relative;
}
.navbar-toggle {
	margin-right: 0;
}
.header-transparent .navbar-default .navbar-nav > li > a {
	color: #fff;
}
.header-transparent .top-nav-collapse .navbar-nav > li > a {
	color: #454545;
}
.header-transparent .main-nav {
	background: transparent;
}
.header-transparent .top-nav-collapse {
	background: #fff;
}
.header-transparent .logo-dark {
	display: none;
}
.header-transparent .top-nav-collapse .logo-dark {
	display: block;
}
.header-transparent .top-nav-collapse .logo-light {
	display: none;
}
.navbar {
	border: 0;
	margin-bottom: 0;
}
.navbar.top-nav-collapse {
	background-color: #fff;
	-webkit-box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.076);
	-moz-box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.076);
	-ms-box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.076);
	-o-box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.076);
	box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.076);
}
.navbar li > a {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
	margin-left: 15px;
	margin-right: 15px;

	transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
}
.navbar-default .navbar-nav >.active > a,
.navbar-default .navbar-nav >.active > a:focus,
.navbar-default .navbar-nav >.active > a:hover,
.navbar-default .navbar-nav > li > a:hover {
	background: transparent;
}
.navbar > li > a:before {
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 2px;
    background: rgba(0,0,0,0.23);
    -webkit-transition: visibility 200ms ease-out,opacity 200ms ease-out,left 200ms ease-out,width 200ms ease-out;
    transition: visibility 200ms ease-out,opacity 200ms ease-out,left 200ms ease-out,width 200ms ease-out;
    content: "";
    width: 0%;
}
.navbar li > a:hover:before,
.navbar-default .navbar-nav >.active > a:before {
    visibility: visible;
    opacity: 1;
    width: 100%;
    left: 0;
}

.header-transparent .navbar-default:not(.top-nav-collapse) .navbar-nav > .active > a,
.header-transparent .navbar-default:not(.top-nav-collapse) .navbar-nav > li > a:focus,
.header-transparent .navbar-default:not(.top-nav-collapse) .navbar-nav >.active > a:hover,
.header-transparent .navbar-default:not(.top-nav-collapse) .navbar-nav > li > a:hover {
	color: #fff;
}
.header-transparent .navbar-default:not(.top-nav-collapse) .navbar-toggle .icon-bar {
    background-color: #fff;
}
.header-transparent .navbar-default:not(.top-nav-collapse) .navbar-toggle {
    border-color: #fff;
}

.navbar-toggle {
	border-width: 2px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}
.navbar-default:not(.top-nav-collapse) .navbar-toggle:active,
.navbar-default:not(.top-nav-collapse) .navbar-toggle:focus {
	background: transparent;
}
.navbar-default:not(.top-nav-collapse) .navbar-toggle:hover {
	background: #fff;
}
.navbar-default:not(.top-nav-collapse) .navbar-toggle:hover .icon-bar {
	background-color: #444;
}
.navbar .dropdown-menu {
	border: 0;
	padding: 20px;
	-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03);
	-ms-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03);
	-o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03);
}
.navbar-nav>li>.dropdown-menu {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.navbar .dropdown-menu:before {
    content: " ";
    border-bottom: 12px solid #fff!important;
    border-left: 12px solid transparent!important;
    border-right: 12px solid transparent!important;
    border-top: none;
    margin-top: -20px!important;
    width: 20px!important;
    position: absolute;
    left: 180px;
	top: 12px;
}
.navbar .dropdown-menu li a {
	font-weight: normal;
	text-transform: none;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 0;
	margin-right: 0;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: transparent;
}

/* HERO SLIDER */
#hero-slider {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
}
.item {
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	width: 100%;
}
/* hero slider classic */
.hero-slider-classic #hero-slider,
.hero-slider-classic #hero-slider .item {
	height: 400px;
}

/* hero slider fullscreen */
.header-transparent #hero-slider,
.header-transparent #hero-slider .item  {
	height: 100vh;
}
#hero-slider .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.17);
}
#hero-slider .item .img {
    display: block;
	width: 100%;
    height: 100%;
    background-position: center center;
	background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.item .item-caption {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 88%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.item h1 {
	font-size: 30px;
	line-height: 38px;
	font-weight: 700;
	margin-bottom: 20px;
	text-shadow: 0 2px 6px rgba(0,0,0,0.16);
}
.item p {
	font-size: 16px;
	line-height: 26px;
	color: #f5f5f5;
	max-width: 98%;
	margin: 0 auto 40px;
}
.item p.lead {
	font-size: 15px;
	line-height: 24px;
	color: #fff;
}
p.lead {
	font-size: 15px;
	line-height: 26px;
	font-weight: 400;
	color: #999;
}
.item h1 {
	color: #fff;
}
.item .btn {
	margin-top: 0;
	margin-bottom: 10px;
}
div.owl-prev,div.owl-next {
	position: absolute;
	top:30%;
}
div.owl-prev {
	left: 0;
}
div.owl-next {
	right: 0;
}
#hero-slider .owl-dots {
	position: absolute;
	bottom: 30px;
	right: 30px;
	text-align: right;
	display: none;
}
@-webkit-keyframes bounce {
    5%, 15% {-webkit-transform: translateY(10px); opacity: 1;}
    0%, 10%, 20%, 100% {-webkit-transform: translateY(0px); opacity: 0.7;}
}
@keyframes bounce {
    5%, 15% {transform: translateY(10px); opacity: 1;}
    0%, 10%, 20%, 100% {transform: translateY(0px); opacity: 0.7;}
}
.go-down-icon {
	width: 40px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: 30px;
	text-align: center;
	z-index: 2;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-animation: bounce 5s infinite;
	animation: bounce 5s infinite;
}
.go-down-icon a {
	display: inline-block;
	color: #fff;
	font-size: 24px;
	opacity: 0.54;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	border: 2px solid;
    width: 30px;
    height: 30px;
	line-height: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
    border-radius: 50%;
}
.go-down-icon a:hover,
.go-down-icon a:active,
.go-down-icon a:focus {
	opacity: 1;
	color: #fff;
}
#hero-slider .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	margin: 0 4px;
	background: transparent;
	border: 2px solid #fff;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
#hero-slider .owl-dots .owl-dot.active span,
#hero-slider .owl-dots .owl-dot:hover span {
	background: #fff;
	border-color: #fff;
}

/* HERO SLIDER ANIMATIONS */
.fadeInDown, .fadeInUp, .fadeInRight, .fadeInLeft {
	opacity: 0;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.fadeInDown {
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	-o-transform: translateY(-15px);
	transform: translateY(-15px);
}
.fadeInUp {
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
	transform: translateY(15px);
}
.fadeInDown.hs-animate,
.fadeInUp.hs-animate {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.fadeInRight {
	-webkit-transform: translateX(-15px);
	-moz-transform: translateX(-15px);
	-ms-transform: translateX(-15px);
	-o-transform: translateX(-15px);
	transform: translateX(-15px);
}
.fadeInLeft {
	-webkit-transform: translateX(15px);
	-moz-transform: translateX(15px);
	-ms-transform: translateX(15px);
	-o-transform: translateX(15px);
	transform: translateX(15px);
}
.fadeInLeft.hs-animate,
.fadeInRight.hs-animate {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

/* HERO IMAGE */
#hero-image .item .img {
    display: block;
	width: 100%;
    height: 100%;
    background-position: center center;
	background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* HERO VIDEO */
#hero-video {
    border-right: none;
    border-left: none;
    position: relative;
}
#hero-video .overlay,
#hero-video .item-caption {
	z-index: 1;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
	background: #000;
	style="opacity: 0.5;"
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container-main video {
    position: absolute;
    z-index: 0;
	bottom: 0;
	right: 0;
}
.video-container-main video.fillWidth {
    width: 100%;
}

/* HERO TYPING TEXT */
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

/* HERO - SEGMENTER */
#hero-segmenter .segmenter-container .overlay {
	z-index: 2;
}

/* TABBED SLIDER */
.tabbed-slider {
	margin: 0 auto 30px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.tabbed-slider:before {
    content: '';
    display: block;
    border-bottom: 1px solid #efefef;
    margin: 65px auto -65px;
    max-width: 75%;
}
.tabbed-slider .tab-item {
	float: left;
    width: 100%;
    padding: 0 20px;
}
.tabbed-slider .tab-item:hover i,
.tabbed-slider .owl-item.active i {
	color: #fff;
}
.tabbed-slider .tab-item i {
	display: block;
	font-size: 34px;
	line-height: 112px;
	width: 120px;
	height: 120px;
	background: #fff;
	border: 3px solid;
	margin: 0 auto 20px;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tabbed-slider .tab-item h3 {
	font-size: 18px;
	line-height: 29px;
}
.tabbed-item-content {
	max-width: 90%;
	margin: 0 auto;
	padding: 0 20px;
}
.tabbed-slider-content {
	background: #f5f5f5;
    padding: 50px 0;
}

/* ICON BOXES */
.icon-box, .icon-box h3, .icon-box p {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.icon-box.shadow {
	padding: 40px;
	background: #fff;
    background: rgba(255,255,255,0.8);
	-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03);
	-ms-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03);
	-o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03);
	border-radius: 3px;
}
.icon-box .icon {
	display: inline-block;
	background: #fff;
	border: 2px solid #efefef;
	text-align: center;
	font-size: 40px;
	width: 100px;
	height: 100px;
	line-height: 96px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.icon-box:hover .icon {
	color: #fff;
	border: 2px solid;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.icon-box.hover-color:hover .icon {
	border: 2px solid;
}
.icon-box.hover-color .icon {
	margin-top: -150px;
}
.icon-box.hover-color:hover .learn-more {
	color: #fff;
}
.icon-box.hover-color:hover h3, .icon-box.hover-color:hover p {
	color: #fff;
}
.icon-box h3 {
	font-size: 19px;
	font-weight: 700;
	margin: 30px 0 10px;
	letter-spacing: 0.4px;
}
.icon-box .learn-more {
	margin: 0;
	display: inline-block;
	text-decoration: none;
	letter-spacing: 0.8px;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.icon-box .learn-more:hover {
	opacity: 0.7;
}

/* PORTFOLIO */
.portfolio-filter {
	text-align: center;
	margin: 20px 0;
	display: block;
}
.portfolio-filter li {
	display: inline-block;
}
.portfolio-filter li a {
	background: #fff;
	color: #787878;
	padding: 10px;
    letter-spacing: 1.3px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
	margin: 0 3px 10px;
	display: inline-block;
	border: 3px solid transparent;
	text-decoration: none;

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.portfolio-filter li a:hover {
	color: #454545;
	background: #f6f6f6;
}
.portfolio-filter li a.is-checked {
	color: #fff;
}
.portfolio-content {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.portfolio-item > a {
	position: relative;
	display: block;
	overflow: hidden;
}
.portfolio-item img {
	width: 100%;
	margin: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.portfolio-item a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.portfolio-item .details {
	font-size: 16px;
	padding: 20px;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	overflow: hidden;
	text-align: left;
}
.portfolio-item .details h4 {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0;
}
.portfolio-item .details .categories {
	font-size: 12px;
	line-height: 1.2;
	margin-top: 5px;
	color: #fff;
}
.portfolio-item .details h4,
.portfolio-item .details .categories {
	display: block;
	opacity: 0;
	position: relative;
	top: 100px;
	-webkit-transition-property: top, opacity;
	transition-property: top, opacity;
	-webkit-transition-duration: 0.3s;
		  transition-duration: 0.3s;
	-webkit-transition-delay: 0s;
		  transition-delay: 0s;
}
.portfolio-item > a:focus:before,
.portfolio-item > a:hover:before,
.portfolio-item > a:hover .details h4,
.portfolio-item > a:hover .details .categories {
	opacity: 1;
}
.portfolio-item > a:focus:before {
	top: 50%;
}
 .portfolio-item > a:hover:before {
	 top: 0;
}
.portfolio-item > a:focus .details h4,
.portfolio-item > a:hover .details h4 {
	top: -10px;
	-webkit-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	-ms-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.portfolio-item > a:focus .details .categories,
.portfolio-item > a:hover .details .categories {
	top: -10px;
	-webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.portfolio-item > a:before {
	content: '';
	background: #000;
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.portfolio-item > a:before {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;

	-webkit-transition-property: all;
	-moz-transition-property: all;
	-ms-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.portfolio-item > a:before {
	-webkit-transform: scale3d(0, 1, 1);
	-moz-transform: scale3d(0, 1, 1);
	-ms-transform: scale3d(0, 1, 1);
	-o-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
}
.portfolio-item > a:hover:before {
	-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

/* PORTFOLIO MODALS */
.portfolio-modal {
	display: none;
}
.portfolio-modal .modal-body h2 {
	margin-bottom: 10px;
}
.portfolio-modal .modal-body > img {
	margin-bottom: 30px;
}
.portfolio-modal .item-intro {
	font-size: 17px;
	line-height: 28px;
	margin-bottom: 30px;
}
.portfolio-modal .modal-dialog {
    margin: 0;
    height: 100%;
    width: auto;
}
.portfolio-modal .modal-content {
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    min-height: 100%;
    padding: 100px 0;
    text-align: center;
}
.portfolio-modal .close-modal {
    position: absolute;
    width: 45px;
    height: 45px;
    background-color: transparent;
    top: 45px;
    right: 45px;
    cursor: pointer;
}
.portfolio-modal .close-modal .lr {
    height: 45px;
    width: 1px;
    margin-left: 35px;
    background-color: #222;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
    height: 45px;
    width: 1px;
    background-color: #222;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    z-index: 1052;
}
.portfolio-modal .close-modal:hover .lr,
.portfolio-modal .close-modal:hover .lr .rl {
	opacity: 0.7;
}

/* CALL TO ACTION */
.cta-text h2 {
	font-size: 32px;
	line-height: 37px;
	font-weight: 300;
}
.cta-btn,
.cta-text {
	display: inline-block;
	vertical-align: middle;
}
.owl-carousel .owl-stage-outer {
	width: 100%;
}
.cta-btn .btn {
	display: inline-block;
}
.cta-video {
	display: inline-block;
    background: transparent;
	border: 4px solid;
	outline: 0;
    padding: 0;
    width: 130px;
    height: 130px;
    line-height: 122px;
    vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
    border-radius: 50%;
}
.cta-video:hover {
	color: #fff;
}
.cta-video:active,
.cta-video:focus {
	color: #fff;
	outline: 0;
	background: transparent;
	border: 2px solid;
}
.cta-video i {
	font-size: 56px;
    line-height: inherit;
    padding-left: 10px;
}

/* COUNTERS */
.counter-icon {
	display: block;
	margin-bottom: 30px;
	font-size: 40px;
	line-height: 1;
	text-align: center;
}
.counter-number {
	display: block;
	margin-bottom: 12px;
	font-size: 65px;
	line-height: 1;
	font-weight: 400;
	text-align: center;
	color: #fff;
}
.counter-text {
	display: block;
	font-size: 18px;
	line-height: 1;
	font-weight: 300;
	letter-spacing: 3px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

/* TESTIMONIALS */
.testimonial-carousel .single {
	text-align: center;
	max-width: 100%;
	margin: 0 auto;
}
.testimonial-carousel .single p {
    margin-bottom: 30px;
    position: relative;
	font-size: 13px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: 0.3px;
}
.testimonial-carousel .single img {
	display: block;
    margin: 50px auto -10px;
    height: 80px;
    width: 80px;
	border: 2px solid #fff;
	z-index: 2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.testimonial-carousel .single .details {
	margin: 0;
    display: inline-block;
    padding: 30px 50px 30px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.testimonial-carousel .single .details h5 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 2px;
}
.testimonial-carousel .single .details h6 {
	display: inline;
	font-weight: 400;
	margin-right: 4px;
}
.testimonial-carousel .single .details a {
	color: #fff;
	font-weight: 300;
	text-decoration: none;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.testimonial-carousel .single .details h6,
.testimonial-carousel .single .details a {
	font-size: 14px;
	opacity: 0.6;
}
.testimonial-carousel .single .details a:hover {
	opacity: 0.7;
}
.testimonial-carousel .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	margin: 0 4px;
	background: transparent;
	border: 2px solid #fff;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.testimonial-carousel .owl-dots .owl-dot.active span,
.testimonial-carousel .owl-dots .owl-dot:hover span {
	background: #fff;
	border-color: #fff;
}

/* SEGMENTER */
#segmenter, .segmenter-container {
	position: relative;
	overflow: hidden;
	display: block;
}
.segmenter-container .overlay {
	z-index: 3;
}

.segmenter {
	width: 100vw;
	height: 50vh;
	position: relative;
	overflow: hidden;
}
.segmenter.full-screen {
	height: 100vh;
}

.segmenter__background,
.segmenter__pieces,
.segmenter__piece-wrap,
.segmenter__piece-parallax,
.segmenter__piece {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform-style: preserve-3d;
}

.segmenter__piece-parallax {
	transition: transform 0.2s ease-out;
}

.segmenter__pieces {
	perspective: 400px;
}

.segmenter__background,
.segmenter__piece,
.segmenter {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.segmenter__shadow {
	position: absolute;
	opacity: 0;
	-webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 2px 15px rgba(0,0,0,0.35);
	-ms-box-shadow: 0px 2px 15px rgba(0,0,0,0.35);
	-o-box-shadow: 0px 2px 15px rgba(0,0,0,0.35);
	box-shadow: 0px 2px 15px rgba(0,0,0,0.35);
}
.trigger-headline { color: #fff;}

.trigger-headline {
	top: 0;
	left: 0;
	position: absolute;
	font-size: 22px;
	font-size: 4vw;
	text-transform: uppercase;
	pointer-events: none;
	line-height: 1;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	margin: 0;
	z-index: 9;
}

.trigger-headline span {
	display: inline-block;
	position: relative;
	padding: 0 2vw;
	font-weight: 400;
	-webkit-transition: opacity 2s, -webkit-transform 2s;
	transition: opacity 2s, transform 2s;
	-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.js .trigger-headline--hidden span {
	pointer-events: none;
	opacity: 0;
}

.js .trigger-headline--hidden span:nth-child(1) {
	-webkit-transform: translate3d(-400px,0,0);
	transform: translate3d(-400px,0,0);
}

.js .trigger-headline--hidden span:nth-child(2) {
	-webkit-transform: translate3d(-200px,0,0);
	transform: translate3d(-200px,0,0);
}

.js .trigger-headline--hidden span:nth-child(3) {
	-webkit-transform: translate3d(-100px,0,0);
	transform: translate3d(-100px,0,0);
}

.js .trigger-headline--hidden span:nth-child(4) {
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0);
}

.js .trigger-headline--hidden span:nth-child(5) {
	-webkit-transform: translate3d(-25px,0,0);
	transform: translate3d(-25px,0,0);
}

.js .trigger-headline--hidden span:nth-child(6) {
	-webkit-transform: translate3d(25px,0,0);
	transform: translate3d(25px,0,0);
}

.js .trigger-headline--hidden span:nth-child(7) {
	-webkit-transform: translate3d(50px,0,0);
	transform: translate3d(50px,0,0);
}

.js .trigger-headline--hidden span:nth-child(8) {
	-webkit-transform: translate3d(100px,0,0);
	transform: translate3d(100px,0,0);
}

.js .trigger-headline--hidden span:nth-child(9) {
	-webkit-transform: translate3d(200px,0,0);
	transform: translate3d(200px,0,0);
}

.js .trigger-headline--hidden span:nth-child(10) {
	-webkit-transform: translate3d(400px,0,0);
	transform: translate3d(400px,0,0);
}

/* BLOG */
.blog-posts-wrapper {
	margin: 0 -15px;
}
.blog-posts {
	display: block;
	position: relative;
	width: 100%;
	margin-bottom: 40px;
}
.blog-item {
	display: block;
	margin: 0 15px 30px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 10px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 10px 0px;
	-ms-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 10px 0px;
	-o-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 10px 0px;
	box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 10px 0px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.post-thumb img {
	display: block;
	width: 100%;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.post-thumb .overlay {
	z-index: 1;
}
.post-thumb a {
	position: relative;
	display: block;
}
.post-thumb a:hover img {
	opacity: 0.6;
}
.post-thumb a .overlay {
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.post-thumb a .overlay i {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 24px;
	line-height: 24px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	margin-left: -12px;
}
.post-thumb a:hover .overlay {
	opacity: 1;
}
.post-content {
	background: #fff;
	padding: 25px;
	margin: 0;
}
.post-content p {
	letter-spacing: 0.2px;
	color: #898989;
}
.post-content h4 {
	line-height: 24px;
	margin: 0 0 2px;
}
.post-content h4 a {
	text-decoration: none;
}
.post-content h4 a:hover {
	opacity: 0.6;
}
.post-content .date {
	color: #bebebe;
	font-size: 13px;
	font-weight: 700;
	margin: 0 0 16px;
	display: block;
}
.post-footer {
	margin: 20px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid #efefef;
}
.post-footer .post-icons a {
	color: #454545;
	text-decoration: none;
}
.post-footer .post-icons a i,
.post-footer .post-icons a i span {
	display: inline-block;
}
.post-footer .post-icons a i {
	margin-right: 4px;
}
.post-footer .read-more {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}
.owl-theme .owl-dots .owl-dot span {
	margin: 5px 4px;
}

/* BACK TO TOP */
#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1029;
    width: 44px;
    height: 44px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
    text-align: center;
    line-height: 44px;
    background: #f5f5f5;
    cursor: pointer;
    border: 0;
    text-decoration: none;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 0;
	visibility: hidden;
}
#back-to-top i {
	font-size: 20px;
}
#back-to-top:hover {
	color: #fff;
}
#back-to-top.show {
    opacity: 1;
	visibility: visible;
}

/* LIGHTBOX */
.vbox-content img {
	margin: 0 auto;
}

/* TEAM */
.single-team {
	margin-bottom: 30px;
}
.team-img {
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}
.team-img .overlay {
	opacity: 0;
	-webkit-transition: all 0.34s ease-in-out;
	-moz-transition: all 0.34s ease-in-out;
	-ms-transition: all 0.34s ease-in-out;
	-o-transition: all 0.34s ease-in-out;
	transition: all 0.34s ease-in-out;
}
.single-team:hover .overlay{
	opacity: 1;
}
.team-img img {
	margin: 0 auto;
	width: 100%;
}
.team-img .quote {
	position: absolute;
	top: 10%;
	width: 100%;
	color: #fff;

	-webkit-transform: translateY(-300%);
	-moz-transform: translateY(-300%);
	-ms-transform: translateY(-300%);
	-o-transform: translateY(-300%);
	transform: translateY(-300%);

	-webkit-transition: all 0.34s ease-in-out;
	-moz-transition: all 0.34s ease-in-out;
	-ms-transition: all 0.34s ease-in-out;
	-o-transition: all 0.34s ease-in-out;
	transition: all 0.34s ease-in-out;
}

.single-team:hover .quote {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
blockquote {
	border-left: 10px solid;
	text-align: left;
	padding: 0 30px;
}
blockquote p {
	font-size: 13px;
	line-height: 21px;
	display: inline;
	letter-spacing: 0.3px;
}
.team-img .social-links {
	position: absolute;
	bottom: 10%;
	width: 100%;
	text-align: center;

	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);

	-webkit-transition: all 0.34s ease-in-out;
	-moz-transition: all 0.34s ease-in-out;
	-ms-transition: all 0.34s ease-in-out;
	-o-transition: all 0.34s ease-in-out;
	transition: all 0.34s ease-in-out;
}
.single-team:hover .social-links {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.team-title {
	text-align: center;
}
.team-title h4 {
	margin: 0;
}
.team-title > p {
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 10px;
}
.team-title > blockquote {
	border: 0;
	text-align: center;
	display: none;
}
.social-links a {
	display: inline-block;
	background: #fff;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	margin: 0 2px;
}
.social-links i {
	line-height: inherit;
}
.social-links a:hover {
	color: #fff;
}

/* PRICING BOXES */
.pricing-item .buy-btn {
	margin-top: 30px;
}
.pricing-table .pricing-item {
	background: #fff;
	background: rgba(255,255,255,0.76);
	padding: 30px 20px 40px;
	cursor: pointer;
	border: 3px solid #f3f3f3;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.pricing-table > li {
	padding: 5px;
}
.pricing-item h3 {
	font-size: 18px;
}
.pricing-item .price strong {
	font-size: 46px;
}
.pricing-item .price sup {
	color: #898989;
	font-size: 20px;
	top: -1em;
    left: -0.3em;
}
.pricing-item .price span {
	color: #898989;
	display: block;
}
.pricing-item .best-deal {
	display: inline-block;
	text-transform: uppercase;
	margin-top: 10px;
	font-size: 11px;
	letter-spacing: 2px;
	color: #fff;
	padding: 3px 10px;
}
.price-header {
	display: block;
	border-bottom: 1px solid #efefef;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.pricing-item p {
	font-size: 13px;
	color: #676767;
	text-align: left;
	margin-bottom: 8px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f4f4f4;
}
.pricing-item p:before {
	content: "\f00c";
	display: inline-block;
	font-family: FontAwesome;
	font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-right: 6px;
}
.pricing-item.featured {
	margin-top: -15px;
}

/* CONTACT FORM WIDGET */
.contact-widget {
	position: fixed;
	top: 20%;
	right: -340px;
	z-index: 1030;
	max-width: 340px;

	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
	-o-transition: all .2s ease;
    transition: all .2s ease;
}
.contact-widget.expand {
	right: 0;
}
.contact-widget .panel {
	color: #aaa;
	border: 0;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;

	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	-ms-border-bottom-right-radius: 0;
	-o-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;

	-webkit-border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
	-ms-border-top-right-radius: 0;
	-o-border-top-right-radius: 0;
	border-top-right-radius: 0;

	-webkit-border-top-left-radius: 0;
	-moz-border-top-left-radius: 0;
	-ms-border-top-left-radius: 0;
	-o-border-top-left-radius: 0;
	border-top-left-radius: 0;

}
.contact-widget .panel-heading .panel-title {
	color: #fff;
}
.contact-widget .panel-heading,
.contact-widget .panel-body {
	padding: 15px 30px;
}
.contact-widget-btn, .share-btn {
	position: absolute;
    top: 0;
	left: -50px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	cursor: pointer;
	-webkit-border-top-left-radius: 6px;
	-moz-border-top-left-radius: 6px;
	-ms-border-top-left-radius: 6px;
	-o-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	-ms-border-bottom-left-radius: 6px;
	-o-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.contact-widget-btn:hover,
.share-btn:hover {
	right: 10px;
}
.share-btn:hover {
	right: 10px;
	color: #fff;
}
.contact-widget-btn i, .share-btn i {
	font-size: 18px;
	line-height: inherit;
	display: inline-block;
}
.share-btn {
	top: 55px;
	background: #f4f4f4;
}
.contact-widget-btn,
.share-btn {
	-webkit-box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.026);
	-moz-box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.026);
	-ms-box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.026);
	-o-box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.026);
	box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.026);
}
.contact-widget .modal {
	background: rgba(255,255,255,0.96);
}
.contact-widget .modal .modal-content {
	box-shadow: 0 2px 10px rgba(0,0,0,0.065);
}
.contact-widget .msg-info {
	margin-top: 20px;
}

/* CONTACT FORM */
.main-contact-form .submit-contact-msg {
	display: block;
	margin: 0 auto;
	padding: 20px 80px;
	text-align: center;
}
.contact-list {
	line-height: 26px;
}
.contact-list i {
	margin-right: 15px;
}

/* FORM CONTROLS */
.msg-info {
	display: none;
}
.form-control {
    color: #666666;
    background: #fefefe;
	font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;
    border: 1px solid #ebebeb;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
    border-radius: 0;
    margin-bottom: 10px;
    padding: 10px 20px;
    min-height: 50px;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
    appearance: none;
}
.form-control:active,
.form-control:focus {
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	border-color: #454545;
}
.form-group {
	/* overflow: auto; */
}

/* NEWSLETTER */
.subscribe-newsletter {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 2;
}

.subscribe-newsletter .form-control {
	height: 50px;
	background: rgba(255, 255, 255, 0.6);
	border-color: transparent;
	-webkit-border-radius: 300px 0 0 300px;
	-moz-border-radius: 300px 0 0 300px;
	-ms-border-radius: 300px 0 0 300px;
	-o-border-radius: 300px 0 0 300px;
	border-radius: 300px 0 0 300px;
}
.subscribe-newsletter .input-group {
	width: 80%;
	margin: auto;
}
.subscribe-newsletter input[type="email"] {
	padding: 10px 50px;
	background: #fff;
	font-size: 16px;
	-webkit-box-shadow: inset 0 3px 10px rgba(0,0,0,.09);
	-moz-box-shadow: inset 0 3px 10px rgba(0,0,0,.09);
	-ms-box-shadow: inset 0 3px 10px rgba(0,0,0,.09);
	-o-box-shadow: inset 0 3px 10px rgba(0,0,0,.09);
	box-shadow: inset 0 3px 10px rgba(0,0,0,.09);
}
.subscribe-newsletter input[type="email"]:focus,
.subscribe-newsletter input[type="email"]:active {
	border: 1px solid transparent;
	outline: 0;
	box-shadow: inset 0 3px 15px rgba(0,0,0,.12);
	-webkit-box-shadow: inset 0 3px 15px rgba(0,0,0,.12);
	-moz-box-shadow: inset 0 3px 15px rgba(0,0,0,.12);
	-ms-box-shadow: inset 0 3px 15px rgba(0,0,0,.12);
	-o-box-shadow: inset 0 3px 15px rgba(0,0,0,.12);
	box-shadow: inset 0 3px 15px rgba(0,0,0,.12);
}
.subscribe-newsletter .form-control:focus {
	box-shadow: none;
}
.subscribe-newsletter .btn {
	min-height: 50px;
	width: 100%;
	-webkit-border-radius: 0 300px 300px 0;
	-moz-border-radius: 0 300px 300px 0;
	-ms-border-radius: 0 300px 300px 0;
	-o-border-radius: 0 300px 300px 0;
	border-radius: 0 300px 300px 0;
	color: #fff;
}
.overlay.sending-overlay {
	display: none;
	z-index: 3;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	-ms-border-radius: 300px;
	-o-border-radius: 300px;
	border-radius: 300px;
}
.sending-overlay .loading-gif {
	background-image: url('../img/loading.gif');
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -12px;
	margin-left: -12px;
}

/* FOOTER */
.site-footer {
	padding: 0;
	margin: 0;
}
.site-footer a:hover,
.site-footer a:active,
.site-footer a:focus,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
	color: #fff;
}
.footer-logo img {
	margin: 0 0 20px;
}
.site-footer .social-icons li {
	display: inline-block;
	margin: 0 4px;
}
.footer-bottom {
	padding: 20px 0;
}
.footer-bottom p {
	margin: 0;
}
.social-media i {
	font-size: 18px;
	padding: 0 10px 14px 0;
}
.social-media span {
	font-size: 18px;
}

/* MODAL SHARE ICONS */
#social-icon-modal .modal-header {
    padding: 50px 15px 15px;
    text-align: center;
    border-bottom: 1px solid #f4f4f4;
}
#social-icon-modal .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 0;
}
.modal-content {
    width: 100%;
    border: 0;
    border-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 30px 30px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 30px 30px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 30px 30px rgba(0,0,0,0.1);
	-o-box-shadow: 0 30px 30px rgba(0,0,0,0.1);
    box-shadow: 0 30px 30px rgba(0,0,0,0.1);
    overflow: hidden;
}
ul.share-buttons{
  list-style: none;
  padding: 0;
  text-align: center;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
ul.share-buttons li a {
	display: inline-block;
	font-size: 30px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	margin: 2px 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
ul.share-buttons li i {
	line-height: inherit;
}

.enjoy-css {
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 242px;
	line-height: 1;
	margin: 7px;
	margin-bottom: 16px;
	padding: 10px 20px;
	border: 1px solid #b7b7b7;
	-webkit-border-radius: 16px;
	border-radius: 300px;
	font: normal 16px/normal Verdana, Geneva, sans-serif;
	color: rgba(0,142,198,1);
	-o-text-overflow: clip;
	text-overflow: clip;
	background: rgba(252,252,252,1);
	text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  }

  /* class applies to select element itself, not a wrapper element */
.select-css {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%; /* useful when width is set to anything other than 100% */
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient.
        for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference

    */
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right .7em top 50%, 0 0;
    /* icon size, then gradient */
    background-size: .65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
    display: none;
}
/* Hover style */
.select-css:hover {
    border-color: #888;
}
/* Focus style */
.select-css:focus {
    border-color: #aaa;
    /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}

/* Set options to normal weight */
.select-css option {
    font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
    color: graytext;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

.select-css:disabled:hover, .select-css[aria-disabled=true] {
    border-color: #aaa;
}


body {
  margin: 2rem;
}

.rv-treemap__leaf {
	position: absolute !important;
}


.loadersp {
	font-size: 10px;
	margin: 50px auto;
	text-indent: -9999em;
	width: 11em;
	height: 11em;
	border-radius: 50%;
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
	background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
	background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
	background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
	background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
	position: relative;
	-webkit-animation: load3 1.4s infinite linear;
	animation: load3 1.4s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
  }
  .loadersp:before {
	width: 50%;
	height: 50%;
	background: #ffffff;
	border-radius: 100% 0 0 0;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
  }
  .loadersp:after {
	background: #272727;
	width: 75%;
	height: 75%;
	border-radius: 50%;
	content: '';
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
  }
  @-webkit-keyframes load3 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @keyframes load3 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }