@charset "UTF-8";

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

main {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

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

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
[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;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[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-decoration {
	-webkit-appearance: none;
}

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

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

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

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
}

body {
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	text-decoration: none;
}

img {
	vertical-align: middle;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre,
fieldset,
ul,
ol,
menu,
form {
	margin: 0;
}

button,
fieldset,
iframe {
	border: 0;
}

fieldset,
ul,
ol,
button,
menu {
	padding: 0;
}

ol,
ul {
	list-style: none;
}

textarea {
	resize: vertical;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	padding: 0;
}

body {
	font-family: "Baloo Thambi 2", cursive, sans-serif;
	color: var(--general);
}

a,
button,
.btn {
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
}

button {
	outline: none;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

a {
	color: inherit;
	display: inline-block;
}

a:hover {
	text-decoration: none;
}

a:focus {
	outline: 0;
}

a:disabled {
	opacity: 0.65;
}

:focus {
	outline: none;
}

.btn {
	color: inherit;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 10px 30px;
	border-radius: 6px;
}

.btn i {
	margin-right: 5px;
}

.btn-green {
	background-color: var(--designColor2);
	color: #ffffff;
}

.btn-green:hover {
	background-color: var(--designColor1);
}

.btn-blue {
	background-color: var(--designColor1);
	color: #ffffff;
}

.btn-blue:hover {
	background-color: var(--designColor2);
}

.btn-white {
	border: 2px solid #b2cbde;
	color: var(--designColor3);
}

.btn-white.active {
	background-color: var(--designColor3);
	border-color: var(--designColor3);
	color: #ffffff;
}

.btn-white:hover {
	background-color: var(--designColor3);
	border-color: var(--designColor3);
	color: #ffffff;
}

@media (prefers-reduced-motion: reduce) {
	.btn {
		-webkit-transition: none;
		transition: none;
	}
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
}

h1,
.h1 {
	font-size: 2.5rem;
}

h2,
.h2 {
	font-size: 2rem;
}

h3,
.h3 {
	font-size: 1.75rem;
}

h4,
.h4 {
	font-size: 1.5rem;
}

h5,
.h5 {
	font-size: 1.25rem;
}

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

img {
	max-width: 100%;
	height: auto;
	max-height: 100%;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 35px;
	height: 35px;
	background-color: var(--sliderNavDots) !important;
	color: #ffffff !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: .8;
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
	opacity: 1;
}

.owl-nav .owl-prev {
	left: 40px;
}

.owl-nav .owl-next {
	right: 40px;
}

@media (max-width: 991px) {
	.owl-nav .owl-prev {
		left: 10px;
	}
	
	.owl-nav .owl-next {
		right: 10px;
	}
}

@media (min-width: 992px) {
	.section-padding {
		padding: 70px 0;
	}
}

@media (max-width: 991px) {
	.section-padding {
		padding: 30px 0;
	}
}

@media (min-width: 992px) {
	.section-padding-small {
		padding: 30px 0;
	}
}

@media (max-width: 991px) {
	.section-padding-small {
		padding: 15px 0;
	}
}

@media (min-width: 992px) {
	.section-margin {
		margin: 70px 0;
	}
}

@media (max-width: 991px) {
	.section-margin {
		margin: 30px 0;
	}
}

@media (min-width: 992px) {
	.section-margin-top {
		margin-top: 70px;
	}
}

@media (max-width: 991px) {
	.section-margin-top {
		margin-top: 30px;
	}
}

@media (min-width: 992px) {
	.section-margin-bottom {
		margin-bottom: 70px;
	}
}

@media (max-width: 991px) {
	.section-margin-bottom {
		margin-bottom: 30px;
	}
}

.section-bg {
	background-color: var(--sectionBg);
}

.section-title {
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 30px;
	text-transform: uppercase;
	color: var(--sectionTitle);
}

.section-title span {
	position: relative;
	display: inline-block;
	padding-bottom: 5px;
}

.section-title span::before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 50%;
	height: 2px;
	background-color: #cccccc;
}

.section-title span:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 25px;
	height: 3px;
	background-color: var(--designColor1);
}

.section-desc {
	margin-bottom: 30px;
}

.section-item {
	margin-bottom: 30px;
}

.section-white, .section-white .section-title {
	color: #fff;
}

.section-white .section-title span::after {
	background-color: var(--designColor2);
}

.content-wrapper {
	margin-bottom: 30px;
	word-wrap: break-word;
}

.content-wrapper iframe {
	max-width: 100%;
}

.content-wrapper img {
	max-width: 100%;
	height: auto!important;
}

.content-wrapper p {
	margin-bottom: 10px;
}

.content-wrapper ul , .content-wrapper ol{
	display: block;
	list-style: inherit;
	-webkit-margin-before: 1em;
	margin-block-start: 1em;
	-webkit-margin-after: 1em;
	margin-block-end: 1em;
	-webkit-margin-start: 0px;
	margin-inline-start: 0px;
	-webkit-margin-end: 0px;
	margin-inline-end: 0px;
	-webkit-padding-start: 40px;
	padding-inline-start: 40px;
}
.content-wrapper ol {
	list-style-type: decimal;
}

.content-wrapper::before,.content-wrapper::after {
    content: "";
    clear: both;
    display: table;
}

.content-wrapper table {
	margin-bottom: 20px;
}
@media (max-width: 767px){
	.content-wrapper table{
		display: block;
		border: none;
		overflow-x: scroll;
		height: 100% !important;
	}
}

.leftImage {
    margin-right: 20px;
    margin-bottom: 20px;
}

.rightImage {
    margin-left: 20px;
    margin-bottom: 20px;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.paralax {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hover {
	position: relative;
}

.hover::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.1);
	opacity: 0;
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
}

.hover::after {
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: var(--designColor1);
	width: 40px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	border-radius: 6px;
	opacity: 0;
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
}

.hover:hover::before {
	opacity: 1;
}

.hover:hover::after {
	opacity: 1;
}

.hover-link::before {
	background-color: rgba(0, 0, 0, 0.1);
}

.hover-link::after {
	content: "\f0c1";
}

.hover-search::before {
	background-color: rgba(0, 0, 0, 0.6);
}

.hover-search::after {
	content: "\f00e";
}

.hover-play {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: rgba(5, 31, 43, 0.8);
}

.hover-play i {
	background-color: var(--designColor1Light);
	padding: 15px;
	color: #fff;
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
	border-radius: 6px;
}

.hover-play:hover i {
	background-color: var(--designColor1);
}

.pagination {
	color: var(--general);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (max-width: 991px) {
	.pagination {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.pagination a {
	border: 1px solid #eee;
	padding: 10px 15px;
	margin: 0px 5px 10px;
}

.pagination a.active {
	background-color: var(--designColor1);
	color: #ffffff;
}

.pagination a+a {
	margin-left: 10px;
}

.pagination .active a, .pagination a:hover {
    color: #fff;
    background-color: var(--designColor1);
}

.maps iframe {
	width: 100%;
	height: 300px;
}

/* Form */
button,
input,
textarea {
	outline: none;
	border: none;
}

button {
	cursor: pointer;
	background-color: transparent;
}

textarea {
	resize: none;
	height: 105px;
}

.form-group {
	position: relative;
	margin-bottom: 30px;
}

.form-group .form-control.not-empty~label,
.form-group .form-control:focus~label {
	top: -10px;
	font-size: 13px;
	font-weight: 500;
	color: rgba(95, 95, 95, 0.5);
}

.form-group .form-control+label {
	position: absolute;
	pointer-events: none;
	width: 100%;
	left: 0;
	top: 50%;
	font-weight: 500;
	color: var(--general);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: 0.15s ease all;
	transition: 0.15s ease all;
}

.form-group .form-control,
.form-group .file-input {
	display: block;
	width: 100%;
	font-weight: 500;
	padding-left: 0;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	background-color: transparent;
	background-image: none;
	background-clip: padding-box;
	border-bottom: 1px solid rgba(51, 51, 51, 0.15);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.form-group .form-control:focus,
.form-group .file-input:focus {
	padding-bottom: 14px;
	border-bottom: 2px solid var(--general);
}

.form-group textarea.form-control~label {
	top: 25px;
}

.form-group .file-input {
	text-align: right;
	color: var(--general);
	line-height: normal;
	padding-top: 12px;
	padding-bottom: 11px;
}

.form-group input[type="file"].not-empty+label::before {
	content: "Seçildi";
	position: absolute;
	top: 26px;
	left: 0px;
	color: #333;
	font-weight: 500;
	font-size: 16px;
}

.form-group input[type="file"] {
	display: none;
}

/* Form */
.header {
	position: relative;
	z-index: 9;
	-webkit-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3);
}

.header-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 10px 15px;
	background-color: var(--headerTop);
	color: #ffffff;
}

.header-top a:hover {
	color: var(--designColor1);
}

.header-top .slogan {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.header-top .lang {
	margin-left: 10px;
	padding-left: 10px;
	/*border-left: 1px solid #e9f0f5;*/
}

@media (max-width: 991px) {
	.header-top {
		display: none;
	}
}

.header-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 15px;
	background-color: #ffffff;
}

@media (max-width: 991px) {
	.header-menu {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

.header-menu .logo img {
	max-height: 65px;
}

@media (max-width: 991px) {
	.header-menu .logo img {
		height: 55px;
	}
}

.header-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	z-index: 999;
	-webkit-animation: fadeInDown .7s ease-in-out;
	animation: fadeInDown .7s ease-in-out;
}

.header-sticky .header-top {
    display: none;
}

.header-sticky .header-menu .logo img {
    height: 60px;
}
@media (max-width: 992px){
	.header-sticky .header-menu .logo img {
		height: 45px;
	}
}

.header-sticky .menu>ul>li>a {
    padding: 30px 10px;
}


.header-contact {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.header-contact a+a {
	margin-left: 10px;
}

.lang {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.lang a {
	display: inline-block;
}

.lang a + a {
	margin-left: 10px;
}

@media (min-width: 992px) {
	.lang{
		margin-left: 20px;
	}
	.menu {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.menu>ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.menu>ul li {
		position: relative;
	}

	.menu>ul ul {
		position: absolute;
		z-index: 9;
		min-width: 250px;
		padding: 0px 0px;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: top;
		transform-origin: top;
		-webkit-transition: all .15s ease;
		transition: all .15s ease;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
		background-color: #ffffff;
	}

	.menu>ul ul li a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 10px 20px;
		border-bottom: 1px solid rgba(89, 110, 117, 0.15);
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.menu>ul ul li a:hover {
		padding: 10px 10px 10px 30px;
		border-color: var(--designColor1);
	}

	.menu>ul li:hover>ul {
		-webkit-transform: scale(1);
		transform: scale(1);
		visibility: visible;
	}

	.menu>ul>li>ul {
		left: 0px;
		top: 100%;
	}
	.menu>ul>li:last-child>ul {
		right: 0;
		left: auto;
	}

	.menu>ul>li>ul ul {
		left: 100%;
		top: 0;
	}

	.menu>ul>li>a {
		padding: 30px 10px;
	}

	.menu>ul ul~a::after {
		font-family: "Font Awesome 5 Pro";
		margin-left: 5px;
	}

	.menu>ul>li>ul~a::after {
		content: "\f078";
	}

	.menu>ul>li>ul ul~a::after {
		content: "\f054";
	}
}

@media (max-width: 991px) {
	.menu {
		display: none;
	}
}

.hamburger-toggle {
	font-size: 32px;
}

@media (min-width: 992px) {
	.hamburger-toggle {
		display: none;
	}
}

.flex-stage .owl-stage {
	display: flex;
	padding: 5px 10px;
}

.flex-stage .owl-stage .col {
	height: 100%;
}

.social a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 10px 0;
}

.social a + a {
	margin-left: 10px;
}

.mobile-nav {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	z-index: 9999;
	width: 100%;
	-webkit-animation: fadeOutLeft 0.5s ease-in-out;
	animation: fadeOutLeft 0.5s ease-in-out;
}

.mobile-nav-content {
	padding-top: 20px;
	background: var(--designColor3);
	width: 75%;
	height: 100%;
	cursor: copy;
	overflow-y: scroll;
}

.mobile-nav-content .cta-link {
	line-height: 40px;
	-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	display: block;
	color: #fff;
	border-radius: 3px;
	background: var(--designColor1);
	text-align: center;
	margin: 20px;
	margin-bottom: 10px;
}

.mobile-nav-logo {
	padding-left: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-bottom: 20px;
}

.mobile-nav-logo-content {
	position: relative;
}

.mobile-nav-logo-content i {
	display: block;
	margin: 0 auto 10px;
	max-width: 30px;
	line-height: 32px;
	font-size: 30px;
}

.mobile-nav-logo-content a {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

.mobile-nav-logo>a {
	display: block;
	padding: 30px 60px;
}

.mobile-nav-logo>a img {
	width: 100%;
}

.mobile-nav-menu ul {
	padding: 0px;
}

.mobile-nav-menu ul li {
	padding: 10px 25px;
	list-style: none;
}

.mobile-nav-menu ul li .sub-menu-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.mobile-nav-menu ul li i {
	font-size: 14px;
	fill: #fff;
	color: #fff;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.mobile-nav-menu ul li a {
	color: #fff;
	font-weight: 600;
	font-size: 14px;
}

.mobile-nav-menu ul li ul {
	display: none;
	margin-top: 10px;
	margin-right: -25px;
	margin-left: -25px;
	padding-left: 25px;
}

.mobile-nav-menu ul .sub-menu ul {
	background-color: var(--designColor3);
}

.mobile-nav-login a {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding-left: 25px;
	padding-bottom: 20px;
	font-weight: 600;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.mobile-nav-login a svg {
	font-size: 18px;
	margin-right: 5px;
}

.mobile-nav.open {
	display: block;
	-webkit-animation: fadeInLeft 0.5s;
	animation: fadeInLeft 0.5s;
	overflow-x: scroll;
}

.mobile-nav .social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	list-style: none;
}

.mobile-nav .social a+a {
	margin-left: 15px;
}

.mobile-nav .social a {
	border: 1px solid var(--designColor1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 35px;
	height: 35px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	border-radius: 50%;
}

.mobile-nav .lang {
	margin-top: 10px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
}

.mobile-close-menu {
	position: fixed;
	top: 18px;
	right: 20px;
	z-index: 9999;
}

.mobile-close-menu i {
	color: #fff;
	font-size: 25px;
}

/* about */

.section-about .btn {
	margin-top: 15px;
}

.section-about-image {
	position: relative;
}

.section-about-image .image:first-child {
	padding-right: 75px;
	padding-bottom: 75px;
}

.section-about-image .image:nth-child(2) {
	width: 50%;
	position: absolute;
	right: 0;
	bottom: 0;
}

@media (max-width: 991px) {
	.section-about-image {
		margin-top: 30px;
	}
}

.experience {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
}

.experience .number {
	position: relative;
}

.experience .number::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	border: 7.5px solid #cccccc;
	z-index: -1;
}

.experience .number span {
	display: block;
	font-size: 54px;
	font-weight: 700;
	padding: 0 20px;
	color: var(--designColor1);
}

.experience .title {
	font-size: 28px;
	font-weight: 600;
	color: #333;
}

.experience .subtitle {
	font-size: 18px;
	color: var(--designColor1);
}

.contact-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.contact-item i {
	font-size: 28px;
	padding: 10px;
	border: 2px solid var(--designColor1);
	border-radius: 50%;
	font-weight: 400;
	color: var(--designColor1);
}

.contact-item .title {
	font-weight: 600;
}

.contact-item a {
	font-size: 18px;
	color: var(--designColor1);
}

.contact-item .content {
	margin-left: 10px;
}

/* about */

/* slider */

@media (min-width: 992px) {
	.mobile-slider {
		display: none !important;
	}
}

@media (max-width: 991px) {
	.slider {
		display: none !important;
	}
	.mobile-slider.owl-carousel .owl-item img{
		width: auto;
	}
}

.slider .owl-item,
.mobile-slider .owl-item {
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: center; */
}

/* slider */

/* preference */

.preference-item {
	background-color: var(--designColor1);
	color: #fff;
	margin-bottom: 30px;
	height: calc(100% - 30px);
}

.preference-item .icon {
	font-size: 48px;
	text-align: center;
	padding: 20px 30px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.preference-item .content {
	padding: 20px 15px;
	text-align: center;
}

.preference-item .title {
	font-size: 18px;
	margin-bottom: 10px;
}

.preference-item .desc {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.7);
}

/* preference */

/* Services */

.services-item {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	display: flex;
	justify-content: center;
}

.services-item .content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: var(--designColor1Light);
	color: #fff;
	transform: translateY(calc(100% - 50px));
	padding: 15px 20px;
	transition: all .3s ease;
}

.services-item .content .title {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 500;
}

.services-item .content .desc {
	margin-bottom: 10px;
}

.services-item:hover .content {
	transform: translateY(0);
}

.services-item a:hover {
	color: var(--designColor3);
}

.services-item .content .title a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

.services-item .content a.readmore {
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.services-item .content a.readmore i {
	margin-right: 10px;
}

@media (max-width:991px) {
	.services-item .content .title {
		font-size: 16px;
	}

	.services-item .content {
		transform: translateY(calc(100% - 50px));
	}
}

/* Services */

/* product */

.product-box {
	display: block;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	margin-bottom: 30px;
	height: calc(100% - 30px);
}

.product-box .title {
	padding: 10px;
	background-color: var(--designColor2);
	font-weight: 500;
	color: #ffffff;
}

.product-box:hover .image img {
	transform: scale(1.07);
}

.product-box .image img {
	transition: all .3s ease;
}

.product-box .image {
	overflow: hidden;
}

.product-list ul {
	list-style: none;
	padding: 0;
}

.product-list ul li b,
.product-list ul li strong {
	min-width: 80px;
	display: inline-block;
	font-weight: 600;
}

/* product */

/* owl dots */

.owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	display: inline-flex;
	background-color: #ccc;
	border-radius: 26px;
	transition: all .3s ease;
}

.owl-dots .owl-dot+.owl-dot {
	margin-left: 10px;
}

.owl-dots .owl-dot.active span {
	width: 25px;
	background-color: var(--sliderNavDots);
}

/* owl dots */

/* gallery image */

.gallery-image {
	margin-bottom: 30px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	height: calc(100% - 30px);
	display: block;
}

/* gallery image */

/* blog */
.blog-item .content-area {
	display: flex;
}

.blog-item .share {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	padding: 15px;
	background-color: var(--designColor1);
	color: #fff;
}

.blog-item .title {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 15px;
}

.blog-item .content {
	padding: 30px 15px;
	background-color: #ffffff;
}

.blog-item .share a:hover {
	color: var(--designColor2);
}

.blog-item {
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	height: calc(100% - 30px);
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
}

.blog-item .desc {
	margin-bottom: 10px;
}

.blog-item .read-more {
	border-bottom: 1px solid;
}

.blog-item a:hover {
	color: var(--designColor1);
}

.blog-item img {
	width: 100%;
}

.blog-item .hover {
	width: 100%;
}

/* blog */

/* video box */

.video-box {
	margin-bottom: 30px;
}

.video-box .title {
	padding: 10px;
	background-color: var(--designColor1);
	font-weight: 500;
	color: #ffffff;
}

.video-box .image {
	position: relative;
}

.video-box .image .hover-play {
	background-color: transparent;
}

/* video box */

/* flip box */

.flip-box {
	width: 100%;
	height: 350px;
	perspective: 1000px;
}

.flip-box-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
	transform: rotateY(180deg);
}

.flip-box-front,
.flip-box-back {
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}

.flip-box-back {
	position: absolute;
	top: 0;
	left: 0;
	transform: rotateY(180deg);
}

/* flip box */

/* feature box */

.feature-box .content {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 30px;
}

.feature-box .front {
	background-position: center;
	background-size: cover;
}

.feature-box .front .content {
	color: #fff;
	position: relative;
}

.feature-box .back .content {
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	background-color: #fff;
}

.feature-box .content .title {
	font-size: 28px;
	font-weight: 700;
}

.feature-box .content .subtitle {
	font-size: 28px;
}

.feature-box .content .desc {
	margin-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.feature-box .content .icon {
	font-size: 62px;
}

@media (max-width:991px) {
	.feature-box {
		margin-bottom: 30px;
	}
}

/* feature box */

/* reference */

.reference-item {
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	padding: 30px 15px;
	margin-bottom: 30px;
	width: 100%;
	height: calc(100% - 30px);
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
}

/* reference */

/* accordion */

.accordion .card-header button {
	position: relative;
	padding: 0;
	width: 100%;
	text-align: left;
	outline: none;
	font-size: 18px;
	color: #333;
	padding: 10px 0;
	font-weight: 600;
}

.accordion .card {
	padding: 10px 0;
}

.accordion .card+.card {
	border-top: 1px solid #ccc;
}

.accordion .card-header button::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	content: "\f067";
	margin-left: 5px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all .3s ease;
	opacity: 0;
}

.accordion .card-header button.collapsed::before {
	opacity: 1;
}

.accordion .card-header button::after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	content: "\f068";
	margin-left: 5px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all .3s ease;
	opacity: 1;
}

.accordion .card-header button.collapsed::after {
	opacity: 0;
}

/* accordion */

/* testimonial */

.testimonial-box {
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	position: relative;
	margin-bottom: 30px;
	height: calc(100% - 30px);
	padding: 30px;
	background-color: #ffffff;
}

.testimonial-box .content {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.testimonial-box .desc {
	margin-bottom: 20px;
}

.testimonial-box .title {
	font-size: 18px;
	font-weight: 700;
}

.testimonial-box .degree {
	margin-top: 5px;
	opacity: .7;
}

.testimonial-box::before {
	content: url('../img/quote.png');
	position: absolute;
	bottom: 30px;
	right: 30px;
}

.testimonials .owl-stage {
	padding-top: 10px;
}

/* testimonial */

/* team */

.team-box {
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	position: relative;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	background-color: #ffffff;
}

.team-box .image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.team-box .social {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: var(--designColor1);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all .15s ease;
}

.team-box .social a:hover {
	color: var(--designColor2);
}

.team-box:hover .social {
	opacity: 1;
}

.team-box .content {
	display: block;
	padding: 20px;
	text-align: center;
}

.team-box .title {
	font-size: 18px;
	font-weight: 700;
}

.team-box .degree {
	opacity: .8;
}

.team-box .image img {
    width: 100%;
}

@media (max-width:992px){
	.team-box .social {
		position: relative;
		opacity: 1;
	}
}

/* team */

/* counter */

.count {
	position: relative;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 30px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.count .icon {
	font-size: 28px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: var(--designColor1);
	color: #ffffff;
	width: 75px;
	height: 75px;
	border-radius: 0% 100% 100% 0% / 0% 0% 100% 100%;
}

.count .content {
	text-align: right;
}

.count .counter-value {
	font-size: 40px;
}

.count .icon i {
	position: relative;
	left: 15px;
	top: 15px;
}

.count .title {
	font-size: 18px;
}

/* counter */

/* calltoaction */

.calltoaction {
	background-position: center;
	background-size: cover;
	padding: 40px 0;
}

.calltoaction .content {
	color: #ffffff;
}

@media (max-width: 991px) {
	.calltoaction .content {
		margin-bottom: 15px;
		text-align: center;
	}
}

.calltoaction .title {
	font-size: 36px;
	line-height: 48px;
}

.calltoaction .desc {
	font-size: 18px;
	line-height: 27px;
	opacity: .75;
}

.calltoaction .button-area {
	display: flex;
	justify-content: flex-end;
}

@media (max-width: 991px) {
	.calltoaction .btn {
		text-align: center;
		width: 100%;
	}
}

/* calltoaction */

/* footer */

.footer {
	padding: 30px 0;
	background-color: var(--footerBg);
	color: #ffffff;
}

.footer-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	font-size: 18px;
}

@media (max-width: 991px) {
	footer {
		margin-bottom: 52px;
	}
	.footer-item {
		margin-bottom: 15px;
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}
	.footer-item img {
		width: 260px;
	}
}

.footer-item .icon {
	min-width: 45px;
	font-size: 28px;
	color: var(--designColor1);
}

.footer-item .content {
	line-height: 30px;
}

.footer-item .btn:hover {
	color: #ffffff;
}

.footer-item a:hover {
	color: var(--designColor2);
}

.footer-menu {
	margin-top: 30px;
	text-align: center;
	flex-wrap: wrap;
}

.footer-menu a {
	padding: 0 10px;
}

.copyright {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 10px 0;
	color: #ffffff;
	font-size: 14px;
}

.copyright p a {
	color: var(--designColor1);
}

.copyright-area {
	background-color: var(--designColor2);
}

@media (max-width: 991px) {
	.copyright {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

@media (max-width: 991px) {
	.copyright p {
		margin-bottom: 10px;
	}
}

/* footer */


/* breadcrumb */

.breadcrumb {
	position: relative;
	background-position: center;
	background-size: cover;
}

.breadcrumb::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--breadcrumbBg);
	opacity: .8;
}

.breadcrumb .title {
	color: white;
	font-size: 48px;
	font-weight: 700;
	padding: 35px 0 50px;
	margin: 0;
}

@media (max-width: 991px) {
	.breadcrumb .title {
		padding: 100px 0 45px;
		font-size: 32px;
	}
}

.bread {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
	padding-bottom: 20px;
	padding-top: 20px;
}

@media (max-width: 991px) {
	.bread {
		color: #494c51;
	}
}

.bread-area {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
}

@media (max-width: 991px) {
	.bread-area {
		background-color: #fdfdfe;
		top: 0;
		bottom: auto;
	}
}

.bread-item {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	opacity: 0.7;
}

@media (max-width: 991px) {
	.bread-item {
		display: none;
		line-height: 1.5;
	}
}

.bread-item i {
	margin-left: 15px;
	margin-right: 15px;
}

.bread-item.active {
	opacity: 1;
}

.bread-item:first-child {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.bread-item:nth-child(2) {
	display: none;
}

@media (max-width: 991px) {
	.bread-item:nth-child(2) {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}
}

@media (max-width: 991px) {
	.bread-item:last-child {
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.js-bread-list {
	display: none;
	background-color: #fdfdfe;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 25px 20px 30px 20px;
	font-size: 12px;
	z-index: 8;
	color: #333;
}

.js-bread-list .bread-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.js-bread-list .bread-item i {
	margin-left: 0;
}

.js-bread-list .bread-item+.bread-item {
	margin-top: 20px;
}

.js-bread-list .bread-item:nth-child(2) {
	margin-left: 10px;
}

.js-bread-list .bread-item:nth-child(3) {
	margin-left: 20px;
}

.js-bread-list .bread-item:nth-child(4) {
	margin-left: 30px;
}

.js-bread-list .bread-item:nth-child(5) {
	margin-left: 40px;
}

.js-bread-list .js-bread-close {
	position: absolute;
	top: 20px;
	right: 20px;
}

/* breadcrumb */

/* history */

.history-image {
	position: relative;
}

.history-image::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: .5;
}

.history-image .title {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #ffffff;
	font-size: 48px;
	font-weight: 700;
	text-align: center;
}

@media (max-width: 991px) {
	.history-image .title {
		font-size: 28px;
	}
}

.history-content {
	position: relative;
}

.history-content::before {
	content: "";
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 0;
	bottom: 0;
	width: 5px;
	background-color: var(--designColor2);
}

.history-content::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0);
	clip-path: polygon(50% 50%, 0 0, 100% 0);
	background-color: var(--designColor2);
	width: 100px;
	height: 50px;
}

.history-item {
	border: 3px solid var(--designColor1);
	padding: 30px;
	position: relative;
	background-color: #ffffff;
}

.history-item-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding: 30px 0;
}

@media (min-width: 992px) {
	.history-item-area:nth-child(even) {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.history-item-area:nth-child(even) .history-item::before {
		left: -53px;
	}

	.history-item-area:nth-child(even) .history-item::after {
		left: -60.5px;
	}

	.history-item-area:nth-child(odd) .history-item::before {
		right: -53px;
	}

	.history-item-area:nth-child(odd) .history-item::after {
		right: -60.5px;
	}

	.history-item-area:last-child() {
		position: relative;
	}
}

@media (min-width: 992px) {
	.history-item {
		width: calc(50% - 50px);
	}
}

@media (min-width: 992px) {
	.history-item::before {
		content: "";
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 50px;
		height: 3px;
		background-color: var(--designColor1);
	}

	.history-item::after {
		content: "";
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 15px;
		height: 15px;
		background-color: var(--designColor1);
		border-radius: 50%;
	}
}

.history-item .date {
	font-size: 28px;
	font-weight: 700;
}

/* history */

/* account item */

.account-item{
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	position: relative;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	background-color: #ffffff;
	padding: 20px;
	display: flex;
	align-items: center;
}

.account-item .image {
    width: 185px;
    padding-right: 20px;
}

.account-item .content li + li {
    margin-top: 10px;
}
@media (max-width: 767px){
	.account-item{
		flex-direction: column;
	}
	.account-item .image{
		padding: 0;
		margin-bottom: 20px;
	}
	.account-item .content{
		text-align: center;
	}
}

/* account item */

/* invoice item */

.invoice-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	position: relative;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	background-color: #ffffff;
	padding: 30px;
}

.invoice-item .image {
    max-width: 500px;
    margin-bottom: 30px;
}

.invoice-item .content {
    font-size: 24px;
    text-align: center;
}

.invoice-item .content li + li {
    margin-top: 10px;
}

/* invoice item */

/* sidebar */

.sidebar {
	position: sticky;
	top: 100px;
}

.sidebar .widget .title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 10px;
	position: relative;
}

.sidebar .widget .title span{
	position: relative;
	display: inline-block;
	padding-bottom: 5px;
}

.sidebar .widget .title span::after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 25px;
	height: 3px;
	background-color: var(--designColor1);
}

.sidebar .widget .title span::before{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 50%;
	height: 2px;
	background-color: #cccccc;
}

.sidebar .widget+.widget {
	margin-top: 30px;
}

.sidebar .widget a {
	width: 100%;
	padding: 5px 0;
	display: flex;
	align-items: center;
}

.sidebar .widget a i {
	margin-right: 10px;
}

.sidebar .widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar .widget ul li {
	display: flex;
	align-items: center;
}
.sidebar .widget ul li.active{
	color: var(--designColor1);
}

.sidebar .widget ul li::before {
	font-family: "Font Awesome 5 Pro";
	content: "\f105";
	margin-right: 10px;
	transition: all .3s ease;
}
.sidebar .widget ul li.active::before {
	background-color: var(--designColor2);
	color: #fff;
	padding: 0px 10px;
}

.sidebar .widget ul li:hover::before {
	margin-left: 5px;
	margin-right: 5px;
}

.sidebar .widget ul li.active:hover::before {
	margin-left: 0px;
	margin-right: 10px;
}

.sidebar .widget-offer {
	position: relative;
	color: #fff;
}

.sidebar .widget-offer a {
    width: auto;
    padding: 10px 30px;
}

.sidebar .widget-offer .title span::after{
	background-color: var(--designColor2);
}

.sidebar .widget-offer .content {
    position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

@media (max-width: 991px) {
	.sidebar {
		margin-top: 30px;
	}
}

/* sidebar */

/* contact */

.contact-box {
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    padding: 20px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
}

.contact-box .title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
}

.contact-box .content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-box .icon {
    font-size: 32px;
    margin-right: 20px;
    line-height: 32px;
}

.contact-box .desc a:hover {
    color: var(--designColor1);
}
.contact-box i {
    color: var(--designColor1);
}
.contact-form {
    margin-top: 20px;
}

.maps iframe {
	width: 100%;
}

.maps {
	margin-bottom: -7px;
}

.g-recaptcha {
    position: relative;
}
.fake_error {
	white-space: nowrap;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, .2) 0 5px 10px;
	background-color: #F44336;
	color: #fff;
	padding: 5px 15px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 15px);
	position: absolute;
	z-index: 99;
	font-weight: 500;
}
.fake_error:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #F44336;
	border-width: 10px;
	margin-left: -10px
}

