/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
* {
	margin: 0;
	padding: 0;
	outline: 0
}

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

body {
	margin: 0
}

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

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}

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

[hidden], template {
	display: none
}

a {
	background-color: transparent
}

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

abbr[title] {
	border-bottom: 1px dotted
}

b, strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

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

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button, select {
	text-transform: none
}

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

button[disabled], html input[disabled] {
	cursor: default
}

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

input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	height: auto
}

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

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

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

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

td, th {
	padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
	*, :after, :before {
		background: 0 0 !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important
	}

	a, a:visited {
		text-decoration: underline
	}

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

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

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

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

	thead {
		display: table-header-group
	}

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

	img {
		max-width: 100% !important
	}

	h2, h3, p {
		orphans: 3;
		widows: 3
	}

	h2, h3 {
		page-break-after: avoid
	}

	.navbar {
		display: none
	}

	.btn>.caret, .dropup>.btn>.caret {
		border-top-color: #000 !important
	}

	.label {
		border: 1px solid #000
	}

	.table {
		border-collapse: collapse !important
	}

	.table td, .table th {
		background-color: #fff !important
	}

	.table-bordered td, .table-bordered th {
		border: 1px solid #ddd !important
	}

}

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

html {
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #f9f9f9;
	background-color: #101010
}

button, input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

a {
	color: #337ab7;
	text-decoration: none
}

a:focus, a:hover {
	color: #23527c;
	text-decoration: none;
	outline: 0 !important
}

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

figure {
	margin: 0
}

img {
	vertical-align: middle
}

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

.img-circle {
	border-radius: 50%
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto
}

[role=button] {
	cursor: pointer
}

:-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder {
	font: 16px/36px Montserrat, sans-serif;
	color: #5d5d5d
}

::-moz-selection {
	color: #fff;
	background: #fe590b
}

::selection {
	color: #fff;
	background: #fe590b
}

.clearfix:after, .clearfix:before {
	content: " ";
	display: table
}

.clear, .clearfix:after {
	clear: both
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.pull-right {
	float: right !important
}

.pull-left {
	float: left !important
}

.show {
	display: block !important
}

.invisible {
	visibility: hidden
}

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

.hidden {
	display: none !important
}

.affix {
	position: fixed
}

.text-center {
	text-align: center
}

.pos-rel {
	position: relative
}

.pos-abs {
	position: absolute
}

no-margin {
	margin: 0 !important
}

p {
	font: 16px/20px Montserrat, sans-serif;
	color: #fff
}

h3 {
	font-size: 24px;
	line-height: 30px
}

.container {
	max-width: 1155px;
	padding: 0 10px;
	display: block;
	margin-left: auto;
	margin-right: auto
}

header {
	height: 70px;
	background: #fff
}

header .logo {
	display: inline-block;
	margin-top: 28px;
	float: left !important
}

header nav {
	position: absolute;
	background: #fff;
	transition: max-height .5s ease-in-out 0s, visibility .2s ease 0s;
	visibility: hidden
}

header nav a {
	display: block;
	transition: color .2s ease 0s
}

header nav .nav-menu ul li {
	display: block;
	-webkit-animation: transitionIn .5s ease;
	-moz-animation: transitionIn .5s ease;
	animation: transitionIn .5s ease
}

header nav .nav-menu ul li.hide {
	opacity: 0;
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	transition: opacity .2s ease
}

header nav .nav-menu ul li a {
	padding: 10px 15px;
	font-size: 15px;
	color: #6c6c6c
}

header nav .nav-menu ul li a.active, header nav .nav-menu ul li a:hover {
	color: #fe590b
}

header nav .nav-menu ul::after {
	clear: both;
	content: "";
	display: table;
	list-style: none none
}

header #nav-opener {
	float: right !important;
	position: relative;
	display: inline-block;
	color: #6c6c6c;
	font-family: Montserrat, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 70px
}

header #nav-opener .h-s {
	margin-right: 10px;
	opacity: 1;
	transition: opacity .2s linear .2s
}

header #nav-opener .img-menu {
	display: inline-block;
	position: relative;
	transform-origin: 40% 50%;
	webkit-transform-origin: 40% 50%;
	transition: transform .2s ease 0s;
	vertical-align: middle;
	margin-top: -4px;
	height: .125em;
	width: 1.25em;
	background: #fe590b
}

header #nav-opener .img-menu:after, header #nav-opener .img-menu:before {
	background: #fe590b;
	height: .125em;
	width: 1.25em;
	content: "";
	left: 0;
	position: absolute;
	transform-origin: 0 50% 0;
	-webkit-transform-origin: 0 50% 0;
	transition: transform .2s ease-out 0s, top .1s ease 0s
}

