/* Import Fonts & All CSS */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&family=Roboto:wght@400;500&display=swap');
 @import 'bootstrap.min.css';
@import 'owl.carousel.min.css';
@import 'magnific-popup.css';
@import 'font-awesome.min.css';
@import 'themify-icons.css';
@import 'nice-select.css';
@import 'flaticon.css';
@import 'animate.css';
@import 'aos.css';
@import 'custom/animate.css';
@import 'slicknav.css';
@import 'slick.css';
@import 'jquery.animatedheadline.css';
@import 'boxicons.min.css';
/* :: Reboot CSS */

body {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #696687;
	background-color: #f9f9f9;
}
.app-body {
	padding: 100px;
	padding-bottom: 50px;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("../img/bg-img/pattern-bg.html");
	background-attachment: fixed;
	min-height: 100%;
	position: relative;
	z-index: 1;
}
.img {
	max-width: 100%;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
li {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
	color: #400000;
	font-weight: 600;
	line-height: 1.4;
}
a, a:hover, a:focus, a:active {
	font-weight: 400;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
}
ul {
	margin: 0px;
	padding: 0px
}
li {
	list-style: none
}
p {
	font-size: 15px;
	color: #696687;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height: 1.7;
}
label {
	font-size: 14px;
	font-weight: 500;
	color: #696687;
	font-family: 'Poppins', sans-serif;
}
img {
	max-width: 100%;
	height: auto;
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: .7s;
	-o-transition-duration: .7s;
	transition-duration: .7s;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
}
.section-padding-350-50 {
	padding-top: 350px;
	padding-bottom: 50px;
}
.section-padding-0-100 {
	padding-top: 0;
	padding-bottom: 100px;
}
.section-padding-0-70 {
	padding-top: 0;
	padding-bottom: 70px;
}
.section-padding-0-50 {
	padding-top: 0;
	padding-bottom: 50px;
}
.section-padding-200 {
	padding-top: 200px;
	padding-bottom: 200px;
}
.section-padding-100-50 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.section-padding-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}
.section-padding-0-50 {
	padding-top: 0;
	padding-bottom: 50px;
}
.section-padding-100-0 {
    padding-top: 70px;
    padding-bottom: 40px;
}
.mb-65 {
	margin-bottom: 67px
}
.mb-15 {
	margin-bottom: 15px !important;
}
.mb-30 {
	margin-bottom: 30px;
}
.mt-60 {
	margin-top: 60px;
}
.mt-80 {
	margin-top: 80px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-70 {
	margin-bottom: 70px;
}
.mb-100 {
	margin-bottom: 100px;
}
.black-bg {
	background: #222222 !important
}
.white-bg {
	background: #ffffff
}
.bg-gray-cu {
	background: #f5f5ff;
}
.bg-img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.bg-overlay {
	position: relative;
	z-index: 1;
}
.bg-overlay::before {
	position: absolute;
	content: "";
	background-color: #eda985;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.80;
}
.bg-overlay-3 {
	position: relative;
	z-index: 1;
}
.bg-overlay-3::before {
	position: absolute;
	content: "";
	background-color: #4527a4;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.40;
}
.bg-overlay-4 {
	position: relative;
	z-index: 1;
}
.bg-overlay-4::before {
	position: absolute;
	content: "";
	background: #1f2749;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.60;
}
.bg-overlay-5 {
	position: relative;
	z-index: 1;
}
.bg-overlay-5::before {
	position: absolute;
	content: "";
	background: rgba(26, 31, 36, 0.7);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.bg-overlay-6 {
	position: relative;
	z-index: 1;
}
.bg-overlay-6::before {
	position: absolute;
	content: "";
	background-color: #4527a4;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.90;
}
#scrollUp {
	width: 35px;
	height: 35px;
	background-color: #400200;
	bottom: 30px;
	right: 30px;
	color: #fff;
	text-align: center;
	font-size: 24px;
	line-height: 38px;
	-webkit-box-shadow: 0 1px 26px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 26px 0 rgba(0, 0, 0, 0.15);
}
.theme-bg {
	background: #4527a4;
}
.opacity-6 {
	opacity: 0.6;
}
.opacity-1 {
	opacity: 0.1;
}
.overlay2 {
	position: relative;
	z-index: 0
}
.overlay2::before {
	position: absolute;
	content: "";
	background-color: #222222;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.5
}
.pt-120 {
	padding-top: 120px
}
.mt-20 {
	margin-top: 20px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-50 {
	margin-top: 50px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mt-we-70 {
	margin-top: 70px;
}
.section-padding-100-70 {
	padding-top: 100px;
	padding-bottom: 70px;
}
.section-padding-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.btn-box a {
	position: relative;
	display: inline-block;
	overflow: hidden;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 1);
	border-radius: 30px;
	text-align: center;
	padding: 13px 50px;
	z-index: 1;
}
.btn-box a::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #fff;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.2, 1);
	-ms-transform: scale(0.2, 1);
	transform: scale(0.2, 1);
	z-index: -1;
}
.btn-box a:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}
.btn-box a:hover {
	color: #4527a4;
}
.sosa-btn {
	background: #4527a4;
	height: 46px;
	min-width: 150px;
	line-height: 46px;
	color: #fff;
	text-align: center;
	display: inline-block;
	padding: 0;
	font-weight: 500;
	letter-spacing: 0.6px;
	font-size: 14px;
	text-transform: capitalize;
	border-radius: 22.5px;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}
.sosa-btn:hover {
	background-color: #7202bb;
	color: #fff;
}
.btn.focus, .btn:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.sosa-btn-2 {
	background-color: transparent;
	height: 55px;
	min-width: 180px;
	line-height: 51px;
	color: #fff;
	border: 2px solid #fff;
	text-align: center;
	display: inline-block;
	padding: 0;
	font-weight: 500;
	letter-spacing: 0.6px;
	font-size: 17px;
	text-transform: capitalize;
	border-radius: 30px;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}
