@import'framework.css';
body {
	font-family: Nunito Sans, Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	color: #949ba0;
	-webkit-font-smoothing: antialiased
}

body.dev {
	background: #ccc;
	min-height: 10000px
}

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

header,
section,
[data-bg-src],
[data-bg-src-2x] {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover
}

header,
section {
	overflow: hidden
}

header nav {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000
}

nav {
	width: 100%
}

nav.transparent {
	background: transparent
}

a,
button {
	cursor: pointer;
	transition: all .25s
}

a:hover,
button:hover {
	text-decoration: none
}

a:active,
a:focus,
button:active,
button:focus {
	text-decoration: none;
	outline: none
}

button {
	border: none;
	outline: none !important
}

input,
textarea {
	border: 0;
	outline: none;
	background: transparent;
	color: #949ba0;
	resize: none
}

label {
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6,
.title {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	margin: 0;
	font-weight: 300;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
}

h1,
h2 {
	font-size: 58px;
	line-height: 70px
}

h1.big,
h2.big {
	font-size: 72px;
	line-height: 86px
}

h1.small,
h2.small {
	font-size: 42px;
	line-height: 52px;
	font-weight: 300
}

h3 {
	font-size: 42px;
	line-height: 52px
}

b,
strong {
	font-weight: 700
}

.alert {
	display: none;
	position: fixed;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 970px;
	z-index: 2000
}

.alert-dismissable .close,
.alert-dismissible .close {
	top: 0
}

[data-aos=fade-down] {
	transform: translate3d(0, -35px, 0)
}

[data-aos=fade-up] {
	transform: translate3d(0, 35px, 0)
}

.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 32px;
	width: 32px;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	margin-top: -16px;
	padding: 0;
	border: none;
	outline: none;
	z-index: 1
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: .5
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .3
}

.slick-prev:before,
.slick-next:before {
	display: block;
	content: "";
	width: 32px;
	height: 32px;
	opacity: 1;
	transition: opacity .2s
}

.slick-prev {
	left: 0
}

[dir=rtl] .slick-prev {
	left: auto;
	right: 0
}

.slick-prev:before {
	background: url(../i/slick-arrow-left.svg) no-repeat 0 50%
}

[dir=rtl] .slick-prev:before {
	background: url(../i/slick-arrow-right.svg) no-repeat 100% 50%
}

.slick-next {
	right: 0
}

[dir=rtl] .slick-next {
	left: 0;
	right: auto
}

.slick-next:before {
	background: url(../i/slick-arrow-right.svg) no-repeat 100% 50%
}

[dir=rtl] .slick-next:before {
	background: url(../i/slick-arrow-left.svg) no-repeat 0 50%
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 0;
	margin: 0;
	left: 0;
	right: 0
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 10px;
	width: 10px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	box-sizing: border-box;
	border: 2px solid #fff;
	border-radius: 50%;
	background: transparent;
	display: block;
	height: 10px;
	width: 10px;
	padding: 0;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	opacity: .3;
	cursor: pointer
}

.slick-dots li button:hover {
	outline: none;
	opacity: .8
}

.slick-dots li.slick-active button {
	background: #fff;
	opacity: 1
}

.slick-dots li.slick-active button:hover {
	opacity: 1
}

.slick-slide {
	outline: none
}

.arrows-dark .slick-prev:before {
	background: url(../i/slick-arrow-left-dark.svg) no-repeat 0 50%
}

[dir=rtl] .arrows-dark .slick-prev:before {
	background: url(../i/slick-arrow-right-dark.svg) no-repeat 100% 50%
}

.arrows-dark .slick-next:before {
	background: url(../i/slick-arrow-right-dark.svg) no-repeat 100% 50%
}

[dir=rtl] .arrows-dark .slick-next:before {
	background: url(../i/slick-arrow-left-dark.svg) no-repeat 0 50%
}

.container {
	position: relative
}

