/**
 * 	Helpers
 *    1387 1200 900 768 576 420
 */
.color--grey {
	color: #5C696F;
}
.color--light_grey {
	color: #d2d2d2;
}
.color--orange {
	color: #FA5C19;
}
.color--cyan {
	color: #007AAA;
}
.color--green {
	color: #097051;
}
.color--red {
	color: #871A16;
}

body {
	--fm-header-height: 75px;
	--fm-footer-height: 10px;
}
@media (max-width: 1387px) {}
@media (max-width: 1200px) {
   body {
      --fm-footer-height: 111px;
   }
}
@media (max-width: 900px) {
   body {
      --fm-header-height: 71px;
   }
}
@media (max-width: 786px) {
}
@media (max-width: 576px) {
   body {
      --fm-header-height: 67px;
   }
}

/* FancyBox override */
body.compensate-for-scrollbar {
	margin-right: 0;
}

/**
 * 	Body styles
 */
* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0;
}
html {
   min-height: 100%;
   height: 100%;
   overflow-y: scroll;
	overflow-x: hidden;
}
body {
   position: relative;
   min-width: 360px;
   min-height: 100vh;
   padding: 0;
   margin: 0;
   font-family: 'Montserrat',sans-serif;
   font-weight: 400;
   font-size: 16px;
   line-height: 1.5em;
   background-color: #fff;
   color: #5c696f;
}

h1 {
	font-size: 35px;
	line-height: 1.2em;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 6px;
	color: #5c696f;
}
h2 {
	font-size: 22px;
	line-height: 1.3em;
	letter-spacing: 1.4px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fa5c19;
}
h3 {
	font-size: 22px;
	line-height: 1.3em;
	letter-spacing: 1.4px;
	font-weight: 400;
	text-transform: uppercase;
	color: #5c696f;
}
h4 {
	font-size: 18px;
	line-height: 1.5em;
	letter-spacing: 1px;
	font-weight: 400;
	text-transform: uppercase;
	color: #5c696f;
}
h5 {
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 500;
	color: #5c696f;
}
p {
   font-size: 16px;
   line-height: 1.5em;
   font-weight: 400;
   color: #5c696f;
}
p.has-small-font-size {
	font-size: 14px;
	font-weight: 300;
}
a {
   text-decoration: none;
   outline: none;
   background-color: transparent;
   -webkit-tap-highlight-color: transparent;
   transition: all ease 0.3s;
}
@media (hover: hover) {
   a:hover {
      text-decoration:none;
      color: #fa5c19;
   }
}

@media (max-width: 576px) {
	h1 {
		font-size: 32px;
		letter-spacing: 3px;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 16px;
		line-height: 1.4em;
	}
}


/**
 * 	Wrapers
 */
.viewport--wrap {
	margin-left: auto;
	margin-right: auto;
	padding-left: 40px;
	padding-right: 40px;
	max-width: 1370px;
	width: 100%;
}
.section--wrap {
	padding-left: 40px;
	padding-right: 40px;
	width: 100%;
}

@media (max-width: 1387px) {
	.viewport--wrap {
		margin-left: 0;
		margin-right: 0;
	}
}
@media (max-width: 900px) {
	.viewport--wrap {
		padding-left: 30px;
		padding-right: 30px;
	}
   .section--wrap {
      padding-left: 30px;
      padding-right: 30px;
   }
}
@media (max-width: 576px) {
	.viewport--wrap {
		padding-left: 20px;
		padding-right: 20px;
	}
   .section--wrap {
      padding-left: 20px;
      padding-right: 20px;
   }
}

.float--left {
	float: left;
}
.float--right {
	float: right;
}
.float--container::after {
	content: "";
	clear: both;
	display: table;
}



/**
 * 	Content layout
 */