header #nav-opener .img-menu:before {
	top: -.5em
}

header #nav-opener .img-menu:after {
	top: .5em
}

header #nav-opener:hover .img-menu:before {
	top: -.375em
}

header #nav-opener:hover .img-menu:after {
	top: .375em
}

header.nav-opened nav {
	visibility: visible
}

header.nav-opened #nav-opener .img-menu {
	background: #fff
}

header.nav-opened #nav-opener .img-menu:before {
	display: inline-block;
	height: .125em;
	width: 1.25em;
	transform: rotate3d(0, 0, 1, 45deg) scaleX(1.15);
	-webkit-transform: rotate3d(0, 0, 1, 45deg) scaleX(1.15)
}

header.nav-opened #nav-opener .img-menu:after {
	display: inline-block;
	height: .125em;
	width: 1.25em;
	transform: rotate3d(0, 0, 1, -45deg) scaleX(1.15);
	-webkit-transform: rotate3d(0, 0, 1, -45deg) scaleX(1.15)
}

header.nav-opened #nav-opener:hover .img-menu {
	display: inline-block;
	transform: rotateZ(90deg);
	-webkit-transform: rotateZ(90deg)
}

header.nav-opened #nav-opener:hover .img-menu:before {
	top: -.5em
}

header.nav-opened #nav-opener:hover .img-menu:after {
	top: .5em
}

.button {
	display: inline-block;
	padding: 0 22px;
	font: 16px/40px Montserrat, sans-serif;
	color: #fff;
	border-color: #cfcfcf;
	border-style: solid;
	cursor: pointer;
	text-align: center;
	border-radius: 50px
}

.button:hover {
	color: #fff
}

.button.colored {
	border-width: 4px
}

.button.colored.orange {
	background-color: #fe590b
}

.button.colored.yellow {
	background-color: #eebb31
}

.button.colored.dark-blue {
	background-color: #191f33
}

.button.colored.blue {
	background-color: #5488ff
}

.button.btn-idea {
	background-color: #9a54ff
}

.button.down-arrow {
	background: url(../img/d-arrow.svg) 15px 15px no-repeat;
	padding-left: 42px
}

.button.down-arrow.orange {
	padding-left: 35px
}

.button.readmore:hover {
	background-color: #37c46f
}

i.icon {
	display: inline-block;
	background-image: url(../img/sprite-common.png);
	background-repeat: no-repeat;
	background-color: transparent;
	vertical-align: middle
}

i.icon.rarr {
	width: 10px;
	height: 17px;
	background-position: -40px -62px
}

i.icon.bulb {
	width: 50px;
	height: 50px;
	background-position: 0 -123px;
	margin-left: -23px;
	margin-right: 22px
}

i.icon.heart {
	width: 16px;
	height: 20px;
	background-position: -34px -37px
}

.contact .cbox {
	margin-top: 30px;
	color: #f9f9f9
}

.contact .cbox.left {
	border-bottom: 1px solid #282828
}

.contact .cbox .cbox-inner {
	min-height: 200px;
	padding-top: 150px;
	background-repeat: no-repeat;
	background-position: center 0
}

.contact .cbox .cbox-inner.mail {
	padding-bottom: 50px;
	background-image: url(../img/mail.jpg)
}

.contact .cbox .cbox-inner.coffee {
	background-image: url(../img/coffee.jpg)
}

.contact .cbox h5 {
	font: 26px/40px Montserrat, sans-serif;
	color: inherit
}

.contact .cbox .text, .contact .cbox address {
	display: block;
	margin: 10px 0;
	font: 16px/30px Montserrat, sans-serif;
	color: inherit
}

.contact .social-media {
	margin: 10px 0 10px -32px
}

.contact .social-media .sm {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 19px;
	margin-left: 32px;
	background-image: url(../img/sprite-common.png);
	background-repeat: no-repeat
}

.contact .social-media .sm.tw {
	background-position: 0 -36px
}

.contact .social-media .sm.fb {
	background-position: 0 -59px
}

.contact .social-media .sm.ln {
	background-position: 0 -102px
}

.contact .social-media .sm.gp {
	background-position: 0 -81px
}

.contact .o-circle {
	display: inline-block;
	width: 50px;
	height: 50px;
	font: 16px/45px Montserrat, sans-serif;
	color: #fff;
	border: 2px solid #303030;
	background-color: #101010;
	border-radius: 50px;
	bottom: -25px;
	right: 0
}

.d-none {
	display: none !important;
}

.d-inline {
	display: inline !important;
}

.d-inline-block {
	display: inline-block !important;
}

.d-block {
	display: block !important;
}

.d-table {
	display: table !important;
}

