@font-face {
	font-family: 'bebas_neuebold';
	src: url("../fonts/bebasneue_bold-webfont.woff2") format("woff2"), url("../fonts/bebasneue_bold-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'proxima_nova_ltlight';
	src: url("../fonts/proxima_nova_light-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_light-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

html {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

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

[tabindex="-1"]:focus {
	outline: none !important
}

html {
	height: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent
}

html,
body {
	margin: 0;
	padding: 0;
	font: 1rem/1.25 "proxima_nova_ltlight", sans-serif;
	font-style: normal;
	font-weight: normal
}

body {
	min-height: 100%;
	background-color: #D9D9D9;
	color: #000
}

article,
aside,
footer,
header,
nav,
section,
figcaption,
figure,
main {
	display: block
}

header,
footer,
main,
section {
	position: relative
}

address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit
}

ol,
ul,
dl {
	margin: 0 0 1rem
}

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

figure,
blockquote {
	margin-bottom: 1rem
}

.list-unstyled,
.list-inline {
	padding: 0;
	list-style: none
}

.list-inline>li {
	display: inline-block
}

a {
	color: inherit;
	text-decoration: underline;
	cursor: pointer;
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:active,
a:hover {
	color: inherit;
	text-decoration: inherit;
	outline-width: 0
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none
}

a:not([href]):not([tabindex]):hover {
	color: inherit;
	text-decoration: none
}

a:not([href]):not([tabindex]):focus {
	outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin: 0 0 0.5rem;
	font-family: inherit;
	font-weight: inherit;
	line-height: 1.25;
	color: inherit
}

h1,
.h1 {
	font-size: 2.13rem
}

h2,
.h2 {
	font-size: 1.5rem
}

h3,
.h3 {
	font-size: 1.13rem
}

h4,
.h4 {
	font-size: 1rem
}

h5,
.h5 {
	font-size: 1rem
}

h6,
.h6 {
	font-size: 1rem
}

p {
	margin: 0
}

p:not(:last-child) {
	margin-bottom: 1rem
}

b,
strong,
.strong {
	font-weight: normal
}

small,
.small {
	font-size: 80%;
	font-weight: normal
}

.lead {
	font-size: 1.25rem;
	font-weight: 300
}

.justify {
	text-align: justify !important
}

.nowrap {
	white-space: nowrap !important
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.lowercase {
	text-transform: lowercase !important
}

.uppercase {
	text-transform: uppercase !important
}

.subtle {
	color: inherit
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

img,
audio,
video {
	display: inline-block
}

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

img {
	border-style: none
}

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

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

.img-wrap {
	position: relative
}

.img-wrap>* {
	position: absolute;
	top: 0
}

.lazyload,
.lazyloading {
	opacity: 0
}

.lazyloaded {
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
	touch-action: manipulation
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: inherit;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

[role="button"] {
	cursor: pointer
}

textarea {
	overflow: auto;
	resize: vertical
}

[type="checkbox"],
[type="radio"] {
	padding: 0
}

[type="checkbox"]:disabled,
[type="radio"]:disabled {
	cursor: not-allowed
}

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

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

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

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
	-webkit-appearance: listbox
}

input[type="number"] {
	-moz-appearance: textfield
}

.form-control {
	display: block;
	padding: 0.5rem 1.25rem;
	width: 100%;
	height: 2.25rem;
	font-size: 1rem;
	line-height: 1.25;
	color: #464a4c;
	background: #fff none;
	background-clip: padding-box;
	border: 1px solid transparent;
	border-radius: 0;
	box-shadow: none;
	-webkit-transition: none;
	transition: none
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0
}

.form-control::-webkit-input-placeholder {
	color: #636c72;
	line-height: inherit
}

.form-control:-moz-placeholder {
	color: #636c72;
	line-height: inherit;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #636c72;
	line-height: inherit
}

.form-control::placeholder {
	color: #636c72;
	opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #eceeef;
	opacity: 1
}

.form-control:disabled {
	cursor: not-allowed
}

select.form-control:not([size]):not([multiple]) {
	height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
	color: #464a4c;
	background-color: #fff
}

.form-control-static {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin-bottom: 0;
	line-height: 1.25;
	border: solid transparent;
	border-width: 1px 0
}

.form-label {
	padding-top: calc(0.5rem - 1px * 2);
	padding-bottom: calc(0.5rem - 1px * 2);
	margin-bottom: 0
}

.form-check {
	position: relative;
	display: block;
	margin-bottom: 0.5rem
}

.form-check.disabled .form-check-label {
	cursor: not-allowed
}

.form-check-label {
	padding-left: 1.25rem;
	margin-bottom: 0;
	cursor: pointer
}

.form-check-input {
	position: absolute;
	margin-top: 0.25rem;
	margin-left: -1.25rem
}

.form-check-input:only-child {
	position: static
}

.form-check-inline {
	display: inline-block
}

.form-check-inline .form-check-label {
	vertical-align: middle
}

.form-check-inline+.form-check-inline {
	margin-left: 0.75rem
}

.form-inline {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	align-items: center
}

.form-inline .form-check {
	width: 100%
}

.form-inline .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle
}

.form-inline .form-control-static {
	display: inline-block
}

.form-inline .form-label {
	margin-bottom: 0;
	vertical-align: middle
}

.form-inline .form-check {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	margin-top: 0;
	margin-bottom: 0
}

.form-inline .form-check-label {
	padding-left: 0
}

.form-inline .form-check-input {
	position: relative;
	margin-top: 0;
	margin-right: 0.25rem;
	margin-left: 0
}

.btn {
	display: inline-block;
	padding: 0.5rem 1.25rem;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.25;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 0 solid transparent;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

.btn:hover,
.btn:focus,
.btn.focus {
	text-decoration: none;
	outline: 0
}

.btn.disabled,
.btn:disabled {
	cursor: not-allowed
}

a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none
}

.btn-primary {
	color: #fff;
	background-color: transparent;
	border-color: transparent
}

.btn-secondary {
	color: #fff;
	background-color: transparent;
	border-color: #fff
}

.btn-link {
	font-weight: normal;
	color: inherit;
	border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link:disabled {
	background-color: transparent;
	box-shadow: none
}

.btn-link,
.btn-link:focus,
.btn-link:active,
.btn-link:hover {
	border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
	color: inherit;
	text-decoration: inherit
}

.btn-link:disabled {
	color: #636c72
}

.btn-link:disabled:focus,
.btn-link:disabled:hover {
	text-decoration: none
}

.btn-block {
	display: block
}

.toggle {
	display: none
}
.toggle.active {
	display: block
}

.hidden {
	display: none
}

.block {
	display: block
}

.inline {
	display: inline
}

@media (min-width: 768px) {
	.hidden-md {
		display: none !important
	}

	.block-md {
		display: block !important
	}

	.inline-md {
		display: inline !important
	}
}

@media (min-width: 1200px) {
	.hidden-xl {
		display: none !important
	}

	.block-xl {
		display: block !important
	}

	.inline-xl {
		display: inline !important
	}
}

.row,
.grid {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl {
	position: relative;
	width: 100%;
	min-height: 1px
}

.col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%
}

.col-auto {
	flex: 0 0 auto;
	width: auto
}

.col-1 {
	flex: 0 0 8.33%;
	max-width: 8.33%
}

.col-2 {
	flex: 0 0 16.67%;
	max-width: 16.67%
}

.col-3 {
	flex: 0 0 25%;
	max-width: 25%
}

.col-4 {
	flex: 0 0 33.33%;
	max-width: 33.33%
}

.col-5 {
	flex: 0 0 41.67%;
	max-width: 41.67%
}

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

.col-7 {
	flex: 0 0 58.33%;
	max-width: 58.33%
}

.col-8 {
	flex: 0 0 66.67%;
	max-width: 66.67%
}

.col-9 {
	flex: 0 0 75%;
	max-width: 75%
}

.col-10 {
	flex: 0 0 83.33%;
	max-width: 83.33%
}

.col-11 {
	flex: 0 0 91.67%;
	max-width: 91.67%
}

.col-12 {
	flex: 0 0 100%;
	max-width: 100%
}

.offset-1 {
	margin-left: 8.33%
}

.offset-2 {
	margin-left: 16.67%
}

.offset-3 {
	margin-left: 25%
}

.offset-4 {
	margin-left: 33.33%
}

.offset-5 {
	margin-left: 41.67%
}

.offset-6 {
	margin-left: 50%
}

.offset-7 {
	margin-left: 58.33%
}

.offset-8 {
	margin-left: 66.67%
}

.offset-9 {
	margin-left: 75%
}

.offset-10 {
	margin-left: 83.33%
}

.offset-11 {
	margin-left: 91.67%
}

@media (min-width: 768px) {
	.col-md {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%
	}

	.col-md-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-md-1 {
		flex: 0 0 8.33%;
		max-width: 8.33%
	}

	.col-md-2 {
		flex: 0 0 16.67%;
		max-width: 16.67%
	}

	.col-md-3 {
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-md-4 {
		flex: 0 0 33.33%;
		max-width: 33.33%
	}

	.col-md-5 {
		flex: 0 0 41.67%;
		max-width: 41.67%
	}

	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-md-7 {
		flex: 0 0 58.33%;
		max-width: 58.33%
	}

	.col-md-8 {
		flex: 0 0 66.67%;
		max-width: 66.67%
	}

	.col-md-9 {
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-md-10 {
		flex: 0 0 83.33%;
		max-width: 83.33%
	}

	.col-md-11 {
		flex: 0 0 91.67%;
		max-width: 91.67%
	}

	.col-md-12 {
		flex: 0 0 100%;
		max-width: 100%
	}

	.offset-md-0 {
		margin-left: 0%
	}

	.offset-md-1 {
		margin-left: 8.33%
	}

	.offset-md-2 {
		margin-left: 16.67%
	}

	.offset-md-3 {
		margin-left: 25%
	}

	.offset-md-4 {
		margin-left: 33.33%
	}

	.offset-md-5 {
		margin-left: 41.67%
	}

	.offset-md-6 {
		margin-left: 50%
	}

	.offset-md-7 {
		margin-left: 58.33%
	}

	.offset-md-8 {
		margin-left: 66.67%
	}

	.offset-md-9 {
		margin-left: 75%
	}

	.offset-md-10 {
		margin-left: 83.33%
	}

	.offset-md-11 {
		margin-left: 91.67%
	}
}

@media (min-width: 1200px) {
	.col-xl {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%
	}

	.col-xl-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-xl-1 {
		flex: 0 0 8.33%;
		max-width: 8.33%
	}

	.col-xl-2 {
		flex: 0 0 16.67%;
		max-width: 16.67%
	}

	.col-xl-3 {
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-xl-4 {
		flex: 0 0 33.33%;
		max-width: 33.33%
	}

	.col-xl-5 {
		flex: 0 0 41.67%;
		max-width: 41.67%
	}

	.col-xl-6 {
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-xl-7 {
		flex: 0 0 58.33%;
		max-width: 58.33%
	}

	.col-xl-8 {
		flex: 0 0 66.67%;
		max-width: 66.67%
	}

	.col-xl-9 {
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-xl-10 {
		flex: 0 0 83.33%;
		max-width: 83.33%
	}

	.col-xl-11 {
		flex: 0 0 91.67%;
		max-width: 91.67%
	}

	.col-xl-12 {
		flex: 0 0 100%;
		max-width: 100%
	}

	.offset-xl-0 {
		margin-left: 0%
	}

	.offset-xl-1 {
		margin-left: 8.33%
	}

	.offset-xl-2 {
		margin-left: 16.67%
	}

	.offset-xl-3 {
		margin-left: 25%
	}

	.offset-xl-4 {
		margin-left: 33.33%
	}

	.offset-xl-5 {
		margin-left: 41.67%
	}

	.offset-xl-6 {
		margin-left: 50%
	}

	.offset-xl-7 {
		margin-left: 58.33%
	}

	.offset-xl-8 {
		margin-left: 66.67%
	}

	.offset-xl-9 {
		margin-left: 75%
	}

	.offset-xl-10 {
		margin-left: 83.33%
	}

	.offset-xl-11 {
		margin-left: 91.67%
	}
}

.spacer-1 {
	margin-bottom: 16px
}

@media (min-width: 1200px) {
	.spacer-1 {
		margin-bottom: 20px
	}
}

.spacer-2 {
	margin-bottom: 24px
}

@media (min-width: 768px) {
	.spacer-2 {
		margin-bottom: 30px
	}
}

@media (min-width: 1200px) {
	.spacer-2 {
		margin-bottom: 40px
	}
}

.spacer-3 {
	margin-bottom: 32px
}

@media (min-width: 768px) {
	.spacer-3 {
		margin-bottom: 50px
	}
}

@media (min-width: 1200px) {
	.spacer-3 {
		margin-bottom: 70px
	}
}

.spacer-4 {
	margin-bottom: 40px
}

@media (min-width: 768px) {
	.spacer-4 {
		margin-bottom: 70px
	}
}

@media (min-width: 1200px) {
	.spacer-4 {
		margin-bottom: 100px
	}
}

.spacer-5 {
	margin-bottom: 50px
}

@media (min-width: 768px) {
	.spacer-5 {
		margin-bottom: 110px
	}
}

@media (min-width: 1200px) {
	.spacer-5 {
		margin-bottom: 160px
	}
}

.align-xy {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.align-x {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.align-y,
.visual-title {
	display: none;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

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

.wrap {
	margin: 0 auto;
	max-width: 1600px;
	padding: 30px 20px 20px;
	min-height: 100vh
}

@media (min-width: 768px) {
	.wrap {
		padding: 30px 40px;
		min-height: calc(100vh - 60px)
	}
}

@media (min-width: 1200px) {
	.wrap {
		padding: 60px 70px 45px;
		min-height: calc(100vh - 105px)
	}
}

.container {
	position: relative;
	min-height: inherit
}

@font-face {
	font-family: "icons";
	src: url("../fonts/icons.eot?9vwfnz");
	src: url("../fonts/icons.eot?9vwfnz#iefix") format("embedded-opentype"), url("../fonts/icons.ttf?9vwfnz") format("truetype"), url("../fonts/icons.woff?9vwfnz") format("woff"), url("../fonts/icons.svg?9vwfnz#icons") format("svg");
	font-weight: normal;
	font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: "icons" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-google-plus:before {
	content: "\ea8b"
}

.icon-google-plus2:before {
	content: "\ea8c"
}

.icon-facebook:before {
	content: "\ea90"
}

.icon-facebook2:before {
	content: "\ea91"
}

.icon-instagram:before {
	content: "\ea92"
}

.icon-whatsapp:before {
	content: "\ea93"
}

.icon-twitter:before {
	content: "\ea96"
}

.icon-vine:before {
	content: "\ea97"
}

.icon-vk:before {
	content: "\ea98"
}

.icon-vimeo:before {
	content: "\eaa0"
}

.icon-vimeo2:before {
	content: "\eaa1"
}

.icon-dribbble:before {
	content: "\eaa7"
}

.icon-behance:before {
	content: "\eaa8"
}

.icon-behance2:before {
	content: "\eaa9"
}

.icon-tumblr:before {
	content: "\eab9"
}

.icon-tumblr2:before {
	content: "\eaba"
}

.icon-skype:before {
	content: "\eac5"
}

.icon-linkedin:before {
	content: "\eac9"
}

.icon-linkedin2:before {
	content: "\eaca"
}

.icon-pinterest:before {
	content: "\ead1"
}

.icon-pinterest2:before {
	content: "\ead2"
}

.icon-xing:before {
	content: "\ead3"
}

.icon-xing2:before {
	content: "\ead4"
}

.icon-foursquare:before {
	content: "\ead6"
}

.animate {
	display: none;
	-webkit-animation: 1.5s;
	animation: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	width: 100%;
	height: 100%;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fade-in {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fade-in-up {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	50% {
		opacity: 1
	}
}

.zoom-in {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

h1,
.h1 {
	line-height: 1.1
}

strong,
.strong,
.btn,
.list-nav {
	font-family: 'bebas_neuebold', sans-serif
}

ul:last-child {
	margin-bottom: 0
}

.indent {
	padding-left: 1.43rem
}

.line {
	display: inline-block;
	width: 70px;
	height: 7px;
	background-color: #fff
}

.inverted {
	color: #fff
}

.subtle {
	text-decoration: none
}

.text-toggle {
	display: none
}

.video-wrap {
	padding-top: 56.25%
}

.video-wrap video {
	width: 100%;
	height: 100%
}

.square {
	padding-top: 100%
}

.half {
	padding-top: 50%
}

.quarter {
	padding-top: 25%
}

.arrow-top:before,
.arrow-bottom:before {
	display: inline-block;
	width: 40px;
	height: 23px;
	background: url(../images/common/arrow.svg) no-repeat;
	content: ''
}

.arrow-bottom:before {
	background-image: url(../images/common/arrow-inverted.svg)
}

.social-icons {
	font-size: 22px
}

.social-icons li {
	margin: 5px
}

.social-icons a {
	text-decoration: none
}

.btn-primary {
	background: linear-gradient(140deg, #cfe5ff 10%, #293f5a 60%);
	min-width: 150px;
	color: #fff;
	text-decoration: none
}

.btn-primary:hover {
	color: #fff
}

.list-nav-sub {
	display: none;
}

.list-inline li,
.list-unstyled li {
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.list-nav {
	margin: 0 -.3rem
}

.list-nav li {
	position: relative;
	margin: 0 .3rem .5rem;
	text-align: center
}

.list-nav a {
	display: block;
	border-bottom: 3px solid transparent;
	text-decoration: none
}

.list-nav a:hover {
	text-decoration: none;
	color: #6BA4E3
}

.list-nav a:hover:not([href]) {
	color: #A6A6A6
}

.list-nav .active {
	border-color: #6BA4E3;
	color: #6BA4E3 !important
}

.list-square {
	list-style: square outside none;
	padding-left: 1.2em
}

.grid {
	width: 100%
}

.grid-center {
	align-items: center
}

.col-wrap,
.col-title {
	padding: 30px 15px
}

.col-title {
	padding-bottom: 0 !important
}

.col-text {
	padding: 0
}

.table {
	width: 100%;
	font-size: 80%;
	border-collapse: collapse
}

.table+.table {
	margin-top: 10px
}

.table th,
.table td {
	padding: 3px 8px;
	background-color: #aac1cf;
	height: 3em;
	border: 0
}

.table th {
	background-color: #375681;
	color: #fff
}

.table th,
.table td {
	border: 1px solid #D9D9D9
}

.table td {
	text-align: left;
	width: 50%
}

.overlay-title {
	top: auto;
	left: 20px;
	bottom: 20px
}

.overlay-logo {
	top: 20px;
	left: 20px
}

@media (min-width: 768px) {

	h1,
	.h1 {
		font-size: 4rem
	}

	h2,
	.h2 {
		font-size: 2.25rem
	}

	.col-wrap,
	.col-title {
		padding: 50px 40px
	}

	.col-text {
		padding: 0 40px
	}

	.overlay-logo {
		top: 30px;
		left: 30px
	}

	.table th {
		word-break: break-all
	}

	.table td {
		width: auto
	}

	.table td:first-child {
		width: 20%;
		background-color: #375681;
		color: #fff
	}

	.table td:not(:first-child) {
		text-align: center
	}
}

@media (min-width: 1200px) {

	h4,
	.h4 {
		font-size: 1.13rem
	}

	.text-truncated {
		display: none
	}

	.text-toggle {
		display: block;
		color: #6BA4E3 !important
	}

	.list-nav-sub {
		display: none;
		padding: 1rem;
		z-index: 1000
	}

	.list-nav-sub li {
		margin-bottom: .3rem
	}

	.list-nav-sub a {
		border: 0
	}

	:hover>.list-nav-sub,
	.list-nav-sub:hover {
		display: block;
		position: absolute;
		top: 1rem;
		left: -100%;
		width: 300%
	}

	.table {
		font-size: 1rem
	}

	.overlay-title {
		left: 40px;
		bottom: 40px
	}

	.overlay-logo {
		top: 40px;
		left: 40px
	}
}

.gradient-1,
.gradient-2,
.gradient-3 {
	height: 100%
}

.gradient-1 {
	background: linear-gradient(140deg, rgba(110, 133, 159, 0.9) 10%, rgba(5, 12, 20, 0.9) 60%)
}

.gradient-2 {
	background: linear-gradient(140deg, rgba(121, 184, 255, 0.9) 10%, rgba(17, 26, 37, 0.9) 60%)
}

.gradient-3 {
	background: linear-gradient(140deg, rgba(207, 229, 255, 0.9) 10%, rgba(45, 63, 90, 0.9) 60%)
}

.bg-1,
.bg-2,
.bg-3,
.bg-4,
.bg-5,
.bg-6,
.bg-7,
.bg-8,
.bg-9,
.bg-10,
.bg-11,
.bg-12,
.bg-13,
.bg-14,
.bg-15,
.bg-16,
.bg-17,
.bg-18,
.bg-19,
.bg-20,
.bg-21,
.bg-22,
.bg-23,
.bg-24,
.bg-25,
.bg-26,
.bg-27,
.bg-28,
.bg-29,
.bg-30 {
	background: no-repeat bottom;
	-webkit-background-size: contain;
	background-size: contain
}

.bg-1 {
	background-image: url(../images/backgrounds/bg-1.png)
}

.bg-2 {
	background-image: url(../images/backgrounds/bg-2.png)
}

.bg-3 {
	background-image: url(../images/backgrounds/bg-3.png)
}

.bg-4 {
	background-image: url(../images/backgrounds/bg-4.png)
}

.bg-5 {
	background-image: url(../images/backgrounds/bg-5.png)
}

.bg-6 {
	background-image: url(../images/backgrounds/bg-6.png)
}

.bg-7 {
	background-image: url(../images/backgrounds/bg-7.png)
}

.bg-8 {
	background-image: url(../images/backgrounds/bg-8.png)
}

.bg-9 {
	background-image: url(../images/backgrounds/bg-9.png)
}

.bg-10 {
	background-image: url(../images/backgrounds/bg-10.png)
}

.bg-11 {
	background-image: url(../images/backgrounds/bg-11.png)
}

.bg-12 {
	background-image: url(../images/backgrounds/bg-12.png)
}

.bg-13 {
	background-image: url(../images/backgrounds/bg-13.png)
}

.bg-14 {
	background-image: url(../images/backgrounds/bg-14.png)
}

.bg-15 {
	background-image: url(../images/backgrounds/bg-15.png)
}

.bg-16 {
	background-image: url(../images/backgrounds/bg-16.png)
}

.bg-17 {
	background-image: url(../images/backgrounds/bg-17.png)
}

.bg-18 {
	background-image: url(../images/backgrounds/bg-18.png)
}

.bg-19 {
	background-image: url(../images/backgrounds/bg-19.png)
}

.bg-20 {
	background-image: url(../images/backgrounds/bg-20.png)
}

.bg-21 {
	background-image: url(../images/backgrounds/bg-21.png)
}

.bg-22 {
	background-image: url(../images/backgrounds/bg-22.png)
}

.bg-23 {
	background-image: url(../images/backgrounds/bg-23.png)
}

.bg-24 {
	background-image: url(../images/backgrounds/bg-24.png)
}

.bg-25 {
	background-image: url(../images/backgrounds/bg-25.png)
}

.bg-26 {
	background-image: url(../images/backgrounds/bg-26.png)
}

.bg-27 {
	background-image: url(../images/backgrounds/bg-27.png)
}

.bg-28 {
	background-image: url(../images/backgrounds/bg-28.png)
}

.bg-29 {
	background-image: url(../images/backgrounds/bg-29.png)
}

.bg-30 {
	background-image: url(../images/backgrounds/bg-30.png)
}

body {
	overflow-y: scroll;
	letter-spacing: .1em
}

header {
	z-index: 2
}

.logo {
	display: block;
	margin: 0 auto;
	width: 120px
}

.site-header-btn {
	display: none;
	position: absolute;
	top: 0;
	left: 0
}

.menu-icon {
	position: absolute;
	top: -3px;
	right: 5px;
	width: 35px
}

.site-header-nav {
	display: none;
	position: absolute;
	top: 0;
	right: 0
}

.home-social-icons {
	display: none
}

main {
	margin-top: 30px;
	min-height: 210px
}

#map {
	height: 82vh;
}

.visual {
	padding-top: 55%;
	color: #fff
}

.visual-title,
.visual-intro {
	text-align: center;
	width: 100%
}

.visual-intro {
	padding: 0 15px;
	top: auto;
	bottom: 8%
}

.visual-text {
	margin: 0 auto;
	max-width: 600px
}

.visual-stroke {
	display: none;
	margin: 0 auto 40px;
	width: 2px;
	height: 80px;
	background-color: #fff
}

.scroll-down {
	display: inline-block;
	margin-top: 10px;
}

footer {
	margin-top: 65px;
	text-align: center
}

.anakin {
	display: block;
	margin-right: auto;
	width: 62px
}

.site-by {
	position: absolute;
	bottom: 0;
	right: 15px
}

.footer-nav {
	margin: 15px 0 50px
}

.footer-nav li {
	margin-bottom: 0
}

.footer-nav a {
	border-width: 0 !important
}

.scroll-top {
	display: none;
	position: absolute;
	top: 0;
	right: 0
}

.copyright {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0
}

@media (max-width: 767px) {
	.section-header .indent {
		padding-left: 0
	}
}
@media (max-width: 1199px) {
	.BMap_mask {
		width: 100%;
	}
}

@media (max-width: 1199px) {
	.has-menu {
		overflow: hidden
	}

	.has-menu header {
		height: 100%
	}

	.has-menu main,
	.has-menu footer {
		display: none
	}

	.has-menu .container {
		min-height: initial
	}

	.has-menu .hidden-menu {
		display: none
	}

	.has-menu .tablet-menu {
		position: static;
		margin-top: 50px;
		width: 100%
	}

	.has-menu .site-header-nav {
		position: static;
		display: block;
		text-align: center;
		font-size: 1.71rem
	}

	.has-menu .site-header-nav li {
		display: list-item
	}

	.has-menu .site-header-nav a {
		border: 0
	}

	.has-menu .list-nav-sub {
		display: block
	}

	.has-menu .home-social-icons {
		display: block;
		margin-top: 40px;
		text-align: center
	}
}

@media (min-width: 768px) {
	.container {
		padding-bottom: 200px
	}

	.has-menu .tablet-menu {
		margin-top: 150px
	}

	.menu-icon {
		right: -15px;
		width: 40px
	}

	main {
		margin-top: 40px
	}

	.logo {
		width: 140px
	}

	.visual-intro {
		bottom: 5%
	}

	footer {
		position: absolute;
		margin-top: 0;
		bottom: 0;
		width: 100%;
		text-align: left
	}

	footer .list-nav>li {
		display: inline-block
	}

	.social-icons-footer {
		position: absolute;
		top: -5px;
		left: -5px
	}

	.anakin {
		margin: 0 0 0 auto
	}

	.site-by {
		position: static;
		margin-top: 22px;
		text-align: right
	}

	.footer-nav {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0
	}
}

@media (min-width: 1200px) {
	.logo {
		width: 150px
	}

	.site-header-nav {
		display: block
	}

	.tablet-menu {
		margin-top: 0
	}

	main {
		margin: 100px 30px 0
	}

	.visual-title {
		top: 20%;
		-webkit-transform: none;
		transform: none
	}

	.visual-intro {
		top: auto;
		bottom: 8%
	}

	.scroll-down {
		margin-top: 30px
	}

	.anakin {
		margin-right: auto
	}

	.site-by {
		text-align: center
	}
}

.home .logo path {
	fill: #fff
}

.home .menu-icon g,
.home .menu-icon circle {
	stroke: #fff
}

.home .visual {
	margin: -85px -10px 0;
	padding-top: 150%
}

.has-menu .logo path {
	fill: #375577
}

.weldstone {
	width: 60%;
	max-width: 440px
}

.home-social-icons {
	display: none
}

.home-map {
	padding-top: 65%
}

.home-map-marker {
	padding: 5px 15px;
	background-color: #6BA4E3
}

.home-map-marker:after {
	display: block;
	position: absolute;
	bottom: -11px;
	left: 0;
	width: 100%;
	height: 11px;
	background: url(../images/common/triangle.svg) no-repeat center;
	content: ''
}

.home-map-americas {
	top: 38.16%;
	left: 14.03%
}

.home-map-europe {
	top: 33.68%;
	left: 45.65%
}

.home-map-asia {
	top: 44.21%;
	left: 76.13%
}

@media (min-width: 768px) {
	.home .visual {
		margin: -100px -30px 0;
		padding-top: 65%
	}
}

@media (min-width: 1200px) {

	.home .visual,
	.home .site-header-nav {
		color: #fff
	}

	.home .site-header-btn {
		background: #fff;
		color: #000
	}

	.home .logo path {
		fill: #fff
	}

	.home .visual {
		margin: -180px -70px 0
	}

	.home .visual-intro {
		bottom: 8%
	}

	.home-social-icons {
		display: block;
		left: 55px;
		text-align: center;
		font-size: 22px;
		line-height: 1.8
	}

	.home-social-icons li {
		display: list-item
	}
}

.empty {
	display: none
}

.solution-name {
	margin: 25px 0
}

.solution-detail {
	margin: 20px 0;
	text-align: center
}

@media (min-width: 768px) {
	.empty {
		display: block
	}

	.solution-trigger {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0
	}

	.solution-detail {
		position: fixed;
		margin: 0;
		padding: 15px;
		top: 50%;
		left: 40px;
		width: calc(100% - 80px);
		text-align: left;
		color: #fff;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background: linear-gradient(140deg, #067bff 10%, #24476e 60%);
		z-index: 1100
	}

	.solution-detail .btn {
		display: table;
		margin: 10px 0 0 auto
	}

	.solution-close {
		margin-left: auto;
		width: 31px;
		height: 31px;
		background: url(../images/common/x.png) no-repeat
	}

	.solution-col {
		padding: 0 10px
	}
}
@media (min-width: 1200px) {
	.solution-detail {
		padding: 30px;
		left: 70px;
		width: calc(100% - 140px)
	}

	.solution-close {
		margin-bottom: 65px
	}

	.solution-col {
		padding: 0 20px
	}
}

.about-logo {
	margin: 15px 0;
	max-width: 200px
}

.about-ibg {
	margin: 15px 0;
	max-width: 80px
}

@media (min-width: 768px) {
	.components-powder {
		margin: 0 auto;
		width: 60%
	}
}

@media (min-width: 1200px) {
	.components-powder {
		width: 50%
	}
}