::-moz-selection {
	background: #1a6ce7;
	color: #fff
}

::-webkit-selection {
	background: #1a6ce7;
	color: #fff
}

::selection {
	background: #1a6ce7;
	color: #fff
}

.nav_mobile_logo {
	display: none
}

@media(max-width: 1199.98px) {
	header[class^=pt-],
	header[class*=" pt-"],
	section[class^=pt-],
	section[class*=" pt-"] {
		padding-top: 80px
	}
	header[class^=pb-],
	header[class*=" pb-"] {
		padding-bottom: 20px
	}
	section[class^=pb-],
	section[class*=" pb-"] {
		padding-bottom: 80px
	}
	h1 br,
	h2 br,
	h3 br,
	.text-adaptive br {
		/*display: none*/
	}
	h1,
	h2 {
		font-size: 52px;
		line-height: 62px
	}
	h1.big,
	h2.big {
		font-size: 62px;
		line-height: 72px
	}
	h1.small,
	h2.small {
		font-size: 36px;
		line-height: 46px
	}
	h3 {
		font-size: 36px;
		line-height: 46px
	}
	.navigation_mobile,
	.nav_mobile_logo {
		display: block
	}
}

@media(max-width: 991.98px) {
	h1,
	h2 {
		font-size: 42px;
		line-height: 52px
	}
	h1.big,
	h2.big {
		font-size: 52px;
		line-height: 62px
	}
	h1.small,
	h2.small {
		font-size: 32px;
		line-height: 42px
	}
	h3 {
		font-size: 32px;
		line-height: 42px
	}
	.text-adaptive.f-24 {
		font-size: 22px;
		line-height: 32px
	}
	.text-adaptive.f-22 {
		font-size: 20px;
		line-height: 30px
	}
	.text-adaptive.f-20 {
		font-size: 18px;
		line-height: 28px
	}
	.alert {
		top: 10px;
		left: 20px;
		right: 20px;
		transform: none;
		width: auto;
		padding-left: 40px
	}
}

@media(max-width: 767.98px) {
	h1,
	h2 {
		font-size: 32px;
		line-height: 42px
	}
	h1.big,
	h2.big {
		font-size: 42px;
		line-height: 52px
	}
	h1.small,
	h2.small {
		font-size: 26px;
		line-height: 36px
	}
	h3 {
		font-size: 26px;
		line-height: 36px
	}
	.text-adaptive.f-24 {
		font-size: 20px;
		line-height: 30px
	}
	.text-adaptive.f-22 {
		font-size: 18px;
		line-height: 28px
	}
	.text-adaptive.f-20 {
		font-size: 16px;
		line-height: 26px
	}
	.text-adaptive.f-18 {
		font-size: 16px;
		line-height: 26px
	}
	.btn.lg {
		height: 50px;
		line-height: 50px;
		padding: 0 30px;
		font-size: 18px;
		font-weight: 500
	}
	.btn.lg[class^=border-],
	.btn.lg[class*=" border-"] {
		line-height: 46px
	}
	.btn.xl {
		height: 60px;
		line-height: 60px;
		padding: 0 35px;
		font-size: 18px;
		font-weight: 500
	}
	.btn.xl[class^=border-],
	.btn.xl[class*=" border-"] {
		line-height: 56px
	}
	.input.lg {
		height: 50px;
		font-size: 18px;
		font-weight: 500
	}
}

@media(max-width: 575.98px) {
	h1,
	h2 {
		font-size: 26px;
		line-height: 36px
	}
	h1.big,
	h2.big {
		font-size: 32px;
		line-height: 42px
	}
	h1.small,
	h2.small {
		font-size: 22px;
		line-height: 32px
	}
	.btn.xl {
		height: 50px;
		line-height: 50px;
		padding: 0 30px
	}
	.btn.xl[class^=border-],
	.btn.xl[class*=" border-"] {
		line-height: 46px
	}
}