.content {
	min-height: 300px;
	overflow-x: hidden;
}
.content--header {
	height: 329px;
}
.content--header img {
	display: block;
	height: 100%;
	width: auto;
	margin: 0 auto;
}
.content-wrap {
	padding-top: 60px;
	padding-bottom: 60px;
}
@media (max-width: 1300px) {
	.content--header {
		position: relative;
		overflow: hidden;
	}
	.content--header img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		margin: 0;
	}
}
@media (max-width: 900px) {
	.content--header {
		height: 250px;
	}
	.content-wrap {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}
@media (max-width: 576px) {
	.content--header {
		height: 170px;
	}
	.content-wrap {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}




/**
 * 	Button. Silent height 44 px
 */
.button--basic {
	height: 44px;
	padding: 16px 20px;
	background-color: #FFFFFF;
	border: 1px solid #d3e3eb;
	border-radius: 22.5px;
	cursor: pointer;
	outline: none;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	font-family: 'Montserrat',sans-serif;
	font-weight: 500;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 2px;
	text-transform: uppercase;
	white-space: nowrap;
	color: #5c696f;
}
.button--basic.disabled,
.button--basic:disabled {
	opacity: 40%;
	cursor: default;
}
.button--transparent {
	background-color: transparent;
}
.button--arrow_left {
	margin-right: 10px;	
	display: block;
	width: 16px;
	height: 14px;
	transform: rotate(180deg);
	background: url("../images/arrow-icon-grey.svg") no-repeat center;
}
.button--arrow_right {
	margin-left: 10px;	
	display: block;
	width: 16px;
	height: 14px;
	background: url("../images/arrow-icon-grey.svg") no-repeat center;
}
.button--text_orange {
	color: #FA5C19;
}
.button--round {
	width: 44px;
	padding: 0;
	justify-content: center;
}
.button--round .button--arrow_right,
.button--round .button--arrow_left {
	margin: 0;
}

@media (hover: hover) {
	.button--border_hover:not(.disabled):hover, 
	.button--hover_all:not(.disabled):hover {
		border-color: #FA5C19;
	}
	.button--text_hover:not(.disabled):hover .button--text, 
	.button--hover_all:not(.disabled):hover  .button--text {
		color: #FA5C19;
	}
	.button--arrow_hover:not(.disabled):hover .button--arrow_left,
	.button--arrow_hover:not(.disabled):hover .button--arrow_right,
	.button--hover_all:not(.disabled):hover .button--arrow_left,
	.button--hover_all:not(.disabled):hover .button--arrow_right {
		background: url("../images/arrow-icon-orange.svg") no-repeat center;
	}
}

.text--align_right {
	text-align: right;
}
.text--align_center {
	text-align: center;
}

.button--arrows_container {
	display: inline-block;
}
.button--arrows_container a {
	display: inline-block;
}

@media (max-width: 576px) {
	.button--basic {
		height: 40px;
		padding: 14px 18px;
		border-radius: 20.5px;
		font-size: 12px;
		line-height: 1;
		letter-spacing: 2px;
	}
	.button--round {
		width: 40px;
		padding: 0;
		justify-content: center;
	}
	.button--arrows_container {
		font-size: 10px;
	}
}



/**
 * 	FancyBox overrides
 */
.fancybox-is-open .fancybox-bg {
	opacity: .8;
}
.fancybox-caption__body > * {
	font-size: 14px;
	color: #FFFFFF;
}
.fancybox-caption__body h4 {
	padding-bottom: 3px;
}
.fancybox-caption__body .fancy_pop--description {
	font-size: 12px;
	font-style: italic;
}
@media (max-width: 785px) {
	.fancybox-caption__body > * {
		font-size: 13px;
	}
	.fancybox-caption__body .fancy_pop--description {
		font-size: 11px;
	}
}

/* Remove background from all buttons */
.fancybox-navigation .fancybox-button {
	background: transparent;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button div {
	padding: 6px;
	background: transparient;
	border-radius: 50%;
	transition: opacity .2s;
	border: 1px solid #C2C5CD;
	opacity: .7;
}
.fancybox-navigation .fancybox-button:not([disabled]):hover div {
	opacity: .9;
	background: #fcfaf9;
}
.fancybox-navigation .fancybox-button[disabled] {
	color: #666;
}
.fancybox-navigation .fancybox-button:not([disabled]) {
	color: #C2C5CD;
}
.fancybox-navigation .fancybox-button:not([disabled]):hover {
	color: #FA5C19;
}


/**
 * 	Debug screens
 */
.tech--screen {
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 5px 10px;
	background-color: #E8ECF2;
	font-size: 13px;
	font-weight: 400;
	z-index: 50000;
}
pre {
	font-size: 15px;
	line-height: 1.2;
}