/***************************************************************************************

Project Name:   Trabzon Yeminli Tercüman
Project URI:    https://trabzontercuman.com
Author:         Retro Medya
Author URI:     https://retromedya.com
License:        The design and development rights of this website belong to Retro Medya.
                Unauthorized copying, distribution, or resale is strictly prohibited.
Version:        1.0

***************************************************************************************/

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&amp;display=swap");

#preloader {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 999999;
	-webkit-transition: 0.3s ease opacity;
	transition: 0.3s ease opacity;
	text-align: center;
	width: 100%;
	height: 100%;
}

#preloader:before {
	content: "";
	width: 80px;
	height: 80px;
	border: 3px solid #3dacff;
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-animation-name: LoaderCicle;
	animation-name: LoaderCicle;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

#preloader:after {
	content: "";
	width: 80px;
	height: 80px;
	border: 3px solid #3dacff;
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-animation-name: LoaderCicle;
	animation-name: LoaderCicle;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

a:hover, a:active {
	color: #3dacff;
	text-decoration: none;
}

.primary-overlay[data-overlay-dark]:before {
	background: #3dacff;
}

.secondary-overlay[data-overlay-dark]:before {
	background: #000;
}

.left-overlay-secondary[data-overlay-dark]:before {
	background: rgba(20,33,43,0.76);
	background: -webkit-gradient( linear, right top, left top, from(transparent), color-stop(65%,#000) );
	background: linear-gradient(-90deg,transparent,#000 65%);
}

.dark-overlay[data-overlay-dark]:before {
	background: #000;
}

.text-primary, .text-primary-hover:hover {
	color: #3dacff !important;
}

.bg-primary {
	background-color: #3dacff !important;
}

.text-secondary, .text-secondary-hover:hover {
	color: #000 !important;
}

.bg-secondary {
	background-color: #000 !important;
}

.bg-light {
	background-color: rgba(94, 166, 205, 0.05) !important;
}

.text-secondary-hover:hover {
	color: #000 !important;
}

.border-primary {
	border: 1px solid #3dacff !important;
}

.text-dark {
	color: #041b16 !important;
}

.text-white-hover:hover {
	color: #fff !important;
}

.border-radius-top {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.background-position-center {
	background-position: center;
}

.form-control {
	border-radius: 0;
}

.ls-minus-2px {
	letter-spacing: -2px;
}

.min-vh-100 {
	min-height: 100vh;
}

.map-h500 {
	height: 500px;
	width: 100%;
}

.height-470px {
	height: 470px;
}

.height-560px {
	height: 560px;
}

.min-vh-65 {
	min-height: 65vh !important;
}

.scroll-top-percentage {
	height: 60px;
	width: 60px;
	border-radius: 50%;
	position: fixed;
	bottom: 40px;
	color: #fff;
	right: 50px;
	-webkit-transform: scale(0);
	transform: scale(0);
	display: -ms-grid;
	display: grid;
	place-items: center;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 100;
}

.scroll-top-percentage.active {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	visibility: visible;
	-webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
	animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

#scroll-value {
	height: calc(100% - 6px);
	width: calc(100% - 6px);
	color: var(--rr-common-white);
	border-radius: 50%;
	display: -ms-grid;
	display: grid;
	place-items: center;
	font-size: 16px;
	font-weight: 600;
}

#scroll-value i {
	font-size: 20px;
}

.list-style01 li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
}

.list-style01 li:last-child {
	margin-bottom: 0;
}

.list-style01 li:before {
	content: "\e64c";
	font-family: "themify";
	position: absolute;
	left: 0;
	top: 4px;
	color: #3dacff;
}

.list-style02 li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
	color: #fff;
}

.list-style02 li:before {
	content: "\f058";
	font-family: "Font Awesome 6 Free";
	position: absolute;
	left: 0;
	top: 3px;
}

.list-style02.last li {
	color: unset;
}

.list-style03 li {
	margin-bottom: 15px;
	position: relative;
	padding-left: 20px;
}

.list-style03 li:last-child {
	margin-bottom: 0;
}

.list-style03 li:before {
	content: "\e661";
	font-family: themify;
	color: #fff;
	font-size: 12px;
	left: 0;
	top: 4px;
	position: absolute;
}

.list-style04 {
	list-style: none;
	padding-left: 0;
}

.list-style04 li {
	line-height: 32px;
	padding-left: 30px;
	position: relative;
	margin-bottom: 8px;
}

.list-style04 li:last-child {
	margin-bottom: 0;
}

.list-style04 li:before {
	content: "\f058";
	font-family: "Font Awesome 6 Free";
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 700;
	line-height: 35px;
	color: #3dacff;
}

.list-style04.second li {
	color: #fff;
}

.list-style04.second li:before {
	color: #fff;
}

.list-style05 li {
	display: inline-block;
	margin-right: 10px;
}

.list-style05 li:last-child {
	margin-right: 0;
}

.list-style05 li a {
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	font-size: 15px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	color: #fff;
	border-radius: 50%;
	border: 1px solid rgba(225,225,225,0.2);
}

.list-style05 li a:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0%;
	background: #3dacff;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	content: "";
	z-index: -1;
}

.list-style05 li a:hover:before {
	width: 100%;
}

.list-style06 li {
	margin-bottom: 20px;
	position: relative;
}

.list-style06 li:last-child {
	margin-bottom: 0;
}

.list-style06 li a {
	color: #fff;
}

.list-style06 li:hover a, .list-style06 li:hover:before {
	color: #3dacff;
}

.list-style07 li {
	margin-bottom: 10px;
}

.list-style07 li:last-child {
	margin-bottom: 0;
}

.list-style07 li a {
	color: #fff;
}

.list-style07 li a:hover {
	color: #3dacff;
}

.list-style07 li a i {
	width: 30px;
	height: 30px;
	background-color: #3dacff;
	border-radius: 50%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 12px;
	color: #fff;
	margin-right: 10px;
}

.list-style08 {
	list-style-type: none;
	padding-left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 1rem;
}

.list-style08 li a {
	background-color: #f0f0f0;
	width: 41px;
	height: 41px;
	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;
	border-radius: 50%;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	color: #000;
}

.list-style08 li a:hover {
	background-color: #3dacff;
	color: #fff;
}

.list-style09 li {
	margin-bottom: 17px;
	color: rgba(255,255,255,0.6);
}

.list-style09 li:last-child {
	margin-bottom: 0;
}

.list-style09 li span {
	text-transform: uppercase;
	font-weight: 700;
	padding-right: 3px;
	color: #fff;
	font-size: 16px;
}

.btn-style1 {
	position: relative;
	overflow: hidden;
	-webkit-transform: scale(1);
	transform: scale(1);
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	background: linear-gradient(to top left,#0049a8,#3dacff);
	padding: 12px 45px !important;
	font-size: 15px;
	text-transform: uppercase;
}

.btn-style1:hover {
	color: #fff;
}

.btn-style1:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0%;
	z-index: -1;
	background-color: #000;
	-webkit-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	content: "";
}

.btn-style1:hover:before, .btn-style1:active:before, .btn-style1:focus:before {
	background-color: #000;
	height: 100%;
}

.btn-style1.white {
	background-color: #3dacff;
}

.btn-style1.white:hover, .btn-style1.white:active, .btn-style1.white:focus {
	color: #000;
}

.btn-style1.white:before {
	background-color: #fff;
}

.btn-style1.medium {
	padding: 9px 28px !important;
	font-size: 15px;
}

.btn-style1.small {
	padding: 6px 28px !important;
	font-size: 13px;
}

.btn-style2 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	background: #3dacff;
	color: #fff;
	border: 2px solid #3dacff;
	line-height: 1;
	font-weight: 800;
	position: relative;
	outline: none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	overflow: hidden;
	white-space: nowrap;
	font-size: 16px !important;
	padding: 16px 28px;
	z-index: 9;
	border-radius: 0.15rem;
	text-transform: uppercase;
}

.btn-style2:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.35s ease 0s;
	transition: all 0.35s ease 0s;
	background: #ffffff;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}

.btn-style2:hover, .btn-style2:active, .btn-style2:focus {
	color: #fff !important;
	border-color: #000;
	background: #000;
}

.btn-style2:hover:after, .btn-style2:active:after, .btn-style2:focus:after {
	height: 450%;
	-webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	background: #000;
}

.btn-style2.white {
	background: #fff;
	color: #3dacff !important;
	border: 2px solid #fff;
}

.btn-style2.white:after {
	background: #3dacff;
}

.btn-style2.white:hover:after, .btn-style2.white:active:after, .btn-style2.white:focus:after {
	background: #fff;
}

.btn-style2.medium {
	padding: 13px 22px !important;
}

.btn-style2.small {
	padding: 10px 18px !important;
}

.btn-style3 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	background: #3dacff;
	color: #fff;
	line-height: 1.5;
	font-weight: 700;
	position: relative;
	outline: none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	overflow: hidden;
	white-space: nowrap;
	font-size: 14px !important;
	padding: 15px 34px !important;
	z-index: 9;
	border-radius: 4px;
	text-transform: uppercase;
}

.btn-style3:hover, .btn-style3:active, .btn-style3:focus {
	color: #fff;
	background: #000;
}

.btn-style3.medium {
	padding: 12px 30px !important;
}

.btn-style3.small {
	padding: 10px 26px !important;
}

.btn-style3.white {
	background: #fff;
	color: #3dacff !important;
}

.btn-style3.white:hover {
	background-color: #3dacff;
	color: #fff !important;
}

.btn-style3.white-hover:hover, .btn-style3.white-hover:active, .btn-style3.white-hover:focus {
	background-color: #fff !important;
	color: #3dacff;
}

.link-button {
	padding: 0;
	position: relative;
	text-decoration: none;
	border: 0;
	background-color: transparent;
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	width: auto;
	font-weight: 500;
}

.link-button:hover {
	border-color: #3dacff;
}

.link-button a {
	border-bottom: 2px solid;
}

.top-bar-info {
	display: inline-block;
	vertical-align: middle;
}

.top-bar-info ul {
	margin-bottom: 0;
}

.top-bar-info li {
	font-weight: 500;
	color: #fff;
	list-style-type: none;
	font-size: 14px;
	padding: 0 5px 0;
	display: inline-block;
	margin-bottom: 0;
}

.top-bar {
	display: block;
	position: relative;
	z-index: 999;
	padding: 7px 0;
}

.top-bar-info li i {
	font-size: 16px;
	color: #fff;
	margin-right: 8px;
	margin-top: 0;
	display: inline-block;
	vertical-align: text-bottom;
}

.top-social-icon {
	padding: 0;
	float: right;
	margin: 0;
}

.top-social-icon li {
	font-size: 14px;
	list-style-type: none;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0 7px;
}

.top-social-icon li:last-child {
	padding-right: 0;
}

.top-social-icon li:last-child a {
	padding-right: 0;
}

.top-social-icon li a {
	color: #fff;
	line-height: 28px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	padding: 0 3px;
}

.top-social-icon li a:hover {
	color: rgba(255,255,255,0.65);
}

.navbar-nav li.current > a, .navbar-nav li.active > a {
	color: #3dacff !important;
}

.attr-nav > ul > li > a.butn {
	color: #fff;
}

.navbar > ul > li.current > a:after {
	border-color: transparent #3dacff #3dacff transparent !important;
}