/* contact */

/* mobile sticky bar */

.mobile-sticky-bar{
	display: none;
}

@media (max-width: 991px){
	.mobile-sticky-bar {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		display: flex;
		justify-content: space-evenly;
		z-index: 9999;
		background-color: #eee;
		color: var(--general);
		box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.2);
	}
	.mobile-sticky-bar a {
		width: 100%;
		font-size: 24px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 5px;
	}
	.mobile-sticky-bar i {
		margin-bottom: 5px;
	}
	.mobile-sticky-bar span{
		font-size: 12px;
	}
	.mobile-sticky-bar a + a {
		border-left: 1px solid #aaa;
	}
}

/* mobile sticky bar */

/* Fly Alert */
 
.fly-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
    background-color: rgba(0,0,0,.4);
    z-index: 1060;
}
 
.fly-alert .content {
    padding: 20px;
    background: rgb(255, 255, 255);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-direction: column;
    max-width: 500px;
    border-radius: 5px;
    margin: auto;
}
 
.fly-alert .icon {
    width: 80px;
    height: 80px;
    border: 4px solid;
    border-radius: 50%;
    margin: 20px 0 30px;
    box-sizing: content-box;
    cursor: default;
    font-size: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
 
.fly-alert.success .icon{
    border-color: #a5dc86;
    color: #a5dc86;
}
.fly-alert.danger .icon{
    border-color: #f27474;
    color: #f27474;
}
.fly-alert.success .icon svg{
    overflow: visible;
}
 
.fly-alert .desc {
    color: #595959;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    margin: 0 0 .4em;
    word-wrap: break-word;
}
 
.fly-alert .btn {
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 15px 5px 0;
    padding: 10px 32px;
    background-color: rgb(48, 133, 214);
}
 
/* Fly Alert */