@media(max-width: 767.98px) {
	.header_1 .text-adaptive {
		margin-top: 20px
	}
	.header_1 .buttons {
		margin-top: 40px
	}
}

@media(max-width: 767.98px) {
	.header_2 .text-adaptive {
		margin-top: 20px
	}
	.header_2 form {
		margin-top: 40px
	}
	.header_2 form .input {
		text-align: center;
		max-width: 100%;
		width: 100%
	}
	.header_2 form .btn {
		margin-top: 15px
	}
}

@media(max-width: 1199.98px) {
	.navigation_2 a {
		margin: 0 15px
	}
	.navigation_2 .dropdown a {
		margin: 0
	}
}

@media(max-width: 767.98px) {
	.content_1 h2 {
		margin-top: 10px
	}
}

@media(max-width: 991.98px) {
	.content_2 .text-adaptive {
		margin-top: 15px
	}
}

@media(max-width: 767.98px) {
	.testimonial_2 .text-adaptive {
		margin-top: 10px;
		margin-bottom: 25px
	}
}

@media(max-width: 1199.98px) {
	.feature_1[class^=pb-],
	.feature_1[class*=" pb-"] {
		padding-bottom: 30px
	}
}

@media(max-width: 767.98px) {
	.feature_1 .title {
		margin-top: 10px;
		margin-bottom: 10px
	}
	.feature_1 .title br {
		display: none
	}
}

@media(max-width: 1199.98px) {
	.feature_2[class^=pb-],
	.feature_2[class*=" pb-"] {
		padding-bottom: 30px
	}
	.feature_2 .description {
		margin-top: 20px
	}
}

@media(max-width: 467.98px) {
	.form_1 h2 {
		margin-bottom: 20px
	}
	.form_1 form {
		padding: 30px
	}
}

@media(max-width: 359.98px) {
	.form_1 form {
		padding: 30px 20px
	}
}

.form_2 .img_holder img {
	left: 50%;
	top: 0;
	transform: translateX(-50%)
}

@media(max-width: 1199.98px) {
	.form_2 form {
		padding: 80px 0
	}
	.form_2 .buttons {
		margin-top: 10px
	}
	.form_2 button {
		margin-right: 0px;
		width: 100%
	}
}

@media(max-width: 575.98px) {
	.form_2 form {
		max-width: 290px;
		margin: 0 auto
	}
}

@media(max-width: 767.98px) {
	.call_to_action_1 .description {
		margin: 10px 0 30px 0
	}
	.call_to_action_1 .btn {
		margin-bottom: 15px
	}
}

.call_to_action_2 .inner {
	border: 2px solid #e7eaed
}

@media(max-width: 991.98px) {
	.call_to_action_2 .inner {
		padding: 40px 30px
	}
}

@media(max-width: 575.98px) {
	.call_to_action_2 .inner {
		padding: 30px 20px
	}
}

.team_1 .block {
	border: 2px solid #e7eaed
}

.team_1 .block_socials {
	border-top: 2px solid #e7eaed
}

.team_1 .block_socials .border_right {
	border-right: 2px solid #e7eaed
}

.team_2 .bordered {
	border-left: 2px solid #e7eaed;
	border-right: 2px solid #e7eaed
}

@media(max-width: 767.98px) {
	.team_2 .bordered {
		border: none;
		border-top: 2px solid #e7eaed;
		border-bottom: 2px solid #e7eaed
	}
}

.pricing_table_1 .block {
	border: 2px solid #e7eaed;
}

.pricing_table_1 .block.noborder_right {
	border-right: none
}

.pricing_table_1 .item {
	padding: 16px 0 14px 0;
	border-top: 2px solid #e7eaed
}

.pricing_table_1 .price span.absolute {
	top: 5px;
	left: -15px
}