.menu_area-light .navbar-nav li.current > a, .menu_area-light .navbar-nav li.active > a {
	color: #3dacff;
}

.menu_area-light .navbar > ul > li.current > a:after {
	border-color: transparent #3dacff #3dacff transparent;
}

.menu_area-light.scrollHeader .navbar-nav li.current > a {
	color: #3dacff;
}

.menu_area-light.scrollHeader .navbar-nav li.current > a:hover {
	color: #3dacff;
}

.menu_area-light.scrollHeader .navbar-nav li.active > a {
	color: #3dacff;
}

.menu_area-light.scrollHeader .navbar > ul > li.current > a:after {
	border-color: transparent #3dacff #3dacff transparent;
}

.header-style2 .navbar-nav li.current > a {
	color: #3dacff;
}

.header-style2 .navbar > ul > li.current > a:after {
	border-color: transparent #3dacff #3dacff transparent;
}

.header-style2.scrollHeader .navbar-nav li.current > a {
	color: #3dacff;
}

.header-style2.scrollHeader .navbar-nav li.current > a:hover {
	color: #3dacff;
}

.header-style2.scrollHeader .navbar > ul > li.current > a:after {
	border-color: transparent #3dacff #3dacff transparent;
}

.header-style3 .navbar-nav li.current > a, .header-style3 .navbar-nav li.active > a {
	color: #3dacff;
}

.slider-fade01 .owl-item {
	position: relative;
}