.d-table-cell {
	display: table-cell !important;
}

.d-flex {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.d-inline-flex {
	display: -webkit-inline-box !important;
	display: -webkit-inline-flex !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
}

.flex-first {
	-webkit-box-ordinal-group: 0;
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
}

.flex-last {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
}

.flex-unordered {
	-webkit-box-ordinal-group: 1;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
}

.flex-row {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	-webkit-flex-direction: row !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}

.flex-column {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	-webkit-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

.flex-row-reverse {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: reverse !important;
	-webkit-flex-direction: row-reverse !important;
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important;
}

.flex-column-reverse {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: reverse !important;
	-webkit-flex-direction: column-reverse !important;
	-ms-flex-direction: column-reverse !important;
	flex-direction: column-reverse !important;
}

.flex-wrap {
	-webkit-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

.flex-nowrap {
	-webkit-flex-wrap: nowrap !important;
	-ms-flex-wrap: nowrap !important;
	flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
	-webkit-flex-wrap: wrap-reverse !important;
	-ms-flex-wrap: wrap-reverse !important;
	flex-wrap: wrap-reverse !important;
}

.justify-content-start {
	-webkit-box-pack: start !important;
	-webkit-justify-content: flex-start !important;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
}

.justify-content-end {
	-webkit-box-pack: end !important;
	-webkit-justify-content: flex-end !important;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}

.justify-content-center {
	-webkit-box-pack: center !important;
	-webkit-justify-content: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.justify-content-between {
	-webkit-box-pack: justify !important;
	-webkit-justify-content: space-between !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}

.justify-content-around {
	-webkit-justify-content: space-around !important;
	-ms-flex-pack: distribute !important;
	justify-content: space-around !important;
}

.align-items-start {
	-webkit-box-align: start !important;
	-webkit-align-items: flex-start !important;
	-ms-flex-align: start !important;
	align-items: flex-start !important;
}

.align-items-end {
	-webkit-box-align: end !important;
	-webkit-align-items: flex-end !important;
	-ms-flex-align: end !important;
	align-items: flex-end !important;
}

.align-items-center {
	-webkit-box-align: center !important;
	-webkit-align-items: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}

.align-items-baseline {
	-webkit-box-align: baseline !important;
	-webkit-align-items: baseline !important;
	-ms-flex-align: baseline !important;
	align-items: baseline !important;
}

.align-items-stretch {
	-webkit-box-align: stretch !important;
	-webkit-align-items: stretch !important;
	-ms-flex-align: stretch !important;
	align-items: stretch !important;
}

.align-content-start {
	-webkit-align-content: flex-start !important;
	-ms-flex-line-pack: start !important;
	align-content: flex-start !important;
}

.align-content-end {
	-webkit-align-content: flex-end !important;
	-ms-flex-line-pack: end !important;
	align-content: flex-end !important;
}

.align-content-center {
	-webkit-align-content: center !important;
	-ms-flex-line-pack: center !important;
	align-content: center !important;
}

.align-content-between {
	-webkit-align-content: space-between !important;
	-ms-flex-line-pack: justify !important;
	align-content: space-between !important;
}

.align-content-around {
	-webkit-align-content: space-around !important;
	-ms-flex-line-pack: distribute !important;
	align-content: space-around !important;
}

.align-content-stretch {
	-webkit-align-content: stretch !important;
	-ms-flex-line-pack: stretch !important;
	align-content: stretch !important;
}

.align-self-auto {
	-webkit-align-self: auto !important;
	-ms-flex-item-align: auto !important;
	-ms-grid-row-align: auto !important;
	align-self: auto !important;
}

.align-self-start {
	-webkit-align-self: flex-start !important;
	-ms-flex-item-align: start !important;
	align-self: flex-start !important;
}

.align-self-end {
	-webkit-align-self: flex-end !important;
	-ms-flex-item-align: end !important;
	align-self: flex-end !important;
}

.align-self-center {
	-webkit-align-self: center !important;
	-ms-flex-item-align: center !important;
	-ms-grid-row-align: center !important;
	align-self: center !important;
}

.align-self-baseline {
	-webkit-align-self: baseline !important;
	-ms-flex-item-align: baseline !important;
	align-self: baseline !important;
}

.align-self-stretch {
	-webkit-align-self: stretch !important;
	-ms-flex-item-align: stretch !important;
	-ms-grid-row-align: stretch !important;
	align-self: stretch !important;
}

.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}


.m-0 {
  margin: 0 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

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

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 1rem 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-4 {
  margin: 1.5rem 1.5rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-5 {
  margin: 3rem 3rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-0 {
  padding: 0 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 1rem 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-4 {
  padding: 1.5rem 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-5 {
  padding: 3rem 3rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.sf-vline {position: relative;}
.sf-vline span{
	border-radius: 50%;
	border: 2px solid #ffffff4d;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 3.5;
	font-weight: bold;
	color: #fff;
	position: relative;
	z-index: 9;
	background: #101010;
}
.sf-vline::before {
	position: absolute;
	width: 1px;
	/* height: 100%; */
	content: "";
	top: -30px;
	border: 0;
	background:#eeeeee1a;
	left: 50%;
	bottom: 0;
}

.f-12{font-size: 12px!important;}
.f-14{font-size: 14px!important;}
.f-16{font-size: 16px!important;}
.f-18{font-size: 18px!important;}
.f-20{font-size: 20px!important;}
.bold{font-weight: bold!important;}



















@media only screen and (max-width:992px) {
	body{overflow-x:hidden; }
}
@media only screen and (max-width:767px) {

.wwdo-hexagon,.col-mid.pull-left{display: none;}
.col-side.col-1,
.col-side.col-2{margin-left: 0px;
padding-top:33px; width: 100%;}


.col-1 .wwdo-box,
.col-2 .wwdo-box{ padding: 20px!important; }

.col-6{flex: auto;}
	.contact .cbox.right {
		margin-top: 60px
	}

	.contact .o-circle {
		left: 0;
		margin: 0 auto
	}

}

@media only screen and (min-width:768px) {



	.contact .cbox {
		width: 49%;
		margin-top: 60px;
		color: #f9f9f9
	}

	.contact .cbox.left {
		float: left;
		padding-right: 130px;
		border-bottom: none;
		border-right: 1px solid #282828
	}

	.contact .cbox.right {
		float: right;
		padding-left: 130px
	}

	.contact .cbox .cbox-inner {
		padding-top: 180px
	}

	.contact .o-circle {
		top: 50px;
		bottom: 0;
		right: -25px
	}

}

footer {
	height: 100px;
	padding-top: 50px;
	font: 14px/30px Montserrat, sans-serif;
	color: #6f7979
}

@media only screen and (max-width:480px) {
	footer .madewith {
		display: block
	}
.sf-vline {
	 
	margin: 50px 0;
}
	footer .madewith .divider {
		display: none
	}
	.row.d-flex{display: block!important;}
	.row.d-flex .col-6{max-width: 100%;  margin-bottom: 25px;}

}

.em {
	color: #fe590b
}

.bg-cover {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

@-webkit-keyframes transitionIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(120px)
	}

	80% {
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(0)
	}

}

@-moz-keyframes transitionIn {
	0% {
		opacity: 0;
		-moz-transform: translateX(120px)
	}

	80% {
		opacity: 1
	}

	100% {
		-moz-transform: translateX(0)
	}

}

@keyframes transitionIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(120px);
		-moz-transform: translateX(120px);
		-ms-transform: translateX(120px);
		-o-transform: translateX(120px);
		transform: translateX(120px)
	}

	80% {
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}

}

@media only screen and (max-width:260px) {
	header #nav-opener .h-s {
		visibility: hidden
	}

}

@media only screen and (max-width:640px) {
	header .logo {
		margin-top: 20px
	}

	header .logo img {
		width: 120px;
		height: auto
	}

	header nav {
		min-height: 100px;
		height: auto;
		width: 175px;
		background: #fff;
		z-index: 999999999;
		position: absolute;
		top: 70px;
		right: 7px;
		border: 1px solid #d0d0d0;
		box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
		-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
		-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
		-o-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
		animation: sb__a .3s;
		-moz-animation: sb__a .3s;
		-webkit-animation: sb__a .3s;
		-o-animation: sb__a .3s
	}

	header nav:after, header nav:before {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none
	}

	header nav:before {
		border-color: rgba(208, 208, 208, 0);
		border-bottom-color: #d0d0d0;
		border-width: 8.5px;
		margin-left: 50px
	}

	header nav:after {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
		border-width: 7.5px;
		margin-left: 51px
	}

}

@media only screen and (min-width:641px) {
	header {
		height: 89px
	}

	header nav {
		width: 70%;
		right: 0;
		top: 0;
		margin-right: 45px;
		overflow: hidden
	}

	header nav .nav-menu {
		float: right !important
	}

	header nav .nav-menu ul li {
		height: 89px;
		float: left
	}

	header nav .nav-menu ul li a {
		height: 89px;
		line-height: 89px;
		padding: 0 15px
	}

	header #nav-opener {
		line-height: 89px
	}

	header #nav-opener .h-s {
		margin-right: 15px
	}

}

@media only screen and (min-width:961px) {
	header nav .nav-menu ul li a {
		padding: 0 20px;
		font-size: 16px
	}

}