@media(max-width: 991.98px) {
	.pricing_table_1[class^=pb-],
	.pricing_table_1[class*=" pb-"] {
		padding-bottom: 30px
	}
	.pricing_table_1 .block {
		margin: 0 auto 50px auto;
		max-width: 300px;
		border-radius: 10px
	}
	.pricing_table_1 .block.noborder_right {
		border-right: 2px solid #e7eaed
	}
}

.contact_1 textarea.input {
	height: 170px
}

.contact_1 .separate {
	position: relative
}

.contact_1 .separate:before,
.contact_1 .separate:after {
	content: " ";
	display: block;
	position: absolute;
	width: calc(100% / 2 - 60px);
	left: 0;
	top: 50%;
	border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.contact_1 .separate:after {
	left: auto;
	right: 0
}

.contact_2 textarea.input {
	height: 170px
}

.showcase_1 .block a:hover {
	opacity: .8
}

@media(max-width: 991.98px) {
	.showcase_1 .description {
		margin: 10px 0 0 0
	}
}

.showcase_2 a:hover {
	opacity: .8
}

@media(max-width: 575.98px) {
	.footer_1 .links a {
		margin: 0 10px
	}
}

.ecommerce_1 .product .img_link img {
	transition: all .25s
}

.ecommerce_1 .product .img_link:hover img {
	opacity: .8
}

.ecommerce_1 .product .btn {
	left: 0;
	bottom: 0
}

@media(max-width: 1199.98px) {
	.ecommerce_1 .main_info .btn {
		margin-top: 30px
	}
}

.ecommerce_2 .product {
	border: 2px solid #e7eaed
}

.ecommerce_2 .product.big {
	min-height: calc(100% - 30px)
}

.ecommerce_2 .product.big ul {
	column-count: 2
}

.ecommerce_2 .product li {
	list-style: none;
	position: relative
}

.ecommerce_2 .product li:before {
	content: "";
	display: block;
	position: absolute;
	top: 11px;
	left: -10px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #1e3060
}

@media(max-width: 575.98px) {
	.ecommerce_2 .product {
		max-width: 290px;
		padding: 20px 20px 30px 20px
	}
	.ecommerce_2 .product.big ul {
		column-count: 1
	}
	.ecommerce_2 .product .left {
		margin-right: 0
	}
	.ecommerce_2 .product img {
		width: 100%;
		max-width: 100%
	}
}

@media(max-width: 767.98px) {
	.application_2 .application_2_left_img {
		max-height: 50vh
	}
}

.application_2 .with_borders:nth-of-type(1) {
	border-bottom: 2px solid #ebeaed;
	border-right: 2px solid #ebeaed
}

.application_2 .with_borders:nth-of-type(2) {
	border-bottom: 2px solid #ebeaed;
	border-right: 2px solid #ebeaed
}

.application_2 .with_borders:nth-of-type(3) {
	border-bottom: 2px solid #ebeaed
}

.application_2 .with_borders:nth-of-type(4) {
	border-right: 2px solid #ebeaed
}

.application_2 .with_borders:nth-of-type(5) {
	border-right: 2px solid #ebeaed
}

@media(max-width: 991.98px) {
	.application_2 .with_borders:nth-of-type(2) {
		border-right: none
	}
	.application_2 .with_borders:nth-of-type(3) {
		border-right: 2px solid #ebeaed;
		padding-top: 35px
	}
	.application_2 .with_borders:nth-of-type(4) {
		border-right: none;
		border-bottom: 2px solid #ebeaed
	}
}

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

input.is-invalid,
.input.is-invalid {
	border: 2px solid rgba(255, 255, 255, .4);
	box-shadow: 0 0 5px 5px rgba(255, 0, 0, 0.4);
	border-color: #c22535;
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc2931' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc2931' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(1.25em + .375rem) calc(1.25em + .375rem)
}

.alert-warning {
	background: #ff6161;
	box-shadow: 0 0 3px 3px rgba(255, 0, 0, 0.3);
	border-color: #c22535;
}