.slider-fade01 h1 {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

.slider-fade01 h1 span {
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
}

.slider-fade01 p {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.slider-fade01 a {
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
}

.slider-fade01.owl-theme .owl-nav [class*="owl-"] {
	position: absolute;
	right: inherit;
	top: 0;
	bottom: 0;
	width: 60px;
	height: 60px;
	border: none;
	background: #3dacff;
	border-radius: 60px;
	line-height: 65px;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	left: 15px;
	text-align: center;
	margin: auto;
	opacity: 0.3;
}

.slider-fade01.owl-theme .owl-nav .owl-next {
	top: 0;
	bottom: 0;
	left: inherit;
	right: 15px;
}

.slider-fade01 .owl-nav i {
	font-weight: 600;
	color: #fff;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	font-size: 20px;
}

.slider-fade01.owl-theme .owl-nav .owl-prev:hover, .slider-fade01.owl-theme .owl-nav .owl-next:hover {
	opacity: 1;
	background: #3dacff;
}

.banner-style02 {
	border-radius: 0 0 40px 40px;
}

.banner-style02 .img1, .banner-style02 .img2 {
	margin-left: -16px;
}

.section-title01 span {
	padding: 9px 15px 7px 36px;
	border: 1px solid rgba(94, 166, 205, 0.2);
	border-radius: 8px;
	font-weight: 600;
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
	color: #3dacff;
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 1;
}

.section-title01 span:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 2px;
	background-color: #3dacff;
	left: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-animation: flickerAnimation 0.75s infinite;
	animation: flickerAnimation 0.75s infinite;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.section-title02 .small-title {
	font-weight: 600;
	color: #3dacff;
	text-transform: uppercase;
	font-size: 15px;
	position: relative;
	padding-left: 20px;
	margin-bottom: 20px;
	display: inline-block;
}

.section-title02 .small-title:before {
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #3dacff;
	width: 7px;
	height: 7px;
	content: "";
	position: absolute;
}

.section-title02 .title-sm {
	position: relative;
	z-index: 2;
	display: inline-block;
}

.section-title02 .title-sm:hover:before {
	height: 100%;
	bottom: 0;
}

.page-title-section {
	padding: 180px 0 90px;
}

.page-title-section h1 {
	font-size: 64px;
	line-height: 1;
	color: #ffffff;
	margin-bottom: 20px;
	position: relative;
	z-index: 9;
}

.page-title-section ul {
	padding: 9px 15px 7px 36px;
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 8px;
	font-weight: 600;
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	color: #3dacff;
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 1;
}

.page-title-section ul li {
	display: inline-block;
}

.page-title-section ul li:last-child a {
	color: #3dacff;
}

.page-title-section ul li:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 2px;
	background-color: #3dacff;
	left: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-animation: flickerAnimation 0.75s infinite;
	animation: flickerAnimation 0.75s infinite;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.page-title-section ul li:after {
	content: "\f105";
	font-weight: 700;
	vertical-align: middle;
	color: #fff;
	font-family: "Font Awesome 6 Free";
	padding: 0 5px 0 10px;
}

.page-title-section ul li:last-child:after {
	content: none;
}

.page-title-section ul li a {
	color: #fff;
	font-size: 12px;
	font-weight: 500;
}

.page-title-section .active a, .page-title-section li.active:last-child a {
	color: #fff;
}

.card .card-body {
	color: #000;
}

.card-style01 {
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
	height: 100%;
}

.card-style01:hover {
	-webkit-box-shadow: 0px 10px 20px 0px rgba(20,33,43,0.1);
	box-shadow: 0px 10px 20px 0px rgba(20,33,43,0.1);
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
}

.card-style02 {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.card-style02 .service-icon {
	width: 80px;
	height: 80px;
	background-color: #3dacff;
	border-radius: 50%;
	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;
	margin-bottom: 20px;
}

.card-style02:hover {
	-webkit-box-shadow: 0 10px 10px #0000001a;
	box-shadow: 0 10px 10px #0000001a;
	position: relative;
	z-index: 100;
	-webkit-transform: translate(0,-10px);
	transform: translateY(-10px);
}

.card-style02 .service-btn {
	color: #000;
}

.card-style02:hover .service-btn {
	color: #3dacff;
}

.card-style03 .card-body {
	max-height: 103px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.card-style03 .card-body .service-content {
	-webkit-box-shadow: 0 6px 30px 0 #00000012;
	box-shadow: 0 6px 30px 0 #00000012;
	background-color: #fff;
	padding-right: 1.5rem;
	padding-top: 1.125rem;
	padding-bottom: 1.125rem;
	margin: 0 32px;
	gap: 1.125rem;
	border-bottom: 2px solid #3dacff;
	z-index: 1;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.card-style03 .card-body .service-content:before {
	position: absolute;
	content: "";
	height: 78px;
	width: 64px;
	background-color: #ffffff;
	inset-block-start: -20px;
	inset-inline-start: 20px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	z-index: -1;
	-webkit-clip-path: polygon(100% 0,100% 50%,100% 100%,0 49%);
	clip-path: polygon(100% 0,100% 50%,100% 100%,0 49%);
}

.card-style03 .card-body .service-content .service-icon {
	width: 85px;
	height: 85px;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	margin-left: -16px;
	background: linear-gradient(to top left,#0049a8,#3dacff);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.card-style03:hover .card-body {
	max-height: 300px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.card-style03 .card-body .service-content .service-text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
}

.card-style04 {
	-webkit-transition: all 0.4s cubic-bezier(0.37,0,0.63,1);
	transition: all 0.4s cubic-bezier(0.37,0,0.63,1);
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.08);
	box-shadow: 0 0 30px rgba(0,0,0,0.08);
	border: 0;
}

.card-style04 .blog-img span a {
	position: absolute;
	top: 20px;
	right: 20px;
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.4);
	box-shadow: 0 0 25px rgba(0,0,0,0.4);
	padding: 4px 12px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	margin-left: 5px;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	font-weight: 700;
	background-color: #fff;
	z-index: 9;
}

.card-style04 .blog-author {
	font-size: 14px;
	will-change: transform;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.card-style04 .blog-author .blog-date {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s cubic-bezier(0.37,0,0.63,1);
	transition: all 0.5s cubic-bezier(0.37,0,0.63,1);
	font-weight: 500;
	display: inline-block;
}

.card-style04 .blog-author .author-name {
	position: absolute;
	width: auto;
	left: 0;
	bottom: 0;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(32px);
	transform: translateY(32px);
	-webkit-transition: all 0.5s cubic-bezier(0.37,0,0.63,1);
	transition: all 0.5s cubic-bezier(0.37,0,0.63,1);
	display: inline-block;
}

.card-style04 .blog-author .author-name a {
	font-weight: 600;
	border-bottom: 1px solid #000;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.card-style04 .blog-author .blog-like a i {
	margin-right: 4px;
	vertical-align: middle;
	-webkit-transition: all 0.4s cubic-bezier(0.37,0,0.63,1);
	transition: all 0.4s cubic-bezier(0.37,0,0.63,1);
}

.card-style04:hover .blog-author .blog-date {
	position: relative;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(-32px);
	transform: translateY(-32px);
}

.card-style04:hover .blog-author .author-name {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.card-style05 .card-body .service-icon {
	width: 80px;
	height: 80px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 35px rgba(0,0,0,0.12);
	-ms-box-shadow: 0 0 35px rgba(0,0,0,0.12);
	-o-box-shadow: 0 0 35px rgba(0,0,0,0.12);
	box-shadow: 0 0 35px rgba(0,0,0,0.12);
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: -40px auto 20px;
	-webkit-transition: all 250ms linear 0ms;
	transition: all 250ms linear 0ms;
}

.card-style05:hover .card-body .service-icon {
	background-color: #3dacff;
}

.card-style05:hover .card-body .service-icon img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	-webkit-transition: all 250ms linear 0ms;
	transition: all 250ms linear 0ms;
}

.card-style05 .card-body .service-btn {
	border-top: 1px solid #dee2e6;
}

.card-style05:hover .card-body .service-btn {
	background-color: #3dacff;
	border-radius: 0 0 10px 10px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border: 1px solid #3dacff;
}

.card-style05:hover .card-body .service-btn a {
	color: #fff;
}

.card-style05:hover .card-body .service-btn a i {
	color: #fff;
}

.filtering {
	margin-bottom: 40px;
}

.filtering span {
	cursor: pointer;
	font-size: 14.4px;
	font-weight: 600;
	margin-right: 10px;
	display: inline-block;
	margin-bottom: 5px;
	padding: 6px 15px;
	background: transparent;
	color: #000;
	border: 2px solid #000;
}

.filtering span:last-child {
	margin: 0;
}

.filtering .active {
	color: #ffffff;
	background: #3dacff;
	border: 2px solid #3dacff;
}

.lg-backdrop {
	z-index: 99999;
}

.lg-outer {
	z-index: 999999;
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
	border-color: #3dacff;
}

.lg-progress-bar .lg-progress {
	background-color: #3dacff;
}

.lg-backdrop.in {
	opacity: 0.85;
}

.portfolio-style01 .portfolio-block .portfolio-content {
	max-height: 80px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.portfolio-style01 .portfolio-block .portfolio-inner {
	background-color: #fff;
	padding: 1.125rem 1.5rem;
	margin: 0 30px;
	gap: 1.125rem;
	border-bottom: 2px solid #3dacff;
	z-index: 1;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.portfolio-style01 .portfolio-block:hover .portfolio-content {
	max-height: 300px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.portfolio-style01 .portfolio-block .portfolio-inner .portfolio-text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
}

.portfolio-style01 .portfolio-block:hover .portfolio-inner {
	-webkit-box-shadow: 0 6px 30px 0 #00000012;
	box-shadow: 0 6px 30px 0 #00000012;
}

.portfolio-style02 .img-hover:before {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	width: 0;
	height: 100%;
	border-radius: 10px;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(-19.59%, rgba(20,33,43,0)), color-stop(92.89%, rgba(20,33,43,0.8)) );
	background: linear-gradient( 180deg, rgba(20,33,43,0) -19.59%, rgba(20,33,43,0.8) 92.89% );
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.portfolio-style02:hover .img-hover:before {
	width: 100%;
	left: 0;
}

.portfolio-style02 .content {
	padding: 16px;
	background: #fff;
	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;
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease;
	border-radius: 10px;
}

.portfolio-style02:hover .content {
	opacity: 1;
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
}

.portfolio-style02 .content .icon a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: #3dacff;
	font-size: 22px;
	color: #fff;
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 5px;
}

.portfolio-style02 .content .icon:hover a {
	background-color: #000;
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
}

.pagination {
	border-radius: 0;
}

.pagination ul {
	display: inline-block;
	display: inline;
	zoom: 1;
	margin: 0 auto;
	padding: 0;
}

.pagination li {
	display: inline;
}

.pagination a {
	float: left;
	padding: 0 16px;
	line-height: 40px;
	text-decoration: none;
	border: 1px solid #dbdbdb;
	border-left-width: 0;
	background: #fff;
}

.pagination a:hover {
	background-color: #000;
	color: #fff;
}

.pagination .active a {
	background-color: #f7f7f7;
	color: #999;
	cursor: default;
}

.pagination .disabled span {
	color: #999;
	background-color: transparent;
	cursor: default;
}

.pagination .disabled a {
	color: #999;
	background-color: transparent;
	cursor: default;
}

.pagination .disabled a:hover {
	color: #999;
	background-color: transparent;
	cursor: default;
}

.pagination li:first-child a {
	border-left-width: 1px;
}

.page-item:not(:first-child) .page-link {
	margin-left: 0;
}

.pagination-style01 {
	margin-top: 4%;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.pagination-style01 ul {
	font-weight: 500;
	font-size: 13px;
	margin-bottom: 0;
	padding-left: 0;
}

.pagination-style01 ul li {
	list-style: none;
}

.pagination-style01 ul li a {
	border: 0;
	padding: 0 2px;
	margin: 0 7px;
	background: 0 0;
	color: #828282;
	min-width: 45px;
	font-size: inherit;
	text-align: center;
	border-radius: 100%;
	line-height: 45px;
	min-height: 45px;
	display: block;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.pagination-style01 ul li a i {
	line-height: 40px;
	font-size: 18px;
	display: inline-block;
}

.pagination-style01 ul li.active a {
	background: #000;
	color: #fff;
	-webkit-box-shadow: 0 0 10px rgba(23,23,23,0.15) !important;
	box-shadow: 0 0 10px rgba(23,23,23,0.15) !important;
}

.pagination-style01 ul li a:hover {
	background: #fff;
	color: #000;
	-webkit-box-shadow: 0 0 10px rgba(23,23,23,0.15) !important;
	box-shadow: 0 0 10px rgba(23,23,23,0.15) !important;
}

ul.resp-tabs-list {
	margin: 0px;
	padding: 0px;
}

.resp-tabs-list li {
	font-weight: 600;
	font-size: 14px;
	display: inline-block;
	padding: 13px 15px;
	margin: 0 4px 0 0;
	list-style: none;
	cursor: pointer;
}

.resp-tabs-list li:last-child {
	margin-right: 0;
}

.resp-tabs-list li i {
	font-size: 20px;
	padding-right: 5px;
	vertical-align: text-bottom;
}

.resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	clear: left;
}

.resp-tab-content {
	display: none;
	padding: 20px;
}

.resp-tabs-list li.resp-tab-active {
	border: 1px solid #3dacff;
	border-bottom: none;
	border-color: #3dacff !important;
	margin-bottom: -1px;
	padding: 12px 14px 14px 14px;
	border-top: 4px solid #3dacff;
	border-bottom: 0px #fff solid;
	border-bottom: none;
	background-color: #fff;
	color: #3dacff;
}

.resp-content-active, .resp-accordion-active {
	display: block;
}

.resp-tab-content {
	border: 1px solid #c1c1c1;
	border-top-color: #c1c1c1;
	float: left;
	width: 100%;
}

h2.resp-accordion {
	cursor: pointer;
	display: none;
	font-size: 14px;
	border: 1px solid #c1c1c1;
	border-top: 0px solid #c1c1c1;
	margin: 0px;
	padding: 14px 15px;
	float: left;
	width: 100%;
}

h2.resp-tab-active {
	border-bottom: 0px solid #c1c1c1 !important;
	background-color: #3dacff !important;
	color: #fff;
}

h2.resp-tab-title:last-child {
	border-bottom: 12px solid #c1c1c1 !important;
	background: blue;
}

.resp-vtabs ul.resp-tabs-list {
	float: left;
	width: 30%;
}

.resp-vtabs .resp-tabs-list li {
	display: block;
	padding: 15px 15px !important;
	margin: 0 0 4px;
	cursor: pointer;
	float: none;
}

.resp-vtabs .resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	border: 1px solid #3dacff !important;
	float: left;
	width: 70%;
	min-height: 250px;
	clear: none;
}

.resp-vtabs .resp-tab-content {
	border: none;
	word-wrap: break-word;
}

.resp-vtabs li.resp-tab-active {
	position: relative;
	z-index: 1;
	margin-right: -1px !important;
	padding: 14px 15px 15px 11px !important;
	border-top: 1px solid;
	border: 1px solid #3dacff !important;
	border-left: 4px solid #3dacff !important;
	margin-bottom: 4px !important;
	border-right: 1px #fff solid !important;
}

.resp-arrow {
	border-color: transparent #282b2d #282b2d transparent;
	border-style: solid;
	border-width: 0 1px 1px 0;
	float: right;
	display: block;
	height: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px;
	margin-top: 4px;
}

h2.resp-tab-active span.resp-arrow {
	border-color: #fff transparent transparent #fff;
	border-style: solid;
	border-width: 1px 0 0 1px;
	float: right;
	display: block;
	height: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px;
	margin-top: 7px;
}

.resp-easy-accordion h2.resp-accordion {
	display: block;
}

.resp-easy-accordion .resp-tab-content {
	border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid #c1c1c1;
}

.resp-jfit {
	width: 100%;
	margin: 0px;
}

.resp-tab-content-active {
	display: block;
	border-color: #3dacff !important;
}

h2.resp-accordion:first-child {
	border-top: 1px solid #c1c1c1;
}

h2.resp-accordion.resp-tab-active {
	border-color: #3dacff !important;
}

.tab-style01 .resp-tab-content {
	border: 0;
	padding: 20px 0 0 0;
}

.tab-style01 .resp-tabs-list li {
	border: 0;
	padding: 0;
	line-height: 1;
	text-transform: uppercase;
	border-top: 0 !important;
	margin-right: 30px;
}

.tab-style01 .resp-tabs-list li:last-child {
	margin-right: 0;
}

.tab-style01 .resp-tabs-list li.resp-tab-active {
	border-bottom: 1px solid #3dacff;
}

.services-carousel-one .owl-nav {
	margin-top: 0;
}

.services-carousel-one .owl-nav .owl-prev, .services-carousel-one .owl-nav .owl-next {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 56px;
	height: 56px;
	color: #fff !important;
	background-color: #000 !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;
	border-radius: 50%;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.services-carousel-one .owl-nav .owl-prev {
	left: -80px;
}

.services-carousel-one .owl-nav .owl-next {
	right: -80px;
}

.services-carousel-one.owl-theme .owl-nav [class*="owl-"]:hover {
	background: #3dacff !important;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.testimonials-carousel-one .owl-nav {
	margin-top: 0;
}

.testimonials-carousel-one.owl-carousel .owl-nav button.owl-prev, .testimonials-carousel-one.owl-carousel .owl-nav button.owl-next {
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	border-radius: 0;
}

.testimonials-carousel-one.owl-carousel .owl-nav button.owl-prev {
	left: -150px;
	border-right: 1px solid rgba(255,255,255,0.1);
	padding: 62px 30px 62px 0 !important;
}

.testimonials-carousel-one.owl-carousel .owl-nav button.owl-next {
	right: -150px;
	border-left: 1px solid rgba(255,255,255,0.1);
	padding: 62px 0 62px 30px !important;
}

.testimonials-carousel-one.owl-theme .owl-nav [class*="owl-"]:hover {
	background: transparent;
	color: #3dacff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.marquee-section {
	overflow-x: clip;
	overflow-y: visible;
	z-index: 99;
	position: relative;
}

.marquee {
	position: relative;
	overflow: hidden;
	padding: 20px 0 0 0;
	width: calc(100% + 60px);
	margin-left: -30px;
}

.marquee h4 {
	font-size: 120px;
	text-transform: uppercase;
	letter-spacing: -2px;
}

.slide-har {
	position: relative;
}

.slide-har.st1 .box {
	position: relative;
	-webkit-animation: slide-har 80s linear infinite;
	animation: slide-har 80s linear infinite;
}

.main-marq {
	position: relative;
	padding: 0;
}

.main-marq:after {
	position: absolute;
	top: -30px;
	bottom: -30px;
	left: -30px;
	right: -30px;
	pointer-events: none;
	background: linear-gradient( to left, #181818, rgba(255,255,255,0) 220px, rgba(255,255,255,0) calc(100% - 220px), #181818 );
}

.main-marq .slide-har {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.main-marq .strok .item h4 {
	color: transparent !important;
	-webkit-text-stroke: 0.5px #000;
}

.main-marq .strok .item h4 a {
	color: transparent !important;
	-webkit-text-stroke: 0.5px #000;
}

.main-marq .non-strok .item h4 {
	color: #000 !important;
	-webkit-text-stroke: 0 !important;
}

.main-marq .non-strok .item h4 a {
	color: #000 !important;
	-webkit-text-stroke: 0 !important;
}

.main-marq .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.main-marq .box .item {
	padding: 0 30px;
}

.main-marq .box .item h4 {
	white-space: nowrap;
	line-height: 1;
	margin: 0;
}

.main-marq .box .item:nth-of-type(even) h4 {
	color: transparent;
	-webkit-text-stroke: 0.5px #000;
}

.main-marq .box .item:nth-of-type(even) h4 a {
	color: transparent;
	-webkit-text-stroke: 0.5px #000;
}

.main-marq .box:last-of-type .item:nth-of-type(even) h4 {
	color: #000;
	-webkit-text-stroke: 0;
}

.main-marq .box:last-of-type .item:nth-of-type(even) h4 a {
	color: #000;
	-webkit-text-stroke: 0;
}

.main-marq .box:last-of-type .item:nth-of-type(odd) h4 {
	color: transparent;
	-webkit-text-stroke: 1px #000;
}

.main-marq .box:last-of-type .item:nth-of-type(odd) h4 a {
	color: transparent;
	-webkit-text-stroke: 1px #000;
}

.accordion-style .card {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-top: 0 !important;
	border: none;
}

.accordion-style .card-header {
	border: 0px;
	padding: 0;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	background: none;
}

.accordion-style .btn-link {
	background: #fff;
	color: #000;
	line-height: 20px;
	position: relative;
	border: none;
	display: block;
	width: 100%;
	text-align: left;
	white-space: normal;
	border-radius: 4px;
	padding: 20px 35px 20px 20px;
	font-weight: 500;
	text-decoration: none;
}

.accordion-style .btn-link:hover {
	text-decoration: none;
}

.accordion-style .btn-link.collapsed:after {
	background: none;
	content: "+";
	right: 15px;
	left: inherit;
	font-size: 20px;
	height: auto;
	-webkit-transform: none;
	transform: none;
	width: auto;
	top: 20px;
	color: #000;
}

.accordion-style .btn-link:after {
	background: none;
	content: "-";
	right: 17px;
	left: inherit;
	font-size: 20px;
	height: auto;
	-webkit-transform: none;
	transform: none;
	width: auto;
	top: 20px;
	position: absolute;
	color: #000;
}

.accordion-style .card-body {
	padding: 0px 40px 30px 20px;
}

.accordion.style01 .card {
	margin-bottom: 10px;
	border: 0;
}

.accordion.style01 .card:last-child {
	margin-bottom: 0;
}

.accordion.style01 .card-header {
	border: 0;
	padding: 0;
	background: none;
}

.accordion.style01 .accordion-collapse {
	border: none;
}

.accordion.style01 .accordion-button {
	color: #fff;
	font-size: 18px;
	position: relative;
	display: block;
	width: 100%;
	white-space: normal;
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: 30px;
	font-weight: 500;
	padding: 15px 55px 15px 20px;
	text-decoration: none;
	background: #3dacff;
	border: 1px solid #3dacff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.accordion.style01 .accordion-button:hover {
	text-decoration: none;
}

.accordion.style01 .accordion-button.collapsed {
	background: transparent;
	color: #000;
	border-radius: 10px;
	border: 1px solid #dee2e6;
}

.accordion.style01 .accordion-button.collapsed:after {
	background: transparent;
	color: #000;
	border-radius: 0;
	content: "\e61a";
	font-family: themify;
	font-weight: 600;
	top: 0;
	left: inherit;
	right: 0;
	font-size: 17px;
	line-height: 60px;
	height: 60px;
	width: 60px;
	text-align: center;
	padding-left: 0;
	-webkit-transform: none;
	transform: none;
}

.accordion.style01 .accordion-button:after {
	background: none;
	border-radius: 0;
	content: "\e622";
	font-family: themify;
	font-weight: 600;
	top: 0;
	left: inherit;
	right: 0;
	font-size: 17px;
	height: 60px;
	line-height: 60px;
	-webkit-transform: none;
	transform: none;
	width: 60px;
	position: absolute;
	color: #ffffff;
	text-align: center;
}

.accordion.style01 .card-body {
	padding: 29px 30px;
	line-height: 30px;
	border: 1px solid #dee2e6;
	border-radius: 0 0 10px 10px;
	border-top: 0;
}

.accordion-style.style02 .btn-link {
	padding: 30px 35px;
	font-weight: 700;
	background: #000 !important;
	color: #fff !important;
	border-radius: 10px;
}

.accordion-style.style02 .btn-link.collapsed {
	padding: 22px 35px;
	font-weight: 700;
	background: #fff;
	color: unset;
}

.accordion-style.style02 .card {
	-webkit-transition: all 350ms cubic-bezier(0.37,0,0.63,1);
	transition: all 350ms cubic-bezier(0.37,0,0.63,1);
	background-color: #000;
	border-radius: 10px;
}

.accordion-style.style02 .btn-link.collapsed:after, .accordion-style.style02 .btn-link:after {
	right: 35px;
	font-family: themify;
	font-size: 13px;
	color: #fff;
}

.accordion-style.style02 .card-body {
	padding: 0px 35px 30px 35px;
}

.accordion-style.style02 .card-header {
	border-bottom: 0;
}

.accordion-style.style02 .btn-link:after {
	content: "\e65a";
	top: 32px;
}

.accordion-style.style02 .btn-link.collapsed:after {
	content: "\e628";
	top: 22px;
}

.sidebar .widget {
	position: relative;
	display: block;
	background-color: #f8f9fa;
	border: 1px solid rgba(220,224,229,0.6);
	padding: 30px;
	border-radius: 10px;
}

.sidebar .menu li {
	margin-bottom: 10px;
}

.sidebar .menu li:last-child {
	margin-bottom: 0;
}

.sidebar .menu li a:hover, .sidebar .menu li.active a {
	color: #fff;
	background-color: #3dacff;
	border: 1px solid #3dacff;
}

.sidebar .menu li a {
	position: relative;
	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;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	background-color: #fff;
	padding: 17px 20px 17px 20px;
	border: 1px solid #e7e3e3;
	border-radius: 10px;
}

.sidebar .menu li a:hover:before {
	background-color: #000;
}

.sidebar .menu li.active a:before {
	background-color: #000;
}

.sidebar .menu li a::before {
	position: absolute;
	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;
	left: 0px;
	top: 0px;
	width: 30px;
	height: 100%;
	background-color: #f4f5f4;
	text-align: center;
	font-size: 16px;
	color: #707582;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.blog-tags a {
	border: 1px solid #e8e9e8;
	background-color: #fff;
	padding: 7px 12px;
	font-size: 14px;
	line-height: 20px;
	margin: 0.6rem 5px 0 0;
	display: inline-block;
	border-radius: 0.375rem;
}

.blog-tags a:hover {
	border: 1px solid #3dacff;
	background-color: #3dacff;
	color: #fff;
}

.contact-widget {
	min-height: 500px;
}

.contact-widget:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient( linear, left top, left bottom, from(rgba(27,30,35,0)), color-stop(54.02%, rgba(27,30,35,0.75)), to(#1b1e23) );
	background: linear-gradient( 180deg, rgba(27,30,35,0) 0%, rgba(27,30,35,0.75) 54.02%, #1b1e23 100% );
}

.portfolio-details-style01 .box-letter {
	background-color: #3dacff;
	position: relative;
	z-index: 1;
	float: left;
	width: 1.5em;
	height: 1.5em;
	margin-top: 0.3em;
	margin-right: 0.5em;
	font-size: 1.75em;
	line-height: 1.55em;
	color: #000;
	font-weight: 800;
	text-align: center;
	overflow: hidden;
	border-radius: 10px;
}

.portfolio-details-style01 .portfolio-tag a {
	display: inline-block;
	margin-bottom: 6px;
	margin-right: 6px;
	padding: 0 9px;
	font-size: 14px !important;
	line-height: 28px;
	font-weight: 500;
	color: #000;
	background-color: transparent;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border-radius: 30px;
	border: 1px solid #000;
}

.portfolio-details-style01 .portfolio-tag a:last-child {
	margin-right: 0;
}

.portfolio-details-style01 .portfolio-tag a:hover {
	color: #fff;
	border-color: #3dacff;
	background-color: #3dacff;
}

.portfolio-details-style01 .portfolio-social-icons a {
	width: 36px;
	height: 36px;
	background-color: transparent;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #000;
	border-radius: 50%;
	margin-right: 12px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.portfolio-details-style01 .portfolio-social-icons a:last-child {
	margin-right: 0;
}

.portfolio-details-style01 .portfolio-social-icons a:hover {
	background-color: #3dacff;
	color: #fff;
}

.countdown {
	padding: 0;
}

.countdown li {
	background: transparent;
	border: 1px solid rgba(255,255,255,0.2);
	display: inline-block;
	text-align: center;
	min-width: 120px;
	overflow: hidden;
	margin-right: 10px;
	padding: 15px 10px;
	position: relative;
	border-radius: 3px;
}

.countdown li:last-child {
	margin-right: 0;
}

.countdown li span {
	font-size: 32px;
	font-weight: 600;
	text-align: center;
	color: #ffffff;
	line-height: normal;
	position: relative;
}

.countdown li p.timeRefDays, .countdown li p.timeRefHours, .countdown li p.timeRefMinutes, .countdown li p.timeRefSeconds {
	font-size: 13px;
	font-weight: 500;
	color: #ffffff;
	margin: 0;
	z-index: 2;
	position: relative;
	padding: 0;
	text-transform: capitalize;
}

.search-form_input {
	color: #3dacff;
}

.search-frame h4 a:hover {
	color: #3dacff;
}

.search-frame .search_list .match {
	color: #3dacff;
}

.search-frame .search_list li:before {
	color: #3dacff;
}

.search-frame .search_list li + li {
	border-top: 3px solid #3dacff;
}

.search-frame .search {
	color: #3dacff;
}

.contact-map {
	width: 100%;
	height: 400px;
	vertical-align: top;
	border: 0;
	border-radius: 20px;
}

@media screen and (max-width: 1399px) {
    .contact-map {
        border-radius: 0;
    }
}

.about-style01 .arrow-circle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	margin-right: 20px;
	width: 50px;
	height: 50px;
	border: 2px solid #3dacff;
	border-radius: 50%;
}

.about-style02 .top-right-content {
	margin-left: -49px;
}

.about-style02 .bottom-right-content {
	margin-top: -220px;
}

.about-style03 .about-left .left-img {
	margin-top: -200px;
	z-index: 9;
	position: relative;
}

.about-style03 .about-circle .about-text {
	width: 220px;
	height: 220px;
	color: white;
	padding: 18px;
	font-weight: 600;
	position: relative;
	border-radius: 50%;
	background: #1d2a34;
	margin: 0 auto;
	z-index: 9;
	margin-top: 55px;
}

.about-style03 .about-circle .about-text .coloring {
	fill: white;
	word-spacing: 8px;
	letter-spacing: 1px;
}

.about-style03 .about-circle .about-text svg {
	-webkit-animation: rotated_circle 12s linear infinite;
	animation: rotated_circle 12s linear infinite;
}

.about-style03 .about-circle .about-text .about-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 55px;
	width: 110px;
	height: 110px;
	line-height: 110px;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	padding: 25px;
}

.about-style04 .about-left .exp-box {
	width: 400px;
	-webkit-filter: drop-shadow(0 3px 40.5px rgba(0,0,0,0.16));
	filter: drop-shadow(0 3px 40.5px rgba(0,0,0,0.16));
	-webkit-box-shadow: 0 3px 40.5px rgba(0,0,0,0.16);
	box-shadow: 0 3px 40.5px rgba(0,0,0,0.16);
	border-radius: 10px;
	background-color: #fff;
	position: absolute;
	bottom: -12%;
	left: 26%;
}

.about-style04 .about-left .exp-box .bg-img {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.about-style04 .about-right .progress {
	height: 4px;
}

.about-style05 .left-content .exp-no {
	width: 110px;
	height: 110px;
	background-color: #3dacff;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	font-size: 42px;
	font-weight: 800;
	line-height: 1;
}

.about-style05 .about-icon {
	width: 60px;
	height: 60px;
	background-color: rgba(9,184,80,0.2);
	color: #3dacff;
	border-radius: 20px;
	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;
}

#readMoreToggle {
	cursor: pointer;
	display: inline-block;
}

.read-more-content {
	margin-top: 0.5rem;
}

.process-style01 .process-block {
	text-align: center;
	position: relative;
	z-index: 1;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.process-style01 .process-block .process-icon {
	-webkit-box-shadow: 0 6px 30px 0 #00000012;
	box-shadow: 0 6px 30px 0 #00000012;
	background: #fff;
	height: 180px;
	width: 180px;
	margin: auto;
	text-align: center;
	border-radius: 50%;
	position: relative;
	z-index: 1;
	margin-bottom: 25px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	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;
}

.process-style01 .process-block .process-icon:before {
	position: absolute;
	content: "";
	height: 140px;
	width: 140px;
	border: 1px dashed #c1c1c1;
	border-radius: 50%;
	left: 0;
	right: 0;
	margin: auto;
	top: 21px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.process-style01 .process-block .process-icon span {
	position: absolute;
	top: 8%;
	right: 0;
	font-size: 16px;
	line-height: 35px;
	color: #ffffff;
	font-weight: 600;
	background: #3dacff;
	height: 35px;
	width: 35px;
	border-radius: 50%;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.process-style01 .process-block:before {
	position: absolute;
	content: "";
	height: 68%;
	width: 106%;
	background: url("../images/content/arrow.png");
	background-repeat: no-repeat;
	background-position: center;
}

.process-style01 .process-block.last:before {
	content: none;
}

.process-style02 .process-block .process-no {
	background-image: -webkit-gradient( linear, left top, right top, from(#3dacff), to(#3dacff) );
	background-image: linear-gradient(to right,#3dacff,#3dacff);
	background-clip: text;
	-webkit-text-stroke-color: transparent;
	-webkit-text-stroke-width: 2px;
	color: #fff;
	font-size: 45px;
	font-weight: 500;
	letter-spacing: 1px;
}

.extra-style01 {
	margin-top: -181px;
}

.why-choose-01 .why-choose-icon {
	width: 75px;
	height: 75px;
	background-color: #3dacff;
	border-radius: 50%;
	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;
	margin-right: 30px;
}

.counter-style01 .counter-box {
	-webkit-box-shadow: 0 6px 30px 0 #00000012;
	box-shadow: 0 6px 30px 0 #00000012;
}

.counter-style01 .counter-box .inner-box {
	border: 1rem solid #fff;
}

.counter-style01 .counter-box .inner-box:hover {
	background-color: #3dacff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.counter-style01 .counter-box .inner-box:hover .counter-no, .counter-style01 .counter-box .inner-box:hover span {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.contact-style01 .contact-icon {
	width: 80px;
	height: 80px;
	background-color: rgba(94, 166, 205, 0.1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #3dacff;
	font-size: 40px;
	border-radius: 50%;
	margin: 0 auto 20px;
}

.progress-style1 .progress {
	height: 5px;
}

.progress-style1 .progress .progress-bar {
	background-color: #3dacff;
}

.progress-style2 .progress {
	height: 8px;
}

.progress-style2 .progress .progress-bar {
	background-color: #3dacff;
}

.wrapper-error h1 {
	font-weight: 800;
	font-size: 214px;
	line-height: 1;
	text-align: center;
}

.image-hover {
	position: relative;
	overflow: hidden;
}

.image-hover:after {
	content: "";
	position: absolute;
	width: 200%;
	height: 0%;
	left: 50%;
	top: 50%;
	background-color: rgba(255,255,255,0.3);
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
	z-index: 1;
}

.image-hover:hover:after, .image-hover:active:after, .image-hover:focus:after {
	height: 250%;
	-webkit-transition: all 600ms linear;
	transition: all 600ms linear;
	background-color: transparent;
}

.page-navigation {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0;
	background-color: #f8f9fa;
	border-radius: 10px;
}

.prev-page, .next-page {
	position: relative;
	width: 50%;
	max-width: 350px;
	margin: 10px;
}

.prev-page:before, .next-page:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,0);
	-webkit-box-shadow: 0 0 0 0 rgba(34,35,40,0);
	box-shadow: 0 0 0 0 rgba(34,35,40,0);
	-webkit-transform: scale(1.04,1.12);
	transform: scale(1.04,1.12);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	pointer-events: none;
	border-radius: 10px;
}

.prev-page .page-info > a, .next-page .page-info > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	padding: 16px 20px;
	min-height: 110px;
	-webkit-transition: 0.8s;
	transition: 0.8s;
}

.prev-page .page-info .image-prev, .prev-page .page-info .image-next {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 70px;
	height: 70px;
	vertical-align: middle;
	-webkit-transition: inherit;
	transition: inherit;
	overflow: hidden;
}

.next-page .page-info .image-prev, .next-page .page-info .image-next {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 70px;
	height: 70px;
	vertical-align: middle;
	-webkit-transition: inherit;
	transition: inherit;
	overflow: hidden;
}

.prev-page .page-info .prev-title, .prev-page .page-info .next-title {
	display: inline-block;
	position: relative;
	max-width: 220px;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 600;
	word-wrap: break-word;
	vertical-align: middle;
	-webkit-transition: 0.45s;
	transition: 0.45s;
}

.next-page .page-info .prev-title, .next-page .page-info .next-title {
	display: inline-block;
	position: relative;
	max-width: 220px;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 600;
	word-wrap: break-word;
	vertical-align: middle;
	-webkit-transition: 0.45s;
	transition: 0.45s;
}

.prev-page .page-info .prev-title:empty, .prev-page .page-info .next-title:empty {
	display: none;
}

.next-page .page-info .prev-title:empty, .next-page .page-info .next-title:empty {
	display: none;
}

.prev-page:hover:before, .next-page:hover:before {
	background-color: white;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-box-shadow: 0 10px 30px 0 rgba(34,35,40,0.1);
	box-shadow: 0 10px 30px 0 rgba(34,35,40,0.1);
}

.prev-page a {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: left;
}

.prev-page a:hover .image-prev:after {
	visibility: visible;
	opacity: 1;
}

.prev-page a:hover .image-prev:before {
	visibility: visible;
	opacity: 1;
	margin-left: 0;
}

.prev-page .image-prev {
	margin-right: 20px;
}

.prev-page .image-prev:after {
	background-color: #3dacff;
}

.next-page .image-next:after {
	background-color: #3dacff;
}

.prev-page .image-prev:before {
	display: block;
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	margin-left: 20px;
	content: "\e64a";
	font-family: "themify";
	font-size: 21px;
	line-height: 70px;
	color: #fff;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.prev-page .image-prev:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.next-page {
	margin-left: auto;
}

.next-page a {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	text-align: right;
}

.next-page a:hover .image-next:after {
	visibility: visible;
	opacity: 1;
}

.next-page a:hover .image-next:before {
	visibility: visible;
	opacity: 1;
	margin-right: 0;
}

.next-page .image-next {
	margin-left: 20px;
}

.next-page .image-next:before {
	display: block;
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	margin-right: 20px;
	content: "\e64a";
	font-family: "themify";
	font-size: 21px;
	line-height: 70px;
	color: #fff;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.next-page .image-next:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	border-radius: 0.375rem;
}

.next-page .next-title {
	text-align: right;
}

.prev-link-page-info > span, .next-link-page-info > span {
	display: block;
}

.prev-link-page-info .date-details, .next-link-page-info .date-details {
	font-size: 14px;
	letter-spacing: 0.025em;
	line-height: 20px;
	margin-bottom: -2px;
}

.prev-link-page-info .date-details > div, .prev-link-page-info .date-details > span {
	line-height: inherit;
	-webkit-transition: 0.45s;
	transition: 0.45s;
	font-weight: 500;
}

.next-link-page-info .date-details > div, .next-link-page-info .date-details > span {
	line-height: inherit;
	-webkit-transition: 0.45s;
	transition: 0.45s;
	font-weight: 500;
}

.prev-link-page-info .date-details:only-child, .next-link-page-info .date-details:only-child {
	margin-top: 0;
}

.history-style01 .history-block .history-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 300ms linear 0ms;
	transition: all 300ms linear 0ms;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.history-style01 .history-block .history-content .history-year {
	font-size: 48px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1;
	white-space: nowrap;
	color: transparent;
	-webkit-text-stroke: 1px #000;
	-webkit-transition: all 300ms linear 0ms;
	transition: all 300ms linear 0ms;
	position: relative;
}

.history-style01 .history-block .history-content .history-no {
	width: 50px;
	min-width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #fff;
	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;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	text-transform: capitalize;
	color: #000;
	-webkit-transition: all 300ms linear 0ms;
	transition: all 300ms linear 0ms;
}

.history-style01 .history-block .history-text {
	border-top: 1px solid #dcdcdc;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	color: #666;
	margin-top: 40px;
	padding: 30px 100px 0 0;
	position: relative;
	-webkit-transition: all 300ms linear 0ms;
	transition: all 300ms linear 0ms;
}

.history-style01 .history-block .history-text:before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #000;
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 300ms linear 0ms;
	transition: all 300ms linear 0ms;
}

.history-style01 .history-block .history-img, .history-style01 .history-block .history-content {
	padding-right: 151px;
}

.history-style01 .history-block:hover .history-content .history-no {
	color: #3dacff;
}

.history-style01 .history-block:hover .history-content .history-year {
	color: #000;
}

.history-style01 .history-block:hover .history-text:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.form-group {
	margin-bottom: 1rem;
}

.form-group label {
	margin-bottom: 0.5rem;
}

.form-control:focus {
	border-color: #3dacff;
}

.form-check-input:checked {
	border-color: #3dacff;
	background-color: #3dacff;
}

.quform-input {
	position: relative;
}

.quform-input .quform-errors-wrap {
	position: absolute;
	right: 8px;
	top: 0;
	line-height: normal;
	z-index: 1;
}

.quform-element > label {
	font-weight: 600;
	padding-bottom: 5px;
	margin-bottom: 0;
	color: #6a747b;
	font-size: 15px;
}

.quform-element > label .quform-required {
	color: #cc0101;
	font-size: 10px;
}

.quform-inner input {
	width: 100%;
}

.quform-elements .quform-element textarea {
	margin-bottom: 0;
	padding: 8px 15px;
	vertical-align: top;
}

.quform-elements .quform-element select {
	margin-bottom: 0;
	padding: 8px 35px 8px 15px;
}

.quform-errors {
	padding: 0;
	margin: 0;
	line-height: normal;
}

.quform-errors > .quform-error {
	padding: 0;
	background: none;
	border: none;
	float: none;
	color: #f5543f;
	font-size: 11px;
	line-height: normal;
	letter-spacing: normal;
}

.quform-outer-no-js .quform-error {
	padding: 0;
	background: none;
	border: none;
	float: none;
	color: #f5543f;
	font-size: 11px;
	line-height: normal;
	letter-spacing: normal;
}

.quform-outer-no-js .quform-success-message {
	padding: 0.75rem 1.25rem 0.75rem 3rem;
}

.quform-has-error input, .quform-has-error textarea, .quform-has-error select, .quform-has-error input[type="file"], .quform-has-error .custom-file-label {
	border-color: #f5543f;
}

.quform-success-message {
	padding: 0.75rem 1.25rem 0.75rem 3rem;
}

.quform-submit-inner {
	float: none;
}

.quform-loading-wrap {
	float: none;
}

.quform-loading-wrap .quform-loading {
	display: inline-block;
}

.quform-element {
	margin-bottom: 1rem;
}

.newsletter-style01 .form-control {
	min-height: 56px;
	border-radius: 5px;
}

.newsletter-style01 .quform-submit-inner {
	position: absolute;
	right: 0;
	top: 0;
	width: unset;
}

.newsletter-style01 .btn-style3 {
	border-radius: 0 3px 3px 0;
	height: 56px;
}

.newsletter-style01 .btn-style3:hover, .newsletter-style01 .btn-style3:active, .newsletter-style01 .btn-style3:focus {
	border-color: #3dacff;
}

.newsletter-style01 .btn-style3:hover:after, .newsletter-style01 .btn-style3:active:after, .newsletter-style01 .btn-style3:focus:after {
	background: #3dacff;
}

.newsletter-style02 .form-control {
	background: transparent;
	border-width: 0 0 1px 0;
	padding: 0.375rem 50px 0.375rem 0;
	color: #fff;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.newsletter-style02 .quform-submit-inner {
	position: absolute;
	top: 10px;
	right: 20px;
	width: unset;
}

.contact-style03 .quform-input .form-control {
	min-height: 60px;
	border-radius: 3px;
	background-color: #f9fafc;
	padding-left: 20px;
	padding-right: 20px;
}

.newsletter-style04 .form-control {
	min-height: 54px;
}

.newsletter-form-icon .quform-elements {
	position: relative;
}

.newsletter-form-icon .quform-submit-inner {
	position: absolute;
	right: 1px;
	top: 3px;
	width: auto;
	background: transparent;
	height: 48px;
}

.newsletter-form-icon .quform-submit-inner .btn {
	border: none;
	padding: 0.5rem 1.15rem;
}

.newsletter-form-icon .quform-loading-wrap {
	margin-top: 15px;
	margin-bottom: 0;
	margin-left: 0;
}

.newsletter-form-icon input {
	border: 1px solid transparent;
	background-color: rgba(255,255,255,0.2);
	height: 50px;
	padding: 0.5rem 4rem 0.5rem 1rem;
	color: #fff;
	border-radius: 0;
}

.newsletter-form-icon .form-control:focus, .newsletter-form-icon .form-control:active {
	background-color: rgba(255,255,255,0.2);
	color: #fff;
}

.newsletter-form-icon .quform-has-error input, .newsletter-form-icon .quform-has-error textarea, .newsletter-form-icon .quform-has-error select {
	border-color: #f5543f;
}

.newsletter-form-icon .quform-input .quform-errors-wrap {
	right: 15px;
}

.newsletter-form-icon i {
	font-size: 1.2rem;
	line-height: 2rem;
}

.social-icon-style1 {
	margin-bottom: 0;
	display: inline-block;
	padding-left: 10px;
	list-style: none;
}

.social-icon-style1 li {
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px;
}

.social-icon-style1 li a {
	display: inline-block;
	font-size: 14px;
	text-align: center;
	color: #ffffff;
	background: #3dacff;
	height: 40px;
	line-height: 40px;
	width: 40px;
}

.social-icon-style1 li a:hover, .social-icon-style1 li a:active, .social-icon-style1 li a:focus {
	color: #3dacff;
	background: #fff;
}

.social-icon-style1 li:last-child {
	margin-right: 0;
}

.social-icon-style1 li a.small {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
}

.social-icon-style1.small li a {
	width: 35px;
	height: 35px;
	line-height: 35px;
}

.social-icon-style2 {
	margin-bottom: 0;
	display: inline-block;
	padding-left: 10px;
	list-style: none;
}

.social-icon-style2 li {
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px;
}

.social-icon-style2 li a {
	display: inline-block;
	font-size: 14px;
	text-align: center;
	color: #ffffff;
	background: #000;
	height: 41px;
	line-height: 42px;
	width: 41px;
	border-radius: 5px;
}

.social-icon-style2 li a:hover, .social-icon-style2 li a:active, .social-icon-style2 li a:focus {
	color: #fff;
	background: #3dacff;
}

.social-icon-style2 li:last-child {
	margin-right: 0;
}

.social-icon-style2 li a.small {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
}

.social-icon-style2.small li a {
	width: 35px;
	height: 35px;
	line-height: 35px;
}

.social-icon-style3 li {
	margin-right: 5px;
	display: inline-block;
}

.social-icon-style3 li:last-child {
	margin-right: 0;
}

.social-icon-style3 li a {
	width: 50px;
	height: 50px;
	background: #fff;
	text-align: center;
	font-size: 16px;
	color: #272c49;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.social-icon-style3 li a:hover {
	color: #3dacff;
}

.social-icon-style4 ul li {
	display: inline-block;
	margin-right: 10px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.social-icon-style4 ul li a {
	color: #939393;
	display: inline-block;
	font-size: 14px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	width: 42px;
	border: 1px solid #fff;
	border-radius: 50%;
}

.social-icon-style4 ul li a:hover {
	background: #3dacff;
	border-color: #3dacff;
	color: #fff;
}

footer {
	word-break: break-word;
}

footer .email {
	border-bottom: 1px solid rgba(255,255,255,0.7);
	display: inline-block;
	padding-bottom: 5px;
}

footer .email a {
	color: rgba(255,255,255,0.7);
	position: relative;
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

footer .email a:hover:after, footer .email a:active:after, footer .email a:focus:after {
	width: 100%;
}

footer .email a:hover, footer .email a:active, footer .email a:focus {
	color: #000;
}

footer .email a:after {
	border-bottom: 1px solid #fff;
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
	content: "";
	display: inline-block;
	position: absolute;
	bottom: -11px;
	right: 0;
	width: 0;
}

footer .phone {
	padding-bottom: 0;
	margin-bottom: 0;
}

footer .phone a {
	padding-bottom: 0;
	letter-spacing: -0.05rem;
	color: white;
}

footer .phone a:hover, footer .phone a:active, footer .phone a:focus {
	color: #000;
}

.footer-logo {
	width: 100%;
	display: inline-block;
}

.footer-logo img {
	width: 200px;
}

.footer-style3 {
	border-radius: 20px;
}

.footer-style3 .footer-list li {
	padding-bottom: 10px;
}

.footer-style3 .footer-list li a {
	color: rgba(255,255,255,0.8);
}

.footer-style3 .footer-list li a:hover {
	color: #3dacff;
}

.footer-style3 .footer-list li:last-child {
	padding-bottom: 0;
}

.scroll-wrapper {
	overflow: hidden !important;
	padding: 0 !important;
	position: relative;
}

.scroll-wrapper > .scroll-content {
	border: none !important;
	box-sizing: content-box !important;
	height: auto;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none !important;
	overflow: scroll !important;
	padding: 0;
	position: relative !important;
	top: 0;
	width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
	height: 0;
	width: 0;
}

.scroll-element {
	display: none;
}

.scroll-element, .scroll-element div {
	box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
	display: block;
}

.scroll-element .scroll-bar, .scroll-element .scroll-arrow {
	cursor: default;
}

.scroll-textarea {
	border: 1px solid #cccccc;
	border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
	overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
	border: none !important;
	box-sizing: border-box;
	height: 100% !important;
	margin: 0;
	max-height: none !important;
	max-width: none !important;
	overflow: scroll !important;
	outline: none;
	padding: 2px;
	position: relative !important;
	top: 0;
	width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
	height: 0;
	width: 0;
}

.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div {
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10;
}

.scrollbar-inner > .scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
	bottom: 2px;
	height: 8px;
	left: 0;
	width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
	height: 100%;
	right: 2px;
	top: 0;
	width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
	overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
	background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
	background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
	background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
	background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
	left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
	top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
	left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
	top: -12px;
}

.scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div {
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10;
}

.scrollbar-outer > .scroll-element {
	background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
	bottom: 0;
	height: 12px;
	left: 0;
	width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
	height: 100%;
	right: 0;
	top: 0;
	width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
	height: 8px;
	top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
	left: 2px;
	width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
	overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
	background-color: #eeeeee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
	background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
	background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
	background-color: #919191;
}

.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
	left: -12px;
	margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
	top: -12px;
	margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
	min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
	min-height: 10px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
	left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
	top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
	left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
	top: -14px;
}

.scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track {
	display: none;
}

.scrollbar-macosx > .scroll-element .scroll-bar {
	background-color: #6c6e71;
	display: block;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.scrollbar-macosx > .scroll-element.scroll-x {
	bottom: 0px;
	height: 0px;
	left: 0;
	min-width: 100%;
	overflow: visible;
	width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
	height: 100%;
	min-height: 100%;
	right: 0px;
	top: 0;
	width: 0px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
	height: 7px;
	min-width: 10px;
	top: -9px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
	left: -9px;
	min-height: 10px;
	width: 7px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
	left: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
	left: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
	top: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
	top: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
	left: -11px;
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
	top: -11px;
}

.scrollbar-light > .scroll-element, .scrollbar-light > .scroll-element div {
	border: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	z-index: 10;
}

.scrollbar-light > .scroll-element {
	background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
	background: #dbdbdb;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
	background: -moz-linear-gradient(left,#dbdbdb 0%,#e8e8e8 100%);
	background: -webkit-gradient( linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8) );
	background: -webkit-linear-gradient(left,#dbdbdb 0%,#e8e8e8 100%);
	background: -o-linear-gradient(left,#dbdbdb 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(left,#dbdbdb 0%,#e8e8e8 100%);
	background: linear-gradient(to right,#dbdbdb 0%,#e8e8e8 100%);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
	bottom: 0;
	height: 17px;
	left: 0;
	min-width: 100%;
	width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
	height: 100%;
	min-height: 100%;
	right: 0;
	top: 0;
	width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
	background: #fefefe;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
	background: -moz-linear-gradient(left,#fefefe 0%,#f5f5f5 100%);
	background: -webkit-gradient( linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5) );
	background: -webkit-linear-gradient(left,#fefefe 0%,#f5f5f5 100%);
	background: -o-linear-gradient(left,#fefefe 0%,#f5f5f5 100%);
	background: -ms-linear-gradient(left,#fefefe 0%,#f5f5f5 100%);
	background: linear-gradient(to right,#fefefe 0%,#f5f5f5 100%);
	border: 1px solid #dbdbdb;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.scrollbar-light > .scroll-content.scroll-scrolly_visible {
	left: -17px;
	margin-left: 17px;
}

.scrollbar-light > .scroll-content.scroll-scrollx_visible {
	top: -17px;
	margin-top: 17px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
	height: 10px;
	min-width: 10px;
	top: 0px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
	left: 0px;
	min-height: 10px;
	width: 10px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
	height: 12px;
	left: 2px;
	top: 2px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
	left: -4px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
	left: 2px;
	top: 2px;
	width: 12px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
	top: -4px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
	left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
	top: -19px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
	left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
	top: -19px;
}

.scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div {
	border: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	z-index: 10;
}

.scrollbar-rail > .scroll-element {
	background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
	background-color: #999;
	background-color: rgba(0,0,0,0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
	background-color: #666;
	background-color: rgba(0,0,0,0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
	bottom: 0;
	height: 12px;
	left: 0;
	min-width: 100%;
	padding: 3px 0 2px;
	width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
	height: 100%;
	min-height: 100%;
	padding: 0 2px 0 3px;
	right: 0;
	top: 0;
	width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
	background-color: #d0b9a0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
	left: -17px;
	margin-left: 17px;
}

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
	margin-top: 17px;
	top: -17px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
	height: 10px;
	min-width: 10px;
	top: 1px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
	left: 1px;
	min-height: 10px;
	width: 10px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
	height: 15px;
	left: 5px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
	height: 2px;
	left: -10px;
	top: 5px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
	top: 5px;
	width: 15px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
	left: 5px;
	top: -10px;
	width: 2px;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
	left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
	top: -25px;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
	left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
	top: -25px;
}

.scrollbar-dynamic > .scroll-element, .scrollbar-dynamic > .scroll-element div {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
	bottom: 2px;
	height: 7px;
	left: 0;
	min-width: 100%;
	width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
	height: 100%;
	min-height: 100%;
	right: 2px;
	top: 0;
	width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
	opacity: 0.3;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_size {
	background-color: #cccccc;
	opacity: 0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
	background-color: #6c6e71;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
	bottom: 0;
	height: 7px;
	min-width: 24px;
	top: auto;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
	left: auto;
	min-height: 24px;
	right: 0;
	width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
	bottom: 0;
	top: auto;
	left: 2px;
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	-o-transition: height 0.2s;
	-ms-transition: height 0.2s;
	transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
	left: auto;
	right: 0;
	top: 2px;
	-webkit-transition: width 0.2s;
	-moz-transition: width 0.2s;
	-o-transition: width 0.2s;
	-ms-transition: width 0.2s;
	transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
	left: -4px;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
	top: -4px;
}

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
	left: -11px;
}

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
	top: -11px;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
	overflow: hidden;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
	opacity: 1;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
	height: 100%;
	width: 100%;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
	height: 20px;
	min-height: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
	min-width: 7px;
	width: 20px;
}

.scrollbar-chrome > .scroll-element, .scrollbar-chrome > .scroll-element div {
	border: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	z-index: 10;
}

.scrollbar-chrome > .scroll-element {
	background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_track {
	background: #f1f1f1;
	border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
	bottom: 0;
	height: 16px;
	left: 0;
	min-width: 100%;
	width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
	height: 100%;
	min-height: 100%;
	right: 0;
	top: 0;
	width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
	background-color: #d9d9d9;
	border: 1px solid #bdbdbd;
	cursor: default;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
	background-color: #c2c2c2;
	border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
	background-color: #919191;
	border-color: #7e7e7e;
}

.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
	left: -16px;
	margin-left: 16px;
}

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
	top: -16px;
	margin-top: 16px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
	height: 8px;
	min-width: 10px;
	top: 3px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
	left: 3px;
	min-height: 10px;
	width: 8px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
	border-left: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
	height: 14px;
	left: -3px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
	height: 14px;
	left: -4px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
	border-top: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
	top: -3px;
	width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
	top: -4px;
	width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
	left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
	top: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
	left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
	top: -19px;
}

.wlt-overlay-bg {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: rgba(0,0,0,0.35);
	opacity: 0;
	display: none;
}

.wlt-sidebar-inner a {
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.wlt-sidebar-main {
	background-color: #fff;
	position: fixed;
	top: 0;
	right: -300px;
	z-index: 99999;
	width: 300px;
	height: 100%;
	padding: 0;
	display: block;
	-webkit-transition: all 0.5s cubic-bezier(0.77,0,0.175,1);
	transition: all 0.5s cubic-bezier(0.77,0,0.175,1);
}

.wlt-sidebar-main.active {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	box-shadow: 0 0 9.8px 0.2px rgba(0,0,0,0.14);
}

.buy-theme {
	transition-timing-function: ease-in-out;
	transition-duration: 0.2s;
	position: fixed;
	top: 150px;
	right: -194px;
	background: #3dacff;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	z-index: 9999;
}

.buy-theme i {
	font-size: 16px;
	vertical-align: middle;
	position: relative;
	top: -1px;
	color: #fff;
}

.popular-theme {
	transition-timing-function: ease-in-out;
	transition-duration: 0.2s;
	position: absolute;
	top: 191px;
	left: -46px;
	background: #000;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	z-index: 9999;
}

.popular-theme i {
	font-size: 18px;
	vertical-align: middle;
	position: relative;
	top: -1px;
	color: #fff;
}

.popular-theme:hover {
	transition-timing-function: ease-in-out;
	transition-duration: 0.2s;
	left: -250px;
	background: #000;
}

.popular-theme span {
	padding: 0 9px;
	position: relative;
	top: 0;
	opacity: 0;
}

.popular-theme:hover span {
	opacity: 1;
	color: #fff;
}

.wlt-sidebar-main.active .popular-theme span {
	opacity: 1;
}

.wlt-sidebar-main.active .popular-theme a {
	color: #fff;
}

.wlt-sidebar-main.active .popular-theme {
	left: -254px;
}

.wlt-sidebar-main.active .popular-theme:hover {
	left: -254px;
}

.buy-theme span {
	padding: 0 9px;
	position: relative;
	top: 0;
	opacity: 0;
}

.buy-theme:hover {
	transition-timing-function: ease-in-out;
	transition-duration: 0.2s;
	right: 0px;
	background: #3dacff;
}

.buy-theme:hover span {
	opacity: 1;
	color: #fff;
}

.buy-theme:hover i, .popular-theme:hover i {
	color: #fff;
}

.buy-theme a, .popular-theme a {
	font-size: 12px;
	text-transform: uppercase;
	padding: 10px 3px 10px 12px;
	display: block;
	text-decoration: none;
	font-weight: 900;
}

.wlt-sidebar-inner {
	height: calc(100% - 56px);
}

.wlt-sidebar-wrapper {
	padding: 13px 29px;
}

.wlt-sidebar-main .wlt-banner {
	margin-bottom: 25px;
	display: block;
}

.wlt-sidebar-main .wlt-banner img {
	opacity: 1;
	display: block;
	width: 100%;
	transition: opacity 0.5s ease;
}

.wlt-sidebar-main .wlt-img-hover {
	position: relative;
}

.wlt-sidebar-main .wlt-img-hover:after {
	content: "";
	opacity: 0;
	background-color: rgba(255,255,255,0.15);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

.wlt-sidebar-main .wlt-banner:hover .wlt-sidebar-main .wlt-img-hover:after {
	opacity: 1;
}

.wlt-sidebar-main .wlt-banner .wlt-banner-info {
	margin-top: 15px;
	display: flex;
	align-items: center;
}

.wlt-sidebar-main .wlt-banner .wlt-proj-cat {
	font-size: 12px;
	line-height: 14px;
	position: relative;
	padding-left: 10px;
	top: -1px;
	color: #666666;
}

.wlt-sidebar-main .wlt-banner .wlt-proj-cat::before {
	content: "/";
	position: absolute;
	left: 1px;
	top: 3px;
}

.wlt-sidebar-main .wlt-banner .wlt-proj-price {
	margin-left: auto !important;
}

.wlt-sidebar-main .wlt-banner .wlt-proj-name {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 15px !important;
	line-height: 15px !important;
	font-weight: 600;
	color: #000;
	display: inline-block;
	margin: 0 0 2px;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
	text-transform: capitalize;
}

.wlt-sidebar-main .wlt-banner .wlt-proj-price {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 15px;
	line-height: 15px;
	color: #3dacff;
	font-weight: 600;
}

.wlt-sidebar-main .wlt-heading h3 {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 25px;
	margin-top: 30px;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	color: #000;
}

.wlt-sidebar-main .wlt-heading:first-child h3 {
	margin-top: 0px;
}

.wlt-sidebar-main .wlt-heading h3::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,0.06);
	left: 0;
	top: 50%;
	margin-top: -1px;
	z-index: -1;
}

.wlt-sidebar-main .wlt-heading h3 span {
	background-color: #3dacff;
	color: #fff;
	padding: 2px 8px;
}

.wlt-sidebar-main .wlt-bottom-button {
	position: relative;
	bottom: -4px;
	left: 0;
	width: 100%;
}

.wlt-sidebar-main .wlt-bottom-button a {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 12px;
	background-color: #3dacff;
	color: #fff;
	font-weight: 600;
	display: block;
	padding: 13px 10px;
	text-align: center;
	line-height: normal;
	position: relative;
}

.wlt-sidebar-main .wlt-bottom-button a:focus, .wlt-sidebar-main .wlt-bottom-button a:hover {
	color: #fff;
}

.wlt-sidebar-main .wlt-banner-section {
	padding: 8px 30px;
}

.wlt-sidebar-main .scroll-wrapper {
	opacity: 1;
}

@-webkit-keyframes LoaderCicle {
	0% {
		width: 0;
		height: 0;
		opacity: 0;
	}

	10% {
		width: 10px;
		height: 10px;
		opacity: 1;
	}

	80% {
		width: 60px;
		height: 60px;
		opacity: 0.1;
	}

	100% {
		width: 70px;
		height: 70px;
		opacity: 0;
	}
}

@keyframes LoaderCicle {
	0% {
		width: 0;
		height: 0;
		opacity: 0;
	}

	10% {
		width: 10px;
		height: 10px;
		opacity: 1;
	}

	80% {
		width: 60px;
		height: 60px;
		opacity: 0.1;
	}

	100% {
		width: 70px;
		height: 70px;
		opacity: 0;
	}
}

@media screen and (min-width: 992px) {
	.min-width-100 {
		width: 100vw !important;
	}
}

@media screen and (max-width: 1199px) {
	.scroll-top-percentage {
		right: 30px;
		bottom: 20px;
	}
}

@-webkit-keyframes scrollToTop {
	0% {
		-webkit-transform: translate3d(0,80%,0);
		transform: translate3d(0,80%,0);
		visibility: visible;
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

@keyframes scrollToTop {
	0% {
		-webkit-transform: translate3d(0,80%,0);
		transform: translate3d(0,80%,0);
		visibility: visible;
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

@-webkit-keyframes rotated_circle {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@keyframes rotated_circle {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@media screen and (max-width: 992px) {
	.btn-style1 {
		padding: 8px 0;
		min-width: 140px;
		font-size: 15px;
	}

	.btn-style1.medium {
		padding: 6px 0;
	}
}

@media screen and (max-width: 991px) {
	.btn-style1.small {
		font-size: 12px;
	}
}

@media screen and (max-width: 767px) {
	.btn-style1 {
		padding: 7px 0;
		min-width: 120px;
		font-size: 13px;
	}

	.btn-style1.medium {
		padding: 5px 0;
		min-width: 120px;
		font-size: 13px;
	}

	.btn-style1.small {
		font-size: 11px;
		padding: 5px 0;
		min-width: 110px;
	}
}

@media screen and (min-width: 992px) {
	.menu_area-light .navbar ul ul li.active > a, .menu_area-light .navbar-nav li.has-sub a:hover {
		color: #3dacff;
	}

	.menu_area-light .navbar > ul > li.has-sub > a:hover:after {
		border-color: #3dacff;
	}

	.menu_area-light.scrollHeader .navbar-nav > li.has-sub > a:hover {
		color: #3dacff;
	}

	.header-style2.scrollHeader .navbar-nav > li.has-sub > a:hover {
		color: #3dacff;
	}

	.header-style2.scrollHeader .navbar-nav > li.has-sub > a:hover:after {
		border-color: transparent #3dacff #3dacff transparent;
	}

	.header-style2 .navbar > ul > li.has-sub.current > a:hover:after {
		border-color: transparent #3dacff #3dacff transparent;
	}

	.header-style2.scrollHeader .navbar-nav li.current > a {
		color: #3dacff;
	}

	.header-style2.scrollHeader .navbar-nav li.current > a:hover {
		color: #3dacff;
	}

	.header-style2.scrollHeader .navbar > ul > li.current > a:after {
		border-color: transparent #3dacff #3dacff transparent;
	}

	.header-style2 .navbar ul ul li.active > a {
		color: #3dacff;
	}

	.header-style2 .navbar-nav li.has-sub a:hover, .header-style2 .navbar-nav li.has-sub a:active, .header-style2 .navbar-nav li.has-sub a:focus {
		color: #3dacff;
	}

	.header-style2 .navbar-nav li.current > a, .header-style2 .navbar-nav li.active > a {
		color: #3dacff;
	}

	.header-style2 .navbar > ul > li.has-sub > a:hover:after, .header-style2 .navbar > ul > li.has-sub > a:active:after, .header-style2 .navbar > ul > li.has-sub > a:focus:after {
		border-color: transparent #3dacff #3dacff transparent;
	}
}

@media screen and (max-width: 991px) {
	.header-style1 .navbar-toggler {
		background: #3dacff;
	}

	.header-style1 .navbar-toggler:after {
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}

	.header-style1 .navbar-toggler:before {
		background: #fff;
	}

	.header-style1 .navbar-toggler.menu-opened:after, .header-style1 .navbar-toggler.menu-opened:before {
		background: #fff;
	}
}

@media screen and (min-width: 992px) {
	.header-style2 .navbar ul ul li.active > a {
		color: #3dacff;
	}

	.header-style2 .butn.secondary:before {
		background: #ffffff;
	}

	.header-style2 .butn.secondary:hover, .header-style2 .butn.secondary:focus, .header-style2 .butn.secondary:active {
		color: #121c22 !important;
	}

	.header-style2.scrollHeader .butn.secondary:before {
		background: #3dacff;
	}

	.header-style2.scrollHeader .butn.secondary:hover, .header-style2.scrollHeader .butn.secondary:focus, .header-style2.scrollHeader .butn.secondary:active {
		color: #fff !important;
	}
}

@media screen and (min-width: 992px) {
	.header-style3 .navbar-nav li.active > a {
		color: #3dacff;
	}

	.header-style3 .navbar-nav > li > a:hover, .header-style3 .navbar-nav > li > a:active, .header-style3 .navbar-nav > li > a:focus {
		color: #3dacff;
	}

	.header-style3 .navbar ul ul li.active > a {
		color: #3dacff;
	}

	.header-style3 .navbar-nav li.has-sub a:hover, .header-style3 .navbar-nav li.current > a {
		color: #3dacff;
	}

	.header-style3 .navbar-nav > li.has-sub > a:hover {
		color: #3dacff;
	}

	.header-style3 .navbar > ul > li.has-sub > a:hover:after, .header-style3 .navbar > ul > li.current > a:after {
		border-color: transparent #3dacff #3dacff transparent;
	}

	.header-style3.scrollHeader .navbar-nav > li.has-sub > a:hover {
		color: #3dacff;
	}

	.header-style3.scrollHeader .navbar > ul > li.has-sub > a:hover:after {
		border-color: transparent #3dacff #3dacff transparent;
	}

	.header-style3.scrollHeader .navbar-nav > li.active > a {
		color: #3dacff;
	}

	.header-style3.scrollHeader .navbar-nav li.current > a {
		color: #3dacff;
	}

	.header-style3.scrollHeader .navbar-nav li.current > a:hover {
		color: #3dacff;
	}

	.header-style3.scrollHeader .navbar > ul > li.current > a:after {
		border-color: transparent #3dacff #3dacff transparent;
	}
}

@media screen and (max-width: 991px) {
	.header-style3 .navbar-toggler {
		background: #3dacff;
	}

	.header-style3 .navbar-toggler:after {
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}

	.header-style3 .navbar-toggler:before {
		background: #fff;
	}

	.header-style3 .navbar-toggler.menu-opened:after, .header-style3 .navbar-toggler.menu-opened:before {
		background: #fff;
	}
}

@media only screen and (max-width: 1199px) {
	.banner-style02 {
		border-radius: 0;
	}
}

@-webkit-keyframes flickerAnimation {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes flickerAnimation {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@media screen and (min-width: 575px) {
	.section-title02 .title-sm:before {
		content: "";
		background: rgba(9,184,80,0.4);
		height: 8px;
		width: 100%;
		position: absolute;
		bottom: 8px;
		z-index: -1;
		-webkit-transition: opacity 0.85s, height 0.45s, bottom 0.45s, color 0.45s, -webkit-transform 0.85s;
		transition: opacity 0.85s, height 0.45s, bottom 0.45s, color 0.45s, -webkit-transform 0.85s;
		transition: transform 0.85s, opacity 0.85s, height 0.45s, bottom 0.45s, color 0.45s;
		transition: transform 0.85s, opacity 0.85s, height 0.45s, bottom 0.45s, color 0.45s, -webkit-transform 0.85s;
		-webkit-transform: scale(1,1) !important;
		transform: scale(1,1) !important;
	}
}

@media screen and (max-width: 1199px) {
	.page-title-section {
		padding: 170px 0 80px;
	}

	.page-title-section h1 {
		font-size: 52px;
	}
}

@media screen and (max-width: 991px) {
	.page-title-section {
		padding: 150px 0 80px;
	}

	.page-title-section h1 {
		font-size: 48px;
	}
}

@media screen and (max-width: 575px) {
	.page-title-section {
		padding: 130px 0 70px;
	}

	.page-title-section h1 {
		font-size: 42px;
	}
}

@media screen and (max-width: 767px) {
	.filtering {
		margin-bottom: 0;
	}

	.filtering span {
		margin-bottom: 17px;
	}
}

@media screen and (max-width: 575px) {
	.filtering span {
		padding: 6px 8px;
		margin-right: 5px;
		font-size: 13px;
	}
}

@media screen and (max-width: 575px) {
	.portfolio-style01 .portfolio-block .portfolio-inner {
		margin: 0 15px;
		gap: 0.625rem;
	}
}

@media screen and (max-width: 1399px) {
	.portfolio-style02 .content {
		bottom: 20px;
		left: 20px;
		right: 20px;
	}
}

@media screen and (max-width: 575px) {
	.pagination-style01 ul {
		margin-top: 10px;
	}

	.pagination-style01 ul li a {
		min-width: 40px;
		min-height: 40px;
		line-height: 40px;
		margin: 0 4px;
	}
}

@media screen and (max-width: 575px) {
	.tab-style01 .resp-tabs-list li {
		margin-right: 16px;
		font-size: 13px;
	}
}

@media screen and (max-width: 1399px) {
	.services-carousel-one .owl-nav .owl-prev, .services-carousel-one .owl-nav .owl-next {
		top: 45%;
	}
}

@media screen and (max-width: 1199px) {
	.services-carousel-one .owl-nav .owl-prev, .services-carousel-one .owl-nav .owl-next {
		top: 55%;
	}
}

@media screen and (max-width: 991px) {
	.testimonials-carousel-one.owl-carousel .owl-nav button.owl-next {
		right: -120px;
	}

	.testimonials-carousel-one.owl-carousel .owl-nav button.owl-prev {
		left: -120px;
	}
}

@-webkit-keyframes slide-har {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}

	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@keyframes slide-har {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}

	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@media screen and (max-width: 1199px) {
	.marquee h4 {
		font-size: 80px;
	}
}

@media screen and (max-width: 991px) {
	.marquee {
		padding: 35px 0 0 0;
	}

	.marquee h4 {
		font-size: 60px;
	}
}

@media screen and (max-width: 575px) {
	.marquee h4 {
		font-size: 50px;
	}

	.main-marq .box .item {
		padding: 0 20px;
	}
}

@media screen and (max-width: 991px) {
	.accordion-style .btn-link:after, .accordion-style .btn-link.collapsed:after {
		top: 20px;
	}

	.accordion-style .card-body {
		padding: 10px 25px 30px 25px;
	}
}

@media screen and (max-width: 767px) {
	.accordion.style01 .card-body {
		font-size: 15px;
		padding: 15px;
	}

	.accordion.style01 .accordion-button:after, .accordion.style01 .accordion-button.collapsed:after {
		font-size: 15px;
	}
}

@media screen and (max-width: 575px) {
	.accordion.style01 .accordion-button {
		line-height: unset;
	}

	.accordion.style01 .accordion-button:after {
		height: 100%;
		width: 50px;
		line-height: 50px;
	}

	.accordion .accordion-button.collapsed:after {
		height: 100%;
		width: 50px;
		line-height: 50px;
	}
}

@media screen and (max-width: 575px) {
	.sidebar .widget {
		padding: 22px;
	}
}

@media screen and (max-width: 1399px) {
	.about-style02 .top-right-content {
		margin-left: -9px;
	}
}

@media screen and (max-width: 1199px) {
	.about-style02 .top-right-content {
		margin-left: 0;
	}

	.about-style02 .bottom-right-content {
		margin-top: -100px;
	}
}

@media screen and (max-width: 991px) {
	.about-style02 .bottom-right-content {
		margin-top: 0;
	}
}

@media screen and (max-width: 1199px) {
	.about-style03 .about-circle .about-text {
		width: 190px;
		height: 190px;
		margin-top: 35px;
	}

	.about-style03 .about-circle .about-text .about-icon {
		width: 90px;
		height: 90px;
	}
}

@media screen and (max-width: 575px) {
	.about-style03 .about-left .left-img {
		margin-top: -120px;
	}
}

@media screen and (max-width: 1199px) {
	.about-style04 .about-left .exp-box {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media screen and (max-width: 767px) {
	.about-style04 .about-left .exp-box {
		bottom: -6%;
	}
}

@media screen and (max-width: 575px) {
	.about-style04 .about-left .exp-box {
		width: 260px;
	}
}

@media screen and (max-width: 1199px) {
	.process-style01 .process-block:before {
		content: none;
	}
}

@media screen and (max-width: 575px) {
	.process-style02 .process-block .process-no {
		font-size: 30px;
	}
}

@media screen and (max-width: 767px) {
	.wrapper-error h1 {
		font-size: 194px;
	}
}

@media screen and (max-width: 575px) {
	.wrapper-error h1 {
		font-size: 134px;
	}
}

@media (max-width: 767px) {
	.prev-page, .next-page {
		width: calc(100% - 20px);
		max-width: unset;
	}

	.prev-page + .next-page {
		margin-top: 0;
	}

	.page-navigation {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media (max-width: 575px) {
	.prev-page .page-info > a, .next-page .page-info > a {
		padding: 10px;
	}

	.prev-page .page-info .prev-title, .prev-page .page-info .next-title {
		max-width: 168px;
	}

	.next-page .page-info .prev-title, .next-page .page-info .next-title {
		max-width: 168px;
	}
}

@media screen and (max-width: 1399px) {
	.history-style01 .history-block .history-img, .history-style01 .history-block .history-content {
		padding-right: 75px;
	}

	.history-style01 .history-block .history-text {
		padding: 30px 50px 0 0;
	}
}

@media screen and (max-width: 991px) {
	.history-style01 .history-block .history-img, .history-style01 .history-block .history-content {
		padding-right: 0;
	}

	.history-style01 .history-block .history-text {
		padding: 30px 0 0 0;
		margin-top: 30px;
	}
}

@media screen and (max-width: 575px) {
	.history-style01 .history-block .history-text {
		padding: 20px 0 0 0;
		margin-top: 20px;
	}
}

@media screen and (max-width: 991px) {
	.social-icon-style2.small li a {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
}

@media screen and (max-width: 1199px) {
	.social-icon-style3 li a {
		width: 40px;
		height: 40px;
	}
}

@media screen and (max-width: 767px) {
	footer .email a:after {
		bottom: -10px;
	}
}

@media screen and (max-width: 1399px) {
	.footer-style3 {
		border-radius: 0;
	}
}

@media (max-width: 991px) {
	.wlt-sidebar-main {
		display: none !important;
	}
}

.cf-turnstile {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}