@import'framework.min.css';
body {
	font-family: DM Sans, Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #1e0e62;
	-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: #1e0e62;
	resize: none
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	margin: 0;
	font-weight: 700;
	font-family: DM Sans, 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: 700
}

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
}

.img-fluid{
	max-width: 75%;
	height: auto

}

.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: #e93a7d;
	color: #fff
}

::-webkit-selection {
	background: #e93a7d;
	color: #fff
}

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

@media(max-width: 1199.98px) {
	header[class^=pt-],
	header[class*=" pt-"],
	section[class^=pt-],
	section[class*=" pt-"] {
		padding-top: 20px
	}
	header[class^=pb-],
	header[class*=" pb-"],
	section[class^=pb-],
	section[class*=" pb-"] {
		padding-bottom: 20px
	}
	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 {
		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 {
		line-height: 50px;
		padding: 0 10px;
		font-size: 18px;
		font-weight: 500
	}
        .nav-btn {
            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 {
	.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 {
	.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 {
	.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 {
	.form_2 form {
		padding: 20px 0
	}
	.form_2 .buttons {
		margin-top: 10px
	}
        .form_2 .clear-btn{
		margin-right: 0px;
                width: 50px;
	}
	.form_2 button {
		margin-right: 0px;
		width: 100%
	}
        
}

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

.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
	}
}


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

@media {
	.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 {
	.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
	}
        
 .scrollabletextbox {
    width: 100%;
    font-size: 82%;
    overflow: scroll;
    overflow-x: hidden;
    border-radius: 35px;
    border: 2px solid #ebeaed;
    transition: border-color .3s;
    background-color: #fff;
    word-break:break-all;
    padding: 1rem;
    line-height: 110%;
    text-align: left !important;
    font-family: 'Open Sans';
}

.small_sidepanel_box {
    height: 100px;
}
.full-height {
    height: 100%;
}
.full-width {
    height: 100%;
}

.height-max {
    height: 95%;
}

.event-column{
    display: inline-block;
    word-wrap: break-all;
}

.event-column {
    word-wrap: break-word;
}
.flexcontainer {
  display: flex;
  flex-direction: column; 
  height: 100%;
 } 

.flexcontainer textarea {
  box-sizing: border-box; /* fit parent width */
  height: 90%;
}

.flexcontainer-hor {
  display: flex;
  flex-direction:row; 
  width: 100%;
  justify-content: space-between;
 } 

.flexcontainer textarea {
  box-sizing: border-box; /* fit parent width */
  height: 90%;
}

.flexrow-big {
    flex-grow: 4;
}
.flexgrow-small {
    flex-grow: 1;
    justify-content: flex-end;
  display: flex;
}

.Option {
  box-sizing: border-box; /* fit parent width */
  height: 90vh;
}

/* custom scrollbar */
::-webkit-scrollbar {
  width: 25px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
    margin-top: 20px;
     margin-bottom: 20px;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 25px;
  border: 6px solid transparent;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  //display: inline-block;
  width: 55px;
  height: 25px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 22px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


.center {
  margin: auto;
  width: 100%;
  padding: 10px;
}

.bordered {
	border: 1px solid rgba(0,0,0,0.5);
	border-radius: 5px;
}

.nav-bar {
    width: 100%;
    overflow: hidden
}

.nav-bar-item {
    padding: 8px 16px;
    float: left;
    width: 50%;
    border: none;
    display: block;
    outline: 0;
    text-align: center;
        background-color: #1696B1;
	color: #fff
}

.left-align {
    text-align: left !important
}

.right-align {
    text-align: right !important
}
.center-align {
    text-align: center !important
}

.border-left {
    border-left: 1px solid white;
}

.bottom-right-radius {
    border-bottom-right-radius: 30px;
}

.bottom-left-radius {
    border-bottom-left-radius: 30px;
}



.sidepanel {
    background-color: #F3F4F6;
}

.fullscreen {
    background-color: #F3F4F6;
}

.btn_mini {
    height: 35px;
    line-height: 35px;
}

.selected {
    background-color: #006F8A;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("../img/preloader.gif") center no-repeat #fff;
}

.clear-btn {
    //background-image: url("../img/trash-bin.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: rgba(0,0,0,0);
    margin: 0px 0px 25px 10px;
    width: 50px;
}