/*	-------------------------------------------------------------------------
	
	Search with ctr(cmd)+f
	
	1) Navigation
	
	2) Table 
	
	3) Modals
	
	4) Hovers
	
	5) Flex Slider
	
	6) Countdown
	
	7) Odometer
	
	8) Progress
	
	9) Loader
	
	10) Maps
	
	11) Parallax
	
-------------------------------------------------------------------------	*/


/* 1) Navigation 	---------------------------------------------------- */


/* type */

.nav--line {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.nav--absolute {
	position: absolute;
	z-index: 11;
	width: 100%;
}
@media (max-width: 767px) {
	.nav--absolute {
		position: relative;
	}
}
.nav--fixed {
	position: fixed;
	z-index: 11;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	width: 100%;
	will-change: scroll-position, transform;
}
.nav--absolute.nav--line, .nav--fixed.nav--line {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
	.nav--fixed {
		background-color: #fff !important;
	}
}

/* modules */

.nav-row {
	display: inline-block;
	height: 62px;
	line-height: 62px;
	max-height: 62px;
	width: 100%;
	vertical-align: middle;
}
@media (max-width: 767px) {
	.nav-row {
		height: auto;
		display: inherit;
		max-height: none;
	}
}
.nav-module {
	height: 62px;
	vertical-align: middle;
	padding: 0 15px;
	display: inline-block;
}
@media (max-width: 767px) {
	.nav-module.nav {
		display: none;
	}
	.nav-module.nav.nav-open {
		display: block;
	}
	.text-center .nav-module {
		display: inline-block;
	}
}
.nav-module:first-child, .nav-module.visible-xs:first-child+.nav-module {
	padding-left: 0
}
.nav-module:last-child {
	padding-right: 0
}
.nav-module .btn {
	margin-bottom: 0;
}
.nav-module .btn:last-child {
	margin: 0;
}
.nav-module-group {
	height: 62px;
	line-height: 62px;
	max-height: 62px;
	display: inline-block;
	padding-left: 15px;
}
.nav-module-group * {
	line-height: inherit;
}
@media (max-width: 767px) {
	.nav-module.width-100 {
		width: auto;
	}
}
.nav-row--bottom * {
	vertical-align: text-bottom;
}
.nav-row--bottom .nav-module * {
	vertical-align: text-bottom;
}

/* mod - search */

.search {
	cursor: pointer;
}

/* mod - logo */

.logo img {
	max-height: 60px;
}
.logo img[src*="images/@2x/logo"], .logo img[src*="images/logo"] {
	max-height: 19px;
}

/* mod - cta */

.cta .btn {
	margin: 0 20px 0 0;
}
.cta .btn:last-child {
	margin: 0;
}

/* mod - menu */

.menu {
	position: relative;
	display: inline-block;
}
.nav--outside .menu {
	display: block;
}
[class*='col-'].text-right .menu {
	float: right;
}
@media (max-width: 767px) {
	[class*='col-'].text-left-xs .menu {
		float: left;
	}
}
.menu li {
	float: left;
	clear: right;
	list-style: none;
}
.menu>li {
	line-height: 62px;
}
.menu li ul {
	white-space: nowrap
}
.menu>li>a {
	padding: 0 1.3em;
	margin: 0;
	height: 100%;
	display: inline-block;
}
.menu>li:first-child a {
	padding-left: 0
}
.menu>li:last-child a {
	padding-right: 0
}
@media (max-width: 767px) {
	.menu li {
		width: 100%;
	}
	.menu>li>a {
		padding: 0;
		margin: 0;
		height: 100%;
		width: 100%;
		display: inline-block;
	}
	.nav-module.nav {
		width: 100%;
		padding: 0;
		height: auto;
		max-height: 100%;
		overflow: scroll;
	}
}
.menu a {
	color: #212121;
}
.bg-color--grey .menu a, .nav--light .menu a {
	color: #fff;
}
.menu a:focus, .menu a:hover {
	color: #212121;
	opacity: .6;
}
.bg-color--grey .menu a:focus, .bg-color--grey .menu a:hover, .nav--light .menu a:focus, .nav--light .menu a:hover {
	color: #fff;
	opacity: .6;
}
@media (max-width: 767px) {
	.nav--light .menu>li>a:focus, .nav--light .menu>li>a:hover {
		color: #212121;
		opacity: .8;
	}
	.nav--light .menu>li>a {
		color: #212121;
		opacity: 1;
	}
}
@media (min-width: 767px) {
	.nav--light .nav--full-screen:not(.bg-color--grey) .menu a, .nav--light .nav--outside--fixed:not(.bg-color--grey) .menu a {
		color: #212121;
	}
	.nav--light .nav--full-screen:not(.bg-color--grey) .menu a:focus, .nav--light .nav--full-screen:not(.bg-color--grey) .menu a:hover, .nav--light .nav--outside--fixed:not(.bg-color--grey) .menu a:focus, .nav--light .nav--outside--fixed:not(.bg-color--grey) .menu a:hover {
		color: #212121;
		opacity: 0.6;
	}
}

/* menu__dropdown */

ul.menu__dropdown {
	display: none;
	position: absolute;
	z-index: 12;
	min-width: 160px;
	padding: 25px 30px;
	background-color: #212121;
	color: #fff;
	line-height: 50px;
}
.nav.right .menu>li ul.menu__dropdown.right {
	right: 0;
}
ul.menu__dropdown li {
	width: 8em
}
ul.menu__dropdown li>a {
	padding: 5px 0;
	display: block;
	color: #fff;
	opacity: 0.6;
}
ul.menu__dropdown li>a:hover, ul.menu__dropdown li>a:focus {
	color: #fff;
	opacity: 0.4 !important;
}
@media (min-width: 767px) {
.menu>li:hover>ul.menu__dropdown {
	display: block
}
}
.menu__dropdown__title {
	display: block;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	padding: 5px 0;
}
.menu__dropdown__title span {
	color: inherit;
	opacity: 1;
}
.uppercase .menu__dropdown__title {
	font-size: 11px;
	line-height: 17px;
	letter-spacing: 2.06px;
	font-weight: 700;
}
.uppercase .menu__dropdown a {
	font-size: 11px
}
@media (max-width: 767px) {
	
	.menu>li.active>ul.menu__dropdown {
		display: inline-block;
	}
	
	ul.menu__dropdown {
		width: 100%;
		position: inherit;
		height: auto;
	}
}

/* mobile */

.nav-toggle {
	background: none;
	border: none;
	cursor: pointer;
	padding: 18px 0 0 15px;
}
.nav-module:first-child.nav-toggle+.nav-module {
	padding: 0;
}
.icon-nav-toggle {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 15px;
	float: left;
	clear: left;
	margin: 2px;
	opacity: 1;
	background: #212121;
	position: relative;
	transition: all 200ms ease-in-out;
}
.icon-nav-toggle.active:first-child, .icon-nav-toggle.active:last-child {
	top: 0
}
.icon-nav-toggle.active:first-child {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	margin-top: 10px;
}
.icon-nav-toggle.active:nth-child(2) {
	opacity: 0
}
.icon-nav-toggle.active:last-child {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	margin-top: -14px;
}
@media (min-width: 767px) {
	.nav--light .icon-nav-toggle {
		background-color: #fff
	}
}
@media (min-width: 767px) {
	.nav-toggle {
		display: none
	}
}

/* nav – mod - menu - outside */

.nav--outside li {
	line-height: 40px;
	width: 100%;
}
.nav--outside .menu li {
	float: none;
}
.nav--outside .menu li a {
	padding: 10px 0;
}
.nav--outside__toggle, .nav--full-screen__toggle {
	opacity: 1;
	cursor: pointer;
}
.nav--outside ul.menu__dropdown {
	position: inherit;
	color: #212121;
	background-color: transparent;
	padding: 0 0 20px 20px;
	width: 100%;
}
.nav--outside ul.menu__dropdown li {
	width: 100%;
}
.nav--outside ul.menu__dropdown li>a {
	padding-bottom: 10px;
	display: block;
	color: #212121;
	opacity: 0.6;
}
@media (min-width: 767px) {
	.nav--outside--fixed {
		position: fixed;
		z-index: 11;
		top: 0;
		padding: 30px;
		margin: 0;
		width: 30%;
		height: 100%;
		max-height: 100%;
		background: #FFFFFF;
		box-shadow: -8px 0px 40px 0px rgba(0, 0, 0, 0.11);
		overflow-y: scroll;
	}
	.nav--outside--fixed.right {
		right: 0;
	}
	.nav--outside--fixed.left {
		left: 0;
	}
}

/* nav – mod - menu - full-screen */

@media (min-width: 767px) {
	.nav--full-screen {
		position: fixed;
		z-index: 11;
		top: 0;
		left: 0;
		margin: 0;
		width: 100%;
		height: 100%;
		max-height: 100%;
		background: #FFFFFF;
		text-align: center;
		overflow-y: scroll;
	}
	.nav--full-screen .menu {
		width: 100%;
	}
	.nav--full-screen .menu li {
		float: left;
		clear: left;
		width: 100%;
	}
	.nav--full-screen .menu li a {
		text-align: center;
		padding: 10px 0;
	}
}
@media (max-width: 767px) {
	.nav--full-screen .menu {
		width: 100%;
	}
	.nav--outside__toggle, .nav--full-screen__toggle {
		display: none;
	}
}
@media (max-width: 767px) {
	.menu.vertical-align {
		position: static;
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

/* 2) Table 		---------------------------------------------------- */

.col-table {
	padding: 60px 0;
}
.col-table__header, .col-table__cols li {
	height: 60px;
	line-height: 60px;
	letter-spacing: 0px;
}
.col-table__cols {
	width: 100%;
	max-width: 100%;
	font-size: 18px;
	color: #212121;
	list-style-type: none;
}
.col-table__cols li {
	border-top: 1px solid #F7F7F7;
}
.col-table__cols i {
	line-height: 60px;
	font-size: 28px !important;
	color: #00C853;
}
.col-table__cols li i+* {
	display: none;
}
.col-table__cols i.disable {
	line-height: 60px;
	font-size: 28px !important;
	color: #b8b8b8;
}
.col-table__footer {
	margin-top: 30px;
}
@media (max-width: 767px) {
	.col-table__cols li {
		padding: 0 15px;
	}
	.col-table__cols li i, .col-table__cols li i+* {
		float: left;
		clear: right;
		display: inline-block;
		margin: 0 20px 0 0;
		display: block;
	}
}

/* 3) Modals 		---------------------------------------------------- */

.arcticmodal-container_i {
	width: 100%;
	max-width: 1024px;
}
.arcticmodal-container_i2 {
	padding: 0;
}
.modal[data-modal="video"] iframe {
	height: 500px;
}
@media (max-width: 767px) {
	.modal[data-modal="video"] {
		height: 70%;
	}
	.modal[data-modal="video"] .container, .modal[data-modal="video"] .row, .modal[data-modal="video"] [class*='col-'], .modal[data-modal="video"] iframe {
		height: 100%;
	}
}
.modal__top i {
	position: absolute;
	top: 30px;
	right: 30px;
}
.modal__controls {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 2;
	width: 100%;
}
.modal__controls i {
	margin: 0 30px 30px 30px;
	cursor: pointer;
}
.modal__img img {
	max-height: 100vh;
}

/* 4) Hovers		---------------------------------------------------- */

.img-hover {
	position: relative;
	line-height: 1;
	overflow: hidden;
	/*
	-webkit-clip-path: view-box;
	clip-path: view-box;
	*/
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.img-hover a:hover {
	opacity: 1;
	cursor: pointer;
}
.img-hover img, .img-hover .bg {
	transition: transform, opacity;
	transition-timing-function: cubic-bezier(0, 1, .75, 1);
	transition-duration: .6s, .3s;
}
.img-hover--scale:hover img, .img-hover--scale:hover .bg {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
.img-hover__overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	opacity: 0;
	margin: 0 !important;
	transition: opacity .15s cubic-bezier(0, 1, .75, 1);
	background: rgba(0, 0, 0, 0.70);
}
.img-hover:hover .img-hover__overlay {
	opacity: 1;
}
.img-hover__overlay--gadient {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#292929', GradientType=0);
}
.img-hover:hover .img-hover__overlay--hide {
	opacity: 0 !important;
}

.img-hover__caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 3;
	transition: transform .3s cubic-bezier(0, 1, .75, 1);
}

.img-hover__caption>*:last-child {
	margin: 0;
}
.img-hover__caption--animate-in {
	margin-bottom: -30px;
}
.img-hover:hover .img-hover__caption--animate-in, .img-hover:hover .img-hover__caption--animate-out {
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
}
@media (max-width: 767px) {
	.img-hover__caption--show-xs {
		opacity: 1 !important;
	}
}
.img-hover__caption--hidden {
	opacity: 0;
}
.img-hover:hover .img-hover__caption--hidden {
	opacity: 1
}
.img-hover__more {
	opacity: 0;
	transition: opacity .25s ease;
}
.img-hover:hover .img-hover__more {
	opacity: 1;
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
}

/* 5) Flex Slider 	---------------------------------------------------- */

.flexslider>ul, .flex-viewport>ul {
	display: inline-block;
}
.flexslider, .flexslider>ul, .flexslider>ul>li {
	width: 100%;
	height: 100%;
	position: relative;
}
.flex-viewport, .flex-viewport>ul, .flex-viewport>ul>li {
	width: 100%;
	height: 100%;
	position: relative;
}
.flexslider--animate .flexitem.flex-active-slide div[class*='col-'] {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.flexslider--animate .flexitem div[class*='col-'] {
	transition: 1s ease;
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	transform: translate3d(0, 100px, 0);
	-webkit-transform: translate3d(0, 100px, 0);
	transition-delay: .10s;
	opacity: 0;
}
.custom-navigation {
	width: 100%;
	position: absolute;
	top: 50%;
	z-index: 2;
	padding: 0 30px;
	left: 0;
	pointer-events: none;
}
.custom-navigation i {
	pointer-events: auto;
}
[class*='col-']:not(.padding-null) .custom-navigation {
	padding: 0 45px;
}
.custom-navigation i {
	margin: 0;
	cursor: pointer;
}
.custom-navigation .next {
	float: right;
}
.custom-navigation--bottom-right {
	width: 100px;
	right: 30px;
	padding: 0;
	bottom: 30px;
	top: auto;
	left: auto;
	padding: 0 !important;
}
[class*='col-']:not(.padding-null) .custom-navigation--bottom-right {
	right: 45px;
}
.custom-navigation--bottom-right .next {
	margin: 0 0 0 20px;
}
.custom-navigation--outside {
	position: static;
	padding: 20px 0 !important;
	width: 88px;
	margin: 0 auto;
}
.custom-navigation--outside i {
	font-size: 20px;
}
@media (max-width: 767px) {
	.custom-navigation--outside-xs {
		position: static;
		padding: 20px 0 !important;
		width: 88px;
		margin: 0 auto;
	}
	.custom-navigation--outside-xs i {
		font-size: 20px;
	}
}
.custom-navigation--absolute-outside {
	left: -60px;
	padding: 0 !important;
	width: calc(100% + 120px)
}
.flex-control {
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 2;
}
.flex-control-paging {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	padding: 0;
	height: 21px;
}
.flex-control-paging li {
	float: left;
	clear: right;
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	border: 2px solid #212121;
	border-radius: 20px;
	margin: 5px !important;
}
.flex-control-paging li a.flex-active {
	background: #212121;
	cursor: default;
}
.flex-control-paging li a.flex-active::after {
	content: ' ';
	width: 21px;
	height: 21px;
	display: block;
	cursor: pointer;
	border: 2px solid #212121;
	border-radius: 20px;
	margin: 5px;
	position: absolute;
	top: -5px;
	margin-left: -7px;
}
.flex-control--outside {
	position: static;
	padding: 20px 0 !important;
	margin: 0 auto;
	height: 61px;
}
.flex-control--outside>ol {
	bottom: auto;
}
.color--white .flex-control-paging li a {
	border: 2px solid #fff;
}
.color--white .flex-control-paging li a.flex-active {
	background: #fff;
}
.color--white .flex-control-paging li a.flex-active::after {
	border: 2px solid #fff;
}

/* 6) Countdown 	---------------------------------------------------- */

.countdown {
	margin: 20px 0 60px 0;
	color: #212121;
}
.countdown div {
	display: inline-block;
	margin-right: 20px;
	line-height: 1;
	text-align: right;
}
.countdown div:first-child {
	margin-left: 0;
}
.countdown.countdown--lg div {
	font-size: 49px;
	font-weight: 600;
}
.countdown--lg div span {
	padding-top: 30px;
}
.countdown.countdown--xs div {
	font-size: 30px;
	font-weight: 35;
}
*+html .countdown div {
	display: inline;
	zoom: 1;
}
.countdown div:first-child {
	margin-left: 0;
}
.countdown div span {
	float: right;
	margin-left: 10px;
	height: inherit;
	display: block;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #212121;
}
@media (max-width: 767px) {
	.countdown div {
		zoom: 0.7;
	}
	.countdown div span {
		float: none;
		position: absolute;
		padding-top: 10px;
		margin-top: 5px;
		border-top: 2px solid #212121;
	}
}

/* 7) Odometer	 	---------------------------------------------------- */

.odometer {
	margin-bottom: 30px;
}
.odometer span, .odometer {
	font-weight: 600;
	color: #212121;
	font-size: 49px;
	line-height: 49px;
}
.odometer-formatting-mark {
	line-height: 0px !important;
}

/* 8) Progress	 	---------------------------------------------------- */

.progress {
	margin-bottom: 40px;
}
.progress__bar__bg {
	height: 10px;
	width: 100%;
	background-color: #F7F7F7;
}
.progress__bar__progress {
	background-color: #212121;
	position: relative;
	height: 10px;
	width: 0;
	transition: all 3s ease;
}
.progress__bar__val {
	position: relative;
	margin-top: 5px;
	font-weight: 600;
	color: #212121;
	font-size: 14px;
	margin-left: -40px;
	width: 40px;
	text-align: right;
	left: 0;
	transition: all 3s ease;
}
.progress--radial .progress__bar__bg, .progress--radial .progress__bar__progress {
	border-radius: 5px;
}
.progress-lg .progress__bar__bg, .progress-lg .progress__bar__progress {
	height: 30px;
	border-radius: 15px;
}

/* 9) Loader	 	---------------------------------------------------- */

.loader {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 100%;
	height: 100%;
}
.loader .loader--progress {
	background: #304FFE;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
	animation-name: example;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}
@keyframes example {
	from {
		right: 100%;
	}
	to {
		right: 0;
	}
}

/*								
<div class="loader">
	<div class="loader--progress">
		
	</div>
</div>								
*/


/* 10) Maps			---------------------------------------------------- */

.google-map {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.google-map--absolute {
	position: absolute;
	left: 0;
}
.google-map--absolute iframe {
	height: 100%;
}
.google-map iframe[pointer-events='none'] {
	pointer-events: none;
}
.google-map__overlay {
	background: rgba(48, 79, 254, 0.80);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 0;
}
.google-map__toggle {
	position: relative;
}

/* 11) Parallax 	---------------------------------------------------- */

.parallax {
	position: absolute;
	width: 100%;
	height: 105vh !important;
	left: 0;
	z-index: 1;
	background: #212121;
	background-size: cover !important;
	background-position: 50% 50% !important;
	transition: all 0s ease !important;
	transition: opacity 0.3s ease !important;
	-webkit-transform-style: preserve-3d;
	will-change: scroll-position;
}
@media (min-height: 1000px) {
	.vh-100>.parallax {
		height: 130vh !important;
		top: 0vh;
	}
}
@media (max-height: 1000px) {
	.parallax {
		height: 130vh !important;
		top: 0;
	}
}
@media (max-height: 600px) {
	.parallax {
		height: 150vh !important;
		top: 0;
	}
}
@media (max-width: 767px) {
	.parallax {
		height: 100% !important;
		top: 0;
	}
	.parallax+.bg-opacity {
		min-height: 250px
	}
}

/* 12) Graphs 		---------------------------------------------------- */

.