.sosa-btn-2:hover {
	background-color: #4527a4;
	border-color: #4527a4;
	color: #fff;
	-webkit-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.17);
	box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.17);
}
.underline-hover {
	color: #4527a4;
	font-weight: 400;
	font-size: 16px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
.underline-hover:hover {
	text-decoration: underline;
	color: #3836bd
}
.theme-btn-two {
	position: relative;
	display: inline-block;
	overflow: hidden;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	background: #400000;
	border-radius: 2px;
	text-align: center;
	padding: 10px 30px;
	cursor: pointer;
	z-index: 1;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.theme-btn-two:hover {
	color: #fff;
	background: #000;
	font-weight: 500;
}
.fill-primary {
	fill: #4527a4;
}
.fill-white {
	fill: #4527a4;
}
.bg-gra {
	background: -o-linear-gradient(top, #c8e7ff 0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#c8e7ff), to(#fff));
	background: linear-gradient(180deg, #c8e7ff 0%, #fff 100%);
}
.position-absolute- {
	position: absolute !important;
	bottom: -7px;
	left: 0;
}
.position-absolute-2 {
	position: absolute !important;
	top: 0;
	left: 0;
}
.section-title {
	margin-bottom: 20px;
}
.section-title p {
	font-size: 16px;
	margin-bottom: 15px;
}
.section-title.t_center {
	text-align: center;
}
.section-title h6 {
	position: absolute;
	left: 0px;
	right: 0;
	font-size: 100px;
	top: -40px;
	color: #eef0fe;
	z-index: -1;
	font-weight: 500;
}
.section-title h5 {
	font-size: 15px;
	margin: 0;
	text-transform: capitalize;
	color: #4527a4;
	margin: 0 0 20px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.section-title h2 {
	font-size: 36px;
	margin-bottom: 8px;
	text-transform: capitalize;
	margin-top: 0;
	line-height: 1.2;
}
.our-service-area p {
	margin-bottom: 7px !important;
}
.our-service-area h4 {
	color: #F60 !important;
	margin-bottom: 0px !important;
}
.our-service-area h5 {
	color: #000 !important;
	font-weight: 700;
	line-height: 50px;
	margin-bottom: 0px !important;
}
.outer-box {
	border: 1px dotted #CCC;
	margin-left: 6%;
	margin-right: 6%;
}
.contact-our-area p {
	margin-bottom: 0px !important;
}
@media only screen and (max-width:480px) {
	.accordion-item__container img{
		padding-bottom:5px !important;
	}
	.zoom-gallery img{
		padding-bottom:5px !important;
	}
}
@media only screen and (max-width:425px) {
	.adout-exhi p {
   
    padding: 10px 0 !important;
}
}
 @media (min-width: 480px) and (max-width: 575px) {
.section-heading h4 {
	font-size: 28px;
	line-height: 1.3;
}
.section-heading h6 {
	margin-bottom: 6px;
}
.adout-exhi p {
    text-align: justify !important;
    padding: 10px 30px !important;
}
}
.max-width-none-cu {
	max-width: none;
}
.mb-50 {
	margin-bottom: 50px;
}
.font-16 {
	font-size: 16px;
}
.welcome-btn {
	height: 50px;
	min-width: 150px;
	line-height: 48px;
	padding: 0;
	text-align: center;
	display: inline-block;
	font-size: 15px;
	color: #fff;
	background-color: #4527a4;
	border-radius: 2px;
	font-weight: 500;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	border-radius: 5px;
}
.welcome-btn:hover {
	color: #222;
	background-color: #fff;
}


/* :: Preloader CSS */

#preloader {
	background-color: #1f2749;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999;
	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;
}
.lds-default {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-default div {
	position: absolute;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
	-webkit-animation: lds-default 1.2s linear infinite;
	animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	top: 37px;
	left: 66px;
}
.lds-default div:nth-child(2) {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
	top: 22px;
	left: 62px;
}
.lds-default div:nth-child(3) {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
	top: 11px;
	left: 52px;
}
.lds-default div:nth-child(4) {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
	top: 7px;
	left: 37px;
}
.lds-default div:nth-child(5) {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
	top: 11px;
	left: 22px;
}
.lds-default div:nth-child(6) {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
	top: 22px;
	left: 11px;
}
.lds-default div:nth-child(7) {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
	top: 37px;
	left: 7px;
}
.lds-default div:nth-child(8) {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
	top: 52px;
	left: 11px;
}
.lds-default div:nth-child(9) {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
	top: 62px;
	left: 22px;
}
.lds-default div:nth-child(10) {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
	top: 66px;
	left: 37px;
}
.lds-default div:nth-child(11) {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
	top: 62px;
	left: 52px;
}
.lds-default div:nth-child(12) {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
	top: 52px;
	left: 62px;
}
 @-webkit-keyframes lds-default {
 0%,  20%,  80%,  100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(1.5);
 transform: scale(1.5);
}
}
 @keyframes lds-default {
 0%,  20%,  80%,  100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(1.5);
 transform: scale(1.5);
}
}
.we-offer-thumb {
	padding-right: 50px;
}
/* :: Header Area CSS */

.header-area {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	top: 0;
	z-index: 99;
}
 @media (max-width: 767px) {
.header-area {
	padding-top: 0;
}
.offset-3 {
    margin-left: 0 !important;
}
}
 @media (min-width: 768px) and (max-width: 991px) {
.header-area {
	padding-top: 0;
}
}
.header-area .main-header-area .appointment {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-webkit-box-pack: end;
	justify-content: flex-end;
	-ms-flex-pack: flex-end;
}
.header-area .main-header-area .appointment .socail_links ul li {
	display: inline-block;
}
.header-area .main-header-area .appointment .socail_links ul li a {
	color: #A8A7A0;
	margin: 0 10px;
	font-size: 15px;
}
.header-area .main-header-area .appointment .socail_links ul li a:hover {
	color: #fff;
}
.header-area .main-header-area .appointment .book_btn a:hover {
	background: #fff;
	color: #234262;
	border: 1px solid #234262;
}
.header-area .main-header-area .main-menu {
	text-align: center;
}
.header-area .main-header-area .main-menu ul li {
	display: inline-block;
	position: relative;
	margin: 0 10px;
}
.header-area .main-header-area .main-menu ul li a {
	color: #400000;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 400;
	display: inline-block;
	padding: 30px 0px 30px 0px;
	position: relative;
	text-transform: capitalize;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}
.header-area .main-header-area .main-menu ul li a:hover {
	color: #fff;
}
 @media (min-width: 992px) and (max-width: 1200px) {
.header-area .main-header-area .main-menu ul li a {
	font-size: 16px;
}
}
 @media (min-width: 1200px) and (max-width: 1500px) {
.header-area .main-header-area .main-menu ul li a {
	font-size: 16px;
}
}
.header-area .main-header-area .main-menu ul li a i {
	font-size: 9px;
}
 @media (max-width: 767px) {
.header-area .main-header-area .main-menu ul li a i {
	display: none !important;
}
}
 @media (min-width: 768px) and (max-width: 991px) {
.header-area .main-header-area .main-menu ul li a i {
	display: none !important;
}
}
.slicknav_icon-bar {
	background-color: #fff !important;
}
.header-area .main-header-area .main-menu ul li .submenu {
	position: absolute;
	left: 0;
	top: 120%;
	background: #fff;
	width: 200px;
	z-index: 2;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.06), -2px 0px 5px 1px rgba(0, 0, 0, 0.06);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.06), -2px 0px 5px 1px rgba(0, 0, 0, 0.06);
	opacity: 0;
	visibility: hidden;
	text-align: left;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	border-radius: 3px;
}
.header-area .main-header-area .main-menu ul li .submenu li {
	display: block;
}
.header-area .main-header-area .main-menu ul li .submenu li a {
	padding: 10px 15px;
	position: inherit;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	display: block;
	color: #111;
	font-size: 15px;
}
.header-area .main-header-area .main-menu ul li .submenu li a:hover {
	color: #4527a4;
}
.mobile_menu {
	top: 0;
}
.slicknav_nav {
	border-radius: 3px;
	padding: 15px;
	-webkit-box-shadow: 0px 11px 20px 0px rgba(38, 59, 94, 0.2);
	box-shadow: 0px 11px 20px 0px rgba(38, 59, 94, 0.2);
	top: -22px;
	position: relative;
}
.slicknav_nav a {
	font-size: 14px;
	font-weight: 500;
	color: #111;
	border-bottom: 1px solid #e9e9e9;
	padding: 8px 15px;
}
.slicknav_nav .slicknav_item a {
	border: none;
}
.slicknav_menu .slicknav_nav a:hover {
	background: transparent;
	color: #4527a4;
}
.slicknav_nav .slicknav_arrow {
	font-size: 20px;
	margin: 0;
	line-height: 20px;
}
.slicknav_nav .slicknav_row {
	padding: 8px 15px;
	margin: 2px 5px;
}
.slicknav_item.slicknav_row i {
	display: none;
}
.logo a img {
	width: 192px;
}
.header-area .main-header-area .main-menu ul li .submenu li a::before {
	display: none;
}
.header-area .main-header-area .main-menu ul li .submenu li:hover a {
	color: #4527a4;
}
.header-area .main-header-area .main-menu ul li:hover > .submenu {
	opacity: 1;
	visibility: visible;
	top: 100%;
}
.header-area .main-header-area .main-menu ul li:first-child a {
	padding-left: 0;
}
 @media (min-width: 992px) and (max-width: 1200px) {
.header-area .main-header-area .main-menu ul li:last-child a {
	margin-right: 30px;
}
}
 @media (min-width: 1200px) and (max-width: 1500px) {
.header-area .main-header-area .main-menu ul li:last-child a {
	margin-right: 30px;
}
}
.header-area .main-header-area.sticky {
	-webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
	position: fixed;
	width: 100%;
	top: -70px;
	left: 0;
	right: 0;
	z-index: 2;
	-webkit-transform: translateY(70px);
	-ms-transform: translateY(70px);
	transform: translateY(70px);
	-webkit-transition: background 500ms ease, -webkit-transform 500ms ease;
	transition: background 500ms ease, -webkit-transform 500ms ease;
	-o-transition: transform 500ms ease, background 500ms ease;
	transition: transform 500ms ease, background 500ms ease;
	transition: transform 500ms ease, background 500ms ease, -webkit-transform 500ms ease;
	-webkit-transition: transform 500ms ease, background 500ms ease;
	box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
	background-color: #eda985;
}
.header-area .main-header-area.sticky .main-menu ul li .submenu {
	background-color: #fff;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}
.header-area .main-header-area.sticky .main-menu ul li .submenu li a {
	color: #111;
}
.header-area .main-header-area.sticky .main-menu ul li .submenu li:hover a {
	color: #4527a4;
}
 @media (max-width: 767px) {
.header-area .main-header-area.sticky {
	padding: 20px 10px;
}
}
 @media (min-width: 768px) and (max-width: 991px) {
.header-area .main-header-area.sticky {
	padding: 20px 10px;
}
}
 @media (min-width: 992px) and (max-width: 1200px) {
.header-area .main-header-area.sticky {
	padding: 0px 20px;
}
}
 @media (min-width: 1200px) and (max-width: 1500px) {
.header-area .main-header-area.sticky {
	padding: 0px 20px;
}
}
.header-area .main-header-area.sticky .main-menu {
	padding: 0;
}
.header-area .header-top_area {
	padding: 11px 150px;
	background: #232637;
}
 @media (max-width: 767px) {
.header-area .header-top_area {
	padding: 10px 10px;
}
}
 @media (min-width: 768px) and (max-width: 991px) {
.header-area .header-top_area {
	padding: 10px 10px;
}
}
 @media (min-width: 992px) and (max-width: 1200px) {
.header-area .header-top_area {
	padding: 11px 50px;
}
}
 @media (min-width: 1200px) and (max-width: 1500px) {
.header-area .header-top_area {
	padding: 11px 50px;
}
}
 @media (max-width: 767px) {
.header-area .header-top_area .header_top_wrap {
	display: block !important;
	text-align: center;
}
}
.header-area .header-top_area .header_top_wrap p {
	margin-bottom: 0;
	font-size: 14px;
	color: #ffffff;
}
.header-area .header-top_area .header_top_wrap p span {
	color: #fff;
}
.header-area .header-top_area .header_top_wrap p span i {
	margin-right: 3px;
}
.header-area .header-top_area .header_top_wrap .text_wrap p a {
	color: #fff;
	font-size: 14px;
}
.header-area .header-top_area .header_top_wrap .text_wrap a:last-child {
	margin-left: 30px;
	padding-left: 30px;
	position: relative;
}
 @media (max-width: 767px) {
.header-area .header-top_area .header_top_wrap .text_wrap a:last-child {
	margin-left: 10px;
	padding-left: 10px;
	position: relative;
}
}
.header-area .header-top_area .header_top_wrap .text_wrap a:last-child::before {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 13px;
	background: #fff;
	content: '';
}
.btn.dropdown-toggle {
	-webkit-transition-duration: 700ms;
	-o-transition-duration: 700ms;
	transition-duration: 700ms;
	color: #fff;
	font-weight: 500;
}
.btn.header-btn {
	background-color: #fff;
	padding: 7px 20px;
	border-radius: 3px;
	font-size: 14px;
	color: #222;
	font-weight: 500;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}
.btn.header-btn:hover {
	background-color: #4527a4;
	color: #fff;
}
.btn.header-btn.two {
	background-color: #4527a4;
	color: #fff;
}
.btn.header-btn.two:hover {
	background-color: #4527a4;
	color: #fff;
}
.dropdown-item {
	font-weight: 500;
	font-size: 14px;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #4527a4;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}
.header-area.home-2 .main-header-area {
	background-color: transparent;
}
.header-area.home-2 {
	position: absolute;
}
.header-area.home-5 {
	position: absolute;
}
.header-area.home-5 .main-header-area {
	background-color: transparent;
}
.header-area.home-2 .main-header-area.sticky {
	background-color: #4527a4;
}
.header-area.home-5 .main-header-area.sticky {
	background-color: #4527a4;
}
.header-area.home-3 {
	border-bottom: 1px solid #ebebeb;
	position: relative;
}
.header-area.home-3 .main-header-area {
	background-color: #fff;
}
.header-area.home-3 .main-header-area .main-menu ul li a {
	color: #111;
}
.header-area.home-3 .btn.dropdown-toggle {
	color: #111;
}
.header-area.home-3 .slicknav_icon-bar {
	background-color: #3836bd !important;
}
/* ---- Site Menu ---- */

.site-menu-area {
	position: absolute;
	right: 40px;
	top: 26px;
	z-index: 9999;
}
.site-menu {
	display: block;
	background: #400200;
	right: 0;
	z-index: 9999;
	position: fixed;
	width: 500px;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	bottom: 0;
	top: 0;
	-webkit-box-shadow: 0 -20px 20px -5px rgba(0, 0, 0, 0.05);
	box-shadow: 0 -20px 20px -5px rgba(0, 0, 0, 0.05);
	min-height: 300px;
	overflow: auto;
}
.site-menu ul {
	position: relative;
	margin-top: 150px;
	margin-bottom: 50px;
}
.site-menu ul > li {
	list-style: none;
	visibility: hidden;
	opacity: 0;
	padding: 0 30px;
	margin: 0 0 20px 0;
	top: -20px;
	position: relative;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}
.site-menu ul > li.is-show {
	visibility: visible;
	opacity: 1;
	top: 0px;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}
.site-menu ul > li a {
	color: #fff;
	font-size: 20px;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}
.site-menu ul > li a:hover {
	color: #fff;
}
.site-menu.site-menu-show {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.bg-slant-white {
	position: relative;
}
.bg-slant-white:after {
	z-index: 1;
	background: #fff;
	content: "";
	-webkit-transform: rotate(-5deg) translateX(-50%);
	-ms-transform: rotate(-5deg) translateX(-50%);
	transform: rotate(-5deg) translateX(-50%);
	width: 120%;
	position: absolute;
	bottom: 0;
	height: 200px;
	left: 50%;
}
.bg-slant-white.bg-light:after {
	background: #f8f9fa;
}
.site-logo-wrap {
	position: relative;
	z-index: 1021;
}
/* Site Header */
.site-header {
	padding: 3em 30px;
	position: absolute;
	top: 0;
	z-index: 900;
	width: 100%;
}
.site-header .site-logo {
	line-height: 0;
	padding: 2px 10px;
	border: 2px solid #111;
	color: #111;
	font-size: 30px;
	font-weight: bold;
}
.site-header .social li {
	display: inline-block;
}
.site-header .social li a {
	color: #111;
	padding: 0 10px;
}
.site-header .heading {
	color: #fff;
}
.site-header.scrolled {
	position: fixed;
	padding: 1em 30px;
	top: 0;
	background: #fff;
	-webkit-transition: .0s all ease;
	-o-transition: .0s all ease;
	transition: .0s all ease;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
.site-header.scrolled .social {
	margin-top: 10px;
}
.site-header.scrolled .social li a {
	color: #111;
}
.site-header.scrolled .site-logo {
	line-height: 1.5;
	display: inline-block;
	position: relative;
	padding: 2px 10px;
	border: 2px solid #111;
	color: #fff;
	background: #111;
	font-size: 30px;
}
.site-header.scrolled .site-nav-toggle {
	top: -5px !important;
}
.site-header.awake {
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}
.site-header.sleep {
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
.menu-burger-wrap {
	position: relative;
	z-index: 1000;
}
.site-nav-toggle {
	width: 30px;
	height: 30px;
	cursor: pointer;
	text-decoration: none;
	position: relative;
	top: 0;
	z-index: 99;
	display: block !important;
	float: right;
	right: 0;
	display: none;
	border-bottom: none !important;
}
.site-nav-toggle i {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 2px;
	text-transform: uppercase;
	text-indent: -55px;
	background: #fff;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.site-nav-toggle i::before {
	top: -7px;
}
.site-nav-toggle i::before, .site-nav-toggle i::after {
	content: '';
	width: 20px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.site-nav-toggle i::after {
	bottom: -7px;
}
.site-menu-area:hover .site-nav-toggle i::before, .site-menu-area:hover .site-nav-toggle i::after {
	width: 30px;
}
.site-nav-toggle i, .site-nav-toggle i::before, .site-nav-toggle i::after {
	background: #fff !important;
}
.site-nav-toggle-close i::before, .site-nav-toggle-close i::after {
	content: '';
	width: 30px;
	height: 2px;
	background: #fff;
	position: absolute;
	right: 50px;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.site-nav-toggle-close i::after {
	bottom: 0;
	-webkit-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}
.site-nav-toggle-close i::before {
	top: 0;
	-webkit-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.site-menu-close-btn {
	cursor: pointer;
}
.site-menu-close-btn:hover .site-nav-toggle-close i::after, .site-menu-close-btn:hover .site-nav-toggle-close i::before {
	background-color: #4527a4;
}
.menu-icon {
	color: #400000;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}
.menu-icon-2 {
	color: #EDAB85;
	margin: 20px;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}
.menu-icon:hover, .menu-icon-2:hover {
	color: #fff;
}
/* ---- Single Menu css ---- */

.custom_nav_menu {
	padding: 15px 0px;
	width: 100%;
	border-radius: 0px;
	z-index: 999;
	margin-bottom: 0px;
	background-color: #4527a4;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border-bottom: 1px solid rgba(96, 70, 254, 0.80);
}
.custom_nav_menu .social_menu .list-inline-item:not(:last-child) {
	margin-right: 8px;
}
.custom_nav_menu .navbar-nav li a {
	color: #fff;
	font-size: 15px;
	background-color: transparent !important;
	padding: 15px 0;
	margin: 0 15px;
	font-weight: 500;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	cursor: pointer;
}
.navbar-toggler {
	font-size: 28px;
	margin-top: 5px;
	margin-bottom: 0px;
	color: #ffffff;
}
.stickyadd .navbar-nav {
	margin-top: 0px;
}
.stickyadd.custom_nav_menu .navbar-nav li a {
	color: #ffffff;
}
.custom_nav_menu .navbar-brand.logo img {
	height: 26px;
}
.stickyadd.custom_nav_menu {
	margin-top: 0px;
	padding: 8px 0px;
	background-color: #4527a4;
	-webkit-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
}
.custom_nav_menu .navbar-nav li.active a, .custom_nav_menu .navbar-nav li a:hover, .custom_nav_menu .navbar-nav li a:active {
	color: #f52a50 !important;
}
.navbar-toggle {
	font-size: 24px;
	margin-top: 5px;
	margin-bottom: 0px;
	color: #ffffff;
}
.custom_nav_menu .btn-custom {
	margin-top: 5px;
	margin-bottom: 5px;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background-color: transparent;
	border-color: #337ab7;
}
.logo .logo-light {
	display: inline-block;
}
.stickyadd .logo .logo-dark {
	display: inline-block;
}
.stickyadd .logo .logo-light {
	display: none;
}
.logo .logo-dark {
	display: none;
}
.custom_nav_menu.home-2 {
	background-color: transparent;
}
.stickyadd.custom_nav_menu.home-2 {
	border-bottom: none;
}
.custom_nav_menu.home-3.sticky {
	background-color: transparent;
	border-bottom: none;
}
.custom_nav_menu.home-3 .navbar-nav li a {
	color: #111;
}
.custom_nav_menu.home-3 .btn.dropdown-toggle {
	color: #111;
}
.navbar.navbar-expand-lg.fixed-top.custom_nav_menu.home-3.sticky.stickyadd {
	background-color: #fff;
}
.navbar-brand.logo {
	padding-top: 0;
}
.custom_nav_menu.home-5.sticky {
	background-color: transparent;
}
.header-area.menu-white {
	background-color: #fff;
	border-bottom: none;
	position: relative;
}
.header-area.menu-white .main- .main-menu ul li a {
	color: #111;
}
.header-area.menu-white .main-header-area .main-menu ul li a:hover {
	color: #4527a4;
}
.header-area.menu-white .main-header-area.sticky .main-menu ul li a {
	color: #111;
}
.header-area.menu-white .main-header-area.sticky .main-menu ul li a:hover {
	color: #4527a4;
}
.header-area.dark-menu {
	background-color: rgba(30, 22, 102, 0.10);
	border-bottom: none;
}
.header-area.menu-white .main-header-area.sticky {
	background-color: #fff;
}
/* :: Welcome Area CSS */

.welcome-area {
	height: 100vh;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.welcome-area.four {
	height: 100vh;
}
.welcome-area.home-2 {
	height: 100vh;
}
#particles-js canvas.particles-js-canvas-el {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	z-index: -1;
}
#particles-js {
	height: 100vh;
	width: 100%;
	position: relative;
	z-index: 1;
}
.scroll_down {
	position: absolute;
	bottom: 5vh;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 13px;
	z-index: 8;
}
.scroll_down i {
	position: relative;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
	height: 44px;
	width: 28px;
	line-height: 54px;
	border-radius: 20px;
	border: 2px solid #ffffff;
	display: inline-block;
	color: #fff;
	font-size: 10px;
}
.scroll_down i::after {
	content: "";
	position: absolute;
	top: 22px;
	left: 11px;
	border-radius: 2px;
	z-index: -1;
	bottom: 0px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	height: 10px;
	width: 3px;
	background: #fff;
}
.welcome-content h5 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 5px;
}
.welcome-content-2 h3 {
	font-size: 50px;
	margin-bottom: 15px;
	color: #fff;
}
.welcome-content-2 h3 span {
	font-weight: 400;
}
.welcome-content-2 p {
	font-size: 18px;
	margin-bottom: 40px;
	color: #fff;
}
.welcome-content h3 {
	font-size: 52px;
	color: #400000;
	text-transform: capitalize;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
	line-height: 60px;
}
.welcome-content p {
	color: #fff;
	font-size: 15px;
	line-height: 30px;
}
.welcome-thumb-area img {
	border-radius: 30px;
}
.bg-wel-thumb-1 {
	position: absolute;
	top: 50%;
	z-index: -1;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-animation: mymove 12s infinite;
	animation: mymove 12s infinite;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
.curv-bg-img {
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
}
 @-webkit-keyframes mymove {
 from {
 left: -1400px;
}
to {
	left: 100%;
}
}
 @keyframes mymove {
 from {
 left: -1400px;
}
to {
	left: 100%;
}
}
.ml7 {
	position: relative;
	font-weight: 900;
	font-size: 3.7em;
}
.ml7 .text-wrapper {
	position: relative;
	display: inline-block;
	padding-top: 0.2em;
	padding-right: 0.05em;
	padding-bottom: 0.1em;
	overflow: hidden;
}
.ml7 .letter {
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%;
	display: inline-block;
	line-height: 1em;
}
.welcome-banner-shape {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	margin: auto;
	z-index: 1;
}
.welcome-thumb-2 {
	position: relative;
	z-index: 9;
}
.welcome-area- .owl-nav .owl-prev, .welcome-area- .owl-nav .owl-next {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 22;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 26px;
	-webkit-box-shadow: 0 20px 40px rgba(42, 38, 45, .40);
	box-shadow: 0 20px 40px rgba(42, 38, 45, .40);
	color: #fff;
	height: 100px;
	width: 50px;
	line-height: 100px;
	text-align: center;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}
.welcome-area- .owl-nav .owl-next {
	right: 0;
	left: auto;
	border-radius: 5px 0 0 5px;
}
.welcome-area- .owl-nav .owl-prev {
	border-radius: 0 5px 5px 0;
}
.welcome-area- .owl-nav .owl-prev:hover, .welcome-area- .owl-nav .owl-next:hover {
	background-color: #4527a4;
}
.curve-image {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.welcome-bg-thumb {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.welcome-bg-thumb-2 {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.welcome-thumb {
	top: 34%;
	left: -16%;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-name: bounce_fountainG;
	animation-name: bounce_fountainG;
	-webkit-animation-duration: 43s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	animation-direction: normal;
}
.animation-thumb {
	top: 34%;
	left: -16%;
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
	-webkit-animation-name: bounce_fountainG;
	animation-name: bounce_fountainG;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	animation-direction: normal;
}
 @-webkit-keyframes bounce_fountainG {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 50% {
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes bounce_fountainG {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 50% {
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.p-10px {
	padding: 10px;
}
.white-bg {
	background-color: #ffffff;
}
.anim-icons .icon-17 {
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-animation: zoom-fade 5s infinite linear;
	animation: zoom-fade 5s infinite linear;
}
.anim-icons .icon-18 {
	right: 0;
}
.welcome-content-3 h6 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-bottom: 20px;
}
.welcome-content-3 h3 {
	font-size: 54px;
	color: #fff;
	margin-bottom: 20px;
}
.welcome-content-3 p {
	font-size: 18px;
	color: #fff;
	margin-bottom: 40px;
}
.clip-home-area {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 83%, 50% 100%, 0 83%);
	clip-path: polygon(0 0, 100% 0, 100% 83%, 50% 100%, 0 83%);
	position: relative;
}
.welcome-content-4 h3 {
	font-size: 48px;
	color: #fff;
	margin-bottom: 15px;
	position: relative;
	z-index: 1;
	font-weight: 500;
}
.welcome-content-4 p {
	color: #fff;
	font-size: 18px;
	margin-bottom: 40px;
}
.welcome-content-home-5 h3 {
	font-size: 50px;
	color: #fff;
	margin-bottom: 15px;
}
.welcome-content-home-5 h5 {
	color: #fff;
	font-weight: 400;
	margin-bottom: 40px;
}
.welcome-content-home-5 p {
	color: #fff;
	font-size: 18px;
}
.welcome-area.three {
	height: 100vh;
}
.welcome-content.home-6 {
	margin-top: 60px;
}
/* ----- Single Card area ----- */

.single-card-content {
	padding: 70px 30px 40px 30px;
	overflow: hidden;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	position: relative;
	z-index: 1;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.04);
}
.single-card-area .icon-area {
	font-size: 50px;
	line-height: 50px;
	margin-bottom: 15px;
	color: #4527a4;
}
.single-card-content h5 {
	font-weight: 500;
}
.single-card-content p {
	margin-bottom: 0;
}
.single-card-content a {
	margin-top: 20px;
	display: block;
	color: #072366;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}
.single-card-content a:hover {
	color: #4527a4;
}
.single-card-content a i {
	font-size: 11px;
	line-height: 11px;
}
.single-card-content::after {
	position: absolute;
	content: '';
	background: rgba(31, 39, 73, 0.04);
	width: 470px;
	height: 470px;
	right: -145px;
	bottom: -470px;
	border-radius: 50%;
	z-index: -1;
	-webkit-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
}
.single-card-content::before {
	position: absolute;
	content: '';
	background: rgba(31, 39, 73, 0.04);
	width: 470px;
	height: 470px;
	right: -115px;
	bottom: -470px;
	border-radius: 50%;
	transition-duration: 500ms;
}
.single-card-content:hover::before {
	bottom: -270px;
}
.single-card-content:hover::after {
	bottom: -330px;
}
.feature-text {
	position: relative;
	z-index: 2;
}
/* ----- About us area ----- */

.about-area-content h2 {
	font-size: 40px;
	margin-bottom: 20px;
}
.about_image {
	display: block;
	position: relative;
	z-index: 1;
}
.small_thumb {
	bottom: 0;
	height: auto;
	left: 170px;
	position: absolute;
	width: auto;
	z-index: -5;
}
.about-area-content h6 {
	font-size: 18px;
}
.about-thumb {
	position: relative;
	z-index: 1;
}
.about-desc-area h4 {
	color: #4527a4;
}
.about-desc-area span {
	color: #072366;
	font-weight: 500;
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
}
.video-icon.home-6 a {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
}
.video-icon.home-5 {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 9;
	margin-top: 0;
	cursor: pointer;
}
.video-icon.home-5 a i {
	background: #fff;
	color: #4527a4;
	height: 80px;
	width: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 50%;
}
.video-content-area {
	position: relative;
	z-index: 1;
}
.video-icon {
	position: relative;
	z-index: 1;
	text-align: center;
}
.video-icon.home-6 a i {
	background: #fff;
	color: #4527a4;
	height: 80px;
	width: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 50%;
}
.video-icon-2 {
	position: relative;
	z-index: 1;
	text-align: center;
	margin-left: 30px;
}
.video-icon-2.home-7 a i {
	background: #fff;
	color: #4527a4;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
}
.video-icon-2.home-7 a {
	color: #4527a4;
}
.video-btn::after {
	content: "";
	position: absolute;
	top: 0;
	height: 80px;
	width: 80px;
	line-height: 80px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 50%;
	-webkit-animation: pulse-border 1500ms ease-out infinite;
	animation: pulse-border 1500ms ease-out infinite;
	pointer-events: none;
	z-index: -1;
}
.video-btn.white::after {
	background: #ffffff;
}
 @-webkit-keyframes pulse-border {
 0% {
 -ms-transform: scale(0.8);
 -webkit-transform: scale(0.8);
 transform: scale(0.8);
 opacity: 1;
}
 100% {
 -ms-transform: scale(2);
 -webkit-transform: scale(2);
 transform: scale(2);
 opacity: 0;
}
}
 @keyframes pulse-border {
 0% {
 -ms-transform: scale(0.8);
 -webkit-transform: scale(0.8);
 transform: scale(0.8);
 opacity: 1;
}
 100% {
 -ms-transform: scale(2);
 -webkit-transform: scale(2);
 transform: scale(2);
 opacity: 0;
}
}
.video-content {
	padding-left: 30px;
}
.video-content h4 {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 20px;
}
.video-content p {
	font-size: 15px;
	margin-bottom: 0;
}
.call-to-action-btn a {
	padding: 8px 30px;
	text-align: center;
	display: inline-block;
	background-color: #2f23fd;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
	margin-top: 30px;
}
.about-content-4 h2 {
	margin-bottom: 20px;
	font-size: 40px;
	font-weight: 600;
}
.about-content-4 h2 span {
	color: #4527a4;
}
.why-area-content h2 {
	font-size: 40px;
	margin-bottom: 20px;
	font-weight: 600;
}
.we-know-content ul li {
	color: #fff;
	font-size: 16px;
	margin-bottom: 15px;
}
.we-know-content ul li i {
	font-size: 18px;
	margin-right: 5px;
}
/* ----- Home - 6 ----- */

.welcome-area.home-7 {
	height: 900px;
	overflow: hidden;
}
.subscribe-form-wrapper .newsletter-form {
	width: 450px;
}
.newsletter-form .input-group > input[type="email"].form-control {
	border-radius: 30px 0 0 30px;
	text-indent: 10px;
}
.solid-btn {
	color: #fff;
	-webkit-box-shadow: 0 20px 30px 0 rgba(67, 37, 204, .2);
	box-shadow: 0 20px 30px 0 rgba(67, 37, 204, .2);
	background-color: #4527a4;
	border-radius: 30px;
	padding: 0 20px;
}
.solid-btn:hover {
	background: #2f23fd;
	color: #ffffff;
	border-color: #2f23fd;
}
/* ----- Animation ----- */

.anim-icons .icon {
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.25;
}
.anim-icons .icon-1 {
	left: 110px;
	top: 110px;
	z-index: -1;
}
.anim-icons .icon-2 {
	left: 90px;
	top: 45%;
	z-index: -1;
}
.anim-icons .icon-3 {
	left: 50%;
	top: 50%;
	z-index: -1;
}
.anim-icons .icon-13 {
	top: 15%;
	right: 15%;
	z-index: -1;
}
.rotate-me {
	animation-name: rotateme;
	animation-duration: 30s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotateme;
	-webkit-animation-duration: 30s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: rotateme;
	-moz-animation-duration: 30s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: rotateme;
	-ms-animation-duration: 30s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-name: rotateme;
	-o-animation-duration: 30s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
}
/* ---- Benifits area ---- */

.single-benifit-area {
	-webkit-transition-duration: 700ms;
	-o-transition-duration: 700ms;
	transition-duration: 700ms;
	padding: 30px;
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12);
}
.single-benifit-area::after {
	position: absolute;
	content: "";
	z-index: 2;
	bottom: 0;
	left: 0;
	height: 3px;
	width: 0;
	background-color: #4527a4;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}
.single-benifit-area .icon i {
	height: 50px;
	width: 50px;
	background-color: #4527a4;
	line-height: 50px;
	color: #fff;
	text-align: center;
	font-size: 24px;
	border-radius: 3px;
	margin-bottom: 20px;
}
.single-benifit-area:hover::after {
	width: 100%;
}
.single-benifit-area:hover {
	background-color: #fff;
	-webkit-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
}
/* ---- Home -3 ---- */

.single-benifit-area .icon-2 i {
	color: #4527a4;
	text-align: center;
	font-size: 44px;
	margin-bottom: 20px;
}
.single-benifit-area.home-3 {
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
/* ---- Home -4 ---- */

.single-benifit-area .icon.home-4 i {
	background-color: #4527a4;
	text-align: center;
	font-size: 30px;
	height: 80px;
	width: 80px;
	line-height: 80px;
	display: inline-block;
	border-radius: 50%;
	margin-bottom: 20px;
}
/* :: Feature Area CSS */

.single-feature-text-area {
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	padding: 20px;
	-webkit-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12);
	position: relative;
	z-index: 1;
}
.single-feature-text-area::before {
	-webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
}
.single-feature-text-area .icon {
	font-size: 50px;
	color: #4527a4;
	margin-right: 15px;
}
.feature-text h4 {
	font-size: 18px;
}
.more-features-thumb .thumb-one {
	position: relative;
	bottom: 65px;
}
.more-features-thumb .thumb-two {
	position: relative;
	top: 40px;
	margin-left: 40px;
}
.more-feature-text h2 {
	font-size: 34px;
}
.bx-tada {
	-webkit-animation: tada 1.5s ease infinite;
	animation: tada 1.5s ease infinite;
}
.single-more-feature-area {
	-webkit-box-shadow: 0px 3px 10px 0px rgba(38, 59, 94, 0.15);
	box-shadow: 0px 3px 10px 0px rgba(38, 59, 94, 0.15);
	padding: 15px;
}
.single-more-feature .icon {
	color: #4527a4;
	font-size: 26px;
	margin-bottom: 10px;
}
.single-more-feature .feature-text h6 {
	font-size: 16px;
}
.text-primary-cu {
	color: #4527a4;
}
/* ----- Home - 3 ----- */

.single-feature-text-area.home-3 {
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}
.content-box .inner-box .single-item {
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: 50px;
	border-radius: 10px;
	padding: 30px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	border: 1px solid #ebebeb;
}
.content-box .inner-box .single-item .bg-layer {
	position: absolute;
	content: "";
	top: 0;
	right: -101%;
	height: 100%;
	width: 100%;
	border-radius: 10px;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	background-size: 101% 101%;
}
.content-box .inner-box .single-item .icon-box {
	position: relative;
	display: inline-block;
	font-size: 40px;
	text-align: center;
	border-radius: 3px;
	margin-bottom: 20px;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	color: #4527a4;
	line-height: 40px;
}
.badge-warning-soft {
	background-color: rgba(235, 47, 6, 0.15);
	color: #4527a4;
	font-weight: 500;
}
.badge-primary-soft {
	background-color: rgba(52, 46, 173, 0.15);
	color: #4527a4;
	font-weight: 500;
}
.badge-success-soft {
	background-color: rgba(40, 167, 69, 0.15);
	color: #28a745;
	font-weight: 500;
}
.badge.custom {
	position: absolute;
	top: 15px;
	z-index: 1;
	right: 15px;
}
.badge {
	display: inline-block;
	padding: 5px 15px;
	font-weight: 500;
	font-size: 14px;
}
.content-box .inner-box .single-item h5 {
	position: relative;
	display: block;
	font-size: 20px;
	color: #161c2d;
	font-weight: 500;
	margin-bottom: 10px;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.content-box .inner-box .single-item h5 a {
	position: relative;
	display: inline-block;
	color: #161c2d;
	font-weight: 500;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}
.content-box .inner-box .single-item h5 a:hover {
	color: #4527a4;
}
.single-item p {
	font-size: 15px;
}
.content-box .inner-box .single-item .text {
	position: relative;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
/* :: Why We Area CSS */

.check-list > li {
	list-style: disc;
}
.about-content h2 {
	font-size: 28px;
}
.about-content h6 {
	color: #4527a4;
	text-transform: uppercase;
}
.single-we-content {
	-webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.04);
	padding: 30px;
	margin-top: 40px;
}
.why-area-content p {
	font-size: 16px;
}
.single-we-content .icon-box {
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	margin-bottom: 15px;
	border-radius: 2px;
}
.single-we-content-text p {
	font-size: 15px;
	margin-bottom: 0;
}
.icon-box.four {
	background-color: #04d39f;
}
.icon-box.two {
	background-color: #d83030;
}
/* ----- Our Service area ---- */

.single-service-content {
	margin-bottom: 50px;
	padding: 50px 20px;
	transition-duration: 500ms;
	position: relative;
	z-index: 1;
	background-color: #fff;
	box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.05);
}
.service-icon {
	color: #fff;
	position: relative;
	z-index: 9;
	height: 80px;
	width: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}
.icon-service {
	height: 40px;
	width: 40px;
	display: inline-block;
	line-height: 80px;
}
.single-service-content:hover {
	background-color: #fff;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}
.service-icon::after {
	position: absolute;
	content: '';
	border: 1px dashed #4527a4;
	width: 80px;
	height: 80px;
	left: 0px;
	top: 0px;
	border-radius: 10px;
	z-index: -1;
}
.service-icon::before {
	position: absolute;
	content: '';
	background: #4527a4;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	border-radius: 10px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	z-index: -1;
}
.service-content h5 {
	margin-top: 30px;
}
.single-service-content:hover .service-icon::before {
	transform: rotate(0deg);
}
/* :: Video Area CSS */

.video-thumb {
	position: relative;
	z-index: 1;
}
.video-icon a i {
	color: #4527a4;
	font-size: 26px;
}
.video-icon a spna {
	font-size: 20px;
}
.p-15px-t {
	padding-top: 15px;
}
.video-icon.home-4 {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 9;
	margin-top: 0;
}
.video-icon.home-4 a i {
	background-color: #4527a4;
	color: #fff;
	height: 80px;
	width: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 50%;
}
/* ---- Tab ---- */

.tab-single-card-content {
	background-color: #4527a4;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.10);
}
.tab-single-card-content h6 {
	font-size: 18px;
	color: #fff;
}
.tab-single-card-content p {
	color: rgba(255, 255, 255, 0.85);
	margin-bottom: 0;
	font-size: 13px;
}
.tab-style-2 .nav {
	margin-bottom: 25px;
	border: none;
	background-color: #4527a4;
	padding: 13px 10px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 10px 80px -10px rgba(44, 54, 92, 0.30);
	box-shadow: 0px 10px 80px -10px rgba(44, 54, 92, 0.30);
}
.tab-style-2 .nav .nav-item {
	margin: auto;
}
.tab-style-2 .nav .nav-item a.active {
	color: #fff;
}
.tab-style-2 .nav .nav-item a {
	padding: 8px 5px;
	font-weight: 500;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.86);
	position: relative;
	display: block;
	text-align: center;
}
#pills-tabContent p {
	font-size: 14px;
}
.tab-style-2 .nav .nav-item a.active::after {
	width: 100%;
}
.tab-style-2 .nav .nav-item a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0px;
	-o-transition: ease-in-out all 0.55s;
	-webkit-transition: ease-in-out all 0.55s;
	transition: ease-in-out all 0.55s;
	height: 2px;
	background: #4527a4;
}
.video-us-text h4 {
	font-size: 34px;
	text-transform: capitalize;
	margin-bottom: 30px;
}
.video-us-text h4 span {
	color: #4527a4;
}
/* :: Focused your business Area CSS */



/* :: Call to action Area CSS */

.call-to-action-area {
	padding: 70px 40px;
	background-color: #4527a4;
	position: relative;
	border-radius: 5px;
	-webkit-box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .30), 0 12px 90px 0 rgba(103, 151, 255, .30);
	box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .30), 0 12px 90px 0 rgba(103, 151, 255, .30);
}
.contact-bg-pattern {
	background-color: #fff;
	padding: 0 30px;
}
.contact_from_area {
	background-color: #F0F1FF;
	padding: 30px;
	border-radius: 3px;
}
 @media (min-width: 320px) and (max-width: 991px) {
.ca-mb-50 {
	margin-bottom: 50px;
}
}
.call-to-title h2 {
	text-transform: uppercase;
}
.single-call-desc-content h4 {
	color: #fff;
	font-size: 22px;
	font-weight: 500;
}
.single-call-desc-content p {
	color: rgba(255, 255, 255, .95);
	margin-bottom: 0;
}
.call-to-action-area::before {
	position: absolute;
	content: "";
	z-index: -1;
	top: -20px;
	left: -20px;
	border: 6px solid #4527a4;
	height: 40px;
	width: 40px;
	border-radius: 5px;
	-webkit-animation: tada 1s ease infinite;
	animation: tada 1s ease infinite;
}
 @media (min-width: 320px) and (max-width: 767px) {
.call-to-action-area::after {
	display: none;
}
.call-to-action-area::before {
	display: none;
}
}
 @-webkit-keyframes loadingD {
 to {
 -webkit-transform: translate();
 transform: translate()
}
from {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
 @keyframes loadingD {
 to {
 -webkit-transform: translate();
 transform: translate()
}
from {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
 @keyframes loadingD {
 to {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg)
}
from {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
.form-control.started {
	height: 50px;
}
.form-control.started {
	height: 60px;
	background-color: #fff;
	border: 1px solid #d9d9d9;
}
.btn.welcome-btn.started {
	height: 60px;
	background-color: #4527a4;
	border-radius: 5px;
}
.btn.welcome-btn.started:hover {
	background-color: #4527a4;
	color: #fff;
}
/*  ---- Home - 2 ---- */
.call-to-text-2 h2 {
	font-size: 50px;
	color: #fff;
}
.call-to-text-2 p {
	font-size: 16px;
	color: #fff;
}
/* :: Set up Area CSS */

.set-up-content-text h6 {
	font-size: 16px;
	color: #4527a4;
	text-transform: uppercase;
}
.set-up-content-text h4 {
	font-size: 32px;
	margin-bottom: 15px;
}
.set-up-content-text p {
	margin-bottom: 20px;
}
.set-up-content-list li {
	margin-bottom: 20px;
	font-size: 14px;
}
 @media (min-width: 320px) and (max-width: 575px) {
.set-up-content-list li {
	font-size: 13px;
}
}
.set-up-content-list li i {
	width: 20px;
	height: 20px;
	display: inline-block;
	background-color: #4527a4;
	border-radius: 50%;
	line-height: 20px;
	text-align: center;
	font-size: 11px;
	color: #fff;
	margin-right: 10px;
}
.set-up-thumb-home-2 {
	top: 34%;
	left: -16%;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-name: bounce_fountainG;
	animation-name: bounce_fountainG;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	animation-direction: normal;
}
 @keyframes bounce_fountainG {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 50% {
 -webkit-transform: translateY(25px);
 transform: translateY(25px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
/* :: Price Table Area CSS */

.single-price-table-area {
	-webkit-box-shadow: 0px 8px 14.72px 1.28px rgba(207, 207, 207, 0.5);
	box-shadow: 0px 8px 14.72px 1.28px rgba(207, 207, 207, 0.5);
	background-color: #fff;
	border-radius: 5px;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	margin-bottom: 50px;
}
.pricing-icon {
	margin-bottom: 20px;
}
.pricing-icon i {
	font-size: 50px;
	height: 100px;
	width: 100px;
	display: inline-block;
	line-height: 100px;
	background-color: #4527a4;
	border-radius: 50%;
	text-align: center;
	color: #fff;
}
.price-table-heading {
	padding: 30px;
	border-bottom: 1px solid #ebebeb;
}
.price-table-heading h6 {
	color: #4527a4;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.price-table-heading h2 {
	margin-bottom: 10px;
	font-size: 32px;
	line-height: 1;
}
.price-table-heading h2 span {
	font-size: 15px;
	font-weight: 500;
	color: #777;
}
.price-table-body {
	padding: 40px 50px;
}
.price-table-body ul li {
	margin-bottom: 25px;
}
.price-table-body ul li span {
	position: relative;
	z-index: 1;
}
/** pricing-style-two **/

.pricing-style-two {
	position: relative;
	background: #f8f6ff;
	padding: 115px 0px 120px 0px;
}
.pricing-table-new {
	border-radius: 5px;
	background-color: #fff;
	-webkit-transition-duration: 700ms;
	-o-transition-duration: 700ms;
	transition-duration: 700ms;
	-webkit-box-shadow: 0 0 55px 0 rgba(84, 72, 163, .10);
	box-shadow: 0 0 55px 0 rgba(84, 72, 163, .10);
}
.pricing-style-two .sec-title {
	margin-bottom: 110px;
}
.pricing-table-new .pricing-table {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 41px 15px 45px 15px;
	border-radius: 30px;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.pricing-table-new .pricing-table .choice-box {
	position: absolute;
	width: 100%;
	left: -115px;
	top: 40px;
	background: #4527a4;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 30px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	opacity: 0;
}
.pricing-table-new .pricing-table .table-header .title {
	position: relative;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 30px;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.pricing-table-new .pricing-table .table-header .text {
	position: relative;
	display: block;
	font-size: 16px;
	margin-bottom: 10px;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.pricing-table-new .pricing-table .table-header .price {
	position: relative;
	display: inline-block;
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 15px;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	line-height: 32px;
	color: #4527a4;
}
.pricing-table-new .pricing-table .table-header .price span {
	font-size: 14px;
	font-weight: 400;
}
.pricing-table-new .pricing-table .table-content {
	position: relative;
	display: block;
	padding: 20px;
}
.pricing-table-new .pricing-table .table-content li {
	position: relative;
	display: block;
	font-size: 15px;
	margin-bottom: 20px;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.table-list-icon {
	margin-right: 10px;
}
.table-icon {
	width: 18px;
	height: 18px;
}
.pricing-table-new .pricing-table .table-content li:last-child {
	margin-bottom: 0px;
}
.pricing-table-new .pricing-table .table-footer a {
	position: relative;
	display: inline-block;
	background: #4527a4;
	font-size: 16px;
	text-align: center;
	padding: 10px 40px;
	border-radius: 30px;
}
.pricing-table-new:hover .pricing-table .table-footer a {
	background: #4527a4;
}
.subscribe-section.home-3 {
	padding-top: 115px;
}
.pricing-table-new:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-box-shadow: 4px -1px 2.1875rem 24px rgba(0, 0, 0, 0.08);
	box-shadow: 4px -1px 2.1875rem 24px rgba(0, 0, 0, 0.08);
}
/* ---- Hot line area css ----- */

.hot-line-area {
	position: relative;
	z-index: 1;
}
.hot-line-thumb {
	position: relative;
	z-index: 1;
}
.hot-line-thumb img {
	border-radius: 5px;
}
.hot-line-content {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: 1px solid rgba(255, 255, 255, 0.30);
	padding: 80px;
}
.hot-line-content h4 {
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.hot-line-content h2 {
	font-size: 54px;
	color: #fff;
	letter-spacing: 5px;
	margin-bottom: 0;
}
.bx-tada {
	-webkit-animation: tada 1.5s ease infinite;
	animation: tada 1.5s ease infinite;
}
/* :: Feature Area CSS */

.features-slider-wrapper {
	padding: 67px 23px 90px 26px;
	background-size: 100%;
	max-width: 350px;
	margin: 0 auto;
}
.feature-icon img {
	width: 70px;
}
/* ----- Login Css Area ----- */

.main-content- {
	min-height: 100vh;
	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;
}
/* :: Single Blog Main Page Area CSS */

.post-meta {
	margin-bottom: 15px;
}
.post-meta a {
	color: #4b5264;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	font-size: 12px;
	font-weight: 500;
}
.post-meta a i {
	font-size: 11px;
	margin-right: 3px;
	line-height: 11px;
}
.post-meta a:hover {
	color: #4527a4;
}
.single-blog-content {
	padding: 20px;
	background-color: #fff;
	z-index: 9;
}
.single-blog-content span {
	font-size: 13px;
	color: #777;
	margin-bottom: 10px;
	display: block;
	text-transform: uppercase;
	font-weight: 500;
}
.blog-thumb img {
	border-radius: 5px;
}
.single-blog-content a h5 {
	font-size: 20px;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
	margin-bottom: 10px;
}
.blog-title a {
	color: #696687;
	margin-bottom: 10px;
	display: inline-block;
}
.post-author {
	font-size: 14px;
	display: inline-block;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	color: #232931;
}
.single-blog-content a h5:hover {
	color: #4527a4;
}
.comments-area h5 {
	margin-bottom: 5px;
}
.comments-area h5 a {
	font-size: 16px;
	color: #072366;
	font-weight: 500;
}
.comment-form h4 {
	font-size: 22px;
	margin-bottom: 30px;
}
.single--content p {
	font-size: 15px;
}
.blog-btn a {
	height: 30px;
	min-width: 100px;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 13px;
	background-color: #4527a4;
	border-radius: 3px;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
	text-transform: capitalize;
}
.blog-btn a:hover {
	background-color: #2f23fd;
}
.blog-thumb {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.blog-thumb img {
	-webkit-transition-duration: 700ms;
	-o-transition-duration: 700ms;
	transition-duration: 700ms;
}
.single-blog-area:hover .blog-thumb img {
	-webkit-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}
.blog-badge a {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 22;
	background-color: #4527a4;
	height: 25px;
	width: 65px;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	font-weight: 500;
	border-radius: 3px;
}
/* :: Counter up Area CSS */

.counter-area {
	position: relative;
	z-index: 1;
}
.counter-area h2 {
	font-size: 44px;
	color: #fff;
	margin-bottom: 50px;
}
.single-counter .icon {
	color: #fff;
	font-size: 34px;
	margin-right: 20px;
}
.counter-number h3 span {
	color: #4527a4;
	font-size: 32px;
}
.counter-number h3 .counter {
	font-size: 30px;
	font-weight: 400;
	color: #232931;
}
.counter-number p {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
}
.single-counter {
	padding: 40px 20px;
	border: 1px solid #ebebeb;
	margin-bottom: 50px;
}
/* ---- Home - 2 ---- */

.single-counter-2 {
	text-align: center;
}
.counter-number-2 h3 {
	font-size: 30px;
	letter-spacing: 1px;
	color: #fff;
	line-height: 30px;
}
.counter-number-2 p {
	font-size: 16px;
	margin-bottom: 0;
	color: #fff;
}
/* ----- Download Area ----- */

.download-app-area {
	overflow: hidden;
}
.download-content h4 {
	font-size: 40px;
	color: #fff;
}
.download-content p {
	font-size: 18px;
	color: #fff;
}
.download-content-3 h2 {
	font-size: 40px;
}
.download-content-3 p {
	font-size: 18px;
}
/* ---- Team Member Area Css ---- */

.single-team-member {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.single-team-member {
	position: relative;
}
.single-team-member img {
	border-radius: 5px;
	position: relative;
}
.member-contact-icon {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 2;
}
.single-team-content {
	background-color: #fff;
	padding: 15px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
	-webkit-transition-duration: 700ms;
	-o-transition-duration: 700ms;
	transition-duration: 700ms;
	position: relative;
	z-index: 22;
	top: -20px;
	margin: 0 20px;
	border-radius: 3px;
}
.single-team-content h5 {
	margin-bottom: 3px;
	font-size: 16px;
	letter-spacing: 0.5px;
}
.single-team-content p {
	font-size: 13px;
	margin-bottom: 0;
}
.member-contact-icon a {
	color: #152c5b;
	font-size: 12px;
	height: 30px;
	width: 30px;
	background-color: #fff;
	display: block;
	text-align: center;
	line-height: 30px;
	border-radius: 3px;
	margin-bottom: 10px;
	-webkit-transition: ease opacity 0.4s;
	-o-transition: ease opacity 0.4s;
	transition: ease opacity 0.4s;
	opacity: 0;
}
.member-contact-icon a:hover {
	border: 1px solid rgba(255, 255, 255, 0.20);
	background-color: transparent;
	color: rgba(255, 255, 255, 0.9);
}
.member-contact-icon a + a {
	-webkit-transition: ease opacity 0.4s 0.2s;
	-o-transition: ease opacity 0.4s 0.2s;
	transition: ease opacity 0.4s 0.2s;
}
.member-contact-icon a + a + a {
	-webkit-transition: ease opacity 0.4s 0.3s;
	-o-transition: ease opacity 0.4s 0.3s;
	transition: ease opacity 0.4s 0.3s;
}
.member-contact-icon a + a + a + a {
	-webkit-transition: ease opacity 0.4s 0.4s;
	-o-transition: ease opacity 0.4s 0.4s;
	transition: ease opacity 0.4s 0.4s;
}
.single-team-member:hover .single-team-content {
	bottom: 0;
}
.single-team-member .single-member-thumb:hover .member-contact-icon a {
	opacity: 1;
}
.single-member-thumb {
	position: relative;
	z-index: 1;
}
.single-member-thumb::after {
	position: absolute;
	content: "";
	background-color: #152c5b;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	border-radius: 5px;
	opacity: 0;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}
.single-team-member:hover .single-member-thumb::after {
	opacity: 0.75;
}
/* :: Contact Action Area CSS */

.contact-action-text h2 {
	color: #fff;
	font-size: 28px;
	font-weight: 500;
}
.contact-action-button a {
	border: 1px solid #fff;
	padding: 8px 20px;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}
.contact-action-button a:hover {
	background-color: #4527a4;
	border-color: #4527a4;
}
 @media (min-width: 320px) and (max-width: 767px) {
.mt-sm-cu {
	margin-top: 50px;
}
}
 @media (min-width: 320px) and (max-width: 767px) {
.mt-sm-cu-30 {
	margin-top: 30px;
}
}
/* ----- Footer Contact CSS ----- */

.footer-logo a img {
	max-width: 90px;
}
iframe {
	width: 100%;
	height: 400px;
	border-radius: 3px;
}
.footer-contact-area {
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 150px;
}
.gmaps {
	height: 450px;
	width: 100%;
	border: 0;
}
.footer-single-widget {
	padding-bottom: 100px;
}
.footer-single-widget h4 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 20px;
}
.footer-single-widget ul li {
	display: block;
	margin-bottom: 12px;
}
.footer-single-widget ul li:last-child {
	margin-bottom: 0;
}
.footer-single-widget ul li a {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.90);
	position: relative;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
	font-weight: 400;
}
.footer-single-widget ul li a i {
	margin-right: 5px;
}
.footer-single-widget ul li a:hover {
	color: #fff;
}
.footer-single-widget p {
	color: rgba(255, 255, 255, 0.90);
	margin-bottom: 0;
}
.copy-right-area {
	padding: 30px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	background-color: #000;
}
.footer-menu ul li {
	display: inline-block;
}
.footer-menu ul li a {
	color: #fff;
	margin-right: 10px;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
	font-size: 13px;
}
.footer-menu ul li a:hover {
	color: #EDAB85;
}
.copy-right-menu ul li {
	display: inline-block;
}
.copy-right-menu ul li a {
	color: rgba(255, 255, 255, 0.85);
	margin-right: 15px;
	font-size: 14px;
}
.footer-single-widget ul li a::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: auto;
	width: 0px;
	height: 1px;
	-o-transition: ease all 0.35s;
	-webkit-transition: ease all 0.35s;
	transition: ease all 0.35s;
	background: currentColor;
}
.footer-single-widget ul li a:hover::after {
	width: 100%;
	left: 0;
	right: auto;
}
.copy-right-content p {
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.95);
	font-size: 15px;
	font-size: 13px;
}
.footer-contact-icon {
	margin-top: 20px;
}
.footer-contact-icon a {
	display: inline-block;
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
	text-align: center;
	margin-right: 10px;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}
.footer-contact-icon a:hover {
	color: #fff;
}
.contact-from_area {
	background-color: #fff;
	padding: 30px;
	border-radius: 5px;
}
/* ----- Client Area CSS ----- */

.client-thumb {
	position: relative;
	z-index: 1;
}
.client-thumb::after {
	position: absolute;
	content: "";
	background-color: #4527a4;
	height: 300px;
	width: 300px;
	top: 8%;
	left: 12%;
	z-index: -1;
	border-radius: 63px 123px 80px 96px;
	-webkit-animation: loadingD 45s cubic-bezier(.0, .0, .0, .0) infinite;
	animation: loadingD 45s cubic-bezier(.0, .0, .0, .0) infinite;
}
 @media (min-width: 320px) and (max-width: 575px) {
.client-mt-50 {
	margin-top: 50px;
}
}
 @media (min-width: 320px) and (max-width: 575px) {
.client-thumb::after {
	display: none;
}
}
 @media (min-width: 992px) and (max-width: 1199px) {
.client-thumb::after {
	top: 10%;
	left: 33%;
	height: 200px;
	width: 200px;
}
}
 @media (min-width: 768px) and (max-width: 991px) {
.client-thumb::after {
	top: 8%;
	left: 24%;
	height: 170px;
	width: 170px;
}
}
 @media (min-width: 576px) and (max-width: 767px) {
.client-thumb::after {
	top: 8%;
	left: 24%;
	height: 125px;
	width: 119px;
}
}
 @keyframes loadingD {
 to {
 -webkit-transform: translate();
 transform: translate()
}
from {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
 @keyframes loadingD {
 to {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg)
}
from {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
.client-thumb img {
	border-radius: 50%;
}
.client-desc p {
	color: #677294;
	font-size: 16px;
	line-height: 2;
}
.client-desc h4 {
	font-size: 20px;
	margin-bottom: 0;
}
 @media (min-width: 320px) and (max-width: 575px) {
.client-desc h4 {
	font-size: 16px;
}
}
.client-desc span {
	font-weight: 300;
}
.client-feedback-area .owl-nav {
	position: absolute;
	bottom: 0;
	right: 0;
}
.client-feedback-area .owl-nav .owl-prev, .client-feedback-area .owl-nav .owl-next {
	display: inline-block;
	background-color: #4527a4;
	margin: 0 5px;
	height: 35px;
	width: 40px;
	font-size: 14px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	border-radius: 3px;
}
.rating-area ul li {
	display: inline-block;
	font-size: 14px;
	margin-right: 5px;
	color: #ff922b;
}
.client-rating ul li {
	display: inline-block;
	font-size: 14px;
	margin-right: 3px;
	color: #ff922b;
}
.rating-icon {
	color: #ff922b;
}
.rating-list li {
	display: inline-block;
}
.client-thumb-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 60px;
	flex: 0 0 60px;
	width: 60px;
	max-width: 60px;
	margin-right: 20px;
}
.single-client-3 p {
	margin-bottom: 0;
}
.client-info h5 {
	font-size: 18px;
	margin-bottom: 2px;
}
.client-info h6 {
	font-size: 14px;
	color: #696687;
	font-weight: 500;
}
.clint-thumb-text {
	margin-bottom: 30px;
}
.client-thumb-3 img {
	border-radius: 50%;
}
.single-client-3 {
	padding: 40px;
	position: relative;
	background-color: #f7f6fb;
	z-index: 2;
	border-radius: 5px;
}
.single-clinet-info {
	position: relative;
	z-index: 9;
}
.client-heading {
	padding-left: 30px;
}
.client-heading h6 {
	color: #fff;
	letter-spacing: 1px;
	text-transform: capitalize;
}
.client-heading h4 {
	font-size: 40px;
	color: #fff;
	margin-bottom: 0;
	letter-spacing: 0.5px;
	text-transform: capitalize;
}
.rating-area {
	font-size: 100px;
	line-height: 100px;
	position: absolute;
	bottom: 30px;
	right: 50px;
	z-index: 0;
	color: rgba(0, 0, 0, 0.05);
}
.client-feedback-area-3 .owl-nav {
	width: 100%;
	text-align: center;
}
.client-feedback-area-3 .owl-nav .owl-prev, .client-feedback-area-3 .owl-nav .owl-next {
	color: #4527a4;
	font-size: 18px;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	display: inline-block;
	margin: 0 5px;
	background-color: #eaeef2;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	border: 1px solid #eaeef2;
}
.client-feedback-area-3 .owl-nav .owl-prev:hover, .client-feedback-area-3 .owl-nav .owl-next:hover {
	border: 1px solid #4527a4;
	color: #fff;
	background-color: #4527a4;
}
/* ------ Wee ofer area css ----- */

.we-offer-content h3 {
	margin-bottom: 40px;
	font-size: 36px;
}
.step-icon {
	background-color: rgba(69, 39, 164, 0.20);
	height: 30px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 30px;
	flex: 0 0 30px;
	max-width: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	color: #4527a4;
	display: inline-block;
	margin-right: 15px;
	position: relative;
	z-index: 1;
}
.step-icon::after {
	position: absolute;
	content: "";
	z-index: 1;
	border-left: 2px dashed #e7eaf3;
	left: 13px;
	bottom: -69px;
	height: 68px;
}
/* ------ How its work css ----- */

.how-it-work-content {
	border: 1px solid rgba(255, 255, 255, 0.25);
	padding: 40px 40px;
	position: relative;
	z-index: 1;
	border-radius: 5px;
}
.how-it-work-content .count-number {
	position: absolute;
	z-index: 1;
	font-size: 56px;
	color: rgba(255, 255, 255, 0.25);
	font-weight: 500;
	left: 1.875rem;
	line-height: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.how-it-work-content .count-number.two {
	bottom: 15px;
	left: 15px;
}
.how-it-work-content .count-number.four {
	bottom: 15px;
	left: 15px;
}
.content-text.one, .content-text.three {
	padding-top: 30px;
}
.content-text.two, .content-text.four {
	padding-bottom: 30px;
}
.content-text h4 {
	font-size: 20px;
	color: #fff;
}
.content-text .work-icon {
	font-size: 54px;
	line-height: 54px;
	color: #fff;
}
.how-it-work-content:hover .count-number {
	color: #fff;
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
}
/* ----- Client - 2 ----- */

.single-client-2 {
	background-color: #fff;
	border-radius: 5px;
	padding: 30px;
}
.client-thumb-2 {
	margin-right: 30px;
}
.client-thumb-2 img {
	border-radius: 3px;
}
.client-desc-2 p {
	font-size: 20px;
	margin-top: 20px;
}
.client-desc-2 h5 {
	font-size: 18px;
	margin-bottom: 5px;
}
.client-desc-2 h6 {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: #4527a4;
	font-weight: 500;
}
.client-feedback-area-2 .owl-dots {
	text-align: center;
}
.client-feedback-area-2 .owl-dots .owl-dot {
	height: 10px;
	width: 10px;
	display: inline-block;
	background-color: #4527a4;
	margin: 0 5px;
	border-radius: 50%;
}
.client-feedback-area-2 .owl-dots .owl-dot.active {
	background-color: #4527a4;
}
/* ----- App Shot Area ----- */


.app-screen-shot-area .owl-dots {
	bottom: -50px;
	position: absolute;
	width: 100%;
	text-align: center;
}
.app-screen-shot-area .owl-dots .owl-dot {
	height: 12px;
	width: 12px;
	display: inline-block;
	background-color: #4527a4;
	margin: 0 5px;
	border-radius: 50%;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}
.app-screen-shot-area .owl-dots .owl-dot.active {
	background-color: #4527a4;
	width: 30px;
	border-radius: 5px;
}
/* ----- Contact Support Area CSS ----- */

.single-contact-info .icon {
	height: 40px;
	width: 40px;
	color: #234262;
	background-color: #e1e3f7;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	font-size: 15px;
	margin-right: 15px;
	-webkit-box-shadow: 0 0 20px 15px rgba(255, 255, 255, 0.20);
	box-shadow: 0 0 20px 15px rgba(255, 255, 255, 0.20);
}
.contact-info h5 {
	font-size: 16px;
}
.form-control {
	position: relative;
	width: 100%;
	height: 50px;
	background: #fff;
	padding: 10px 60px 10px 30px;
	font-size: 13px;
	font-weight: 400;
	border: 1px solid #eaeaea;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border-radius: 5px;
}
.form-text-area {
	position: relative;
	width: 100%;
	background: #fff;
	padding: 10px 60px 10px 30px;
	font-size: 13px;
	font-weight: 400;
	border: 1px solid #eaeaea;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border-radius: 5px;
}
.form-text-area:focus, .form-control:focus {
	background-color: #fff;
	border-color: #4527a4;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 5px;
}
.single-card-contact .icon-area {
	font-size: 40px;
	line-height: 40px;
	color: #4527a4;
	margin-right: 15px;
}
.single-card-contact {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 20px;
}
.single-card-contact:nth-child(2) {
	padding-top: 20px;
}
.single-card-contact:last-child {
	border-bottom: none;
	padding-top: 20px;
}
.card-content-text h5 {
	margin-bottom: 8px;
}
.card-content-text p {
	margin-bottom: 8px;
}
/* ----- Frequently asked question Area CSS ----- */

.faq_area {
	background-color: #f6f6f6;
}
.single-accordion {
	margin-bottom: 20px;
	-webkit-box-shadow: 0 0 17px 2px rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 17px 2px rgba(0, 0, 0, 0.10);
}
.single-accordion:last-of-type {
	margin-bottom: 0px;
}
.single-accordion h5 a {
	background-color: #4527a4;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 500;
	padding: 20px 45px 20px 20px;
	position: relative;
	text-transform: capitalize;
}
.single-accordion h5 a.collapsed {
	background-color: #fff;
	color: #111;
}
.single-accordion h5 a span {
	font-size: 14px;
	height: 60px;
	right: 0;
	position: absolute;
	text-align: center;
	top: -1px;
	width: 50px;
}
.single-accordion h5 a span > i {
	line-height: 60px;
}
.single-accordion h5 a.collapsed span.accor-close {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
span.accor-open {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.single-accordion h5 a.collapsed span.accor-open {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.single-accordion h5 {
	margin-bottom: 0;
	text-transform: uppercase;
}
.single-accordion .accordion-content {
	background-color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.single-accordion .accordion-content p {
	padding: 20px 20px 10px;
}
.find_answer_area {
	background-color: #4527a4;
	border-radius: 5px;
	color: #fff;
	padding: 48px 30px;
	text-align: center;
}
.find_answer_area > h5 {
	font-weight: 300;
	margin-bottom: 5px;
}
.find_answer_area > p {
	color: #fff;
}
.find_answer_area > a {
	background-color: #fff;
	border-radius: 5px;
	color: #4527a4;
	display: block;
	height: 54px;
	margin: 15px auto 0;
	padding: 15px;
	width: 150px;
}
.find_answer_area > a:hover {
	-webkit-box-shadow: 0 0 12px 4px rgba(255, 255, 255, 0.5);
	box-shadow: 0 0 12px 4px rgba(255, 255, 255, 0.5);
}
.support_text h4 {
	font-size: 16px;
	margin-bottom: 0;
}
.support_text h4 span {
	font-weight: 500;
	color: #4527a4;
}
/* ---- Breadcrumb area ---- */

.breadcrumb {
	margin-bottom: 0;
	padding: 0;
}
.breadcrumb.breadcrumb_bg {
	height: 500px;
	border-radius: 0;
}
.breadcrumb_iner_item h2 {
	font-size: 32px;
	color: #fff;
	margin-bottom: 15px;
}
.custom-breadcrumb ol li a {
	color: #ffffff;
	opacity: 0.80;
	font-weight: 400;
}
.custom-breadcrumb ol li.breadcrumb-item.active {
	color: #fff;
}
.custom-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
	font-family: themify;
	content: "\e649";
	font-size: 10px;
	color: #ffffff;
	opacity: 0.9;
}
.list-inline-item:not(:last-child) {
	margin-right: 0;
}
/* ----- Partner Area css  ----- */
.single-partner-area {
	-webkit-box-shadow: 0 0 2.1875rem 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 0 2.1875rem 0 rgba(0, 0, 0, 0.03);
}
.partner-content-text h2 {
	font-size: 36px;
}
.partner-content-text span {
	color: #4527a4;
}
/* --- Blog Details ---- */

.latest-blog-area .area-heading {
	margin-bottom: 70px
}
.single-blog {
	overflow: hidden;
	margin-bottom: 30px
}
.single-blog:hover {
	-webkit-box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1);
	box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1)
}
.single-blog .thumb {
	overflow: hidden;
	position: relative
}
.single-blog .thumb:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}
.single-blog h4 {
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 34px;
	margin-bottom: 25px
}
.single-blog a {
	font-size: 20px;
	font-weight: 600
}
.single-blog .date {
	color: #666666;
	text-align: left;
	display: inline-block;
	font-size: 13px;
	font-weight: 300
}
.single-blog .tag {
	text-align: left;
	display: inline-block;
	float: left;
	font-size: 13px;
	font-weight: 300;
	margin-right: 22px;
	position: relative
}
.single-blog .tag:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 10px;
	background: #acacac;
	right: -12px;
	top: 7px
}
.blog-thumb img {
	width: 100%;
}
 @media (max-width: 1199px) {
.single-blog .tag {
	margin-right: 8px
}
.single-blog .tag:after {
	display: none
}
}
.single-blog .likes {
	margin-right: 16px
}
 @media (max-width: 800px) {
.single-blog {
	margin-bottom: 30px
}
}
.single-blog .single-blog-content {
	padding: 30px
}
.single-blog .single-blog-content .meta-bottom p {
	font-size: 13px;
	font-weight: 300
}
.single-blog .single-blog-content .meta-bottom i {
	color: #fdcb9e;
	font-size: 13px;
	margin-right: 7px
}
 @media (max-width: 1199px) {
.single-blog .single-blog-content {
	padding: 15px
}
}
.single-blog:hover .thumb:after {
	opacity: .7;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}
 @media (max-width: 1199px) {
.single-blog h4 {
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 14px;
	margin-bottom: 12px
}
.single-blog h4 a {
	font-size: 18px
}
}
.full_image.single-blog {
	position: relative
}
.full_image.single-blog .single-blog-content {
	position: absolute;
	left: 35px;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}
 @media (min-width: 992px) {
.full_image.single-blog .single-blog-content {
	bottom: 100px
}
}
.full_image.single-blog h4 {
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	border-bottom: none;
	padding-bottom: 5px
}
.full_image.single-blog a {
	font-size: 20px;
	font-weight: 600
}
.full_image.single-blog .date {
	color: #fff
}
.full_image.single-blog:hover .single-blog-content {
	opacity: 1;
	visibility: visible;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}
.l_blog_item .l_blog_text .date {
	margin-top: 24px;
	margin-bottom: 15px
}
.l_blog_item .l_blog_text .date a {
	font-size: 12px
}
.l_blog_item .l_blog_text h4 {
	font-size: 18px;
	border-bottom: 1px solid #e9e9e9e9;
	margin-bottom: 0px;
	padding-bottom: 20px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}
.l_blog_item .l_blog_text p {
	margin-bottom: 0px;
	padding-top: 20px
}
.causes_slider .owl-dots {
	text-align: center;
	margin-top: 80px
}
.causes_slider .owl-dots .owl-dot {
	height: 14px;
	width: 14px;
	background: #e9e9e9e9;
	display: inline-block;
	margin-right: 7px
}
.causes_slider .owl-dots .owl-dot:last-child {
	margin-right: 0px
}
.causes_item {
	background: #fff
}
.causes_item .causes_img {
	position: relative
}
.causes_item .causes_img .c_parcent {
	position: absolute;
	bottom: 0px;
	width: 100%;
	left: 0px;
	height: 3px;
	background: rgba(255, 255, 255, 0.5)
}
.causes_item .causes_img .c_parcent span {
	width: 70%;
	height: 3px;
	position: absolute;
	left: 0px;
	bottom: 0px
}
.causes_item .causes_img .c_parcent span:before {
	content: "75%";
	position: absolute;
	right: -10px;
	bottom: 0px;
	color: #fff;
	padding: 0px 5px
}
.causes_item .causes_text {
	padding: 30px 35px 40px 30px
}
.causes_item .causes_text h4 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
	cursor: pointer
}
.causes_item .causes_text p {
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	margin-bottom: 0px
}
.causes_item .causes_bottom a {
	width: 50%;
	border: 1px solid;
	text-align: center;
	float: left;
	line-height: 50px;
	color: #fff;
	font-size: 14px;
	font-weight: 500
}
.causes_item .causes_bottom a + a {
	border-color: #e9e9e9e9;
	background: #fff;
	font-size: 14px
}
.latest_blog_area {
	background: #f9f9ff
}
.single-recent-blog-post {
	margin-bottom: 30px
}
.single-recent-blog-post .thumb {
	overflow: hidden
}
.single-recent-blog-post .thumb img {
	-webkit-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
	transition: all 0.7s linear
}
.single-recent-blog-post .details {
	padding-top: 30px
}
.single-recent-blog-post .details .sec_h4 {
	line-height: 24px;
	padding: 10px 0px 13px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear
}
.single-recent-blog-post .date {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400
}
.single-recent-blog-post:hover img {
	-webkit-transform: scale(1.23) rotate(10deg);
	-ms-transform: scale(1.23) rotate(10deg);
	transform: scale(1.23) rotate(10deg)
}
.tags .tag_btn {
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	border: 1px solid #e9e9e9e9;
	display: inline-block;
	padding: 1px 18px;
	text-align: center
}
.tags .tag_btn + .tag_btn {
	margin-left: 2px
}
.blog_categorie_area {
	padding-top: 30px;
	padding-bottom: 30px
}
 @media (min-width: 900px) {
.blog_categorie_area {
	padding-top: 80px;
	padding-bottom: 80px
}
}
 @media (min-width: 1100px) {
.blog_categorie_area {
	padding-top: 120px;
	padding-bottom: 120px
}
}
.categories_post {
	position: relative;
	text-align: center;
	cursor: pointer
}
.categories_post img {
	max-width: 100%
}
.categories_post .categories_details {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	background: rgba(34, 34, 34, 0.75);
	color: #fff;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	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
}
.categories_post .categories_details h5 {
	margin-bottom: 0px;
	font-size: 18px;
	line-height: 26px;
	text-transform: uppercase;
	color: #fff;
	position: relative
}
.categories_post .categories_details p {
	font-weight: 300;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 0px
}
.categories_post .categories_details .border_line {
	margin: 10px 0px;
	background: #fff;
	width: 100%;
	height: 1px
}
.categories_post:hover .categories_details {
	background: rgba(222, 99, 32, 0.85)
}
.blog_item {
	margin-bottom: 50px;
}
.blog_item_img {
	overflow: hidden;
}
.blog_item_img img {
	-webkit-transition-duration: 5000ms;
	-o-transition-duration: 5000ms;
	transition-duration: 5000ms;
}
.blog_item:hover .blog_item_img img {
	-webkit-transform: scale(1.7);
	-ms-transform: scale(1.7);
	transform: scale(1.7);
}
.blog_details p {
	margin-bottom: 30px
}
.blog_details h2 {
	font-size: 22px;
	margin-bottom: 8px;
	margin-top: 20px;
	font-weight: 500;
}
.blog-info-link li {
	float: left;
	font-size: 14px
}
.blog-info-link li a {
	color: #4b5264;
	font-weight: 400;
}
.blog-info-link li i, .blog-info-link li span {
	font-size: 13px;
	margin-right: 5px;
	color: #4b5264;
}
.blog-info-link {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.blog-info-link li::after {
	content: "|";
	padding-left: 10px;
	padding-right: 10px
}
.blog-info-link li:last-child::after {
	display: none
}
.blog-info-link::after {
	content: "";
	display: block;
	clear: both;
	display: table
}
.blog_item_img {
	position: relative
}
.blog_item_img .blog_item_date {
	position: absolute;
	top: 15px;
	left: 15px;
	display: block;
	color: #fff;
	background-color: #4527a4;
	padding: 13px 30px;
	border-radius: 5px
}
.blog_item_img .blog_item_date h3 {
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 0;
	line-height: 1.2
}
 @media (min-width: 768px) {
.blog_item_img .blog_item_date h3 {
	font-size: 30px
}
}
.blog_item_img .blog_item_date p {
	font-size: 18px;
	margin-bottom: 0;
	color: #fff
}
 @media (min-width: 768px) {
.blog_item_img .blog_item_date p {
	font-size: 18px
}
}
.blog_right_sidebar .widget_title {
	font-size: 17px;
	margin-bottom: 0;
	padding: 15px;
	border-bottom: 1px solid #e9e9e9;
}
.media.post_item {
	border-bottom: 1px solid #e9e9e9;
	padding: 15px;
}
.media.post_item:last-child {
	border-bottom: none;
}
.blog_right_sidebar .single_sidebar_widget {
	margin-bottom: 30px;
}
.blog_right_sidebar .single_sidebar_widget .btn_1 {
	margin-top: 0px;
	border: none;
	cursor: pointer;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}
.btn.search-btn {
	background-color: #4527a4;
	height: 50px;
	position: relative;
	z-index: 1;
	right: 5px;
	border-radius: 0 5px 5px 0;
	color: #fff;
	font-size: 14px;
}
.blog_right_sidebar .search_widget .form-control {
	height: 50px;
	border-color: #e9e9e9;
	font-size: 13px;
	color: #999999;
	padding-left: 20px;
	border-radius: 0;
	border-right: 0
}
 .blog_right_sidebar .search_widget .form-control::-webkit-input-placeholder {
 color: #999999
}
 .blog_right_sidebar .search_widget .form-control::-moz-placeholder {
 color: #999999
}
 .blog_right_sidebar .search_widget .form-control:-ms-input-placeholder {
 color: #999999
}
 .blog_right_sidebar .search_widget .form-control::-ms-input-placeholder {
 color: #999999
}
 .blog_right_sidebar .search_widget .form-control::placeholder {
 color: #999999
}
.blog_right_sidebar .search_widget .input-group button {
	background: #fff;
	border-left: 0;
	border: 1px solid #e9e9e9;
	padding: 4px 15px;
	border-left: 0
}
.blog_right_sidebar .search_widget .input-group button i, .blog_right_sidebar .search_widget .input-group button span {
	font-size: 14px;
	color: #999999
}
.blog_right_sidebar .newsletter_widget .form-control {
	height: 50px;
	border-color: #e9e9e9;
	font-size: 13px;
	color: #999999;
	padding-left: 20px;
	border-radius: 0
}
 .blog_right_sidebar .newsletter_widget .form-control::-webkit-input-placeholder {
 color: #999999
}
 .blog_right_sidebar .newsletter_widget .form-control::-moz-placeholder {
 color: #999999
}
 .blog_right_sidebar .newsletter_widget .form-control:-ms-input-placeholder {
 color: #999999
}
 .blog_right_sidebar .newsletter_widget .form-control::-ms-input-placeholder {
 color: #999999
}
 .blog_right_sidebar .newsletter_widget .form-control::placeholder {
 color: #999999
}
.blog_right_sidebar .newsletter_widget .form-control:focus {
	border-color: #e9e9e9;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.blog_right_sidebar .newsletter_widget .input-group button {
	background: #fff;
	border-left: 0;
	border: 1px solid #e9e9e9;
	padding: 4px 15px;
	border-left: 0
}
.blog_right_sidebar .newsletter_widget .input-group button i, .blog_right_sidebar .newsletter_widget .input-group button span {
	font-size: 14px;
	color: #999999
}
.blog_right_sidebar .post_category_widget .cat-list li {
	border-bottom: 1px solid #e9e9e9;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	padding: 10px 15px;
}
.blog_right_sidebar .post_category_widget .cat-list li:last-child {
	border-bottom: 0
}
.blog_right_sidebar .post_category_widget .cat-list li a {
	font-size: 14px;
	line-height: 20px;
	color: #888888
}
.single_sidebar_widget.popular_post_widget {
	background-color: #fff;
}
.blog_right_sidebar .post_category_widget .cat-list li:hover {
	background-color: #f7f7f7;
}
.single_sidebar_widget.tag_cloud_widget {
	background-color: #fff;
}
.single_sidebar_widget.post_category_widget {
	background-color: #fff;
}
.blog_right_sidebar .post_category_widget .cat-list li a p {
	margin-bottom: 0px;
	color: #4b5264;
	font-size: 14px;
	-webkit-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
}
.blog_right_sidebar .post_category_widget .cat-list li a p:hover {
	color: #4527a4;
}
.blog_right_sidebar .post_category_widget .cat-list li + li {
	padding-top: 15px
}
.blog_right_sidebar .popular_post_widget .post_item .media-body {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	padding-left: 20px
}
.blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
	font-size: 15px;
	margin-bottom: 5px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.blog_right_sidebar .popular_post_widget .post_item .media-body h3:hover {
	color: #4527a4;
}
.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover {
	color: #fff
}
.list-tag {
	padding: 15px 15px 0 15px;
}
.blog_right_sidebar .popular_post_widget .post_item .media-body p {
	font-size: 13px;
	margin-bottom: 0px
}
.blog_right_sidebar .tag_cloud_widget ul li {
	display: inline-block
}
.blog_right_sidebar .tag_cloud_widget ul li a {
	display: inline-block;
	border: 1px solid #e9e9e9;
	background: #fff;
	padding: 5px 25px;
	margin-bottom: 8px;
	margin-right: 3px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	color: #4b5264;
	font-size: 13px;
}
.blog_right_sidebar .tag_cloud_widget ul li a:hover {
	background: #4527a4;
	color: #fff !important;
	-webkit-text-fill-color: #fff;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s
}
.blog_right_sidebar .instagram_feeds .instagram_row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: -6px;
	margin-left: -6px;
	padding: 15px 15px 0 15px;
}
.blog_right_sidebar .instagram_feeds .instagram_row li {
	width: 33.33%;
	float: left;
	padding-right: 6px;
	padding-left: 6px;
	margin-bottom: 15px
}
.blog_right_sidebar .br {
	width: 100%;
	height: 1px;
	background: #e9e9e9;
	margin: 30px 0px
}
.blog-pagination .page-link {
	font-size: 14px;
	position: relative;
	display: block;
	padding: 0;
	text-align: center;
	margin-left: -1px;
	line-height: 45px;
	width: 45px;
	height: 45px;
	border-radius: 0 !important;
	color: #333;
	border: 1px solid #ebebeb;
	margin-right: 10px
}
.blog-pagination .page-link i, .blog-pagination .page-link span {
	font-size: 13px
}
.blog-pagination .page-item.active .page-link {
	background-color: #fbf9ff;
	border-color: #e9e9e9;
	color: #888888
}
.page-link:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.blog-pagination .page-item:last-child .page-link {
	margin-right: 0
}
.single-post-area .blog_details {
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0
}
.single-post-area .social-links {
	padding-top: 10px
}
.single-post-area .social-links li {
	display: inline-block;
	margin-bottom: 10px
}
.single-post-area .social-links li a {
	color: #cccccc;
	padding: 7px;
	font-size: 14px;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear
}
.single-post-area .blog_details {
	padding-top: 26px
}
.single-post-area .blog_details p {
	margin-bottom: 20px;
	font-size: 15px
}
.single-post-area .quote-wrapper {
	background: #fff;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
	padding: 15px;
	line-height: 1.733;
	color: #888888;
	font-style: italic;
	margin-top: 25px;
	margin-bottom: 25px
}
 @media (min-width: 768px) {
.single-post-area .quote-wrapper {
	padding: 30px
}
}
.single-post-area .quotes {
	background: #fff;
	padding: 15px 15px 15px 20px;
	border-left: 2px solid #4527a4;
	font-size: 18px;
	font-weight: 500;
	color: #072366;
}
 @media (min-width: 768px) {
.single-post-area .quotes {
	padding: 25px 25px 25px 30px
}
}
.single-post-area .arrow {
	position: absolute;
}
.single-post-area .arrow .lnr {
	font-size: 20px;
	font-weight: 600
}
.single-post-area .thumb .overlay-bg {
	background: rgba(0, 0, 0, 0.8)
}
.single-post-area .navigation-top {
	padding-top: 15px;
	border-top: 1px solid #e9e9e9
}
.single-post-area .navigation-top p {
	margin-bottom: 0
}
.single-post-area .navigation-top .like-info {
	font-size: 14px
}
.single-post-area .navigation-top .like-info i, .single-post-area .navigation-top .like-info span {
	font-size: 16px;
	margin-right: 5px
}
.single-post-area .navigation-top .comment-count {
	font-size: 14px
}
.single-post-area .navigation-top .comment-count i, .single-post-area .navigation-top .comment-count span {
	font-size: 16px;
	margin-right: 5px
}
.single-post-area .navigation-top .social-icons li {
	display: inline-block;
	margin-right: 15px
}
.single-post-area .navigation-top .social-icons li:last-child {
	margin: 0
}
.single-post-area .navigation-top .social-icons li i, .single-post-area .navigation-top .social-icons li span {
	font-size: 15px;
	color: #4b5264;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}
.related-post-area h4 {
	font-size: 18px;
	margin-bottom: 30px;
}
.single-post-area .navigation-top .social-icons li i:hover {
	color: #4527a4;
}
.blog_details p {
	line-height: 1.8;
}
.single-post-area .blog-author {
	padding: 40px 30px;
	background: #fbf9ff;
	margin-top: 50px;
	margin-bottom: 50px;
}
 @media (max-width: 600px) {
.single-post-area .blog-author {
	padding: 20px 8px
}
}
.single-post-area .blog-author img {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	margin-right: 30px
}
 @media (max-width: 600px) {
.single-post-area .blog-author img {
	margin-right: 15px;
	width: 45px;
	height: 45px
}
}
.single-post-area .blog-author a {
	display: inline-block
}
.single-post-area .blog-author a:hover {
	color: #3836bd
}
.single-post-area .blog-author p {
	margin-bottom: 0;
	font-size: 15px
}
.single-post-area .blog-author h4 {
	font-size: 16px
}
.single-post-area .navigation-area {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 30px;
	margin-top: 55px
}
.single-post-area .navigation-area p {
	margin-bottom: 0px
}
.single-post-area .navigation-area h4 {
	font-size: 15px;
	line-height: 25px
}
.single-post-area .navigation-area .nav-left {
	text-align: left
}
.single-post-area .navigation-area .nav-left .thumb {
	margin-right: 20px;
	background: #000
}
.single-post-area .navigation-area .nav-left .thumb img {
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}
.single-post-area .navigation-area .nav-left .lnr {
	margin-left: 20px;
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}
.single-post-area .navigation-area .nav-left:hover .lnr {
	opacity: 1
}
.single-post-area .navigation-area .nav-left:hover .thumb img {
	opacity: .5
}
 @media (max-width: 767px) {
.single-post-area .navigation-area .nav-left {
	margin-bottom: 30px
}
}
.single-post-area .navigation-area .nav-right {
	text-align: right
}
.single-post-area .navigation-area .nav-right .thumb {
	margin-left: 20px;
	background: #000
}
.single-post-area .navigation-area .nav-right .thumb img {
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}
.single-post-area .navigation-area .nav-right .lnr {
	margin-right: 20px;
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}
.single-post-area .navigation-area .nav-right:hover .lnr {
	opacity: 1
}
.single-post-area .navigation-area .nav-right:hover .thumb img {
	opacity: .5
}
 @media (max-width: 991px) {
.single-post-area .sidebar-widgets {
	padding-bottom: 0px
}
}
.single-blog-area {
	position: relative;
	z-index: 1;
}
.single-blog-area .blog-thumb {
	position: relative;
	z-index: 1;
}
.single-blog-area .blog-thumb .date {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 22;
	background-color: #fe982f;
	color: #fff;
	height: 60px;
	width: 70px;
	text-align: center;
	line-height: 60px;
	display: inline-block;
	font-weight: 500;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	border-radius: 2px;
}
.blog-content {
	background-color: #fff;
	padding: 20px;
	margin: 0 15px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);
	position: relative;
	z-index: 22;
	margin-top: -50px;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}
.blog-content a h3 {
	line-height: 35px;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
	margin-bottom: 0;
}
.blog-content a h3:hover {
	color: #fe982f;
}
.single-blog-area:hover .blog-content {
	margin-left: 0;
	margin-right: 0;
}
.single-blog-area:hover .blog-thumb .date {
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg);
}
.blog-content .comment a {
	font-size: 12px;
	font-weight: 500;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}
.blog-content .comment a i {
	color: #555;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}
.blog-content .comment a:hover {
	color: #fe982f;
}
.blog-content .comment a:hover i {
	color: #fe982f;
}
.blog-content a {
	font-size: 14px;
	font-weight: 500;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}
.blog-content a:hover {
	color: #fe982f;
}
/* :: Comments Area CSS */

.comments-area {
	background: transparent;
	border-top: 1px solid #e9e9e9;
	padding: 50px 0;
}
 @media (max-width: 414px) {
.comments-area {
	padding: 50px 8px
}
}
.comments-area h4 {
	margin-bottom: 35px;
	font-size: 18px
}
.comments-area h5 {
	font-size: 16px;
	margin-bottom: 5px
}
.comments-area .comment-list {
	padding-bottom: 48px
}
.comments-area .comment-list:last-child {
	padding-bottom: 0px
}
.comments-area .comment-list.left-padding {
	padding-left: 25px
}
 @media (max-width: 413px) {
.comments-area .comment-list .single-comment h5 {
	font-size: 12px
}
.comments-area .comment-list .single-comment .date {
	font-size: 12px
}
.comments-area .comment-list .single-comment .comment {
	font-size: 13px
}
}
.comments-area .thumb {
	margin-right: 20px
}
.comments-area .thumb {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 70px;
	flex: 0 0 70px;
	max-width: 70px;
	max-width: 70px;
}
.comments-area .date {
	font-size: 13px;
	color: #4b5264;
	margin-bottom: 15px;
}
.comments-area .comment {
	margin-bottom: 10px;
	color: #777777;
	font-size: 15px
}
.comments-area .btn-reply {
	background-color: transparent;
	color: #333;
	padding: 5px 18px;
	font-size: 13px;
	display: block;
	font-weight: 500;
	border: 1px solid #ebebeb;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}
.comments-area .btn-reply:hover {
	background-color: #4527a4;
	color: #fff;
}
.page-link:hover {
	color: #fff;
	background-color: #4527a4;
	border-color: #4527a4;
}
.blog-pagination .page-item.active .page-link {
	background-color: #4527a4;
	border-color: #4527a4;
	color: #fff;
}
.form-control.blog {
	border-color: #4527a4;
}
.breadcrumb_iner_item h6 {
	font-weight: 500;
	color: rgba(255, 255, 255, 0.85);
}
.modal-backdrop {
	background-color: transparent;
	z-index: auto;
}
/* :: Gallery Area CSS */

.our-gallery-area .gallery-content img {
	width: 100%;
}
 @media only screen and (max-width: 767px) {
.our-gallery-area .portfolio-menu {
	text-align: center;
}
}
.our-gallery-area .portfolio-menu button {
	position: relative;
	z-index: 1;
	border: none;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 15px;
	display: inline-block;
	background-color: transparent;
}
.our-gallery-area .portfolio-menu button::after {
	position: absolute;
	content: '';
	bottom: 0;
	left: auto;
	height: 2px;
	width: 0;
	background-color: #4527a4;
	right: 0;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}
 @media only screen and (max-width: 767px) {
.our-gallery-area .portfolio-menu button::after {
	font-size: 12px;
}
}
.our-gallery-area .portfolio-menu button.active {
	color: #4527a4;
}
.our-gallery-area .portfolio-menu button.active::after {
	width: 100%;
}
.our-gallery-area .single_gallery_item {
	overflow: hidden;
	margin-bottom: 30px;
}
.our-gallery-area .single_gallery_item .gallery-content {
	position: relative;
	z-index: 1;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	overflow: hidden;
}
.our-gallery-area .single_gallery_item .gallery-content img {
	-webkit-transition-duration: 1200ms;
	-o-transition-duration: 1200ms;
	transition-duration: 1200ms;
}
.our-gallery-area .single_gallery_item .gallery-content .gallery-hover-overlay::after {
	position: absolute;
	content: "";
	background-color: #4527a4;
	height: 100%;
	width: 0;
	left: 0;
	bottom: -300px;
	z-index: 1;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}
.our-gallery-area .single_gallery_item .gallery-content .gallery-hover-overlay .port-more-view {
	position: absolute;
	z-index: 99;
	top: 30px;
	left: 30px;
	opacity: 0;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}
.our-gallery-area .single_gallery_item .gallery-content .gallery-hover-overlay .port-more-view .port-icon a {
	font-size: 24px;
	color: #ffffff;
	margin-right: 10px;
}
.our-gallery-area .single_gallery_item:hover .gallery-content img {
	width: 100%;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.our-gallery-area .single_gallery_item:hover .gallery-content .gallery-hover-overlay::after {
	bottom: 0;
	width: 100%;
	opacity: 0.85;
}
.our-gallery-area .single_gallery_item:hover .gallery-content .gallery-hover-overlay .port-more-view {
	opacity: 1;
}
.our-gallery-area .port-text {
	margin-top: 20px;
}
.our-gallery-area .port-text h4 a {
	font-size: 20px;
	color: #fff;
	font-weight: 500;
}
.gallery-content-single {
	-webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}
.gallery-content-single .gallery--thumb {
	position: relative;
	z-index: 1;
	-webkit-transition-duration: 1000ms;
	-o-transition-duration: 1000ms;
	transition-duration: 1000ms;
}
.gallery-content-single .gallery--thumb img {
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}
.gallery-content-single .gallery--thumb::after {
	position: absolute;
	content: "";
	background-color: rgba(0, 51, 204, 0.80);
	height: 110%;
	width: 47%;
	right: -108px;
	bottom: -140px;
	z-index: 1;
	-webkit-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	transform: rotate(36deg);
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}
.gallery-content-single .gallery-text {
	background-color: #fff;
	padding: 20px;
	border-radius: 0 0 5px 5px;
	position: relative;
	z-index: 9;
}
.gallery-content-single .gallery-text h4 a {
	font-size: 18px;
	text-transform: uppercase;
}
.gallery-content-single .gallery-text h4 a:hover {
	color: #4527a4;
}
.gallery-content-single .gallery-text p {
	font-size: 13px;
}
.gallery-content-single:hover .gallery--thumb img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.gallery-content-single:hover .gallery--thumb::after {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	height: 100%;
	width: 100%;
	right: 0;
	bottom: 0;
}
.single-gallery-area h2 {
	font-size: 34px;
	margin-bottom: 20px;
}
.single-gallery-area h4 {
	color: #4527a4;
	font-size: 16px;
	text-transform: capitalize;
}
.single-gallery-area .product-share a {
	margin-right: 8px;
	font-size: 15px;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}
.single-gallery-area .product-share a:hover {
	color: #4527a4;
}
/* ---- 404 ---- */

.onbita-error-page-area {
	min-height: 100vh;
	width: 100%;
	position: relative;
	z-index: 1;
	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;
}
.error-content {
	text-align: center;
	padding: 30px 15px;
}
.error-content h2 {
	font-size: 44px;
	margin-top: 70px;
}
.error-content p {
	font-size: 18px;
	max-width: 500px;
	margin: auto;
}
.erro-thumb img {
	max-width: 100%;
	height: auto;
}
.onita-btn- {
	height: 60px;
	width: 240px;
	line-height: 56px;
	text-align: center;
	text-decoration: none;
	border-radius: 30px;
	display: inline-block;
	background-color: transparent;
	border: 1px solid #fff;
	margin-top: 50px;
	color: #fff;
	font-weight: 500;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	text-transform: capitalize;
}
.onbita-btn-:hover {
	background-color: #4527a4;
	border-color: #4527a4;
	color: #fff !important;
}
.header-area.home-3.bg-tranpartent .main-header-area {
	background-color: transparent;
}
.header-area.home-3.bg-tranpartent .main-header-area.sticky {
	background-color: #fff;
}
/* ---- Coming Soon ----- */

.coming-soon-area {
	min-height: 100vh;
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.coming-soon-content .text-form-area {
	position: relative;
	z-index: 1;
}
.coming-soon-content .text-form-area h2 {
	color: #fff;
	font-size: 54px;
	font-weight: 600;
}
 @media only screen and (max-width: 767px) {
.coming-soon-content .text-form-area h2 {
	font-size: 42px;
}
}
.coming-soon-content .text-form-area p {
	font-size: 18px;
	color: #fff;
}
.coming-soon-content .text-form-area .news-letter-area .cs-form {
	position: relative;
	z-index: 1;
}
.coming-soon-content .text-form-area .news-letter-area .cs-form .form-control {
	background-color: #ffffff;
	height: 60px;
	border: none;
	-webkit-box-shadow: 0px 24px 38px 0px rgba(62, 89, 96, 0.18);
	box-shadow: 0px 24px 38px 0px rgba(62, 89, 96, 0.18);
	border-radius: 5px;
	padding-left: 30px;
	padding-right: 30px;
}
.coming-soon-content .text-form-area .news-letter-area .cs-form button {
	border: none;
	height: 60px;
	width: 200px;
	background-color: #4527a4;
	color: #ffffff;
	font-size: 18px;
	font-weight: 500;
	position: absolute;
	text-transform: uppercase;
	letter-spacing: 1px;
	top: 0;
	right: 0;
	z-index: 22;
	border-radius: 0 5px 5px 0;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	cursor: pointer;
}
 @media only screen and (max-width: 767px) {
.coming-soon-content .text-form-area .news-letter-area .cs-form button {
	width: 100px;
	font-size: 14px;
}
}
.coming-soon-content .text-form-area .news-letter-area .cs-form button:hover {
	background-color: #4527a4;
}
.coming-soon-content .social-info-area p {
	display: block;
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 18px;
}
.coming-soon-content .social-info-area a {
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	color: #ffffff;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}
.coming-soon-content .social-info-area a:hover {
	background-color: #4527a4;
}
.coming-soon-content .countdown-timer {
	margin-top: 60px;
}
 @media only screen and (max-width: 767px) {
.coming-soon-content .countdown-timer {
	padding: 15px;
	margin-top: 50px;
}
}
.coming-soon-content .countdown-timer #clock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.coming-soon-content .countdown-timer #clock div {
	position: relative;
	z-index: 1;
	font-size: 60px;
	line-height: 1;
	font-weight: 500;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	width: 25%;
	color: #fff;
	margin-bottom: 20px;
}
 @media only screen and (max-width: 767px) {
.coming-soon-content .countdown-timer #clock div {
	font-size: 30px;
}
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
.coming-soon-content .countdown-timer #clock div {
	font-size: 50px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.coming-soon-content .countdown-timer #clock div {
	font-size: 60px;
}
.display--none {
	display: none;
}
}
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
.coming-soon-content .countdown-timer #clock div {
	font-size: 60px;
}
}
.coming-soon-content .countdown-timer #clock div::after {
	content: ":";
	position: absolute;
	bottom: 20px;
	right: 0;
	font-size: 16px;
	color: #fff;
}
.coming-soon-content .countdown-timer #clock div:last-child::after {
	display: none;
}
.coming-soon-content .countdown-timer #clock div span {
	margin-top: 20px;
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	display: block;
	text-transform: uppercase;
	letter-spacing: 2px;
}
 @media only screen and (max-width: 767px) {
.coming-soon-content .countdown-timer #clock div span {
	font-size: 14px;
}
}
.h-100vh {
	height: 100vh !important;
}
.font-13 {
	font-size: 13px;
}
.font-14 {
	font-size: 14px;
}
.font-18 {
	font-size: 18px;
}
.middle-box {
	-webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, .50);
	box-shadow: 0 10px 55px 5px rgba(137, 173, 255, .50);
}
/* ---- Download area css ----- */

.download-area h2 {
	font-size: 52px;
	color: #fff;
	margin-bottom: 20px;
}
.download-area h6 {
	font-size: 18px;
	color: #fff;
	margin-bottom: 0;
	font-weight: 500;
}
/* ----- FAQ Area CSS ----- */

#accordion a.card-header {
	color: #fff;
}
#accordion .card-header {
	padding: 20px;
	background: #4527a4;
	border-bottom: 1px solid #4527a4;
	cursor: pointer;
	margin-bottom: 0;
	border-radius: 0;
}
#accordion .card-header.collapsed::after {
	content: "\e61a";
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
#accordion .card-header.collapsed {
	margin-bottom: 15px;
}
#accordion .card-header h6 {
	color: #fff;
}
#accordion .card-header::after {
	font-family: 'themify';
	content: "\e622";
	float: right;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
#accordion .card-body p {
	font-size: 15px;
	color: #333;
}
.border-none {
	border: none;
}
.mt-80-cu {
	margin-top: 80px;
}

/* ---- Responsive css ---- */

@media (min-width: 992px) and (max-width: 1199px) {
.service-content h4 {
	font-size: 20px;
}
.client-heading {
	padding-left: 0;
}
.client-heading h4 {
	font-size: 32px;
}
.about-area-content h2 {
	font-size: 32px;
}
.we-offer-content h3 {
	font-size: 32px;
}
.video-content h4 {
	font-size: 32px;
	line-height: 1.4;
}
.hot-line-content {
	padding: 50px;
}
.welcome-area {
	height: 800px;
}
.welcome-content h3 {
	font-size: 48px;
}
.logo a img {
	width: 70px;
}
.welcome-area.three {
	height: 800px;
}
.welcome-area.four {
	height: 800px;
}
}
 @media (min-width: 768px) and (max-width: 991px) {
.header-area .main-header-area {
	padding: 20px;
}
.slicknav_btn {
	margin-bottom: 0;
	padding: 0;
	right: 0;
	top: -17px;
}
.slicknav_nav {
	top: 20px;
}
.web-based-border .col-12:nth-child(3) {
	border-right: 1px solid #ebebeb;
}
.web-based-border .col-12:nth-child(2) {
	border-right: none;
}
.web-based-border .col-12:nth-child(4) {
	border-right: none;
	border-bottom: 1px solid #ebebeb;
}
.navbar-collapse .navbar-nav.mx-auto {
	background-color: #fff;
}
.custom_nav_menu .navbar-nav li a {
	color: #111;
}
.stickyadd.custom_nav_menu .navbar-nav li a {
	color: #111;
}
.welcome-content-4 h3 {
	font-size: 40px;
}
.stickyadd.custom_nav_menu {
	padding: 8px 10px;
}
.custom_nav_menu {
	padding: 15px 10px;
}
.custom_nav_menu.home-3.sticky .navbar-toggler {
	color: #4527a4;
}
.welcome-area {
	height: 800px;
}
.welcome-area.home-3.single {
	height: 900px;
}
.custom_nav_menu.home-3.sticky {
	border-bottom: 1px solid rgba(45, 31, 180, 0.20);
}
.welcome-area.three {
	height: 800px;
}
.about-area-content h2 {
	font-size: 30px;
}
.welcome-area.four {
	height: 800px;
}
.we-offer-content h3 {
	font-size: 30px;
}
.video-content h4 {
	font-size: 30px;
	line-height: 1.3;
}
.client-heading {
	padding-left: 0;
	margin-bottom: 50px;
}
.logo a img {
	width: 70px;
}
.welcome-content h3 {
	font-size: 42px;
}
.welcome-area {
	height: 700px;
}
.header-area.menu-white .slicknav_icon-bar {
	background-color: #f12639 !important;
}
.welcome-content-home-5 h3 {
	font-size: 40px;
}
.step-icon::after {
	bottom: -120px;
	height: 121px;
}
.site-nav-toggle {
	top: -8px;
	z-index: 99;
}
.welcome-area {
	height: 800px;
}
}
 @media (min-width: 320px) and (max-width: 767px) {
.header-area .main-header-area {
	padding: 20px 10px;
}
.anim-icons .icon-17 {
	left: -125px;
	bottom: 0;
}
.site-menu {
	width: 70%;
}
.welcome-area.home-3 {
	height: 1000px;
}
.welcome-content-3 h3 {
	font-size: 28px;
}
.welcome-content.home-5 h3 {
	font-size: 26px;
}
.anim-icons .icon-2 {
	left: 20px;
	bottom: 16%;
}
.welcome-content-home-5 h3 {
	font-size: 30px;
}
.welcome-image.home-3 {
	display: none;
}
.breadcrumb.breadcrumb_bg {
	height: 250px;
}
.welcome-content h3 {
	font-size: 32px;
}
.welcome-content-2 h3 {
	font-size: 30px;
}
.header-area.menu-white .slicknav_icon-bar {
	background-color: #f12639 !important;
}
.welcome-area {
	height: 1000px;
}
.welcome-content-4 p {
	font-size: 16px;
}
.welcome-content-4 h3 {
	font-size: 30px;
}
.welcome-area.four {
	height: 700px;
}
.welcome-content-2 p {
	font-size: 16px;
}
.welcome-content h5 {
	font-size: 14px;
}
.mb-sm-20 {
	margin-bottom: 20px;
}
.mb-sm-30 {
	margin-bottom: 30px;
}
.section-title h2 {
	font-size: 28px;
}
.mt-80-cu {
	margin-top: 0;
}
.navbar-collapse .navbar-nav.mx-auto {
	background-color: #fff;
}
.custom_nav_menu .navbar-nav li a {
	color: #111;
}
.stickyadd.custom_nav_menu .navbar-nav li a {
	color: #111;
}
.stickyadd.custom_nav_menu {
	padding: 8px 10px;
}
.custom_nav_menu {
	padding: 15px 10px;
}
.custom_nav_menu.home-3.sticky {
	border-bottom: 1px solid rgba(45, 31, 180, 0.20);
}
.custom_nav_menu.home-3.sticky .navbar-toggler {
	color: #4527a4;
}
.logo a img {
}
.counter-zone .col-12:first-child {
	border-right: none;
}
.counter-zone .col-12:nth-child(3) {
	border-right: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}
.counter-zone .col-12:nth-child(2) {
	border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}
.web-based-border .col-12:first-child {
	border-right: none;
}
.web-based-border .col-12:nth-child(2) {
	border-right: none;
}
.web-based-border .col-12:nth-child(4) {
	border-right: none;
	border-bottom: 1px solid #ebebeb;
}
.web-based-border .col-12:nth-child(5) {
	border-bottom: 1px solid #ebebeb;
	border-right: none;
}
.about-area-content h2 {
	font-size: 30px;
}
.single-service-content {
	display: block;
}
.single-service-content .service-thumb {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
}
.single-service-content .service-content {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
}
.we-offer-content h3 {
	font-size: 30px;
}
.video-content {
	padding-left: 0;
}
.video-content h4 {
	font-size: 30px;
	line-height: 1.3;
}
.client-heading {
	padding-left: 0;
	margin-bottom: 50px;
}
.client-heading h4 {
	font-size: 30px;
}
.footer-contact-area {
	background-position: center center;
}
.hot-line-content {
	padding: 30px 50px;
}
.welcome-area {
	height: 750px;
}
.welcome-area.three {
	height: 700px;
}
.welcome-content-home-5 h5 {
	font-size: 16px;
	line-height: 1.6;
}
.welcome-area.home-5 {
	height: 700px;
}
.welcome-area.home-6 {
	height: 600px;
}
.site-nav-toggle {
	top: -8px;
}
.copy-right-content {
	margin-bottom: 20px;
	text-align: center;
}
.footer-menu {
	text-align: center;
}
.breadcrumb_iner_item h2 {
	font-size: 20px;
	margin-bottom: 10px;
}
.comments-area .comment-list {
	padding-left: 0 !important;
}
.welcome-content-home-5 p {
	font-size: 16px;
}
}
 @media (min-width: 480px) and (max-width: 575px) {
.welcome-area {
	height: 800px;
}
.welcome-content h3 {
	font-size: 38px;
}
.welcome-content-2 h3 {
	font-size: 36px;
}
.welcome-content-3 h3 {
	font-size: 36px;
}
.welcome-content-4 h3 {
	font-size: 36px;
}
.welcome-content-home-5 h3 {
	font-size: 36px;
}
}
 @media (min-width: 576px) and (max-width: 767px) {
.counter-zone .col-12:first-child {
	border-right: 1px solid rgba(255, 255, 255, 0.50);
	border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}
.counter-zone .col-12:nth-child(3) {
	border-right: 1px solid rgba(255, 255, 255, 0.50);
	border-bottom: none;
}
.welcome-area {
	height: 850px;
}
.welcome-content h3 {
	font-size: 40px;
}
.welcome-content-2 h3 {
	font-size: 36px;
}
.welcome-content-4 h3 {
	font-size: 36px;
}
.welcome-content-home-5 h3 {
	font-size: 40px;
}
.copy-right-content {
	margin-bottom: 0;
}
.breadcrumb.breadcrumb_bg {
	height: 300px;
}
.welcome-content-3 h3 {
	font-size: 36px;
}
}


.contact-box {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 30px 35px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
	height: 100%;
}

.contact-icon i{
	font-size: 40px;
	padding-bottom: 20px;
	color: #400200;
}
.contact-box:hover {
    -webkit-box-shadow: 0 0 21px 0 rgba(152,152,152,.23);
    -moz-box-shadow: 0 0 21px 0 rgba(152,152,152,.23);
    box-shadow: 0 0 21px 0 rgba(152,152,152,.23);
}
.contact-form .single-form {
    margin-top: 30px;
}
.form-group {
    margin: 0;
}
.contact-form .single-form textarea, .contact-form .single-form input {
    width: 100%;
    height: 56px;
    border: 1px solid #cbced1;
    border-radius: 5px;
    padding: 0 25px;
    background-color: #fff;
    font-size: 16px;
}
.contact-form .single-form textarea {
    height: 160px;
    padding-top: 15px;
    resize: none;
}

.single-form button {
	border: 1px solid #fff;
	padding: 8px 20px;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	background: #400200;
}
.single-form button:hover {
	background-color: #000;
	
}
.cus-button{
	margin-bottom: 10px !important;
}




.img-container img {
	width: 200px;
	height: auto;
	border: 1px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: .3s;
   -webkit-transition: .3s;
   -moz-transition: .3s;
 
 }
 .img-container img:hover{
   transform: scale(0.97);
  -webkit-transform: scale(0.97);
  -moz-transform: scale(0.97);
  -o-transform: scale(0.97);
   opacity: 0.75;
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
   transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
 }


 .image-source-link {
	color: #98C3D1;
	display:none;
}
.mfp-title{
	font-size: 26px !important;
    text-align: center !important;
    padding-top: 18px !important;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
.zoom-gallery {
	padding-top: 80px;
}

.open-button {
    background-color: #400200;
    color: white;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    position: fixed;
    bottom: 113px;
    right: -44px;
    width: 140px;
    transform: rotate(90deg);
    z-index: 9999;
}
  /* The popup form - hidden by default */
  .form-popup {
    display: none;
    position: fixed;
    bottom: 150px;
    right: 145px;
    border: 3px solid #f1f1f1;
    z-index: 9;
    transform: translate(73px, 33px);
}
  /* Add styles to the form container */
  .form-container {
	max-width: 420px;
	padding: 30px;
	background-color: white;
  }
  
  /* Full-width input fields */
  .form-container input[type=text], .form-container input[type=password] {
	width: 100%;
	padding: 15px;
	margin: 3px 0 10px 0;
	border: none;
	background: #f1f1f1;
  }
  
  /* When the inputs get focus, do something */
  .form-container input[type=text]:focus, .form-container input[type=password]:focus {
	background-color: #ddd;
	outline: none;
  }
  
  /* Set a style for the submit/login button */
  .form-container .btn {
	background-color: #400200;
	color: white;
	padding: 10px 20px;
	border: none;
	cursor: pointer;
	width: 100%;
	margin-bottom:10px;
	opacity: 0.8;
  }
  
  /* Add a red background color to the cancel button */
  .form-container .cancel {
	background-color: red;
  }
  
  /* Add some hover effects to buttons */
  .form-container .btn:hover, .open-button:hover {
	opacity: 1;
  }
.comments{
	padding: 25px 15px !important;
}
.form-container h1{
	font-size: 20px;
}
.cus-logo{
	padding-left: 26px;
}
.adout-exhi{
	text-align:center;
}
.adout-exhi p {
    text-align: justify !important;
    padding: 20px 70px;
}
/*************************/
.accordion {
	 background: #f9f9f9;
}
 .accordion-tabs {
	 display: none;
}
 .accordion-tabs :focus {
	 outline: none;
}
 .accordion-item {
	 border-bottom: 1px solid #eaeaea;
}
 .accordion-item:last-child {
	 border: none;
}
 .accordion-item__label {
	 margin: 0;
	 padding: 1.25rem;
	 cursor: pointer;
	 transition: padding 0.2s ease;
	 position: relative;
}
 .accordion-item__label:after {
	 content: "";
	 height: 4px;
	 width: 4px;
	 position: absolute;
	 top: -4px;
	 right: 1.25rem;
	 bottom: 0;
	 margin: auto;
	 border: 3px solid transparent;
	 border-radius: 2px;
	 transform: rotate(45deg);
	 border-color: transparent #447fff #447fff transparent;
	 opacity: 1;
	 transition: opacity 0.1s ease;
}
 .accordion-item__label:hover {
	 background: #d3e1ff;
}
 .accordion-item__container {
	 padding: 0 1.25em;
	 height: 0;
	 overflow: hidden;
	 opacity: 0;
	 transition: padding 0.2s ease, opacity 0.5s 0.15s ease;
}
 .accordion-active {
	 background: rgba(68, 127, 255, 0.1);
}
 .accordion-active .accordion-item__label {
	 padding-bottom: 0;
	 cursor: inherit;
}
 .accordion-active .accordion-item__label:hover {
	 background: none;
}
 .accordion-active .accordion-item__label:after {
	 opacity: 0;
}
 .accordion-active .accordion-item__container {
	 padding: 1.25em;
	 height: auto;
	 opacity: 1;
}
 .accordion-active .accordion-item__container p:first-child, .accordion-active .accordion-item__container h1:first-child, .accordion-active .accordion-item__container h2:first-child, .accordion-active .accordion-item__container h3:first-child, .accordion-active .accordion-item__container h4:first-child, .accordion-active .accordion-item__container h5:first-child, .accordion-active .accordion-item__container h6:first-child {
	 margin-top: 0;
}
 .accordion-active .accordion-item__container p:last-child, .accordion-active .accordion-item__container h1:last-child, .accordion-active .accordion-item__container h2:last-child, .accordion-active .accordion-item__container h3:last-child, .accordion-active .accordion-item__container h4:last-child, .accordion-active .accordion-item__container h5:last-child, .accordion-active .accordion-item__container h6:last-child {
	 margin-bottom: 0;
}
 @media (min-width: 600px) {
	 .accordion-tabs {
		 display: flex;
		 background: rgba(68, 127, 255, 0.1);
	}
	 .accordion-tabs .accordion-tab {
		 background: rgba(68, 127, 255, 0.1);
		 padding: 1rem 2rem;
		 font: inherit;
		 flex: 1;
		 border: none;
		 cursor: pointer;
		 transition: background 0.1s ease;
	}
	 .accordion-tabs .accordion-tab:hover {
		 background: rgba(249, 249, 249, 0.01);
	}
	 .accordion-tabs .accordion-tab:last-child {
		 border-right: 0;
	}
	 .accordion-tabs .accordion-tab.accordion-active {
		 background: #f9f9f9;
	}
	 .accordion-item {
		 padding: 2.4rem;
		 display: none;
		 border: none;
		 background: #f9f9f9;
		 min-height: 260px;
	}
	 .accordion-item__label, .accordion-item__container {
		 padding: 0;
		 transition: inherit;
	}
	 .accordion-item__label {
		 margin-bottom: 1.5rem;
	}
	 .accordion-item.accordion-active {
		 display: block;
	}
	 .accordion-item.accordion-active .accordion-item__container {
		 padding: 0;
	}
}

 .accordion {
	 box-shadow: 0 1em 2em -0.9em rgba(0, 0, 0, 0.7);
	 border-radius: 10px;
	 overflow: hidden;
	 width: 100%;
	
}
 @media (min-width: 600px) {

}
 .accordion + p {
	 color: rgba(255, 255, 255, 0.8);
	 font-weight: 300;
	 font-size: 0.9rem;
	 margin-top: 2rem;
}



.adout-exhi h2{
	font-size:28px;
}


.testimonial {
	padding: 80px 0;
}
.testimonial .sec-heading {
	margin-bottom: 60px;
}
.testimonial .sec-heading h6 {
	font-weight: 600;
	font-size: 36px;
}
.single-box {
    border: 3px solid #e6f0fa;
    padding: 50px 19px 40px;
    border-radius: 20px;
    background: #fff;
}
.img-area {
	margin: 45px 0 20px;
}
.single-box img {
	max-width: 100px;
	border-radius: 50%;
	margin: 0 auto
}
.single-box h4 {
	font-weight: 600;
	margin: 0;

	font-size: 22px;
}
.single-box .content h6{
	font-size:14px !important;
}
.single-box {
	overflow: hidden
}
.single-box .img-area {
	width: 30%;
	float: left;
	margin: 0
}
.single-box .content {
	width: 100%;
	float: left;
	padding-left: 10px
}
.single-box p {
    margin: 10px 0 25px;
    line-height: 26px;
    font-size: 14px;
}
.testi-carousel-three .single-box {
	border: 0;
	padding: 0 50px;
}
.testi-carousel .owl-dots, .clients-carousel .owl-dots, .testi-carousel-three .owl-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -60px;
	text-align: center;
	width: 100%;
}
.testi-carousel .owl-dot, .clients-carousel .owl-dot, .testi-carousel-three .owl-dot {
	width: 16px;
	height: 16px;
	background-color: #ddd;
	display: inline-block;
	margin: 0 6px;
	text-align: center;
	border-radius: 50%;
}
.testi-carousel .owl-dot.active, .clients-carousel .owl-dot.active, .testi-carousel-three .owl-dot.active {
    background-color: #400200;
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
	.testimonial {
		padding: 70px 0 130px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 359px) {
	.testimonial {
		padding: 70px 0 130px;
	}
	.single-box {
		padding: 50px 0 40px;
	}
	.single-box .img-area {
		width: 100%;
		float: none;
	}
	.single-box .content {
		width: 100%;
		float: none;
	}
}