/*===================================*
  01.GENERAL STYLE
*===================================*/
html,
body {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}
body {
	background: #ffffff none repeat scroll 0 0;
	color: #999999;
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #171717;
	font-family: "Oswald", sans-serif;
}
p {
	color: #505152;
	line-height: 28px;
	margin-bottom: 25px;
}
a {
	color: #0386C7;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
a:hover {
	color: #2A3192;
	text-decoration: none;
}
a:focus {
	outline: none;
}
img {
	max-width: 100%;
}
ul,
li,
ol {
	margin: 0;
	padding: 0;
}
fieldset {
	border: 0 none;
	margin: 0 auto;
	padding: 0;
}
label {
	color: #6c757d;
}
input:focus,
textarea:focus {
	outline: none;
	box-shadow: none;
}
iframe {
	border: 0;
	display: block;
}
video {
	width: 100%;
}
.section {
	padding: 100px 0;
	position: relative;
}
.section.small-pt,
.top-footer.small-pt {
	padding-top: 50px;
}
.section.small-pb,
.top-footer.small-pb {
	padding-bottom: 50px;
}
.section.pb-20,
.pb-20 {
	padding-bottom: 20px;
}
.section.pb-70,
.pb-70 {
	padding-bottom: 70px;
}
.section.pb-85,
.pb-85 {
	padding-bottom: 85px;
}
div.banner-large-pad {
	padding: 200px 0;
}
.small-padding {
	padding: 30px;
}
.medium-padding {
	padding: 50px;
}
.large-padding {
	padding: 100px;
}
.small-divider {
	height: 30px;
}
.medium-divider {
	height: 50px;
}
.large-divider {
	height: 100px;
}
.padding-eight-all {
	padding: 8%;
}
.padding-eight-lr {
	padding: 0 8%;
}
.padding-eight-tb {
	padding: 8% 0;
}
.list-none li {
	list-style: none;
}
.order-list,
.disc-list {
	padding-left: 15px;
}
.btn:focus,
.btn:hover,
.btn.active {
	box-shadow: none;
	outline: medium none;
}
button:focus {
	outline: none;
}
.border-2 {
	border-width: 2px !important;
}
.btn {
	border-width: 2px;
	cursor: pointer;
	padding: 10px 25px;
	text-transform: uppercase;
	font-weight: 500;
	transition: all 0.5s ease-in-out;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.btn.btn-default,
.btn.btn-default:hover,
.btn.btn-default.focus,
.btn.btn-default:focus {
	background-color: #2A3192;
	border-color: #2A3192;
	color: #ffffff;
	padding: 16px 17px;
}
.btn-default:before {
	background-color: #222;
	content: "";
	height: 150px;
	left: -75px;
	position: absolute;
	top: -35px;
	transform: rotate(35deg);
	transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1);
	width: 40px;
	opacity: 0;
}
.btn-default:hover:before {
	left: 120%;
	transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 0.25;
}
.btn-white {
	background-color: #ffffff;
	border-color: #fff;
	color: #222222 !important;
	padding: 16px 17px;
}
.btn-white:hover {
	background-color: transparent;
	border-color: #ffffff;
	color: #fff !important;
}
.btn-black:hover {
	background-color: #ffffff;
	color: #333;
}
.btn-outline-black {
	background-color: transparent;
	border: 2px solid #333;
	color: #333;
	padding: 16px 40px;
}
.btn-outline-black:hover {
	background-color: #333;
	color: #fff;
}
.btn-outline-default {
	background-color: transparent;
	border: 2px solid #2A3192;
	color: #2A3192 !important;
	padding: 16px 40px;
}
.btn-outline-default:hover {
	background-color: #2A3192;
	color: #fff !important;
}
.btn-radius {
	border-radius: 40px;
}
.btn + .btn {
	margin-left: 10px;
}
.btn i {
	font-size: 16px;
	margin-right: 5px;
	vertical-align: middle;
	line-height: 1;
}
.btn span {
	vertical-align: middle;
}
.btn-group-sm > .btn,
.btn-sm {
	padding: 8px 25px;
}
.btn-group-lg > .btn,
.btn-lg {
	padding: 16px 45px;
}
.btn-xs {
	padding: 4px 20px;
	font-size: 12px;
}
.btn-md {
	padding: 12px 35px;
	font-size: 16px;
}
.btn.btn-xs i {
	font-size: 10px;
}
.btn.btn-sm i {
	font-size: 12px;
}
.btn.btn-lg i {
	font-size: 22px;
}
.btn-ripple {
	padding-right: 0 !important;
	border: 0;
}
.btn-link {
	position: relative;
	z-index: 2;
	text-decoration: none;
}
.btn-link:hover {
	text-decoration: none;
}
.btn-link::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	height: 1px;
	background-color: #2A3192;
	z-index: -1;
}
.text-white * {
	color: #fff;
}
.text-dark * {
	color: #333;
}
.text-default {
	color: #2A3192 !important;
}
.bg-gray {
	background-color: #f5f7f9 !important;
}
.bg-light-blue {
	background-color: #ebf5ff !important;
}
.bg-light-yellow {
	background-color: #fff7d9 !important;
}
.bg-redon {
	background-color: #fff1f1 !important;
}
.bg-dark {
	background-color: #222222 !important;
}
.bg-dark2 {
	background-color: #1a1919 !important;
}

.radius-all-5,
.radius-all-5:before,
.radius-all-5:after {
	border-radius: 5px;
}
.radius-all-10,
.radius-all-10:before,
.radius-all-10:after {
	border-radius: 10px;
}
.radius-lb-10,
.radius-lb-10:after,
.radius-lb-10:before {
	border-radius: 10px 0 0 10px;
}
.radius-rb-10,
.radius-rb-10:before,
.radius-rb-10:after {
	border-radius: 0 10px 10px 0;
}
.radius-lbrb-10,
.radius-lbrb-10:before,
.radius-lbrb-10:after {
	border-radius: 0 0 10px 10px;
}
.radius-ltrt-10,
.radius-ltrt-10:before,
.radius-ltrt-10:after {
	border-radius: 10px 10px 0 0;
}
.scrollup {
	background-color: #171717;
	border-radius: 100%;
	bottom: 20px;
	color: #ffffff;
	font-size: 24px;
	height: 40px;
	line-height: 40px;
	position: fixed;
	right: 20px;
	text-align: center;
	width: 40px;
	z-index: 99;
}
.scrollup:hover {
	background-color: #2A3192;
	color: #fff;
}
.scrollup:focus {
	color: #fff;
}
.scrollup-style1 {
	background-color: #2A3192;
}
.scrollup.scrollup-style1:hover {
	background-color: #333;
}
.background-bg {
	background-position: center center;
	background-size: cover;
}
.bg-size-auto {
	background-size: auto !important;
}
.bg-size-contain {
	background-size: contain !important;
}
.bg-norepeat {
	background-repeat: no-repeat !important;
}
.position-top-center {
	background-position: top center !important;
}
.position-center-bottom {
	background-position: center bottom !important;
}
.position-right-center {
	background-position: right center !important;
}
.position-right-bottom {
	background-position: right bottom !important;
}
.position-left-center {
	background-position: left center !important;
}
.fixed-bg {
	background-attachment: fixed !important;
}
[class*="overlay-bg-"] {
	position: relative;
}
[class*="overlay-bg-"]::before {
	background-color: #;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}
[class*="overlay-bg-default-"]::before {
	background-color: #2A3192;
}
[class*="overlay-bg-blue-"]::before {
	background-color: #031b4e;
}
[class*="overlay-bg-white-"]::before {
	background-color: #fff;
}
.overlay-bg-90::before,
.overlay-bg-default-90::before,
.overlay-bg-blue-90::before,
.overlay-bg-white-90::before {
	opacity: 0.9;
}
.overlay-bg-80::before,
.overlay-bg-default-80::before,
.overlay-bg-blue-80::before,
.overlay-bg-white-80::before {
	opacity: 0.8;
}
.overlay-bg-70::before,
.overlay-bg-default-70::before,
.overlay-bg-blue-70::before,
.overlay-bg-white-70::before {
	opacity: 0.7;
}
.overlay-bg-60::before,
.overlay-bg-default-60::before,
.overlay-bg-blue-60::before,
.overlay-bg-white-60::before {
	opacity: 0.6;
}
.overlay-bg-50::before,
.overlay-bg-default-50::before,
.overlay-bg-blue-50::before,
.overlay-bg-white-50::before {
	opacity: 0.5;
}
.overlay-bg-40::before,
.overlay-bg-default-40::before,
.overlay-bg-blue-40::before,
.overlay-bg-white-40::before {
	opacity: 0.4;
}
.overlay-bg-30::before,
.overlay-bg-default-30::before,
.overlay-bg-blue-30::before,
.overlay-bg-white-30::before {
	opacity: 0.3;
}
.overlay-bg-20::before,
.overlay-bg-default-20::before,
.overlay-bg-blue-20::before,
.overlay-bg-white-20::before {
	opacity: 0.2;
}
.overlay-bg-10::before,
.overlay-bg-default-10::before,
.overlay-bg-blue-10::before,
.overlay-bg-white-10::before {
	opacity: 0.1;
}
.ripple {
	background-color: #2A3192;
	border-radius: 100%;
	color: #fff;
	position: relative;
	display: inline-block;
	margin-right: 25px;
	line-height: 50px;
	font-size: 22px !important;
	vertical-align: middle;
	margin-left: -15px;
	height: 50px;
	width: 50px;
	text-align: center;
}
.ripple i {
	margin-right: 0;
	margin-left: 3px;
	font-size: 22px;
}
.ripple::before,
.ripple::after {
	-webkit-animation: ripple 1.8s infinite;
	-moz-animation: ripple 1.8s infinite;
	-o-animation: ripple 1.8s infinite;
	-ms-transition: ripple 1.8s infinite;
	animation: ripple 1.8s infinite;
	background-color: #2A3192;
	border-radius: 100%;
	margin: -20px;
	bottom: 0px;
	content: "";
	display: block;
	left: 0px;
	opacity: 0;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: -1;
}
.ripple::before {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-o-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.ripple::after {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}
@-webkit-keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
.btn-ripple-white .ripple::before,
.btn-ripple-white .ripple::after,
.btn-ripple-white .ripple {
	background-color: #fff;
}
.btn-ripple-white .ripple {
	color: #2A3192;
}

.bg-transparent-20 {
	background-color: rgba(0, 0, 0, 0.2);
}
.box-shadow1 {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.border-top-tran {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.border-bottom-tran {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/*Title Css*/
.heading-s1 {
	margin-bottom: 25px;
}
.heading-s1 h1,
.heading-s1 h2,
.heading-s1 h3,
.heading-s1 h4,
.heading-s1 h5,
.heading-s1 h6 {
	font-weight: 600;
	margin: 0;
	text-transform: capitalize;
	line-height: normal;
}
.heading-s1 h2 {
	line-height: 50px;
}
.heading-s1 h2 {
	font-size: 34px;
}
.heading-s1 span {
	font-weight: 300;
}
.heading-icon {
	display: inline-block;
	position: relative;
	z-index: 2;
	padding: 0 30px;
	text-align: center;
}
.heading-icon::after {
	content: "";
	position: absolute;
	right: 0;
	width: 30px;
	top: 50%;
	border-top: 1px solid #999;
	z-index: -1;
	border-bottom: 1px solid #999;
	height: 5px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.heading-icon::before {
	content: "";
	position: absolute;
	left: 0;
	width: 30px;
	top: 50%;
	border-top: 1px solid #999;
	z-index: -1;
	border-bottom: 1px solid #999;
	height: 5px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.heading-light .heading-icon i {
	color: #fff !important;
}
.heading-uppercase h1,
.heading-uppercase h2,
.heading-uppercase h3,
.heading-uppercase h4,
.heading-uppercase h5,
.heading-uppercase h6 {
	text-transform: uppercase;
}
.heading-light * {
	color: #fff;
}
.heading-s1 .sub-heading {
	color: #222222;
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
	font-weight: normal;
	z-index: 9;
}
.heading-s1 .sub-heading:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 20px;
	height: 2px;
	background-color: #2A3192;
	opacity: 0.3;
	z-index: -1;
}
.highlight-text {
	font-size: 5px;
	color: #333;
	font-weight: 600;
	margin-bottom: 15px;
	display: block;
}
.leads {
	margin-bottom: 30px;
}

/*Loader Css*/
.preloader {
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 9999;
	background-color: #fff;
}
.lds-ellipsis {
	height: 64px;
	margin: 0 auto;
	position: relative;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 64px;
	z-index: 9999;
}
.lds-ellipsis span {
	position: absolute;
	top: 27px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #2A3192;
	-webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
	-moz-animation-timing-function: cubic-bezier(0, 1, 1, 0);
	-o-animation-timing-function: cubic-bezier(0, 1, 1, 0);
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis span:nth-child(1) {
	left: 6px;
	-webkit-animation: lds-ellipsis1 0.6s infinite;
	-moz-animation: lds-ellipsis1 0.6s infinite;
	-o-animation: lds-ellipsis1 0.6s infinite;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis span:nth-child(2) {
	left: 6px;
	-webkit-animation: lds-ellipsis2 0.6s infinite;
	-moz-animation: lds-ellipsis2 0.6s infinite;
	-o-animation: lds-ellipsis2 0.6s infinite;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis span:nth-child(3) {
	left: 30px;
	-webkit-animation: lds-ellipsis2 0.6s infinite;
	-moz-animation: lds-ellipsis2 0.6s infinite;
	-o-animation: lds-ellipsis2 0.6s infinite;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis span:nth-child(4) {
	left: 55px;
	-webkit-animation: lds-ellipsis3 0.6s infinite;
	-moz-animation: lds-ellipsis3 0.6s infinite;
	-o-animation: lds-ellipsis3 0.6s infinite;
	animation: lds-ellipsis3 0.6s infinite;
}
@-webkit-keyframes lds-ellipsis1 {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes lds-ellipsis1 {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes lds-ellipsis2 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(24px, 0);
		transform: translate(24px, 0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(24px, 0);
		transform: translate(24px, 0);
	}
}
@-webkit-keyframes lds-ellipsis3 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

.loader-section {
	position: fixed;
	width: 100%;
	height: 50%;
	background-color: #e7edf3;
	z-index: 999;
	-webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */
	-moz-transform: translateX(0);
	-ms-transform: translateX(0); /* IE 9 */
	transform: translateX(0); /* Firefox 16+, IE 10+, Opera */
}
.loader-section.section-top {
	top: 0;
}
.loader-section.section-bottom {
	bottom: 0;
}

/* Loaded */
.loaded .loader-section.section-top {
	-webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%); /* IE 9 */
	transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.5s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.5s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded .loader-section.section-bottom {
	-webkit-transform: translateY(100%); /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateY(100%); /* IE 9 */
	-moz-transform: translateY(100%);
	transform: translateY(100%); /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.5s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.5s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/*===================================*
  01.END GENERAL STYLE
*===================================*/

/*===================================*
  02.START HEADER STYLE
*===================================*/
.navbar-brand {
	padding: 15px 0;
	vertical-align: top;
	margin: 0;
}
.dark-skin .logo-light,
.dark-skin .logo-default,
.light-skin .logo-default,
.light-skin .logo-dark,
.logo-light,
.logo-dark {
	display: none;
}
.dark-skin .logo-dark,
.light-skin .logo-light {
	display: block;
}
.light-skin .navbar-nav a,
.light-skin .navbar-toggler {
	color: #ffffff;
}
.navbar {
	padding: 0;
}
.logo-skew .navbar-brand {
	position: relative;
	background-color: ;
}
.logo-skew .navbar-brand:before {
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	left: px;
	width:px;
	background-color: ;
}
.logo-skew .navbar-brand:after {
	content: "";
	position: absolute;
	left: 90%;
	z-index: -1;
	bottom: 0;
	top: 0;
	background-color: #;
	width: px;
	-moz-transform: skewX(deg);
	-webkit-transform: skewX(deg);
	transform: skewX(deg);
}
.header-wrap {
	transition: all 0.5s ease 0s;
}
.header-wrap:not([class*="bg-"]):not([class*="bg-"]) {
	background-color: #fff;
}
.header-wrap:not([class*="bg-"]):not([class*="bg-"]).transparent-header {
	background-color: transparent;
}
.header-wrap:not([class*="bg-"]):not([class*="bg-"]).transparent-header.nav-fixed {
	background-color: #fff;
}
.header-wrap:not([class*="bg-"]):not([class*="bg-"]).transparent-header.light-skin.nav-fixed {
	background-color: #1d2224;
}
.header-wrap:not([class*="bg-"]):not([class*="bg-"]).transparent-header.sticky-dark-skin.nav-fixed,
.light-skin .sidetoggle-icon::after,
.light-skin .sidetoggle-icon::before,
.light-skin .toggle-center-line {
	background-color: #fff;
}
.navbar .navbar-nav li {
	position: relative;
	list-style: none;
	transition: all 0.3s ease 0s;
}
.navbar-nav .dropdown-menu {
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
	min-width: 14rem;
}
.navbar-nav .dropdown-menu {
	background-color: #252a2c;
}
.light-skin .navbar-nav .dropdown-menu .mega-menu .dropdown-menu,
.light-skin .navbar-nav .dropdown-menu .dropdown-menu {
	background-color: #303537;
}
.dark-skin .navbar-nav .dropdown-menu {
	background-color: #fff;
	box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
}
.dark-skin .mega-menu-col,
.dark-skin .cart-list li {
	border-color: #ddd;
}
.dark-skin .navbar .navbar-nav .dropdown-menu li a.active,
.dark-skin .navbar .navbar-nav .dropdown-menu li a:hover,
.dark-skin .navbar .navbar-nav .dropdown-menu > ul > li:hover > a,
.dark-skin .navbar .navbar-nav .dropdown-menu > ul > .mega-menu-col ul > li:hover > a {
	color: #2A3192;
}
.dark-skin .navbar .navbar-nav li > .dropdown-item,
.dark-skin .navbar .navbar-nav .dropdown-header,
.dark-skin .cart-quantity,
.dark-skin .cart-total {
	color: #333333;
}
.dropdown-toggle::after,
.dropdown-toggler::after {
	border: 0 none;
	content: "\f3d0";
	font-family: "Ionicons";
	height: auto;
	line-height: normal;
	margin-left: 5px;
	vertical-align: middle;
	width: auto;
	font-weight: 200;
}
.dropdown-toggler::after {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.dropdown-menu .dropdown-toggler::after {
	position: absolute;
	right: 15px;
	top: 10px;
}
.navbar .navbar-nav > li > .nav-link {
	font-weight: 500;
	padding: 15px 5px;
	text-transform: capitalize;
	font-size: 14px;
	color: #292b2c;
}
.nav-fixed .navbar .navbar-nav > li > .nav-link {
	padding: 20px 10px;
}
.navbar .navbar-nav > li > a.active,
.navbar .navbar-nav > li:hover > a,
.light-skin.transparent-header.nav-fixed .navbar .navbar-nav > li > a.active,
.light-skin.transparent-header.nav-fixed .navbar .navbar-nav > li:hover > a {
	color: #2A3192;
}
.light-skin .navbar .navbar-nav .dropdown-item,
.light-skin .navbar .navbar-nav .dropdown-header {
	color: #fff;
}
.light-skin .item-remove {
	color: #fff !important;
}
.light-skin .mega-menu-col {
	border-right: 1px solid #3f3f3f;
}
.dropdown:not(.dropdown-mega-menu) .dropdown-menu > ul,
.mega-menu-col > ul,
.dropdown .dropdown-menu .dropdown-menu > ul {
	padding: 10px 5px;
}
.navbar .navbar-nav .dropdown-item {
	padding: 8px 20px 8px 20px;
	color: #333;
	font-size: 14px;
	font-weight: 600;
	text-transform: capitalize;
}
.navbar .navbar-nav .dropdown-item.dropdown-toggler {
	padding-right: 30px;
}
.navbar .navbar-nav .dropdown-header {
	color: #333;
	padding: 10px 20px;
	text-transform: uppercase;
	font-weight: bold;
}
.navbar .attr-nav li .nav-link {
	padding: 27px 10px;
	position: relative;
}
.nav-fixed .navbar .attr-nav li .nav-link {
	padding: 17px 10px;
}
.navbar .attr-nav li.nav-btn {
	margin-left: 10px;
}
.navbar .attr-nav li .nav-link i {
	font-size: 20px;
}
.navbar .attr-nav li .nav-link.cart-trigger {
	padding-right: 0 !important;
	margin-right: -5px;
}
.hover-menu-style2 .navbar .navbar-nav.attr-nav > li > .nav-link {
	margin: 0;
	padding: 20px 10px;
}
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item.active,
.dropdown-item:active {
	background-color: transparent;
}
.navbar .navbar-nav.attr-nav .dropdown-menu li a.active,
.navbar .navbar-nav.attr-nav .dropdown-menu li a:hover,
.navbar .navbar-nav.attr-nav .dropdown-menu > ul > li:hover > a {
	background-color: rgba(0, 0, 0, 0);
}
.navbar .navbar-nav .dropdown-menu li a.active,
.navbar .navbar-nav .dropdown-menu li a:hover,
.navbar .navbar-nav .dropdown-menu > ul > li:hover > a,
.navbar .navbar-nav .dropdown-menu > ul > .mega-menu-col ul > li:hover > a,
.sticky-dark-skin.nav-fixed .navbar .navbar-nav .dropdown-item:hover {
	color: #2A3192;
}
.sticky-dark-skin.nav-fixed .logo-light {
	display: none;
}
.sticky-dark-skin.nav-fixed .logo-dark {
	display: block;
}
.sticky-dark-skin.nav-fixed .navbar-nav li > a,
.sticky-dark-skin.nav-fixed .navbar-toggler,
.sticky-dark-skin.nav-fixed .navbar .navbar-nav .dropdown-item,
.sticky-dark-skin.nav-fixed .navbar .navbar-nav .dropdown-header,
.sticky-dark-skin.nav-fixed .cart-quantity,
.sticky-dark-skin.nav-fixed .cart-total {
	color: #333;
}
.sticky-dark-skin.nav-fixed .navbar .navbar-nav .dropdown-item.active {
	color: #2A3192;
}
.sticky-dark-skin.nav-fixed .item-remove {
	color: #333 !important;
}
.sticky-dark-skin.nav-fixed .navbar-nav .dropdown-menu,
.sticky-dark-skin.nav-fixed .navbar-nav .dropdown-menu .dropdown-menu {
	background-color: #fff;
	box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
}
.sticky-dark-skin.nav-fixed .mega-menu-col,
.sticky-dark-skin.nav-fixed .cart-list li {
	border-color: #ddd;
}
.sticky-dark-skin.nav-fixed.header-wrap[class*="bg-"],
.sticky-dark-skin.nav-fixed.header-wrap[class*="bg-"] {
	background-color: #fff !important;
}
.sticky-light-skin.nav-fixed .logo-dark {
	display: none;
}
.sticky-light-skin.nav-fixed .logo-light {
	display: block;
}
.sticky-light-skin.nav-fixed.header-wrap:not([class*="bg-"]):not([class*="bg-"]).transparent-header,
.sticky-light-skin.nav-fixed.header-wrap:not([class*="bg-"]):not([class*="bg-"]) {
	background-color: #1d2224;
}
.sticky-light-skin.nav-fixed.header-wrap[class*="bg-"],
.sticky-light-skin.nav-fixed.header-wrap[class*="bg-"] {
	background-color: #1d2224 !important;
}
.sticky-light-skin.nav-fixed .navbar-nav a,
.sticky-light-skin.nav-fixed .navbar-toggler,
.sticky-light-skin.nav-fixed .navbar .navbar-nav .dropdown-item,
.sticky-light-skin.nav-fixed .navbar .navbar-nav .dropdown-header,
.sticky-light-skin.nav-fixed .cart-quantity,
.sticky-light-skin.nav-fixed .cart-total {
	color: #fff;
}
.sticky-light-skin.nav-fixed .item-remove {
	color: #fff !important;
}
.header-wrap:not([class*="bg-"]):not([class*="bg-"]).sticky-light-skin.nav-fixed .navbar-nav .dropdown-menu {
	background-color: #252a2c;
	border-color: #252a2c;
}
.header-wrap:not([class*="bg-"]):not([class*="bg-"]).sticky-light-skin.nav-fixed
	.navbar-nav
	.dropdown-menu
	.mega-menu
	.dropdown-menu,
.header-wrap:not([class*="bg-"]):not([class*="bg-"]).sticky-light-skin.nav-fixed
	.navbar-nav
	.dropdown-menu
	.dropdown-menu {
	background-color: #303537;
}
.sticky-light-skin.nav-fixed .mega-menu-col {
	border-right: 1px solid #3f3f3f;
}
.sticky-light-skin.nav-fixed .cart-list li {
	border-color: #3f3f3f;
}
.sticky-dark-skin.nav-fixed .btn-tran-light {
	background-color: #333;
	color: #fff !important;
}
.sticky-dark-skin.nav-fixed .btn-tran-light:hover {
	background-color: transparent;
	color: #333 !important;
	border-color: #333;
}
.search-overlay {
	content: "";
	background-color: rgba(0, 0, 0, 0.6);
	height: 0;
	left: 0;
	position: fixed;
	text-align: center;
	bottom: 0;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	width: 100%;
	height: 100%;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
}
.search-overlay.open {
	opacity: 1;
	visibility: visible;
}
.search-overlay.open {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.search-trigger.open i::before {
	content: "\f129";
	font-family: "Ionicons";
}
.search-wrap {
	position: fixed;
	left: 0;
	right: 0;
	max-width: 800px;
	margin: 0 auto;
	padding: 80px 0;
	z-index: 9999;
	bottom: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-ms-flex-align: center;
	align-items: center;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.search-open {
	overflow-y: hidden;
	padding-right: 17px;
}
.search-wrap.open {
	opacity: 1;
	visibility: visible;
}
.search-wrap form {
	position: relative;
	width: 100%;
}
.search-wrap .form-control:focus {
	color: #fff;
}
.search-icon {
	font-size: 24px;
	position: absolute;
	right: 5px;
	top: 5px;
	border: 0;
	background-color: transparent;
	cursor: pointer;
	padding: 0;
	color: #fff;
}
.search-wrap .form-control {
	background-color: transparent;
	border-bottom: 2px solid #fff;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	padding: 10px 0;
	color: #fff;
}
.close-search {
	font-size: 40px;
	color: #fff;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 25%;
}
.navbar .attr-nav li .search-trigger i {
	font-size: 20px;
	vertical-align: middle;
	line-height: normal;
}
.navbar .attr-nav li.cart-wrap .nav-link i {
	font-size: 20px;
}
.navbar .attr-nav li.cart-wrap .nav-link {
	padding: 35px 5px;
}
.navbar .attr-nav li .nav-link.sidetoggle i {
	font-size: 28px;
}
.header-wrap.fixed-top {
	position: relative;
	padding-right: 0 !important;
}
.header-wrap.transparent-header {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1030;
}
.header-wrap.nav-fixed {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	z-index: 999;
	-webkit-animation: slideInDown 0.65s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-animation: slideInDown 0.65s cubic-bezier(0.23, 1, 0.32, 1);
	-o-animation: slideInDown 0.65s cubic-bezier(0.23, 1, 0.32, 1);
	animation: slideInDown 0.65s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-animation-fill-mode: none;
	-moz-animation-fill-mode: none;
	-o-animation-fill-mode: none;
	animation-fill-mode: none;
}
.nav-fixed.border-bottom-tran {
	border: 0;
}
.header-wrap.fixed-top.transparent-header.nav-fixed.no-sticky {
	position: absolute;
}
.header-wrap.fixed-top.nav-fixed.no-sticky {
	position: relative;
}
.header-wrap.no-sticky .navbar .navbar-nav > li > .nav-link {
	-webkit-transition: none;
	transition: none;
}
.header-wrap:not([class*="bg-"]):not([class*="bg-"]).transparent-header.nav-fixed.no-sticky {
	background-color: transparent;
	box-shadow: none;
}
.mega-menu {
	display: table;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.navbar .navbar-nav li.dropdown-mega-menu {
	position: static;
}
.navbar .navbar-nav li.dropdown-mega-menu .dropdown-menu {
	right: 0;
	padding-left: 0;
	padding-right: 0;
}
.mega-menu-col {
	border-right: 1px solid #ddd;
	padding: 0;
}
.mega-menu-col:last-child {
	border-right: 0 !important;
}
.dropdown-menu li a i {
	font-size: 14px;
	width: 20px;
	display: inline-block;
	vertical-align: middle;
}
.navbar .navbar-nav > li > .nav-link.cart-trigger i {
	font-size: 20px;
}
.cart-list li {
	list-style: outside none none;
}
.cart-count {
	position: relative;
	top: -3px;
	left: -5px;
	font-size: 11px;
	background-color: #2A3192;
	border-radius: 50px;
	height: 16px;
	line-height: 16px;
	color: #fff;
	min-width: 16px;
	text-align: center;
	padding: 0 5px;
	display: inline-block;
	vertical-align: top;
}
.navbar-nav .dropdown-menu.cart-box {
	width: 320px;
	position: absolute !important;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: -webkit-calc(100% - 30px) 0;
	transform-origin: calc(100% - 30px) 0;
	display: block;
	transition: all 0.25s ease-in-out;
	padding: 0;
}
.navbar-nav .dropdown-menu.cart-box.show {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.cart-list li {
	border-bottom: 1px solid #3f3f3f;
	padding: 15px;
	width: 100%;
}
.item-remove {
	float: right;
	margin-left: 5px;
	color: #333 !important;
}
.cart-list img {
	border: 1px solid #ddd;
	background-color: #ffffff;
	float: left;
	margin-right: 10px;
	max-width: 80px;
}
.cart-list a {
	font-size: 14px;
	vertical-align: top;
	padding: 0 !important;
	text-transform: capitalize;
	font-weight: 600;
}
.cart-quantity {
	color: #ffffff;
	display: table;
	margin-top: 5px;
	font-weight: 500;
}
.cart-total .cart-amount {
	float: right;
	color: #f32b56;
}
.cart-box .cart-list {
	width: 100%;
	padding: 0 !important;
	max-height: 242px;
	overflow-y: auto;
}
.cart-list li {
	display: inline-block;
	width: 100%;
}
.dropdown-menu .cart-list li a i {
	width: auto;
}
.cart-total {
	color: #ffffff;
	margin: 0;
	padding: 10px 15px;
	font-weight: 600;
	text-align: right;
}
.cart-total strong {
	float: left;
	font-weight: 600;
}
.cart-buttons {
	margin: 0;
	padding: 10px 15px 20px;
	text-align: center;
}
.cart-buttons .view-cart,
.cart-buttons .checkout {
	padding: 8px 20px !important;
}
.top-header {
	border-bottom: 1px solid #eee;
}
.top-header.light-skin {
	border-color: rgba(255, 255, 255, 0.2);
}
.top-header {
	padding: 10px 0;
	transition: all 0.5s ease-in-out;
}
.top-header[class*="bg-"],
.top-header[class*="bg-"] {
	border: 0;
}
.top-header span {
	font-size: 14px;
}
.header-wrap .social-icons li {
	padding-bottom: 0;
}
.social-icons,
.contact-detail {
	font-size: 0;
}
.contact-detail > li:last-child,
.header-list > li:last-child {
	padding-right: 0;
}
.social-icons li {
	display: inline-block;
	padding: 0px 5px 5px 0;
}
.social-icons li a {
	font-size: 16px;
	color: #687188;
	height: 36px;
	width: 36px;
	line-height: 36px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
.social-icons li a:hover,
.header-wrap .social-icons li a:hover {
	color: #2A3192;
}
.social-icons.social-small li a {
	height: 25px;
	width: 25px;
	line-height: 26px;
	font-size: 16px;
}
.social-white .social-icons li a,
.social-white.social-icons li a,
.header-wrap .social-white .social-icons li a,
.header-wrap .social-white.social-icons li a {
	color: rgba(255, 255, 255, 0.6);
	border-color: #fff;
}
.social-white .social-icons li a:hover,
.social-white.social-icons li a:hover {
	color: #2A3192;
}
.border-social .social-icons li a:hover,
.border-social.social-icons li a:hover {
	background-color: #2A3192;
	border-color: #2A3192;
	color: #fff;
}
.border-social.social-white .social-icons li a:hover,
.social-white.border-social.social-icons li a:hover {
	color: #fff;
}
.border-social li a {
	border: 1px solid #687188;
	line-height: 35px;
}
.social-icons li:last-child a {
	margin-right: 0px;
}
.radius-social li a {
	border-radius: 5px;
}
.rounded-social li a {
	border-radius: 50px;
}
.social-icons.social-style1 li a {
	color: #999999;
}
.social-icons.social-style1 li a:hover {
	color: #2A3192 !important;
}
.social-style2 li a {
	background-color: rgba(255, 255, 255, 0.1);
	color: #ffffff;
}
.social-style3 li a {
	background-color: #f6f8f9;
	color: #b2b2b7;
	font-size: 20px;
	height: 50px;
	width: 50px;
	line-height: 50px;
}
.social-style4 li a {
	background-color: #fff;
	color: #2A3192;
}
.social-style4 li a:hover {
	background-color: #2A3192;
	color: #fff;
}
.social-style4 li a:hover {
	background-color: #2A3192;
	color: #fff !important;
}
.vertical-social li {
	display: block;
}
.header-wrap .social-icons li a {
	color: #333;
}
.contact-detail i {
	margin-right: 10px;
	vertical-align: middle;
	font-size: 16px;
}
.contact-detail span {
	vertical-align: middle;
}
.contact-detail > li,
.header-list > li {
	color: #333;
	font-size: 14px;
	vertical-align: middle;
	display: inline-block;
	padding: 2px 15px 2px 0;
}
.header-list > li i {
	margin-right: 6px;
}
.header-list > li .dropdown-item:hover,
.custome-dropdown .ddChild li:hover,
.contact-detail > li a:hover {
	color: #f32b56;
}
.header-dropdown .dropdown-menu {
	border-radius: 0;
	padding: 0;
	margin-top: 0px;
	border: 0;
	transform: none !important;
	top: 100% !important;
	will-change: auto !important;
}
.header-dropdown .dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="top"] {
	right: 0;
	left: auto !important;
}
.header-dropdown .dropdown-item {
	padding: 5px 10px;
	border-bottom: 1px solid #e6e6e6;
	text-transform: capitalize;
}
.contact-detail li:first-child {
	margin-left: 0px;
}
.contact-detail li a span {
	vertical-align: middle;
}
.top-header.light-skin .contact-detail li,
.top-header.light-skin .contact-detail li a,
.top-header.light-skin .widget-text span {
	color: rgba(255, 255, 255, 0.6);
}
.top-header.dark-skin .contact-detail li {
	color: #000;
}
.nav-fixed .top-header,
.nav-fixed .middle-header {
	display: none !important;
}
.navbar-toggler {
	float: right;
	margin: 24px 0 0 3px;
	font-size: 28px;
	color: #333;
	transition: all 0.5s ease 0s;
	border-radius: 0;
	height: 35px;
	width: 35px;
	padding: 0;
	line-height: 36px;
	transition: none;
}
.navbar-toggler[aria-expanded="true"] span::before {
	content: "\f129";
	font-size: 20px;
}
.navbar-toggler[aria-expanded="true"] {
	line-height: 32px;
	font-size: 20px;
}
header .attr-nav + .social-icons {
	border-left: 1px solid #333;
	margin-left: 5px;
	padding-left: 5px;
}
header .attr-nav + .social-icons li {
	padding: 0;
}
header.light-skin .attr-nav + .social-icons {
	border-color: #fff;
}
header.light-skin.nav-fixed .attr-nav + .social-icons {
	border-color: #333;
}
header.light-skin.nav-fixed .social-icons li a {
	color: #000;
}
header.light-skin.nav-fixed .social-icons li a:hover {
	color: #0e93d8;
}
.search-box {
	position: relative;
}
.search-box input {
	padding-right: 30px;
}
.search-box button {
	border: 0;
	padding: 0 10px;
	background-color: transparent;
	font-size: 22px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
}
.top-header.light-skin .header-list li a,
.top-header.light-skin .ddArrow::before,
.top-header.light-skin .ddcommon .ddTitle .ddlabel {
	color: #fff;
}
.top-header.light-skin .header-list > li::before {
	background-color: #fff;
}
.top-header .custome-dropdown .ddChild {
	background-color: #fff;
	border: 0 !important;
	min-width: 10rem;
	left: -10px;
}
.top-header.light-skin .header-list li a:hover,
.top-header.light-skin .contact-detail li a:hover,
.top-header.light-skin .header-list li a:hover span {
	color: #2A3192;
}
.main-menu-uppercase .navbar-nav > li > .nav-link {
	text-transform: uppercase;
}
.main-menu-weight-100 .navbar .navbar-nav > li > .nav-link {
	font-weight: 100;
}
.main-menu-weight-200 .navbar .navbar-nav > li > .nav-link {
	font-weight: 200;
}
.main-menu-weight-300 .navbar .navbar-nav > li > .nav-link {
	font-weight: 300;
}
.main-menu-weight-400 .navbar .navbar-nav > li > .nav-link {
	font-weight: 400;
}
.main-menu-weight-500 .navbar .navbar-nav > li > .nav-link {
	font-weight: 500;
}
.main-menu-weight-600 .navbar .navbar-nav > li > .nav-link {
	font-weight: 600;
}
.main-menu-weight-700 .navbar .navbar-nav > li > .nav-link {
	font-weight: 700;
}
.main-menu-weight-800 .navbar .navbar-nav > li > .nav-link {
	font-weight: 800;
}
.main-menu-weight-900 .navbar .navbar-nav > li > .nav-link {
	font-weight: 900;
}
.main-menu-size-16 .navbar .navbar-nav > li > .nav-link,
.dd-menu-size-16 .navbar .navbar-nav .dropdown-item,
.dd-menu-size-16 .cart-list a {
	font-size: 16px;
}
.header-banner-wrap {
	padding: 15px;
	height: 100%;
}
.header-banner {
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	padding: 15px;
}
.header-banner-wrap .header-banner {
	-ms-flex-align: center;
	align-items: center;
}
.header-banner-content {
	position: relative;
}
.header-banner-text {
	color: #fff;
}
.header-banner-title {
	font-weight: bold;
	color: #fff;
	margin-bottom: 15px;
}
.banner-img {
	position: relative;
}
.shop-bn-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px;
	z-index: 1;
}
.shop-bn-content * {
	color: #fff;
}
.shop-title {
	font-size: 38px;
	font-weight: bold;
	margin-bottom: 10px;
}
.shop-banner {
	position: relative;
	display: inline-block;
}
.shop-banner::before {
	content: "";
	position: absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	z-index: 01;
}
.shop-banner::after {
	content: "";
	position: absolute;
	left: 10px;
	top: 10px;
	bottom: 0;
	height: 85px;
	background-color: #fff;
	width: 2px;
}
.shop-banner .banner-img::after {
	content: "";
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 85px;
	height: 2px;
	background-color: #fff;
}
.sidebar-menu {
	padding: 50px 30px 30px;
	position: fixed;
	top: 0;
	z-index: 99;
	background-color: #fff;
	box-shadow: -3px 0 3px rgba(0, 0, 0, 0.04);
	bottom: 0;
	width: 400px;
	overflow-y: auto;
	right: -400px;
	visibility: hidden;
	height: 100vh;
	transition: all 0.5s ease;
	z-index: 99999;
}
.sidebar-menu.active {
	right: 0;
	visibility: visible;
}
.side-panel-close {
	position: absolute;
	right: 30px;
	top: 30px;
}
.side-panel-close i {
	font-size: 5px;
}
.sidebar-menu .widget {
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}
.sidebar-left .sidebar-menu,
.sidebar-left-push .sidebar-menu {
	right: auto;
	left: -400px;
}
.sidebar-left .sidebar-menu.active,
.sidebar-left-push .sidebar-menu.active {
	left: 0;
}
.sidebar-left-push.sidetoggle-active {
	overflow-y: hidden;
	left: 400px;
}
.sidebar-left-push {
	overflow-x: hidden;
	position: relative;
	transition: all 0.5s ease;
	left: 0;
}
.sidebar-left-push.sidetoggle-active .header-wrap.nav-fixed {
	left: 400px;
	right: -400px;
}
.sidebar-right-push.sidetoggle-active {
	overflow-y: hidden;
	right: 400px;
}
.sidebar-right-push {
	overflow-x: hidden;
	position: relative;
	transition: all 0.5s ease;
	right: 0;
}
.sidebar-right-push.sidetoggle-active .header-wrap.nav-fixed {
	left: -400px;
	right: 400px;
}
.sidebar-dark {
	background-color: #222;
}
.sidebar-dark .sidemenu-close,
.sidebar-dark p {
	color: #fff;
}
.header-overlay {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9999;
	top: 0;
	transition: all 0.5s ease-in-out;
	cursor: url("../images/close.png"), pointer;
}
body.active {
	overflow: hidden;
	padding-right: 17px;
}
.sidetoggle-icon {
	width: 22px;
	display: block;
	margin: 10px 0;
	position: relative;
	transition: all 0.5s ease-in-out;
	height: 1px;
}
.sidetoggle-icon::before {
	content: "";
	background-color: #333;
	display: block;
	height: 1px;
	width: 100%;
	position: absolute;
	top: -7px;
	right: 0;
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.sidetoggle-icon::after {
	content: "";
	background-color: #333;
	display: block;
	height: 1px;
	width: 15px;
	position: absolute;
	bottom: -7px;
	right: 0;
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.sidetoggle.open .sidetoggle-icon::before {
	top: 0;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition-property: top, transform;
	transition-delay: 0s, 0.3s;
}
.sidetoggle.open .sidetoggle-icon::after {
	bottom: 0;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition-delay: 0s, 0.3s;
	transition-property: bottom, transform;
	width: 100%;
}
.toggle-center-line {
	background-color: #333;
	height: 1px;
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	transition: all 0.6s ease-in-out;
}
.sidetoggle.open .toggle-center-line {
	opacity: 0;
}
.sidetoggle-icon:hover:after {
	width: 22px;
}
.widget-text p:last-child {
	margin-bottom: 0;
}
.widget-contact-info .contact-wrap li:last-child {
	margin-bottom: 0;
}
.hover-menu-style1 .navbar-collapse .navbar-nav > li > a {
	position: relative;
	padding: 30px 0px;
	margin: 0 10px;
}
.hover-menu-style1.nav-fixed .navbar .navbar-collapse .navbar-nav > li > .nav-link {
	padding: 20px 0px;
}
.hover-menu-style1 .navbar-collapse .navbar-nav > li > a::before {
	display: block;
	position: absolute;
	bottom: 20px;
	right: 0px;
	height: 2px;
	width: 0;
	z-index: 0;
	content: "";
	background-color: #2A3192;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.hover-menu-style1.nav-fixed .navbar-collapse .navbar-nav > li > a::before {
	bottom: 10px;
}
.hover-menu-style1 .navbar-collapse .navbar-nav > li:hover > a::before,
.hover-menu-style1 .navbar-collapse .navbar-nav > li > a.active::before {
	left: 0;
	right: auto;
	width: 100%;
}
input.text {
	display: none;
}
/*===================================*
  02.END HEADER STYLE
*===================================*/

/*===================================*
  03.START BANNER,SLIDER STYLE
*===================================*/
.banner-section {
	position: relative;
}
.banner-content-wrap {
	position: relative;
	z-index: 1;
}
.banner-half-content {
	padding: 100px 0 80px;
	z-index: 0;
}
.full-screen.banner-half-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}
.banner-section:not(.full-screen),
.banner-section:not(.full-screen) .carousel-item,
.banner-section:not(.full-screen) .banner-content-wrap,
.banner-section:not(.full-screen) .banner-content-wrap .carousel-item {
	height: 800px;
}
.full-screen,
.full-screen .carousel-item {
	height: 100vh;
	min-height: 45rem;
}
.banner-section.slide-medium,
.banner-section.slide-medium .carousel-item,
.banner-section.slide-medium .banner-content-wrap,
.banner-section.slide-medium .banner-content-wrap .carousel-item {
	height: 500px;
}
.banner-section .banner-slide-content {
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}
.carousel-item img {
	position: relative;
	z-index: -1;
	width: 100%;
}
.carousel-control-next,
.carousel-control-prev {
	
	font-size: 18px;
	height: 50px;
	opacity: 0;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 50px;
	transition: all 0.3s ease-in-out;
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
	opacity: 0;
}
.carousel:hover .carousel-control-next,
.carousel:hover .carousel-control-prev {
	opacity: 1;
}
.carousel-control-next {
	right: 20px;
}
.carousel-control-prev {
	left: 20px;
}
.light-arrow .carousel-control-next,
.light-arrow .carousel-control-prev {
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	color: #000;
}
.carousel-control-next:hover,
.carousel-control-prev:hover,
.light-arrow .carousel-control-next:hover,
.light-arrow .carousel-control-prev:hover {
	background-color: #2A3192;
	color: #fff;
}
.indicators-style1 {
	counter-reset: step;
}
.indicators-style1.carousel-indicators li {
	width: auto;
	height: auto;
	background-color: transparent;
	text-indent: 0;
	transition: all 0.5s ease-in-out;
	opacity: 1;
}
.indicators-style1.carousel-indicators li::before {
	content: "0" counter(step);
	color: #fff;
	counter-increment: step;
	position: static;
	height: auto;
	width: auto;
	margin: 0 10px;
}
.indicators-style1.carousel-indicators li::after {
	content: "";
	margin: 0 8px;
	font-size: 30px;
	color: #fff;
	bottom: -5px;
	line-height: normal;
	height: 20px;
	left: 28px;
	font-weight: 300;
	background-color: #fff;
	width: 2px;
	transform: rotate(10deg);
	display: inline-block;
	vertical-align: middle;
}
.indicators-style1.carousel-indicators li:last-child::after {
	opacity: 0;
	margin: 0;
}
.indicators-style1.carousel-indicators li.active::before {
	color: #2A3192;
}
.indicators-style2,
.indicators-style3 {
	margin-bottom: 15px;
}
.indicators-style2 li {
	width: 10px;
	height: 10px;
	background-clip: inherit;
	border: 0;
	margin: 8px;
	position: relative;
}
.indicators-style2 li::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border: 2px solid #fff;
	margin: -4px;
}
.indicators-style3 li {
	background-color: #333;
	border-radius: 100%;
	width: 10px;
	height: 10px;
	background-clip: inherit;
	border: 0;
	margin: 8px;
	position: relative;
}
.indicators-style3 li::before {
	content: "";
	position: absolute;
	border-radius: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border: 2px solid #333;
	margin: -4px;
}
.indicators-style3 li.active {
	background-color: #2A3192;
}
.indicators-style3 li.active:before {
	border-color: #2A3192;
}
.indicators-style4 li {
	background-color: #fff;
	border-radius: 100%;
	width: 15px;
	height: 15px;
	background-clip: inherit;
	border: 0;
	margin: 5px;
	position: relative;
}
.banner-content .carousel-item {
	padding: 100px 0;
}
.banner-content h2 {
	font-size: 70px;
	margin-bottom: 30px;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 90px;
}
.banner-content p {
	margin-bottom: 30px;
}
.banner-shape {
	position: absolute;
	right: 0;
	top: 0;
	width: 70%;
	z-index: -1;
}
.banner-shape img {
	width: 100%;
}
.wave-shape-bottom::before {
	background-image: url("../images/wave-shape.png");
	display: block;
	height: 100%;
	content: "";
	background-position: bottom center;
	position: absolute;
	bottom: 0;
	background-size: contain;
	background-repeat: no-repeat;
	left: 0;
	right: 0;
}
.banner-content1 h2 {
	font-size: 78px;
	margin-bottom: 20px;
	font-weight: 600;
	text-transform: capitalize;
}
.background-shape {
	position: absolute;
	width: 200px;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 35%;
	background: 
	pointer-events: none;
}
.background-shape:before {
	content: "";
	position: absolute;
	width: 200px;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 100%;
	background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
	background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1affffff',GradientType=0 );
}
.banner-center-content {
	margin-top: -70px;
}
.carousel-indicators.vertical-center-right {
	display: block;
	right: 40px;
	top: 50%;
	margin: 0;
	left: auto;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	bottom: auto;
}
.indicators-style2.vertical-center-right li {
	margin: 15px 0;
}
.banner-content-border {
	border: 10px solid #2A3192;
	padding: 50px;
	position: relative;
}
.slide-banner-img {
	height: 100%;
	position: relative;
	z-index: -1;
}
.zoom-in {
	-webkit-animation: zoomin 5s;
	-moz-animation: zoomin 5s;
	-o-animation: zoomin 5s;
	animation: zoomin 5s;
}
@keyframes zoomin {
	0% {
		-moz-transform: scale(1.2) rotate(3deg);
		-webkit-transform: scale(1.2) rotate(3deg);
		transform: scale(1.2) rotate(3deg);
	}
	100% {
		-moz-transform: scale(1) rotate(0deg);
		-webkit-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
	}
}

.header-with-topbar.transparent-header + .banner-section .banner-slide-content {
	margin-top: 45px;
}
/*===================================*
  03.END BANNER,SLIDER STYLE
*===================================*/

/*===================================*
  04.START ABOUT STYLE
*===================================*/
.about-img {
	max-width: 394px;
	margin: 0 auto;
	position: relative;
}
.experiance {
	position: absolute;
	left: -20px;
	bottom: 40px;
	background-color: #2A3192;
	padding: 20px 25px;
}
.experiance:before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #2A3192 transparent;
}
.experiance h4 {
	font-size: 28px;
	margin: 0;
	color: #ffffff;
}
.experiance span {
	font-weight: 300;
}
.mission-wrap {
	margin-left: 30px;
	position: relative;
}
.mission-img:before {
	height: 60px;
	content: "";
	width: 60px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	right: 20px;
	top: 20px;
}
.mission-img:after {
	height: 60px;
	content: "";
	width: 60px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.mission-img img {
	width: 100%;
	
}
.play-icon {
	position: absolute;
	bottom: 50px;
	left: -13px;
}
.play-icon {
	padding: 20px 15px;
	background-color: #2A3192;
	border-radius: 0;
}
.play-icon:before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 30px 30px;
	border-color: transparent transparent #2A3192 transparent;
}
.play-icon a {
	color: #fff;
	display: block;
	text-align: center;
	font-weight: 600;
	font-family: "Oswald", sans-serif;
	font-size: 20px;
}
.play-icon a span {
	display: table;
	margin: 0 auto -10px;
}
.play-icon a span i {
	font-size: 20px;
	border: 2px solid #fff;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	display: block;
	line-height: 44px;
	padding-left: 3px;
}
/*===================================*
  04.END ABOUT STYLE
*===================================*/

/*===================================*
  05.START ICON BOX STYLE
*===================================*/
.icon-box {
	margin-bottom: 30px;
}
.icon {
	margin-bottom: 15px;
}
.icon-box-content h1,
.icon-box-content h2,
.icon-box-content h3,
.icon-box-content h4,
.icon-box-content h5,
.icon-box-content h6 {
	text-transform: capitalize;
}
.icon i {
	font-size: 30px;
}
.icon-box p:last-child {
	margin: 0;
}
.icon-box-content .link i {
	vertical-align: middle;
	margin-left: 2px;
}
.box-img {
	margin-bottom: 15px;
}
.icon-box-style1 {
	padding: 30px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	position: relative;
	overflow: hidden;
}
.icon-box-style1 .icon img {
	max-width: 80px;
}
.icon-box-style1 .icon-box-content h5 {
	font-weight: 600;
	margin-bottom: 15px;
}
.icon-box-style1:before {
	content: "";
	position: absolute;
	bottom: -20px;
	right: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 40px 40px;
	border-color: transparent transparent #2A3192 transparent;
	transition: all 0.3s ease-in-out;
	opacity: 0;
}
.icon-box-style1:after {
	content: "";
	position: absolute;
	top: -20px;
	left: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 40px 0 0;
	border-color: #2A3192 transparent transparent transparent;
	transition: all 0.3s ease-in-out;
	opacity: 0;
}
.icon-box-style1:hover:after {
	opacity: 1;
	top: 0;
	left: 0;
}
.icon-box-style1:hover:before {
	opacity: 1;
	bottom: 0;
	right: 0;
}
.icon-box-style1 .icon-box-content p {
	margin-bottom: 10px;
}
.icon-box-style1 .icon-box-content a {
	position: relative;
	z-index: 1;
}
.icon-box-style1 .icon-box-content a:hover {
	color: #222;
}
.icon-box-style1 .icon-box-content a:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	height: 1px;
	background-color: #2A3192;
	z-index: -1;
}
.icon-box-style2 .icon {
	float: left;
	margin-right: 20px;
	width: 90px;
	height: 90px;
	background-color: #F5F7F9;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.icon-box-style2 .icon img {
	max-width: 50px;
}
.icon-box-style2 .icon-box-content {
	overflow: hidden;
}
/*===================================*
  05.END ICON BOX STYLE
*===================================*/

/*===================================*
  06.START LIST STYLE
*===================================*/
.list-style1 li::before {
	content: "\f121";
	font-family: ionicons;
	left: 0;
	position: absolute;
	top: 7px;
	color: #2A3192;
	text-align: center;
	font-size: 16px;
}
.list-style1 li {
	list-style: outside none none;
	padding: 5px 0px 5px 25px;
	position: relative;
}
.list-style2 li::before {
	content: "";
	left: 0;
	position: absolute;
	top: 12px;
	background-color: #707070;
	text-align: center;
	height: 1px;
	width: 12px;
}
.list-style2 li {
	list-style: outside none none;
	padding: 0px 0px 15px 25px;
	position: relative;
}
.list-style3 li::before {
	content: "\f121";
	font-family: ionicons;
	left: 0;
	position: absolute;
	top: 0px;
	color: #2A3192;
	text-align: center;
	font-size: 14px;
	background-color: #dfffed;
	height: 28px;
	width: 28px;
	line-height: 28px;
	border-radius: 100%;
}
.list-style3 li {
	list-style: outside none none;
	padding: 0px 0px 15px 37px;
	position: relative;
}
.list-style4 li {
	list-style: outside none none;
	padding: 0px 0px 15px 37px;
	position: relative;
}
.list-style4 li i {
	color: #2A3192;
	position: absolute;
	left: 0;
	top: 0px;
	font-size: 26px;
}
/*===================================*
  06.START LIST STYLE
*===================================*/

/*===================================*
  07.START COUNTER STYLE
*===================================*/
.box-counter {
	margin-bottom: 30px;
}
.box-counter i {
	font-size: 50px;
	color: #333;
	display: block;
}
.box-counter [class^="linearicons-"] {
	margin-bottom: 20px;
}
.box-counter img {
	margin-bottom: 10px;
}
.counter-text {
	font-weight: 600;
}
.box-counter p {
	margin: 0;
	color: #222;
}
.counter-white.box-counter i,
.counter-white .counter-text,
.counter-white.box-counter p {
	color: #fff;
}
.counter-style1 {
	padding: 30px 20px;
	background-color: #fff;
	text-align: center;
}
.counter-style1 i,
.counter-style1 img {
	width: 80px;
	height: 80px;
	line-height: 80px;
	margin: 0 auto 15px;
	font-size: 40px;
}
/*===================================*
  07.END COUNTER STYLE
*===================================*/

/*===================================*
  08.START PORTFOLIO STYLE
*===================================*/
.carousel-slider li {
	list-style: none;
}
.grid-filter {
	margin-bottom: 30px;
}
.grid-filter li {
	display: inline-block;
}
.grid-filter li a {
	padding: 5px 15px;
	display: block;
	font-size: 16px;
	text-transform: capitalize;
	color: #222;
}
.grid-filter li a.current {
	background-color: #2A3192;
	color: #fff;
}
.grid-filter.filter-style1 li a {
	padding: 5px 20px;
}
.grid-filter.filter-style1 li a.current {
	color: #fff;
	background-color: #2A3192;
}
.grid-filter.filter-style2 li a {
	border-bottom: 1px solid transparent;
}
.grid-filter.filter-style2 li a.current {
	border-bottom-color: #2A3192;
}
.grid-container > li {
	list-style: none;
}
.gutter-small {
	margin: 0 -7.5px 0px -7.5px;
}
.gutter-small > li {
	padding: 0 7.5px 0px 7.5px;
}
.gutter-medium {
	margin: 0 -15px 0px -15px;
}
.gutter-medium > li {
	padding: 0px 15px 0px 15px;
}
.gutter-medium > li .portfolio-item,
.gutter-medium > li .image-gallery-item {
	margin-bottom: 30px;
}
.gutter-small > li .portfolio-item,
.gutter-small > li .image-gallery-item {
	margin-bottom: 15px;
}
.grid-col2 > li {
	width: 50%;
	float: left;
}
.grid-col3 > li {
	width: 33.33%;
	float: left;
}
.grid-col4 > li {
	width: 25%;
	float: left;
}
.loadmore > li {
	transition: all 0.5s ease-in-out;
}
.portfolio-item {
	overflow: hidden;
	position: relative;
}
.portfolio-item .portfolio-img a {
	display: block;
	overflow: hidden;
}
.portfolio-img img {
	width: 100%;
}
.link-container a {
	background-color: #fff;
	color: #222222;
	font-size: 20px;
	width: 40px;
	height: 40px;
	display: inline-block;
	border-radius: 100%;
	line-height: 40px;
	margin: 0 2px;
	text-align: center;
}
.link-container a:hover {
	background-color: #2A3192;
	color: #fff;
}
.link-container a .ion-ios-play {
	padding-left: 3px;
}
.portfolio-content {
	bottom: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	position: absolute;
	top: 0px;
	right: 0;
	left: 0;
	text-align: center;
	transition: all 0.5s ease-in-out;
}
.portfolio-item:hover .portfolio-content {
	background-color: rgba(0, 0, 0, 0.5);
}
.portfolio-desc {
	margin-top: 15px;
	text-align: center;
}
.link-container {
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
	margin-top: 50px;
}
.portfolio-item:hover .link-container {
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}
.portfolio-desc h4 a {
	font-weight: 600;
}
.portfolio-desc a,
.portfolio-desc a:hover {
	color: #fff;
}
.portfolio-desc h4,
.portfolio-desc p {
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}
.portfolio-desc p {
	margin: 0;
	font-size: 15px;
}
.portfolio-item:hover .portfolio-desc h4 {
	opacity: 1;
	visibility: visible;
}
.portfolio-item:hover .portfolio-desc p {
	opacity: 1;
	visibility: visible;
}
.portfolio-style1 .portfolio-content {
	padding: 20px;
}
.portfolio-style1 .portfolio-item {
	transform-style: preserve-3d;
	transform: perspective(1000px);
}
.portfolio-style1 .link-container a {
	border-radius: 0;
}
.grid-container .owl-carousel.owl-theme .owl-dots {
	margin: 0 !important;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9;
}
.grid-container .owl-carousel {
	z-index: inherit;
}
.grid-container .owl-carousel {
	display: block;
}
.grid-container .owl-carousel a:nth-child(1n + 2) {
	display: none;
}
.portfolio-item:hover .portfolio-img .carousel-slider.owl-theme .owl-dot span {
	border-color: #fff;
}
.portfolio-item:hover .portfolio-img .carousel-slider.owl-theme .owl-dot span:hover {
	background-color: transparent;
}
.portfolio-item:hover .portfolio-img .carousel-slider.owl-theme .owl-dot.active span {
	background-color: #fff;
}
.mfp-ajax-holder .mfp-content .portfolio-ajax {
	max-width: 1140px;
	background-color: #fff;
	margin: 6px auto;
	position: relative;
}
.portfolio-ajax .card-header {
	background-color: transparent;
}
.portfolio-ajax .carousel-slider img {
	width: 100%;
}
.portfolio-ajax .mfp-close {
	margin-top: 15px;
	margin-right: 10px;
}
.portfolio-info-box {
	background-color: #222;
	padding: 20px;
}
.portfolio-info-light {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.portfolio-info-box > li:last-child {
	border-bottom: 0;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.portfolio-info-box span,
.portfolio-info-box2 span {
	color: #333;
	font-weight: 600;
	text-transform: capitalize;
	display: block;
	margin-bottom: 5px;
}
.portfolio-info-light span {
	color: #fff;
}
.portfolio-info-light {
	color: rgba(255, 255, 255, 0.6);
}
.portfolio-share {
	display: inline-block;
	width: 100%;
}
.portfolio-details h2,
.portfolio-details h3,
.portfolio-details h4,
.portfolio-details h5,
.portfolio-details h6 {
	margin-bottom: 25px;
}
.portfolio-share h5 {
	float: left;
	margin-right: 20px;
	font-weight: 600;
	margin-bottom: 0;
	margin-top: 7px;
}
.portfolio-share .social-icons {
	overflow: hidden;
}
.post-nav-home {
	display: table;
	margin: 0 auto;
	font-size: 20px;
}
.post-nav .nav-meta {
	text-transform: capitalize;
	display: block;
	font-size: 14px;
	color: #687188;
}
.post-nav {
	text-transform: capitalize;
}
.post-nav-prev {
	padding-left: 30px;
	position: relative;
}
.post-nav-next {
	padding-right: 30px;
	position: relative;
	text-align: right;
}
.post-nav-next i {
	right: 0;
	left: auto;
}
.post-nav i {
	position: absolute;
	left: 0;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.portfolio-text p:last-child {
	margin-bottom: 0;
}
.portfolio-single-img img:not(:last-child) {
	margin-bottom: 30px;
}
/*===================================*
  08.END PORTFOLIO STYLE
*===================================*/

/*===================================*
  09.START SERVICE STYLE
*===================================*/
.service-list li {
	list-style: none;
	margin-bottom: 15px;
}
.service-list li a {
	background-color: #f7f7f7;
	display: block;
	padding: 20px;
	position: relative;
}
.service-list li a:before {
	content: "\e649";
	font-family: "themify";
	position: absolute;
	right: 15px;
	top: 18px;
	font-size: 18px;
}
.service-list li a:hover {
	background-color: #2A3192;
	color: #fff;
}

/*===================================*
  09.END SERVICE STYLE
*===================================*/

/*===================================*
  09.START TESTIMONIAL STYLE
*===================================*/
.testimonial-sliders {
	padding: 60px 70px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	background-color: #fff;
}
.testimonial-img {
	margin-right: -140px;
	position: relative;
	z-index: -1;
}
.testimonial-img img {
	width: 100%;
}
.author-img img {
	max-width: 100px;
}
.author-name {
	overflow: hidden;
}
.author-name h5 {
	font-weight: 500;
}
.author-name span {
	color: #999999;
}
.testimonial-box.box-shadow1 {
	margin: 10px;
}
.testimonial-desc p:last-child {
	margin-bottom: 0;
}
.testimonial-style1 .author-img,
.testimonial-style3 .author-img {
	float: left;
	margin-right: 20px;
}
.testimonial-style1 .author-img img {
	max-width: 700px;
}
.testimonial-style1 .author-name {
	margin-top: 10px;
}
.testimonial-style1 .testimonial-desc {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}
.testimonial-style2 .testimonial-box,
.testimonial-style3 .testimonial-box {
	padding: 30px;
	background-color: #fff;
	position: relative;
	z-index: 1;
}
.testimonial-style2 .testimonial-box {
	text-align: center;
}
.testimonial-style2 .author-img {
	margin: 0 auto;
	display: table;
}
.testimonial-style2 .author-name {
	margin: 15px 0 10px;
}
.testimonial-style2[data-items="1"]::before {
	content: "";
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 55px;
	top: 25px;
	background-color: #fff;
	z-index: -1;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}
.testimonial-style2[data-items="1"]::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 70px;
	top: 40px;
	background-color: #fff;
	z-index: -2;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}
.testimonial-style2[data-items="1"] {
	padding: 0 20px;
}
.testimonial-style3 .testimonial-desc,
.testimonial-style4 .testimonial-desc {
	margin-bottom: 25px;
}
.testimonial-style3 .author-name {
	padding-top: 8px;
	display: table;
}
.testimonial-style3 .author-img img {
	max-width: 60px;
}
.testimonial-style3 .author-img img {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.testimonial-style3 .owl-item {
	-moz-transform: scale(0.95);
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	opacity: 0.5;
	transition: all 0.5s ease-in-out;
}
.testimonial-style3 .owl-item.center {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.testimonial-style4 .testimonial-desc p,
.testimonial-style6 .testimonial-desc p {
	font-size: 18px;
	line-height: 36px;
	font-style: italic;
}
.testimonial-style4 .author-img img {
	max-width: 600px;
	margin: 0 auto 10px;
	display: table;
}
.testimonial-style4 .testimonial-box,
.testimonial-style6 .testimonial-box {
	text-align: center;
}
.testimonial-style5 .testimonial-box {
	padding: 30px;
	border: 1px solid #ddd;
	position: relative;
}
.testimonial-style5 .testimonial-box::before {
	content: "\f10e";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 70px;
	position: absolute;
	right: 30px;
	top: 10px;
	color: #eee;
}
.testimonial-style5 .author-img {
	float: left;
	margin-right: 15px;
}
.testimonial-style5 .author-img img {
	max-width: 60px;
}
.testimonial-style5 .testimonial-desc,
.testimonial-style6 .testimonial-desc {
	display: inline-block;
	margin-top: 15px;
}
.testimonial-style5 .author-name h6 {
	font-weight: 600;
}
.testimonial-style5 .author-name {
	margin-top: 8px;
}
.testimonial-style6 .author-img img {
	max-width: 100px;
	margin: 0 auto 10px;
	display: table;
}
.testi-thumb {
	max-width: 450px;
	margin: 0 auto;
}
.testi-thumb-style1 .author-img {
	max-width: 100px;
	margin: 0 auto;
	cursor: pointer;
}
.testi-thumb-style1 .author-img img {
	border-radius: 100%;
	width: 100%;
	opacity: 0.5;
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	transition: all 0.5s ease-in-out;
}
.testi-thumb-style1 .slick-center .author-img img {
	opacity: 1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.testimonial-wrap {
	padding: 30px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}
.testimonial-wrap .testi-thumb {
	margin-top: 20px;
}
.testimonial-wrap .author-name {
	margin-top: 20px;
}
.testimonial-wrap .testimonial-box::before {
	content: "\f11d";
	font-size: 50px;
	font-family: "Flaticon";
	color: #2A3192;
}
.testimonial-wrp {
	padding: 50px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}
.testimonial-wrp .testimonial-desc,
.testimonial-wrp .author-name {
	margin-top: 20px;
}
/*===================================*
  09.END TESTIMONIAL STYLE
*===================================*/

/*===================================*
  10.START CTA STYLE
*===================================*/
.cta-section {
	display: flex;
	position: relative;
	overflow: hidden;
}
.cta-bg-shape {
	bottom: 0;
	width: 15%;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
	margin: -200px;
}
/*===================================*
  11.END CTA STYLE
*===================================*/

/*===================================*
  10.START BLOG STYLE
*===================================*/
.blog-post {
	margin-bottom: 30px;
	transition: all 0.5s ease-in-out;
}
.blog-content {
	padding-top: 15px;
}
.blog-post .blog-img a {
	display: block;
	overflow: hidden;
}
.blog-img {
	position: relative;
}
.blog-img img {
	width: 100%;
}
.blog-meta {
	display: inline-block;
	margin-bottom: 5px;
	width: 100%;
}
.blog-meta li {
	float: left;
	margin-right: 15px;
}
.blog-meta li:last-child {
	margin-right: 0;
}
.blog-meta li a {
	text-transform: capitalize;
}
.blog-meta li a i {
	margin-right: 5px;
	vertical-align: middle;
	color: #2A3192;
}
.blog-meta li a span {
	vertical-align: middle;
}
.blog-title {
	line-height: 30px;
	margin-bottom: 15px;
}
h6.blog-title {
	line-height: 24px;
}
.blog-text p {
	margin-bottom: 15px;
}
.fit-videos {
	background-color: #000000;
}
.blog-style1 {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.blog-style1 .blog-content {
	padding: 20px;
}
.blog-style1 .blog-img img {
	transition: all 0.5s ease-in-out;
	width: 100%;
}
.blog-style1:hover .blog-img img,
.blog-style3:hover .blog-img img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.blog-style1.radius-all-5 {
	border-radius: 5px;
}
.blog-style1.radius-all-5 .blog-img,
.blog-style1.radius-all-5 .blog-img img {
	border-radius: 5px 5px 0 0;
}
.blog-style1.radius-all-5 .blog-content {
	border-radius: 0 0 5px 5px;
}
.blog-style2 .blog-content {
	padding: 15px;
}
.blog-post.blog-style3 {
	position: relative;
}
.blog-style3 .blog-content {
	position: absolute;
	bottom: 0;
	padding: 15px;
	left: 0;
	right: 0;
	z-index: 2;
}
.blog-style3 .blog-img img {
	transition: all 0.5s ease-in-out;
	width: 100%;
}
.blog-style3 .blog-img::before {
	background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, rgba(255, 255, 255, 0)),
		color-stop(100%, rgba(0, 0, 0, 0.7))
	);
	background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
	background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#000000',GradientType=0 );
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	z-index: 1;
}
.post-date {
	position: absolute;
	left: -15px;
	top: 45px;
	width: 30px;
	text-align: center;
	background-color: #2A3192;
	min-width: 60px;
	padding: 8px 10px;
	color: #ffffff;
	font-family: "Oswald", sans-serif;
	z-index: 2;
	text-transform: uppercase;
}
.post-date:before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 15px 15px;
	border-color: transparent transparent #2A3192 transparent;
}
.blog-post.blog-style3 .blog-content a:hover {
	color: #2A3192;
}
.post-date strong {
	font-size: 20px;
	line-height: 1;
}
.blog-post.blog-style3 .blog-content a {
	color: #fff;
}
.blog-style4 .blog-title {
	margin-bottom: 10px;
}
.blog-img .owl-dots {
	position: absolute;
	top: 0;
	right: 15px;
}
.blog-thumbs .blog-post {
	display: inline-block;
	width: 100%;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
.blog-thumbs .blog-img {
	float: left;
	width: 40%;
}
.single-post .blog-content {
	padding-top: 20px;
}
.single-post .blog-title {
	font-size: 30px;
	line-height: normal;
	margin-bottom: 20px;
}
.post-author .author-img {
	float: left;
	padding-right: 20px;
}
.post-author .author-img img {
	max-width: 200px;
}
.author-info {
	overflow: hidden;
}
.author-info .author-name {
	font-weight: 600;
}
.author-info p:last-child {
	margin-bottom: 0;
}
.post-author {
	margin-top: 40px;
	margin-bottom: 40px;
	border-radius: 0;
}
.content-title * {
	margin-bottom: 30px;
	font-weight: 600;
	text-transform: capitalize;
}
.comment-user img {
	border-radius: 100%;
	height: auto;
	max-width: 80px;
}
.comment-content .meta-data h6 {
	font-size: 18px;
}
.comment-info {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.comment-info:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
.comment-content p:last-child {
	margin-bottom: 0;
}
.children {
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 20px;
	margin-left: 60px;
}
.comment-content {
	padding-left: 20px;
}
.comment-reply {
	border: 2px solid #f5f7f9;
	padding: 5px 15px;
	display: block;
	color: #222;
}
.comment-reply:hover {
	background-color: #2A3192;
	color: #fff;
	border-color: #2A3192;
}
.comment-time {
	font-size: 14px;
	line-height: normal;
	margin-bottom: 8px;
	text-transform: uppercase;
	color: #222;
}
.comment-reply i {
	margin-right: 5px;
}
.comment-area .comment-list {
	margin-bottom: 40px;
}
.comment-area {
	padding-top: 10px;
}
/*===================================*
  10.END BLOG STYLE
*===================================*/

/*===================================*
  11.START NEWLETTER STYLE
*===================================*/
.newsletter-small {
	padding: 70px 0;
}
.newsletter-form form {
	position: relative;
}
.rounded-input {
	border-radius: 50px;
}
.newsletter-form input,
.newsletter-form input:focus {
	height: 70px;
	padding: 10px 155px 10px 20px;
	border: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 0;
}
.newsletter-form input.form-control-sm {
	height: 50px;
	padding: 10px 140px 10px 20px;
}
.newsletter-form button {
	position: absolute;
	right: 5px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.newsletter-box {
	padding: 60px 70px;
	background-color: #fff;
	position: relative;
}
.newsletter-wrap {
	position: relative;
	margin-bottom: 10px;
}
.newsletter-wrap::before {
	content: "";
	position: absolute;
	left: 15px;
	right: -10px;
	bottom: -10px;
	top: 15px;
	z-index: -1;
	background-color: #edf0f3;
}
.input-tran-white .form-control,
.input-tran-white .form-control:focus {
	background-color: rgba(255, 255, 255, 0.1);
	color: #fff;
	box-shadow: none;
}
.input-tran-white .form-control::-webkit-input-placeholder {
	color: #ffffff;
	opacity: 1;
}
.input-tran-white .form-control::-moz-placeholder {
	color: #ffffff;
	opacity: 1;
}
.input-tran-white .form-control:-ms-input-placeholder {
	color: #ffffff;
	opacity: 1;
}
.input-tran-white .form-control::-ms-input-placeholder {
	color: #ffffff;
	opacity: 1;
}
.input-tran-white .form-control::placeholder {
	color: #ffffff;
	opacity: 1;
}
.newsletter-img {
	position: absolute;
	right: -150px;
	bottom: -100px;
}
/*===================================*
  11.END NEWLETTER STYLE
*===================================*/

/*===================================*
  12.START FOOTER STYLE
*===================================*/
footer {
	overflow: hidden;
}
.footer-dark {
	background-color: #202325;
	position: relative;
}
.footer-top {
	padding: 100px 0 70px;
}
.footer-logo.logo-skew {
	background-color: #2A3192;
	padding: 15px 0;
	display: inline-block;
	position: relative;
	z-index: 1;
}
.logo-skew.footer-logo:before {
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	left: -650px;
	width: 651px;
	background-color: #2A3192;
}
.logo-skew.footer-logo:after {
	content: "";
	position: absolute;
	left: 90%;
	z-index: -1;
	bottom: 0;
	top: 0;
	background-color: #2A3192;
	width: 70px;
	-moz-transform: skewX(-20deg);
	-webkit-transform: skewX(-20deg);
	transform: skewX(-20deg);
}
footer .widget {
	margin-bottom: 30px;
}
footer .widget-title {
	text-transform: capitalize;
	margin-top: 10px;
	margin-bottom: 25px;
	padding-bottom: 10px;
	font-size: 24px;
	font-weight: normal;
	position: relative;
}
footer .widget-title:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 1px;
	background-color: #E8151B;
}
.widget-links li {
	list-style: none;
	padding-bottom: 10px;
}
.widget-links li:last-child {
	padding-bottom: 0;
}
.widget-links li a {
	color: #687188;
}
.contact-info > li {
	margin-bottom: 15px;
	list-style: none;
}
.contact-info > li:last-child {
	margin-bottom: 0px;
}
.contact-info li i {
	display: inline-block;
	margin-right: 10px;
	margin-top: 4px;
	font-size: 18px;
	vertical-align: top;
}
.contact-info li span {
	float: left;
	margin-right: 10px;
	max-width: 70px;
	width: 100%;
	color: #292b2c;
}
.contact-info span + * {
	overflow: hidden;
	color: #687188;
	margin: 0;
	font-size: 14px;
	line-height: 26px;
}
.contact-info i + * {
	overflow: hidden;
	font-size: 14px;
	color: #687188;
	line-height: 26px;
	margin: 0;
	vertical-align: middle;
	max-width: 78%;
	display: inline-block;
}
.contact-info-light li i {
	border-color: #fff;
	color: #fff;
}
.contact-info-light li span,
.contact-info-light li a {
	color: #fff;
}
.contact-info-style2 i + * {
	font-size: 18px;
}
.contact-info-style2 li i {
	margin-right: 8px;
	margin-top: 2px;
	font-size: 22px;
	color: #2A3192;
}
.bottom-footer {
	padding: 30px 0;
	position: relative;
}
.footer-link li {
	display: inline-block;
	position: relative;
}
.footer-link li a {
	font-size: 14px;
	padding: 0 5px;
	color: #687188;
}
.footer-dark h1,
.footer-dark h2,
.footer-dark h3,
.footer-dark h4,
.footer-dark h5,
.footer-dark h6 {
	color: #fff;
}
.footer-dark p,
.footer-dark a,
.footer-dark .widget-links li a,
.footer-dark .footer-link li a,
.footer-dark .post-content a {
	color: rgba(255, 255, 255, 0.6);
}
.footer-dark a:hover,
.footer-dark .widget-links li a:hover,
.widget-links li a:hover,
.footer-dark .footer-link li a:hover,
.footer-link li a:hover {
	color: #2A3192;
}
.footer-bg {
	background-image: url(../images/footer-shape.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.widget-contact-form {
	background-color: #fff;
	padding: 20px 30px 30px;
	margin-top: -190px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.pattern-bg {
	background-image: url(../images/pattern-bg2.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bottom-footer .social-icons li {
	padding-bottom: 0;
}
.footer-payment li {
	display: inline-block;
	list-style: none;
}
.footer-call {
	border-radius: 40px;
	padding: 15px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.2);
}
.footer-call * {
	margin: 0;
	font-size: 22px;
}
.footer-call i {
	margin-right: 10px;
}

/*===================================*
  12.END FOOTER STYLE
*===================================*/

/*===================================*
  13.START PRICING TABLE STYLE
*===================================*/
.pricing-box {
	background-color: #fff;
	text-align: center;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}
.pr-title {
	padding: 30px 15px 30px;
}
.pr-title h4 {
	text-transform: uppercase;
}
.pr-icon {
	background-color: rgba(31, 224, 117, 0.2);
	border-radius: 100%;
	width: 100px;
	display: block;
	text-align: center;
	height: 100px;
	margin: 0 auto;
}
.pr-icon i {
	font-size: 60px;
	color: #2A3192;
	line-height: 100px;
}
.price-tage {
	padding-top: 10px;
}
.price-tage h2 {
	font-size: 40px;
	font-weight: bold;
}
.pr-content {
	text-align: left;
	padding: 0 60px;
}
.pr-list li i {
	margin-right: 10px;
	vertical-align: middle;
}
.pr-list li.yes i {
	color: #82b73a !important;
}
.pr-list li.no i {
	color: #f1572f !important;
}
.pr-list li {
	padding: 12px 0;
}
.pr-footer {
	padding: 20px 20px 30px;
}
.pb-style1 .pr-content,
.pb-style2 .pr-content {
	padding: 0 15px;
	text-align: center;
}
.pb-style2 .price-tage {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-bottom: 5px;
}
.pb-style2 .price-tage span {
	margin-left: 5px;
	position: relative;
	font-size: 14px;
}
.pb-style2 .price-tage span:before {
	content: "/";
	margin-right: 5px;
}
/*===================================*
  13.END PRICING TABLE STYLE
*===================================*/

/*===================================*
  14.START MAP STYLE
*===================================*/
.map iframe {
	height: 460px;
	width: 100%;
	border: 0;
	display: block;
}
.contact-map {
	height: 400px;
}
.contact-map2 {
	height: 100%;
}
.map1 {
	height: 460px;
}
/*===================================*
  14.END MAP STYLE
*===================================*/

/*===================================*
  15.START TEAM STYLE
*===================================*/
.offset-content {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
}
.offset-container {
	overflow: hidden;
}
.offset-container .owl-carousel {
	margin-right: -150px;
	width: auto;
}
.team-img img {
	width: 100%;
}
.team-box {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}
.team-title h1,
.team-title h2,
.team-title h3,
.team-title h4,
.team-title h5,
.team-title h6 {
	font-weight: 600;
}
.team-style1 .team-title span {
	display: block;
}
.team-style1 .team-content {
	text-align: center;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	margin: -25px 15px 7px;
	position: relative;
	padding: 20px 15px 5px;
}
.team-style1 .team-title {
	margin-bottom: 10px;
}
.team-single-img {
	margin-bottom: 30px;
}
.team-single-info .team-title h3 {
	font-weight: 600;
}
.team-single-content {
	padding-left: 30px;
	border-left: 1px solid #eeeeee;
}
.team-single-info .contact-info {
	margin: 20px 0;
}
.team-email {
	font-size: 20px;
	display: inline-block;
}
.team-style2 {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.team-style2 .team-img::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000;
	transition: all 0.5s ease-in-out;
	opacity: 0;
}
.team-style2:hover .team-img::before {
	opacity: 0.7;
}
.team-style2 .team-img,
.team-style4 .team-img {
	position: relative;
}
.team-style2 .social-icons {
	position: absolute;
	top: 0%;
	left: 0;
	right: 0;
	text-align: center;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	transition: all 0.5s ease-in-out;
}
.team-style2:hover .social-icons {
	top: 50%;
	opacity: 1;
}
.team-style2 .team-content {
	background-color: #fff;
	text-align: center;
	padding: 15px;
}
.team-style3 .social-icons {
	position: absolute;
	top: 20%;
	right: -50px;
	background-color: rgba(255, 255, 255, 0.8);
	padding-left: 5px;
	padding-top: 5px;
	border-radius: 50px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	transition: all 0.5s ease-in-out;
}
.team-style3 .team-img {
	position: relative;
	overflow: hidden;
}
.team-style3 .team-img::before {
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
	-moz-transform: skewX(-25deg);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.team-style3:hover .team-img::before {
	-webkit-animation: shine 0.7s;
	animation: shine 0.7s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.team-style3 .team-content {
	padding-top: 20px;
}
.team-style3:hover .social-icons {
	right: 15px;
	transition-delay: 500ms;
}
.team-style4 {
	text-align: center;
}
.team-style4 .team-img img {
	border-radius: 100%;
}
.team-style4 .social-icons {
	position: absolute;
	top: 70%;
	left: 0;
	right: 0;
	text-align: center;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	transition: all 0.5s ease-in-out;
}
.team-style4:hover .social-icons {
	top: 50%;
	opacity: 1;
}
.team-style4 .team-img::before {
	content: "";
	border-radius: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000;
	transition: all 0.5s ease-in-out;
	opacity: 0;
}
.team-style4:hover .team-img::before {
	opacity: 0.5;
}
.team-style4 .team-content {
	padding-top: 10px;
}
.team-style4 .team-img {
	margin: 30px;
}
.team-style4 .team-img::after {
	padding: 30px;
	background-image: url("../../demo-yoga/images/team-bg-pattern.png");
	background-size: cover;
	background-position: center center;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	margin: -30px;
}
.team-style4:hover .team-img::after {
	-webkit-animation: rotate 80s infinite linear;
	-moz-animation: rotate 80s infinite linear;
	-o-animation: rotate 80s infinite linear;
	animation: rotate 80s infinite linear;
}
/*===================================*
  15.END TEAM STYLE
*===================================*/

/*===================================*
  16.START CLIENT LOGO STYLE
*===================================*/
.client-logo .cl-logo img {
	opacity: 0.7;
	width: 163px;
	margin: 0 auto;
	transition: all 0.5s ease-in-out;
}
.client-logo .cl-logo:hover img {
	opacity: 1;
}
.client-logo.cl-logo-style1 .cl-logo img {
	opacity: 1;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.client-logo.cl-logo-style1 .cl-logo:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
/*===================================*
  16.END CLIENT LOGO STYLE
*===================================*/

/*===================================*
  17.START PROGRESS BAR STYLE
*===================================*/
.progress {
	height: 4px;
	border-radius: 0;
	overflow: visible;
}
.progress-bar {
	border-radius: 0;
}
.skill-box {
	margin-bottom: 15px;
}
.skill-content {
	position: relative;
}
.skill-box:last-child .skill-content {
	margin-bottom: 0px;
}
.count-pr {
	position: absolute;
	left: 0;
	top: 0;
	color: #292b2c;
	font-size: 16px;
	transition: all 1s ease-in-out;
}
.skill-content .progress-bar {
	background-color: #2A3192;
	width: 0;
	transition: all 1s ease-in-out;
}
.progrees-bar-text {
	margin-bottom: 10px;
	color: #292b2c;
}
.pr-style1 {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
	padding: 20px;
}
.pr-style1 .count-pr {
	left: auto !important;
	right: 0;
}
.pr-style2 .progrees-bar-text {
	font-weight: 600;
}
.pr-style2 .progress {
	height: 5px;
}
.pr-style2.skill-box {
	margin-bottom: 20px;
}
.pr-style2.skill-box:last-child {
	margin-bottom: 0;
}
.pr-style2 .count-pr {
	-moz-transform: translateX(-20px);
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	padding-bottom: 5px;
}
.pr-style2 .count-pr::before {
	content: "";
	background-color: #2A3192;
	height: 14px;
	width: 14px;
	position: absolute;
	right: 0;
	z-index: 99999;
	border-radius: 100%;
	top: 100%;
	left: 0;
	margin: 0 auto;
}
.pr-style2 .count-pr::after {
	content: "";
	background-color: #2A3192;
	height: 22px;
	width: 22px;
	position: absolute;
	right: 0;
	z-index: 99999;
	border-radius: 100%;
	top: 100%;
	opacity: 0.3;
	left: 0;
	margin: -4px auto 0;
}
.pr-style3 .count-pr {
	left: auto !important;
	right: 0;
}
.circular-bar {
	margin-top: 30px;
}
.circular-bar-chart {
	display: inline-block;
	position: relative;
}
.percent {
	color: #333;
	font-weight: 600;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
	font-size: 24px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.percent::after {
	content: "%";
	margin-left: 2px;
}
.circular-bar-text h5 {
	font-weight: 600;
	margin-bottom: 0;
	margin-top: 10px;
}
/*===================================*
  17.END PROGRESS BAR STYLE
*===================================*/

/*===================================*
  18.START RESUME STYLE
*===================================*/

.resume-list li {
	padding: 20px;
	background-color: #fff;
	position: relative;
	margin-bottom: 30px;
	list-style: none;
}
.resume-title {
	margin-bottom: 20px;
}
.resume-title * {
	margin: 0;
	font-weight: 600;
}
.resume-title i {
	margin-right: 10px;
}
.resume-box p:last-child {
	margin: 0;
}
.resume-box span {
	margin-bottom: 10px;
	display: block;
	color: #2A3192;
}
/*===================================*
  18.END RESUME STYLE
*===================================*/

/*===================================*
  19.START BREADCRUMB STYLE
*===================================*/
.breadcrumb-section {
	padding: 150px 0;
	width: 100%;
}
.breadcrumb-section.page-title-mini {
	padding: 70px 0;
}
.page-title-mini .page-title h1 {
	font-size: 28px;
}
.page-title-mini .breadcrumb li {
	font-size: 14px;
}
.header-wrap.transparent-header + .breadcrumb-section {
	padding-top: 200px;
}
.header-wrap.transparent-header.header-with-topbar + .breadcrumb-section {
	padding-top: 250px;
}
.page-title h1 {
	margin: 0;
	text-transform: capitalize;
	font-weight: bold;
	line-height: normal;
}
.page-title-light *,
.page-title-light .breadcrumb-item,
.page-title-light .breadcrumb-item::before {
	color: #fff;
}
.breadcrumb {
	background-color: transparent;
	margin: 0;
	padding: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: "\f3d1";
	font-family: "Ionicons";
	vertical-align: middle;
}
.page-title + .breadcrumb {
	margin-top: 15px;
}
.page-title + span {
	margin-top: 15px;
	display: inline-block;
	width: 100%;
}
.page-title-video {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	overflow: hidden;
}
.page-title-video video {
	object-fit: cover;
	width: 100%;
}
.breadcrumb-item a i {
	font-size: 26px;
	line-height: 1;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -5px;
	display: inline-block;
}
.page-title-video {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -3;
}
.page-title-video video {
	object-fit: cover;
	width: 100%;
}
/*===================================*
  19.END BREADCRUMB STYLE
*===================================*/

/*===================================*
  20.START CONTACT STYLE
*===================================*/
.contact-wrap li {
	list-style: none;
}
.contact-wrap li {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	margin-bottom: 25px;
	-ms-flex-align: center;
	align-items: center;
}
.contact-icon {
	margin-right: 20px;
}
.contact-icon i {
	font-size: 34px;
	color: #2A3192;
}
.contact-text span {
	color: #333;
	font-weight: 600;
	display: block;
	margin-bottom: 3px;
}
.contact-text p:last-child {
	margin-bottom: 0;
}
.contact-text a {
	color: #687188;
	line-height: 28px;
}
.contact-text a:hover {
	color: #2A3192;
}

.contact-style1:not(:last-child) {
	margin-bottom: 30px;
}
.contact-style1 .contact-text span {
	margin-bottom: 5px;
}
.contact-style1 .contact-icon {
	float: left;
}
.contact-style1 .contact-text {
	overflow: hidden;
}
.contact-style1 .contact-icon i {
	font-size: 24px;
	background-color: #2A3192;
	color: #fff;
	width: 50px;
	height: 50px;
	display: block;
	text-align: center;
	line-height: 50px;
}
.contact-box {
	position: relative;
	padding: 50px 0px;
	display: table;
	width: 100%;
}
.contact-form {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	max-width: 500px;
	background-color: #fff;
	padding: 30px;
	float: right;
	margin-right: 30px;
	position: relative;
	z-index: 9;
}
.contact-box .map {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
}
.contact-box .map iframe {
	height: 100%;
}
/*===================================*
  20. END CONTACT STYLE
*===================================*/

/*===================================*
  21.START DIVIDER STYLE
*===================================*/
.divider {
	position: relative;
	overflow: hidden;
	height: 4px;
	z-index: 9;
}
.divider.center-icon,
.divider.left-icon,
.divider.right-icon,
.divider.text-divider {
	height: auto;
}
.divider.left-icon i {
	padding-left: 0;
	padding-right: 20px;
}
.divider.center-icon {
	text-align: center;
}
.divider.right-icon i {
	padding-right: 0;
	padding-left: 20px;
}
.divider.right-icon {
	text-align: right;
}
.divider.text-divider {
	text-align: center;
}
.divider.text-divider span {
	background-color: #fff;
	position: relative;
	z-index: 1;
	font-size: 30px;
	padding: 0 30px;
}
.divider.divider-style1 .divider-icon {
	padding-right: 10px;
	background-color: #fff;
	display: inline-block;
	position: relative;
	z-index: 9;
}
.divider.divider-style1.center-icon .divider-icon {
	padding-left: 10px;
}
.divider.divider-style1.right-icon .divider-icon {
	padding-right: 0px;
	padding-left: 10px;
}
.divider.divider-style1 i {
	background-color: #2A3192;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	font-size: 18px;
	display: block;
	padding: 0;
	text-align: center;
	line-height: 40px;
	color: #fff;
}
.divider:before,
.divider:after {
	content: "";
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0px;
	height: 0;
	border-top: 1px solid #dddddd;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.divider::before {
	margin-top: -1px;
}
.divider::after {
	margin-top: 1px;
}
.divider i {
	background-color: #fff;
	color: #d9d9d9;
	position: relative;
	z-index: 1;
	font-size: 30px;
	padding: 0 40px;
}
/*===================================*
  21.END DIVIDER STYLE
*===================================*/

/*===================================*
  22.START ACCORDION STYLE
*===================================*/
.accordion .card .card-header {
	background-color: transparent;
	padding: 0px;
	margin: 0;
}
.accordion .card-header a {
	padding: 15px 40px 15px 15px;
	display: block;
	line-height: normal;
}
.accordion .card-body p:last-child {
	margin: 0;
}
.card-body p {
	margin-bottom: 15px;
}
.accordion-style1.accordion .card {
	background-color: transparent;
	margin-bottom: 15px;
	border-radius: 0;
	border: 0;
}
.accordion-style1.accordion .card:last-child {
	margin-bottom: 0;
}
.accordion-style1 .card-body {
	padding: 15px 0 10px 0;
}
.accordion.accordion-style1 .card-header a {
	padding-left: 0;
	padding-top: 0;
	font-weight: 600;
}
.accordion-style1 .card-header a::after {
	content: "\f208";
	font-family: "Ionicons";
	font-size: 16px;
	font-weight: normal;
	position: absolute;
	right: 15px;
	top: 0px;
}
.accordion-style1 .card-header a[aria-expanded="false"]::after {
	content: "\f217";
}
.accordion-style2 .card-header {
	border: 0;
	background-color: transparent;
	padding: 0px;
}
.accordion-style2 .card-header a {
	padding: 15px 40px 15px 15px;
	display: block;
	font-weight: 600;
}
.accordion-style2 .card-body {
	padding: 0 15px 15px 15px;
}
.accordion-style2 .card-header a::after {
	content: "\f126";
	font-family: "Ionicons";
	font-size: 16px;
	font-weight: normal;
	position: absolute;
	right: 15px;
	top: 15px;
}
.accordion-style2 .card-header a.collapsed:after {
	content: "\f123";
}
.accordion-style3.accordion .card {
	background-color: transparent;
	margin-bottom: 15px;
	border-radius: 0;
}
.accordion.accordion-style3 .card-header {
	border: 0;
}
.accordion.accordion-style3 .card-header a {
	font-weight: 600;
}
.accordion.accordion-style3.accordion > .card {
	border: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion.accordion-style3.accordion .card-body {
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-style3 .card-header a::after {
	content: "\f208";
	font-family: "Ionicons";
	font-size: 16px;
	font-weight: normal;
	position: absolute;
	right: 15px;
	top: 16px;
}
.accordion-style3 .card-header a[aria-expanded="false"]::after {
	content: "\f217";
}
.accordion-style4 .card-header a {
	padding: 20px 20px 20px 50px;
	font-weight: 600;
	display: inline-block;
	width: 100%;
}
.accordion-style4 .card-header a::after {
	content: "\f126";
	font-family: "Ionicons";
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	left: 20px;
	top: 25px;
}
.accordion-style4 .card-header a.collapsed::after {
	content: "\f123";
}
.accordion-style4 > .card .card-header {
	margin-bottom: -1px;
}
/*===================================*
  22.END ACCORDION STYLE
*===================================*/

/*===================================*
  23.START 404 ERROR STYLE
*===================================*/
.error-wrap {
	width: 100%;
}
.error-txt {
	color: #333;
	font-size: 60px;
	font-weight: 600;
	margin-bottom: 20px;
}
.search-form form {
	position: relative;
}
.search-form form input {
	height: 50px;
	padding: 5px 50px 5px 20px;
}
.search-form form input:focus {
	height: 50px;
}
.search-form .icon-search {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0;
	width: 50px;
	border-radius: 0;
	background-color: #2A3192;
	color: #fff;
}
.search-form .icon-search i {
	font-size: 18px;
	margin-right: 0;
}
.form-note {
	margin-top: 20px;
}
/*===================================*
  23.END 404 ERROR STYLE
*===================================*/

/*===================================*
  24.START LOGIN REGISTER STYLE
*===================================*/
.login-wrap {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	margin: 20px 0;
}
.login-register-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}
.login-footer {
	margin-bottom: 20px;
	margin-top: 5px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}
.login-footer a {
	color: #687188;
}
.different-login {
	text-align: center;
	position: relative;
	margin: 20px 0;
}
.different-login span {
	background-color: #fff;
	padding: 0 15px;
	position: relative;
	text-transform: uppercase;
}
.different-login::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	border-top: 1px solid #ddd;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.btn-login li {
	margin: 0px 5px 0;
	display: inline-block;
}
.btn-login li a {
	border-radius: 5px;
	padding: 10px 20px;
	color: #fff;
	display: block;
}
.btn-login li a i {
	margin-right: 10px;
	font-size: 18px;
	margin-left: 0;
}
.btn-facebook {
	background: #3b5998;
	border-color: #3b5998;
}
.btn-facebook:hover {
	color: #fff;
	background: #344e86;
	border-color: #344e86;
}
.btn-google {
	background: #d85040;
	border-color: #d85040;
}
.btn-google:hover {
	color: #fff;
	background: #d33d2b;
	border-color: #d33d2b;
}
/*===================================*
  24.END LOGIN REGISTER STYLE
*===================================*/

/*===================================*
  25.START COMMING SOON STYLE
*===================================*/
.cs-wrap {
	min-height: 100vh;
	position: relative;
	padding: 30px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.countdown-time {
	display: table;
	width: 100%;
}
.countdown-time .countdown-box {
	float: left;
	width: 25%;
	padding: 0 15px;
}
.countdown-wrap {
	display: inline-block;
	text-align: center;
}
.countdown-time .cd-text {
	display: block;
}
.countdown-box .countdown {
	color: #292b2c;
	font-size: 40px;
}
.countdown-white .countdown-box .countdown,
.countdown-white .countdown-box .cd-text {
	color: #fff;
}
.countdown-style1 .countdown-box {
	position: relative;
	text-align: center;
}
.countdown-style1 .countdown-box::before {
	content: ":";
	font-size: 40px;
	font-weight: bold;
	color: #000;
	position: absolute;
	right: -6px;
}
.countdown-style1.countdown-white .countdown-box::before {
	color: #fff;
}
.countdown-style1 .countdown-box:last-child:before {
	content: normal;
}
.cs-logo {
	margin-bottom: 30px;
	display: block;
}
.cs-title {
	line-height: 44px;
	margin-bottom: 20px;
}
.cs-content .countdown-time,
.cs-content .newsletter-form {
	margin-bottom: 30px;
}
.countdown-style2 {
	margin-left: -15px;
	margin-right: -15px;
	width: auto;
	display: -ms-flexbox;
	display: flex;
}
.countdown-style2 .countdown-box .countdown-wrap {
	text-align: center;
	border: 1px solid #ddd;
	width: 100%;
	padding: 10px;
}
/*===================================*
  25.END COMMING SOON STYLE
*===================================*/

/*===================================*
  26.START SHOP DESIGN
*===================================*/
.shorting-icon {
	font-size: 20px;
	margin-left: 10px;
	height: 30px;
	width: 30px;
	float: left;
}
.shorting-icon .ti-layout-list-thumb {
	font-size: 26px;
	line-height: 30px;
}
.result-count {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
}
.product-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
}
.products-view {
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
}
.shorting-icon.active {
	color: #2A3192;
}
.product {
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #ced4da;
	position: relative;
	margin-bottom: 30px;
	transition: all 0.5s ease-in-out;
}
.product-img img {
	border-radius: 4px;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.product-img .product-hover-img {
	opacity: 0;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}
.product:hover .product-img .product-hover-img {
	opacity: 1;
	z-index: 0;
}
.pr-desc {
	display: none;
}
.pr-flash {
	background-color: #ff9f00;
	position: absolute;
	left: 10px;
	top: 10px;
	text-transform: uppercase;
	color: #fff;
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 13px;
	z-index: 1;
}
.add-to-wishlist {
	position: absolute;
	right: 10px;
	top: 10px;
}
.add-to-wishlist a {
	font-size: 18px;
	color: #999;
	padding-left: 5px;
}
.add-to-wishlist a:hover {
	color: #2A3192;
}
.product-info {
	padding: 15px;
	text-align: center;
}
.price {
	color: #292b2c;
	font-weight: 600;
}
.product-price del {
	font-size: 14px;
	margin-left: 3px;
}
.on-sale {
	display: inline-block;
	color: #388e3c;
	margin-left: 5px;
	font-size: 14px;
}
.product-price {
	margin-bottom: 10px;
}
.product .rating-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 10px;
	position: relative;
}
.rating-num {
	font-size: 14px;
	margin-left: 5px;
	vertical-align: middle;
	display: inline-block;
}
.rating-wrap .rating {
	overflow: hidden;
	position: relative;
	height: 20px;
	font-size: 12px;
	width: 70px;
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	vertical-align: middle;
}
.rating::before {
	font-size: 12px;
	content: "\f005\f005\f005\f005\f005";
	top: 0;
	position: absolute;
	left: 0;
	float: left;
	color: #f6bc3e;
}
.product-rate {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
	color: #f6bc3e;
}
.product-rate::before {
	font-size: 12px;
	content: "\f005\f005\f005\f005\f005";
	top: 0;
	position: absolute;
	left: 0;
	font-weight: 900;
}
.product-action-box {
	position: absolute;
	top: 50px;
	left: 10px;
	z-index: 2;
}
.pr-action-btn {
	display: table;
	margin: 0 auto;
}
.product-img {
	position: relative;
}
.pr-action-btn li {
	position: relative;
	margin: 5px 0px;
}
.product-action-box li {
	-webkit-transform: translate(-15px, 0px);
	-ms-transform: translate(-15px, 0px);
	-o-transform: translate(-15px, 0px);
	transform: translate(-15px, 0px);
	opacity: 0;
	filter: alpha(opacity=0);
}
.product-action-box li:nth-child(1) {
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.product-action-box li:nth-child(2) {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.product-action-box li:nth-child(3) {
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.product:hover .product-action-box li {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
}
.pr-action-btn li a {
	background-color: #fff;
	font-size: 0;
	text-transform: capitalize;
	transition: all 0.3s ease-in-out;
	width: 37px;
	height: 37px;
	padding: 0;
	display: block;
	text-align: center;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.pr-action-btn li a i {
	vertical-align: middle;
	line-height: 35px;
	font-size: 18px;
}
.pr-action-btn li a:hover {
	background-color: #2A3192;
	color: #fff;
}
.product .product-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.product-color-switch span {
	height: 15px;
	width: 15px;
	display: inline-block;
	margin: 5px;
	position: relative;
	cursor: pointer;
}
.product .product-color-switch span {
	-webkit-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
	transform: translateY(15px);
	opacity: 0;
}
.product-color-switch span.active:before {
	content: "";
	border: 2px solid #2A3192;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: -5px;
}
.product .pr-switch-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	padding: 15px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}
.product:hover .pr-switch-wrap {
	opacity: 1;
	visibility: visible;
}
.product:hover .product-color-switch span {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}
.product-color-switch span:first-child {
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.product-color-switch span:nth-child(2) {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.product-color-switch span:nth-child(3) {
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.product-color-switch span:nth-child(4) {
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.product-color-switch span:nth-child(5) {
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.product-color-switch span:nth-child(6) {
	-webkit-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
.product-color-switch span:nth-child(7) {
	-webkit-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
.mfp-ajax-holder .mfp-content .ajax-quick-view {
	max-width: 980px;
	background-color: #fff;
	margin: 6px auto;
	padding: 30px;
	position: relative;
}
.mfp-close {
	width: 30px;
	height: 30px;
	line-height: normal;
}
.product-image {
	position: relative;
}
.pr-detail .pr-desc {
	display: inline-block;
}
.pr-detail .pr-desc p {
	margin-bottom: 15px;
}
.pr-detail .rating-wrap {
	float: right;
	margin-top: 7px;
}
.pr-detail .product-price {
	float: left;
}
.pr-detail .price {
	vertical-align: middle;
	font-size: 26px;
}
.cart-product-quantity {
	margin: 7px 10px 7px 0;
	display: table;
}
.quantity {
	display: table;
}
.quantity .minus,
.quantity .plus {
	background-color: #eee;
	display: block;
	float: left;
	border-radius: 50px;
	cursor: pointer;
	border: 0;
	padding: 0;
	width: 34px;
	height: 34px;
	line-height: 36px;
	text-align: center;
	font-size: 20px;
	margin: 4px;
}
.quantity .minus {
	padding-left: 4px;
}
.quantity .qty {
	float: left;
	width: 55px;
	height: 36px;
	border: 1px solid #ddd;
	background-color: transparent;
	text-align: center;
	padding: 0;
	margin: 3px;
}
.cart-extra {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
}
.zoomContainer {
	z-index: 99;
}
.zoom-image .zoomContainer {
	z-index: 9999;
}
.switch-lable {
	float: left;
	margin-right: 10px;
}
.pr-detail .pr-switch-wrap {
	margin-bottom: 10px;
}
.product-size-switch span {
	cursor: pointer;
	text-transform: uppercase;
	width: 32px;
	display: inline-block;
	border: 2px solid #ddd;
	text-align: center;
	height: 32px;
	line-height: 28px;
	font-size: 14px;
	margin-bottom: 3px;
}
.product-size-switch span.active {
	border-color: #2A3192;
}
.cart-btn .add-wishlist,
.cart-btn .add-compare {
	font-size: 20px;
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
}
.product-gallery-item a {
	border: 1px solid #ddd;
	display: block;
	padding: 5px;
}
.product-meta li {
	list-style: none;
	margin-top: 10px;
}
.slick-vertical .slick-slide {
	border: 0;
}
.slick-list {
	padding: 0 !important;
}
.product-gallery-item.slick-slider .slick-slide {
	margin-right: 5px;
	margin-left: 5px;
}
.product-image .slick-list {
	margin-right: -5px;
	margin-left: -5px;
}
.product-gallery-item a.active {
	border-color: #2A3192;
}
.vertical-gallery #pr-item-gallery {
	width: 15%;
	float: left;
	margin-right: 10px;
}
.vertical-gallery .slick-list {
	margin-right: 0;
	margin-left: 0;
}
.vertical-gallery .product-gallery-item.slick-slider .slick-slide {
	margin-bottom: 10px;
	margin-right: 0;
	margin-left: 0;
}
.vertical-gallery .slick-prev,
.vertical-gallery .slick-next {
	height: 40px;
	width: 50px;
}
.vertical-gallery .slick-prev {
	border-radius: 0 0 5px 5px;
	left: 0;
	right: 0;
	top: -40px;
	margin: 0 auto;
	transform: none;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.vertical-gallery .slick-next {
	border-radius: 5px 5px 0 0;
	right: 0;
	left: 0;
	bottom: -40px;
	top: auto;
	margin: 0 auto;
	transform: none;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.vertical-gallery .slick-prev:before {
	content: "\f10e";
}
.vertical-gallery .slick-next:before {
	content: "\f105";
}
.vertical-gallery .slick-slider:hover .slick-prev {
	top: 0;
}
.vertical-gallery .slick-slider:hover .slick-next {
	bottom: 10px;
	right: 0;
}
.product-img-box {
	padding: 8px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}
.product-share {
	margin-top: 15px;
}
.product-share > span {
	margin-right: 10px;
}
.product-share > span,
.product-share .social-icons {
	vertical-align: middle;
	display: inline-block;
}
.product-share .social-icons li {
	padding-bottom: 0;
}
.product-sort-info {
	margin-bottom: 15px;
}
.product-sort-info li {
	font-size: 14px;
	color: #292b2c;
	padding-bottom: 10px;
	list-style: none;
	padding-left: 22px;
	position: relative;
}
.product-sort-info li i {
	color: #2A3192;
	position: absolute;
	font-size: 16px;
	left: 0;
	top: 3px;
}
.filter-price .ui-widget.ui-widget-content {
	border: 0;
	border-radius: 0;
	background-color: #ddd;
	height: 4px;
	margin-bottom: 20px;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.filter-price .ui-slider .ui-slider-range {
	background-color: #2A3192;
	border-radius: 0;
}
.filter-price .ui-slider .ui-slider-handle {
	cursor: pointer;
	background-color: #fff;
	border-radius: 100%;
	border: 0;
	height: 18px;
	top: -8px;
	width: 18px;
	margin: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.price-range {
	color: #292b2c;
}
#flt-price {
	margin-left: 5px;
	font-weight: 600;
}
.shop-container {
	position: relative;
}
.loading-pr {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 9;
}
.shop-container .mfp-preloader {
	top: 100px;
}
.shop-container.list [class*="col-"] {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.shop-container.list .product {
	display: inline-block;
	width: 100%;
}
.shop-container.list .product-img {
	float: left;
	width: 35%;
}
.shop-container.list .product .product-title {
	font-size: 20px;
	margin-bottom: 15px;
}
.shop-container.list .product-info {
	overflow: hidden;
	text-align: left;
	padding: 15px 30px;
}
.shop-container.list .product-price {
	float: left;
}
.shop-container.list .product .rating-wrap {
	display: block;
	float: right;
}
.shop-container.list .pr-desc {
	display: table;
	width: 100%;
}
.shop-container.list .pr-desc p {
	margin-bottom: 15px;
}
.shop-container.list .product-action-box,
.shop-container.list .product .pr-switch-wrap {
	position: static;
}
.shop-container.list .product .pr-switch-wrap {
	padding: 0;
	opacity: 1;
	visibility: visible;
	margin-bottom: 10px;
}
.shop-container.list .product .product-color-switch span {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.shop-container.list .product-action-box li {
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	opacity: 1;
	filter: alpha(opacity=1);
}
.shop-container.list .pr-action-btn {
	display: block;
	margin: 0;
}
.shop-container.list .pr-action-btn li {
	margin: 0 5px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.shop-container.list .pr-action-btn li a {
	box-shadow: none;
}
.shop-container.list .pr-action-btn li a:hover {
	background-color: transparent;
	color: #2A3192;
}
.shop-container.list .pr-action-btn li.add-to-cart a {
	font-size: 16px;
	width: auto;
	height: auto;
	padding: 12px 30px;
	background-color: #2A3192;
	border: 1px solid #2A3192;
	color: #fff;
	border-radius: 4px;
}
.shop-container.list .pr-action-btn li.add-to-cart a:hover {
	background-color: transparent;
	color: #2A3192;
}
.shop-container.list .pr-action-btn li.add-to-cart a i {
	line-height: normal;
	margin-right: 5px;
}
#Additional-info table td:first-child {
	width: 25%;
}
.product-tab-title span {
	font-weight: 600;
}
.tab-content.shop-info-tab {
	margin-top: 40px;
}
.comment-list {
	margin-bottom: 20px;
}
.comments li {
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}
.comment-img {
	float: left;
}
.comment-img img {
	border-radius: 100%;
	max-width: 100px;
}
.comment-block {
	padding-left: 120px;
}
.customer-meta {
	margin-bottom: 5px;
}
.comment-block .rating-wrap {
	float: right;
}
.description p:last-child {
	margin: 0;
}
.review-author {
	display: block;
	color: #292b2c;
	font-weight: 500;
}
.comment-date {
	font-style: italic;
}
.star-rating > span {
	color: #f6bc3e;
}
.star-rating span {
	cursor: pointer;
	display: inline-block;
}
.star-rating span i {
	font-size: 20px;
}
.star-rating > span.selected i::before {
	font-weight: 900;
}
.releted-product-slider .item {
	margin: 10px 0px 0px;
}
.releted-product-slider .product {
	margin-bottom: 20px;
}
.releted-product-slider.owl-theme .owl-nav.disabled + .owl-dots,
.product-slider.owl-theme .owl-nav.disabled + .owl-dots {
	margin: 0;
}
.mfp-ajax-holder .compare-box {
	width: 90%;
	margin: 6px auto;
	background-color: #fff;
	position: relative;
	padding: 30px;
}
.compare-box .table {
	margin: 0;
	display: block;
}
.compare-box table tr td {
	vertical-align: middle;
	width: 27%;
}
.compare-box table tr td.row-title {
	width: 270px;
	text-transform: uppercase;
	font-weight: 600;
}
.row-remove a,
.row-remove a:hover {
	color: #ff0000;
}
.in-stock {
	color: #388e3c;
}
.in-stock {
	color: #388e3c;
}
.out-stock {
	color: #dc3545;
}
.product-name a {
	font-weight: 600;
}
.row-color .product-color-switch span {
	pointer-events: none;
}
.product-thumbnail img {
	max-width: 70px;
	border: 1px solid #ced4da;
}
.shop-cart-table th,
.shop-cart-table td,
.wishlist-table th,
.wishlist-table td {
	vertical-align: middle;
	text-align: center;
}
.shop-cart-table th.product-name,
.shop-cart-table td.product-name,
.wishlist-table th.product-name,
.wishlist-table td.product-name {
	text-align: left;
}
.shop-cart-table .quantity {
	margin: 0 auto;
	display: -ms-flexbox;
	display: flex;
}
.product-remove a i {
	height: 30px;
	width: 30px;
	color: #292b2c;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	border-radius: 100%;
	font-size: 14px;
}
.product-remove a i:hover {
	background-color: #f00;
	color: #fff;
}
.shop-cart-table td.product-price,
.shop-cart-table td.product-subtotal {
	font-weight: 600;
}
.shop-cart-table .table {
	margin: 0;
}
.toggle-info {
	padding: 20px;
	border: 2px dashed #ddd;
}
.toggle-info span {
	padding-left: 25px;
	display: inline-block;
	width: 100%;
	position: relative;
}
.toggle-info i {
	margin-right: 10px;
	color: #2A3192;
	position: absolute;
	left: 0;
	top: 5px;
}
.login-form .panel-body,
.coupon-form .panel-body {
	border: 1px solid #ddd;
	padding: 30px;
	margin-top: 30px;
}
label.label-info {
	color: #292b2c !important;
	font-weight: 600;
}
.ship-detail {
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
}
.product-qty {
	font-weight: 600;
}
.product-subtotal {
	font-weight: 600;
}
.order-review {
	background-color: #f7f8fb;
	padding: 30px;
}
.order-table thead th {
	border-bottom-width: 1px;
	font-weight: 600;
}
.order-table tfoot th {
	font-weight: 600;
}
.order-table tbody td {
	border: 0;
}
.payment-method {
	margin-bottom: 30px;
	display: inline-block;
	width: 100%;
}
.payment-option .custome-radio {
	margin-bottom: 10px;
}
.payment-text {
	display: none;
	margin-top: 5px;
	margin-bottom: 0;
}
.payment-option .custome-radio:first-child .payment-text {
	display: block;
}
.payment-option .custome-radio .form-check-label {
	color: #292b2c;
	font-weight: 600;
}
.wishlist-table .table td {
	border-bottom: 1px solid #dee2e6;
}
.wishlist-table .badge {
	line-height: normal;
	vertical-align: middle;
	padding: 2px 10px;
}
#load-more {
	transition: none;
}
.grid-item-hide .product,
.grid-item-hide .blog-post {
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
.grid-item-hide {
	opacity: 0;
	visibility: hidden;
	height: 0;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	transform: scale(0);
}
.loading {
	background: url("../images/loading.gif") center center no-repeat;
	font-size: 0 !important;
	background-color: #000 !important;
	border: 0;
	height: 51px;
	width: 50px;
	padding: 0;
}
.loading::after,
.loading::before {
	content: normal;
}
.load-more-wrap {
	margin-top: 20px;
}
.load-more-wrap span {
	display: inline-block;
	margin: 0;
	line-height: 1;
	font-size: 14px;
}
.order-complete i {
	color: #2A3192;
	font-size: 80px;
	margin-bottom: 20px;
}
.empty-icon {
	background-color: #dfffed;
	display: inline-block;
	height: 100px;
	width: 100px;
	line-height: 100px;
	border-radius: 100%;
	margin-bottom: 25px;
}
.card-body .comments {
	margin-top: 5px;
}
/*===================================*
  26.END SHOP DESIGN
*===================================*/

/*===================================*
  27.START GALLERY DESIGN
*===================================*/

.image-gallery-item {
	position: relative;
}
.gallary-hover-box {
	background-color: rgba(0, 0, 0, 0.8);
	bottom: 0px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	position: absolute;
	top: 0px;
	opacity: 0;
	visibility: hidden;
	right: 0px;
	left: 0px;
	text-align: center;
	transition: all 0.5s ease-in-out;
}
.gallary-hover-box i {
	color: #fff;
	font-size: 24px;
}
.image-gallery-item:hover .gallary-hover-box {
	opacity: 1;
	visibility: visible;
}
.gallery-img img {
	transition: all 0.5s ease;
}
.gallery-hover-style1 .image-gallery-item,
.gallery-hover-style2 .image-gallery-item {
	overflow: hidden;
}
.gallery-hover-style1 .image-gallery-item:hover .gallery-img img {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.gallery-hover-style2 .gallary-hover-box {
	top: 15px;
	left: 15px;
	bottom: 15px;
	right: 15px;
}
.gallery-hover-style2 .image-gallery-item:hover .gallery-img img {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
	-o-filter: blur(5px);
	filter: blur(5px);
}
.gallery-hover-style3 .gallary-hover-box::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0px;
	bottom: 0px;
	border: 2px solid rgba(255, 255, 255, 0.5);
	margin: 10px;
}
/*===================================*
  27.END GALLERY DESIGN
*===================================*/

/*===================================*
  28.START ELEMENT DESIGN
*===================================*/
.form-control {
	color: #000;
	box-shadow: none;
	height: 50px;
	padding: 8px 15px;
}
.form-control:focus,
.custom-file-input:focus ~ .custom-file-label {
	color: #000;
	box-shadow: none;
	height: 50px;
}
textarea.form-control,
textarea.form-control:focus {
	height: auto;
	padding: 12px 15px;
}
.form-control-sm,
.form-control-sm:focus,
.custom-select select.form-control-sm,
.custom-select select.form-control-sm:focus {
	height: 45px;
}
select.not-chosen,
select.first-null option:first-child,
select.not-chosen:focus,
select.form-control.not-chosen,
select.form-control.first-null option:first-child,
select.not-chosen.form-control:focus {
	color: #6c757d;
}
select option {
	color: #000;
}
.custom-select {
	position: relative;
}
.custom-select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ced4da;
	border-radius: 4px;
	padding: 8px 35px 8px 15px;
	width: 100%;
	height: 50px;
}
.custom-select::before {
	content: "\e64b";
	font-family: "themify";
	position: absolute;
	display: block;
	color: #848484;
	top: 50%;
	right: 15px;
	font-weight: 900;
	pointer-events: none;
	font-size: 12px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.custom-file-label::after {
	height: 48px;
	border: 0;
	line-height: 40px;
	border-radius: 0;
}
.custom-file-label,
.custom-file,
.custom-file-input {
	height: 50px;
	line-height: 38px;
}
.form-style1 .form-control {
	border-radius: 0;
}
.form-style1 .form-group {
	margin-bottom: 20px;
}
.form-style2 .form-control {
	border-radius: 0;
	background-color: transparent;
}
.form-light .form-group {
	border-color: #fff;
}
.input-group {
	position: relative;
}
.input-icon {
	position: absolute;
	right: 20px;
	top: 14px;
	pointer-events: none;
	color: #848484;
}
.rounded-input .input-icon {
	top: 12px;
}
.pagination .page-item a {
	color: #0e93d8;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	padding: 0px;
	z-index: 1;
}
.page-link:focus {
	box-shadow: none;
}
.pagination-style1 li,
.pagination-style2 li,
.pagination-style3 li,
.pagination-style4 li {
	margin-right: 5px;
}
.pagination-style1 .page-item a {
	background-color: #f5f7f9;
	border: 0;
	border-radius: 0 !important;
	color: #222222;
	margin-left: 0px;
	line-height: 52px;
}
.pagination-style1 .page-item a i {
	line-height: 36px;
}
.pagination-style1 .page-item.disabled .page-link {
	color: #ccc;
	pointer-events: none;
	background-color: #f5f7f9;
	border-color: #f5f7f9;
}
.pagination-style1 .page-item.active .page-link,
.pagination-style1 .page-item .page-link:hover {
	background-color: #2A3192;
	border-color: #2A3192;
	color: #fff;
}
.pagination-style2 .page-item a {
	border: 0;
	border-radius: 0px !important;
	color: #687188;
	margin-left: 0px;
	line-height: 40px;
}
.pagination-style2 .page-item.active a,
.pagination-style2 .page-item a:hover,
.pagination-style4 .page-item.active a,
.pagination-style4 .page-item a:hover {
	background-color: #2A3192;
	color: #fff;
}
.pagination-style3 .page-item a.page-link {
	border: 2px solid #dee2e6;
	border-radius: 40px;
	color: #687188;
	margin-left: 0px;
	line-height: 36px;
}
.pagination-style3 .page-item.active .page-link,
.pagination-style3 .page-item .page-link:hover {
	background-color: #2A3192;
	border-color: #2A3192;
	color: #fff;
}
.pagination-style3 .page-item a i {
	line-height: 36px;
}
.pagination-style4 .page-item a {
	border: 0;
	border-radius: 40px !important;
	color: #687188;
	margin-left: 0px;
	line-height: 40px;
}
.pg-gd-pink-orange.pagination-style2 .page-item.active .page-link,
.pg-gd-pink-orange.pagination-style2 .page-item .page-link:hover,
.pg-gd-pink-orange.pagination-style4 .page-item.active .page-link,
.pg-gd-pink-orange.pagination-style4 .page-item .page-link:hover {
	background: -moz-inear-gradient(left, #f42f54 0%, #ff9625 100%);
	background: -webkit-inear-gradient(left, #f42f54 0%, #ff9625 100%);
	background: linear-gradient(to right, #f42f54 0%, #ff9625 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F42F54', endColorstr='#ff9625',GradientType=1 );
}
.mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	background: url("../images/loading.gif") center center no-repeat;
	text-align: center;
	margin-top: -12px;
	margin-left: -12px;
	z-index: 1044;
	text-indent: -9999px;
	background-color: #000;
	padding: 25px;
	border-radius: 5px;
}
.widget-title {
	margin-bottom: 25px;
	text-transform: capitalize;
	font-weight: 600;
	padding-bottom: 10px;
	letter-spacing: 0.3px;
	position: relative;
}
.widget-title:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 1px;
	background-color: #2A3192;
}
.widget-categories li,
.widget-archive li {
	padding-bottom: 10px;
	list-style: none;
}
.widget-categories li a,
.widget-archive li a {
	position: relative;
}
.widget-categories li a::before,
.widget-archive li a:before {
	content: "\f3d1";
	font-family: "Ionicons";
	height: auto;
	line-height: normal;
	margin-right: 10px;
}
.widget-categories li:last-child,
.widget-archive li:last-child {
	padding-bottom: 0;
}
.widget-categories .categories-num,
.widget-archive .archive-num {
	float: right;
	font-size: 14px;
}
.brochures a {
	display: block;
	padding: 20px;
	background-color: #222;
	color: #fff;
	margin-bottom: 10px;
	position: relative;
}
.brochures a i {
	position: absolute;
	right: 15px;
	top: 7px;
	font-size: 50px;
	opacity: 0.1;
}
.sidebar .widget + .widget {
	margin-top: 30px;
}
.sb-style1.sidebar .widget {
	background-color: #fff;
	border: 0 !important;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	padding: 30px;
}
.widget-newsletter p {
	font-size: 14px;
	line-height: normal;
}
.widget-newsletter button {
	padding: 5px 12px;
}
.widget-newsletter button i,
.widget-newsletter .btn i {
	font-size: 18px;
}
.widget-recent-post li,
.widget-course li {
	list-style: none;
	margin-bottom: 15px;
	width: 100%;
}
.widget-course li {
	display: table;
}
.post-footer {
	display: inline-block;
	vertical-align: top;
}
.post-footer .post-content h6 {
	font-size: 16px;
}
.widget-recent-post li:last-child,
.widget-course li:last-child {
	margin-bottom: 0px;
}
footer .widget-recent-post .post-img img {
	border: 0;
}
.post-img,
.widget-course li .course-img {
	float: left;
	margin-right: 15px;
}
.post-content,
.widget-course li .course-content {
	overflow: hidden;
}
.post-content p i {
	margin-right: 5px;
	color: #2A3192;
}
.post-content h6 {
	line-height: 26px;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: normal;
}
.post-content .product-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 14px;
	margin-bottom: 5px;
}
.post-content .product-price {
	margin-bottom: 0px;
}
.tags a {
	background-color: #f7f7f7;
	font-size: 14px;
	padding: 8px 15px;
	float: left;
	margin-bottom: 10px;
	color: #222;
	text-transform: capitalize;
	margin-right: 10px;
}
.tags a:hover {
	background-color: #2A3192;
}
.tags-style1 a {
	border-radius: 40px;
}
.widget-tweet-feed li {
	list-style: none;
	position: relative;
	font-size: 14px;
	padding-bottom: 15px;
	padding-left: 25px;
}
.widget-tweet-feed li::before {
	content: "\e74b";
	font-family: "themify";
	position: absolute;
	left: 0;
	top: 0;
	color: #292b2c;
}
.widget-tweet-feed a {
	color: #2A3192;
}
.widget-tweet-feed li:last-child {
	padding-bottom: 0px;
}
.widget-instafeed {
	margin: -2px;
	display: table;
}
.widget-instafeed li {
	list-style: none;
	float: left;
	width: 33.33%;
	padding: 3px;
	position: relative;
}
.instafeed-col4 li {
	width: 25%;
}
.widget-instafeed li a {
	display: block;
	position: relative;
	overflow: hidden;
}
.widget-instafeed li a::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.8);
	transition: all 0.5s ease-in-out;
	z-index: 1;
}
.widget-instafeed img {
	width: 100%;
}
.insta-icon {
	color: #fff;
	font-size: 16px;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	opacity: 0;
	text-align: center;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all 0.5s ease-in-out;
	z-index: 2;
}
.widget-instafeed li:hover a::before,
.widget-instafeed li:hover .insta-icon {
	opacity: 1;
}
.insta-img {
	position: relative;
}
.instagram-icon {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	-moz-transform: translateY(-50%) rotate(30deg) scale(1.8);
	-webkit-transform: translateY(-50%) rotate(30deg) scale(1.8);
	transform: translateY(-50%) rotate(30deg) scale(1.8);
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
}
.instagram-icon i {
	color: #fff;
	font-size: 50px;
}
.insta-img::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
}
.insta-img:hover:before {
	opacity: 1;
	visibility: visible;
}
.insta-img:hover .instagram-icon {
	opacity: 1;
	visibility: visible;
	-moz-transform: translateY(-50%) rotate(0deg) scale(1);
	-webkit-transform: translateY(-50%) rotate(0deg) scale(1);
	transform: translateY(-50%) rotate(0deg) scale(1);
}
.nav-tabs li.nav-item a {
	background-color: transparent;
	border: 0;
	font-weight: 500;
	text-align: center;
	text-transform: capitalize;
	padding: 5px 20px;
}
.tab-content {
	margin-top: 25px;
}
.tab-style1 .nav-tabs,
.tab-style3 .nav-tabs {
	position: relative;
	border: 0;
}
.tab-style1 .nav-tabs::before {
	background-color: #ddd;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-wekit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
}
.tab-style1 .nav-tabs .nav-item,
.tab-style3 .nav-tabs .nav-item {
	margin-right: 15px;
}
.tab-style1 .nav-tabs .nav-item:last-child,
.tab-style3 .nav-tabs .nav-item:last-child {
	margin-right: 0px;
}
.tab-style1 .nav-tabs li.nav-item a {
	background-color: #fff;
	padding: 12px 25px;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.tab-style1 .nav-tabs li.nav-item a.active,
.tab-style1 .nav-tabs li.nav-item a.active:hover {
	color: #fff;
	background-color: #2A3192;
	border-color: #2A3192;
}
.tab-style2 .nav-tabs {
	position: relative;
	border: 0;
}
.tab-style2 .nav-tabs li.nav-item a {
	border-radius: 0px;
}
.tab-style2 .nav-tabs li.nav-item a.active,
.tab-style2 .nav-tabs li.nav-item a.active:hover {
	color: #fff;
	background-color: #2A3192;
}
.tab-style3 .nav-tabs li.nav-item a {
	text-transform: uppercase;
	padding: 5px 15px;
	border: 0;
	border-radius: 0;
}
.tab-style3 .nav-tabs li.nav-item a.active,
.tab-style3 .nav-tabs li.nav-item a.active:hover {
	color: #2A3192;
}
.tab-style3 .tab-content.shop-info-tab {
	margin-top: 30px;
}
.custome-checkbox .form-check-label {
	position: relative;
	cursor: pointer;
	color: #687188;
	padding: 0;
	vertical-align: middle;
}
.custome-checkbox .form-check-input {
	display: none;
}
.custome-checkbox .form-check-label span {
	vertical-align: middle;
}
.custome-checkbox .form-check-label::before {
	content: "";
	border-radius: 3px;
	border: 2px solid #ced4da;
	height: 17px;
	width: 17px;
	position: absolute;
	left: 0;
	margin: 0px 8px 0 0;
	top: 3px;
}
.custome-checkbox input[type="checkbox"]:checked + .form-check-label::after {
	opacity: 1;
}
.custome-checkbox input[type="checkbox"] + .form-check-label::after {
	content: "";
	width: 11px;
	position: absolute;
	top: 7px;
	left: 3px;
	opacity: 0;
	height: 6px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.custome-checkbox input[type="checkbox"]:checked + .form-check-label::before {
	background-color: #2A3192;
	border-color: #2A3192;
}
.custome-radio .form-check-input,
.custome-checkbox .form-check-input {
	display: none;
}
.custome-radio .form-check-label::before {
	content: "";
	border: 1px solid #908f8f;
	height: 16px;
	width: 16px;
	display: inline-block;
	border-radius: 100%;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 5px;
}
.custome-radio input[type="radio"] + .form-check-label::after {
	content: "";
	background-color: #07d765;
	height: 10px;
	width: 10px;
	border-radius: 100%;
	position: absolute;
	top: 8px;
	left: 3px;
	opacity: 0;
}
.custome-radio .form-check-label,
.custome-checkbox .form-check-label {
	position: relative;
	cursor: pointer;
	padding-left: 25px;
}
.custome-radio input[type="radio"]:checked + .form-check-label::before {
	border-color: #07d765;
}
.custome-radio input[type="radio"]:checked + .form-check-label::after {
	opacity: 1;
}
.custome-checkbox input[disabled] + .form-check-label,
.custome-radio input[disabled] + .form-check-label {
	color: #d0d0d0;
}
.custome-checkbox input[disabled] + .form-check-label::before,
.custome-radio input[disabled] + .form-check-label::before {
	border-color: #e8e8e8;
}
.owl-theme .owl-nav {
	margin-top: 0;
}
.owl-theme .owl-nav [class*="owl-"],
.nav-style1 > .next,
.nav-style1 > .prev {
	background-color: #2A3192;
	color: #fff;
	font-size: 20px;
	line-height: 60px;
	transition: all 0.3s ease-in-out;
	height: 60px;
	padding: 0;
	margin: 0;
	width: 60px;
	text-align: center;
}
.owl-theme .owl-nav [class*="owl-"]:hover,
.nav-style1 > .next:hover,
.nav-style1 > .prev:hover {
	background-color: #f5f7f9;
	color: #2A3192;
}
.owl-theme .owl-nav [class*="owl-"] i {
	line-height: normal;
}
.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 15px;
}
.owl-theme .owl-dots {
	font-size: 0;
	margin-top: 15px;
}
.owl-theme .owl-dots .owl-dot span {
	background-color: transparent;
	border: 1px solid #2A3192;
	cursor: pointer;
	margin: 3px;
	opacity: 1;
	transition: all 0.3s ease-in-out;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #2A3192;
}
.dot-white.owl-theme .owl-dots .owl-dot span {
	border-color: #fff;
}
.dot-white.owl-theme .owl-dots .owl-dot.active span,
.dot-white.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #fff;
}
.dot-style1.owl-theme .owl-dots .owl-dot span {
	background-color: rgba(0, 0, 0, 0.3);
	border: 0;
}
.dot-style1.owl-theme .owl-dots .owl-dot.active span,
.dot-style1.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #333;
}
.nav-style1.owl-theme .owl-nav [class*="owl-"] {
	position: absolute;
	bottom: 15px;
	border-radius: 0;
}
.nav-style1.owl-theme .owl-nav .owl-prev {
	left: auto;
	right: 75px;
}
.nav-style1.owl-theme .owl-nav .owl-next {
	right: 0;
}
.nav-style1.owl-theme[data-margin="10"] .owl-nav .owl-prev {
	left: -10px;
}
.nav-style1.owl-theme[data-margin="10"] .owl-nav .owl-next {
	right: -10px;
}
.nav-style1 > .next,
.nav-style1 > .prev {
	float: left;
	cursor: pointer;
}
.nav-style1 > .prev {
	margin-left: 20px;
}
.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
	opacity: 1;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	background-color: #fff;
}
.slick-prev {
	left: -50px;
	border-radius: 0 5px 5px 0;
	opacity: 0;
}
.slick-next {
	right: -50px;
	border-radius: 5px 0 0 5px;
	opacity: 0;
}
.slick-prev::before {
	content: "\f108";
	font-family: "Ionicons";
	color: #333;
	opacity: 1;
	display: block;
	font-size: 22px;
}
.slick-next::before {
	content: "\f10b";
	font-family: "Ionicons";
	color: #333;
	opacity: 1;
	display: block;
	font-size: 22px;
}
.slick-prev,
.slick-next {
	height: 50px;
	width: 40px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	z-index: 9;
	transition: all 0.5s ease-in-out;
}
.slick-prev:hover,
.slick-next:hover {
	background-color: #2A3192;
}
.slick-prev:hover:before,
.slick-next:hover:before {
	color: #fff;
}
.slick-slider:hover .slick-prev {
	opacity: 1;
	left: 0;
}
.slick-slider:hover .slick-next {
	opacity: 1;
	right: -2px;
}
.social-icons [class*="sc-"] {
	color: #fff !important;
}
.social-icons [class*="sc-"] i {
	transition: all 0.3s ease-in-out;
	display: block;
	line-height: 36px;
}
.social-icons [class*="sc-"]:hover i {
	-webkit-animation: toLeftFromRight 0.3s forwards;
	-moz-animation: toLeftFromRight 0.3s forwards;
	animation: toLeftFromRight 0.3s forwards;
}
.sc-facebook {
	background-color: #3b5998 !important;
	border-color: #3b5998 !important;
}
.sc-gplus,
.sc-google {
	background-color: #dd4b39 !important;
	border-color: #dd4b39 !important;
}
.sc-linkedin {
	background-color: #0e76a8 !important;
	border-color: #0e76a8 !important;
}
.sc-rss {
	background-color: #ee802f !important;
	border-color: #ee802f !important;
}
.sc-skype {
	background-color: #00aff0 !important;
	border-color: #00aff0 !important;
}
.sc-twitter {
	background-color: #00acee !important;
	border-color: #00acee !important;
}
.sc-youtube {
	background-color: #c4302b !important;
	border-color: #c4302b !important;
}
.sc-vimeo {
	background-color: #86c9ef !important;
	border-color: #86c9ef !important;
}
.sc-yahoo {
	background-color: #720e9e !important;
	border-color: #720e9e !important;
}
.sc-tumblr {
	background-color: #34526f !important;
	border-color: #34526f !important;
}
.sc-instagram {
	background-color: #3f729b !important;
	border-color: #3f729b !important;
}
.sc-pinterest {
	background-color: #c8232c !important;
	border-color: #c8232c !important;
}
.sc-dribbble {
	background-color: #ea4c89 !important;
	border-color: #ea4c89 !important;
}
.sc-reddit {
	background-color: #c6c6c6 !important;
	border-color: #c6c6c6 !important;
}
.sc-github {
	background-color: #171515 !important;
	border-color: #171515 !important;
}
.sc-android {
	background-color: #a4c639 !important;
	border-color: #a4c639 !important;
}
.sc-windows {
	background-color: #00a7e7 !important;
	border-color: #00a7e7 !important;
}
.sc-tux {
	background-color: #c1c1c1 !important;
	border-color: #c1c1c1 !important;
}
.sc-delicious {
	background-color: #205cc0 !important;
	border-color: #205cc0 !important;
}
.sc-paypal {
	background-color: #00588b !important;
	border-color: #00588b !important;
}
.sc-blogger {
	background-color: #fc4f08 !important;
	border-color: #fc4f08 !important;
}
.sc-flickr {
	background-color: #ff0084 !important;
	border-color: #ff0084 !important;
}
.sc-yahoo {
	background-color: #720e9e !important;
	border-color: #720e9e !important;
}
.sc-dropbox {
	background-color: #3d9ae8 !important;
	border-color: #3d9ae8 !important;
}
.sc-ebay {
	background-color: #89c507 !important;
	border-color: #89c507 !important;
}
.sc-wordpress {
	background-color: #1e8cbe !important;
	border-color: #1e8cbe !important;
}
.sc-yelp {
	background-color: #c41200 !important;
}
.scroll-down-icon {
	position: absolute;
	bottom: 50px;
	left: 50%;
	z-index: 9;
	/*height: 10%;*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.scroll-down-icon .down {
	background-color: #2A3192;
	width: 45px;
	height: 45px;
	color: #fff;
	display: inline-block;
	line-height: 45px;
	border-radius: 40px;
	text-align: center;
	white-space: nowrap;
	-webkit-animation: scroll 1.5s linear infinite;
	-moz-animation: scroll 1.5s linear infinite;
	animation: scroll 1.5s linear infinite;
	position: relative;
}
.scroll-down-icon.scroll-link {
	left: auto;
	right: 0;
	bottom: 80px;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.scroll-link a {
	color: #fff;
}
.scroll-link::before {
	content: "";
	position: absolute;
	right: 100%;
	height: 1px;
	width: 50px;
	background-color: #fff;
	bottom: 10px;
	margin-right: 10px;
}

@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translateY(-10%);
	}
	50% {
		-webkit-transform: translateY(20%);
	}
	100% {
		-webkit-transform: translateY(-10%);
	}
}
@-moz-keyframes scroll {
	0% {
		-moz-transform: translateY(-10%);
	}
	50% {
		-moz-transform: translateY(20%);
	}
	100% {
		-moz-transform: translateY(-10%);
	}
}
@keyframes scroll {
	0% {
		transform: translateY(-10%);
	}
	50% {
		transform: translateY(20%);
	}
	100% {
		transform: translateY(-10%);
	}
}

blockquote {
	font-size: 18px;
	line-height: 30px;
}
blockquote p {
	line-height: 30px;
}
blockquote p:last-child {
	margin: 0;
}
.blockquote-style1 {
	background-color: #f5f7f9;
	padding: 20px;
	margin: 20px 0;
	position: relative;
}
.blockquote-style1::before {
	content: "\f10d";
	position: absolute;
	left: 20px;
	top: 10px;
	color: #222;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 70px;
	opacity: 0.1;
	line-height: normal;
}
.blockquote-style1::after {
	content: "\f10e";
	position: absolute;
	right: 20px;
	bottom: 10px;
	color: #222;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 70px;
	opacity: 0.1;
	line-height: normal;
}
.blockquote-style1 p {
	color: #292b2c;
	font-style: italic;
	font-weight: 500;
	text-align: center;
}
.blog-post-footer {
	padding-bottom: 30px;
	padding-top: 15px;
}
.process-tab {
	border: 0;
	position: relative;
	-ms-flex-align: center;
	align-items: center;
}
.process-step-wrap {
	position: relative;
	margin-top: 30px;
}
.process-step-wrap::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 4px;
	background-color: #f7f7f7;
	width: 100%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.process-tab.nav-tabs .nav-item {
	margin: 0;
}
.process-tab li a.nav-link,
.process-tab li a.nav-link.active {
	position: relative;
	color: #333;
	padding: 0;
}
.process-tab li a::before {
	content: "";
	right: 0;
	margin: 0 auto;
	border-radius: 100%;
	height: 20px;
	width: 20px;
	border: 3px solid #2A3192;
	display: block;
	background-color: #fff;
}
.process-tab li a::after {
	content: "";
	height: 8px;
	width: 8px;
	border-radius: 100%;
	background-color: #2A3192;
	display: block;
	position: absolute;
	top: 6px;
	right: 0;
	left: 0;
	margin: 0 auto;
	transition: all 0.5s ease-in-out;
	opacity: 0;
}
.process-tab li.complete a::after {
	opacity: 1;
}
.process-tab li:first-child .step-title {
	left: 0;
	-moz-transform: translate(0%, -100%);
	-webkit-transform: translate(0%, -100%);
	transform: translate(0%, -100%);
}
.process-tab li:last-child .step-title {
	right: 0;
	left: auto;
	-moz-transform: translate(0%, -100%);
	-webkit-transform: translate(0%, -100%);
	transform: translate(0%, -100%);
}
.steps-progress {
	position: absolute;
	left: 0;
	right: 0;
	background-color: #2A3192;
	height: 4px;
	top: 50%;
	transition: all 0.5s ease-in-out;
	width: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.step-title {
	font-weight: 600;
	position: absolute;
	top: -10px;
	left: 50%;
	-moz-transform: translate(-50%, -100%);
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}
.process-step-content {
	margin-top: 30px;
}
.datepicker-panel > ul > li {
	color: #000;
}
.mdtp--wrapper {
	bottom: auto;
	top: 50%;
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}
.modal {
	padding-right: 0 !important;
}
.page-soon {
	font-size: 10px;
	color: #fff;
	padding: 0px 5px;
	border-radius: 20px;
	background-color: #28a745;
	text-transform: uppercase;
	font-weight: 600;
}
.alert .close {
	font-weight: normal;
	margin-left: 10px;
}
.alert-style1 {
	border-radius: 0;
	border-left: 3px solid;
	padding: 20px;
	position: relative;
	border-top: 0;
	border-bottom: 0;
	border-right: 0;
}
.alert > i {
	margin-right: 5px;
	font-size: 18px;
	vertical-align: middle;
}
.alert-style2 {
	border-radius: 20px;
	padding: 20px 20px;
	background-color: #fff;
	border-left: 3px solid;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	border-top: 0;
	border-bottom: 0;
	border-right: 3px solid;
}
.button-group .btn {
	margin-bottom: 20px;
}
.toggle-password {
	pointer-events: auto;
	cursor: pointer;
}
/*===================================*
  28.END ELEMENT DESIGN
*===================================*/

/*===================================*
  29.START TEXT TYPING STYLE
*===================================*/
.cd-words-wrapper {
	display: inline-block;
	position: relative;
}
.cd-words-wrapper i,
.cd-words-wrapper em,
.cd-words-wrapper b {
	font-style: normal;
	font-weight: inherit;
}
.cd-words-wrapper b {
	display: inline-block;
	position: absolute;
	white-space: nowrap;
	font-weight: inherit;
	left: 0;
	top: 0;
}
.cd-words-wrapper b.is-visible {
	position: relative;
}
.cd-headline .cd-words-wrapper {
	overflow: hidden;
	vertical-align: top;
}
.cd-headline.clip .cd-words-wrapper::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 100%;
	background-color: #292b2c;
	bottom: 0;
}
.cd-headline.clip.cd-type-light .cd-words-wrapper::after {
	background-color: #fff;
}
.cd-headline.clip b {
	opacity: 0;
}
.cd-headline.clip b.is-visible {
	opacity: 1;
}
.cd-headline.rotate-1 .cd-words-wrapper {
	-webkit-perspective: 300px;
	perspective: 300px;
}
.cd-headline.rotate-1 b {
	opacity: 0;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
	-webkit-animation: cd-rotate-1-out 1.2s;
	animation: cd-rotate-1-out 1.2s;
}
.cd-headline.rotate-1 b.is-visible {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-animation: cd-rotate-1-in 1.2s;
	animation: cd-rotate-1-in 1.2s;
}
@-webkit-keyframes cd-rotate-1-in {
	0% {
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
		opacity: 0;
	}
	35% {
		-webkit-transform: rotateX(120deg);
		transform: rotateX(120deg);
		opacity: 0;
	}
	65% {
		opacity: 0;
	}
	100% {
		-webkit-transform: rotateX(360deg);
		transform: rotateX(360deg);
		opacity: 1;
	}
}
@keyframes cd-rotate-1-in {
	0% {
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
		opacity: 0;
	}
	35% {
		-webkit-transform: rotateX(120deg);
		transform: rotateX(120deg);
		opacity: 0;
	}
	65% {
		opacity: 0;
	}
	100% {
		-webkit-transform: rotateX(360deg);
		transform: rotateX(360deg);
		opacity: 1;
	}
}
@-webkit-keyframes cd-rotate-1-out {
	0% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		opacity: 1;
	}
	35% {
		-webkit-transform: rotateX(-40deg);
		transform: rotateX(-40deg);
		opacity: 1;
	}
	65% {
		opacity: 0;
	}
	100% {
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
		opacity: 0;
	}
}
@keyframes cd-rotate-1-out {
	0% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		opacity: 1;
	}
	35% {
		-webkit-transform: rotateX(-40deg);
		transform: rotateX(-40deg);
		opacity: 1;
	}
	65% {
		opacity: 0;
	}
	100% {
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
		opacity: 0;
	}
}
.cd-headline.type b {
	visibility: hidden;
}
.cd-headline.type b.is-visible {
	visibility: visible;
}
.cd-headline.type i {
	position: absolute;
	visibility: hidden;
}
.cd-headline.type i.in {
	position: relative;
	visibility: visible;
}
.cd-headline.type .cd-words-wrapper::after {
	content: " ";
	background-color: #292b2c;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 1px;
	display: block;
}
.cd-headline.type.cd-type-light .cd-words-wrapper::after {
	background-color: #fff;
}
.cd-headline.type .cd-words-wrapper {
	padding-right: 3px;
}
.cd-headline.type .cd-words-wrapper.waiting::after {
	-webkit-animation: 1s word-rotator-pulse step-end infinite;
	animation: 1s word-rotator-pulse step-end infinite;
}
.cd-headline.type .cd-words-wrapper.selected {
	background-color: #0078d7;
}
.cd-headline.type .cd-words-wrapper.selected::after {
	visibility: hidden;
}
.cd-headline.type .cd-words-wrapper.selected b {
	color: #fff;
}
@-webkit-keyframes word-rotator-pulse {
	from,
	to {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

@keyframes word-rotator-pulse {
	from,
	to {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}
.cd-headline.slide b {
	opacity: 0;
	top: 0.2em;
}
.cd-headline.slide b.is-visible {
	top: 0;
	opacity: 1;
	-webkit-animation: slide-in 0.6s;
	animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
	-webkit-animation: slide-out 0.6s;
	animation: slide-out 0.6s;
}
@-webkit-keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(20%);
		transform: translateY(20%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(20%);
		transform: translateY(20%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes slide-out {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	60% {
		opacity: 0;
		-webkit-transform: translateY(120%);
		transform: translateY(120%);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
}

@keyframes slide-out {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	60% {
		opacity: 0;
		-webkit-transform: translateY(120%);
		transform: translateY(120%);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
}
.cd-headline.scale b {
	opacity: 0;
}

.cd-headline.scale i {
	display: inline-block;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
.cd-headline.scale i.in {
	-webkit-animation: scale-up 0.6s forwards;
	animation: scale-up 0.6s forwards;
}

.cd-headline.scale i.out {
	-webkit-animation: scale-down 0.6s forwards;
	animation: scale-down 0.6s forwards;
}
@-webkit-keyframes scale-up {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	60% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes scale-up {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	60% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes scale-down {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	60% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}
}

@keyframes scale-down {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	60% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}
}

.cd-headline.zoom .cd-words-wrapper {
	-webkit-perspective: 300px;
	perspective: 300px;
	overflow: visible;
}

.cd-headline.zoom b {
	opacity: 0;
}

.cd-headline.zoom b.is-visible {
	opacity: 1;
	-webkit-animation: zoom-in 0.8s;
	animation: zoom-in 0.8s;
}

.cd-headline.zoom b.is-hidden {
	-webkit-animation: zoom-out 0.8s;
	animation: zoom-out 0.8s;
}

@-webkit-keyframes zoom-in {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(100px);
		transform: translateZ(100px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

@keyframes zoom-in {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(100px);
		transform: translateZ(100px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

@-webkit-keyframes zoom-out {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateZ(-100px);
		transform: translateZ(-100px);
	}
}

@keyframes zoom-out {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateZ(-100px);
		transform: translateZ(-100px);
	}
}
/*===================================*
  29.END TEXT TYPING STYLE
*===================================*/

/*===================================*
  30.START SHAPE WITH ANIMATION STYLE
*===================================*/
.shape-wrap [class*="shape"] {
	position: absolute;
	pointer-events: none;
	z-index: -1;
}
.user-img [class*="user"] {
	position: absolute;
	pointer-events: none;
	z-index: -1;
}
.user-img [class*="user"] img {
	border-radius: 100%;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	animation-name: zoom-fade;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: zoom-fade;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: zoom-fade;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: zoom-fade;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-name: zoom-fade;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
}
.shape1 {
	right: 35%;
	bottom: 30px;
	max-width: 200px;
}
.shape2 {
	left: 30px;
	bottom: 50px;
	max-width: 72px;
}
.shape3 {
	left: 20%;
	top: 10%;
	max-width: 38px;
}
.shape4 {
	bottom: 10%;
	left: 10%;
	max-width: 30px;
}
.shape5 {
	top: 20%;
	left: 4%;
	width: 200px;
	height: 200px;
}
.shape6 {
	bottom: 10%;
	left: 40%;
	max-width: 26px;
}
.shape7 {
	top: 40%;
	left: 40%;
	max-width: 36px;
}
.shape8 {
	top: 20%;
	left: 35%;
	max-width: 33px;
}
.shape9 {
	right: 5%;
	bottom: 0;
	z-index: -2 !important;
	max-width: 230px;
}
.shape10 {
	top: 0;
	left: 0;
	max-width: 500px;
}
.shape11 {
	right: 0;
	bottom: 0;
	left: 0;
}
.shape11 img {
	width: 100%;
}
.shape12 {
	right: 150px;
	top: 0;
	width: 150px;
	height: 90px;
}
.shape13 {
	top: -40px;
	left: 10%;
	max-width: 34px;
}
.shape14 {
	right: 150px;
	bottom: 10%;
	max-width: 32px;
}
.shape15 {
	right: 10%;
	top: 45%;
	max-width: 18px;
}
.shape16 {
	top: -50px;
	left: 5%;
	max-width: 230px;
}
.shape17 {
	top: 10%;
	right: 150px;
	max-width: 47px;
}
.shape18 {
	top: 50%;
	right: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width: 800px;
}
.shape19 {
	top: 0;
	left: 10%;
	max-width: 33px;
}
.shape20 {
	left: 10%;
	bottom: 0;
	max-width: 43px;
}
.shape21 {
	top: 0%;
	left: 42%;
	max-width: 34px;
}
.shape22 {
	bottom: 0;
	left: 0;
	max-width: 900px;
}
.shape23 {
	top: 0;
	right: 150px;
	max-width: 75px;
}
.shape24 {
	top: -20px;
	left: 50%;
	max-width: 20px;
}
.shape25 {
	right: 0;
	top: 0;
	max-width: 205px;
}
.shape26 {
	left: 0;
	top: -50px;
	z-index: -3 !important;
	max-width: 565px;
}
.shape27 {
	top: 5%;
	left: 5%;
	max-width: 72px;
}
.shape28 {
	right: 300px;
	top: 0;
	max-width: 42px;
}
.shape29 {
	right: 100px;
	top: 0;
	height: 100px;
	width: 100px;
}
.shape30 {
	bottom: 15%;
	right: 150px;
	max-width: 60px;
}
.shape31 {
	bottom: 15%;
	left: 150px;
	z-index: 1 !important;
	max-width: 16px;
}
.shape32 {
	top: 0;
	z-index: 0 !important;
	left: 0;
	right: 0;
}
.shape33 {
	bottom: 0;
	z-index: 0 !important;
	left: 0;
	right: 0;
}
.shape32 img,
.shape33 img {
	display: block;
}
.shape34 {
	bottom: 10%;
	left: 0;
	right: 0;
	z-index: 1 !important;
}
.shape35 {
	top: 18%;
	left: 10%;
	width: 100px;
}
.shape36 {
	bottom: 20%;
	left: 10%;
	width: 135px;
}
.shape37 {
	top: 20%;
	left: 30%;
	width: 33px;
}
.shape38 {
	top: 30%;
	left: 50%;
	width: 18px;
}
.shape39 {
	bottom: 15%;
	left: 40%;
	width: 47px;
}
.shape40 {
	top: 15%;
	right: 100px;
	width: 34px;
}
.shape41 {
	top: 50%;
	right: 150px;
	width: 42px;
}
.shape42 {
	bottom: 15%;
	right: 40px;
	width: 80px;
}
.shape43 {
	bottom: 5%;
	left: 5%;
	max-width: 72px;
}
.shape44 {
	bottom: 7%;
	left: 7%;
	max-width: 33px;
}
.shape45 {
	top: 40%;
	left: 10%;
	max-width: 16px;
}
.shape46 {
	top: 20%;
	left: 30%;
	max-width: 26px;
}
.shape47 {
	left: 0;
	top: 0;
	max-width: 376px;
	z-index: -2 !important;
}
.shape48 {
	right: 0;
	bottom: 0;
	max-width: 520px;
	z-index: -2 !important;
}
.user1 {
	left: 20%;
	top: 15%;
	max-width: 70px;
}
.user1 img {
	-webkit-animation-duration: 4s;
	-moz-animation-duration: 4s;
	-ms-animation-duration: 4s;
	-o-animation-duration: 4s;
	animation-duration: 4s;
}
.user2 {
	left: 25%;
	top: 40%;
	max-width: 80px;
}
.user2 img {
	-webkit-animation-duration: 7s;
	-moz-animation-duration: 7s;
	-ms-animation-duration: 7s;
	-o-animation-duration: 7s;
	animation-duration: 7s;
}
.user3 {
	left: 20%;
	bottom: 15%;
	max-width: 75px;
}
.user3 img {
	-webkit-animation-duration: 5s;
	-moz-animation-duration: 5s;
	-ms-animation-duration: 5s;
	-o-animation-duration: 5s;
	animation-duration: 5s;
}
.user4 {
	right: 18%;
	top: 10%;
	max-width: 80px;
}
.user4 img {
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-ms-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;
}
.user5 {
	right: 25%;
	top: 40%;
	max-width: 70px;
}
.user5 img {
	-webkit-animation-duration: 5s;
	-moz-animation-duration: 5s;
	-ms-animation-duration: 5s;
	-o-animation-duration: 5s;
	animation-duration: 5s;
}
.user6 {
	right: 20%;
	bottom: 10%;
	max-width: 75px;
}
.user6 img {
	-webkit-animation-duration: 7s;
	-moz-animation-duration: 7s;
	-ms-animation-duration: 7s;
	-o-animation-duration: 7s;
	animation-duration: 7s;
}

.waveWrapper {
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	height: 43px;
}
.wave {
	position: absolute;
	left: 0;
	width: 200%;
	height: 100%;
	background-repeat: repeat-x;
	background-position: 0 bottom;
	transform-origin: center bottom;
}
.waveTop {
	background-size: 50% 44px;
	background-image: url("../images/wave-shape3.png");
	-webkit-animation: move-wave-reverse 10s linear infinite;
	-moz-animation: move-wave-reverse 10s linear infinite;
	-o-animation: move-wave-reverse 10s linear infinite;
	animation: move-wave-reverse 10s linear infinite;
	right: 0;
	left: auto;
}
@-webkit-keyframes move-wave-reverse {
	0% {
		-webkit-transform: translateX(0) translateZ(0);
	}
	50% {
		-webkit-transform: translateX(25%) translateZ(0);
	}
	100% {
		-webkit-transform: translateX(50%) translateZ(0);
	}
}
@-moz-keyframes move-wave-reverse {
	0% {
		-moz-transform: translateX(0) translateZ(0);
	}
	50% {
		-moz-transform: translateX(25%) translateZ(0);
	}
	100% {
		-moz-transform: translateX(50%) translateZ(0);
	}
}
@-o-keyframes move-wave-reverse {
	0% {
		-o-transform: translateX(0) translateZ(0);
	}
	50% {
		-o-transform: translateX(25%) translateZ(0);
	}
	100% {
		-o-transform: translateX(50%) translateZ(0);
	}
}
@keyframes move-wave-reverse {
	0% {
		transform: translateX(0) translateZ(0);
	}
	50% {
		transform: translateX(25%) translateZ(0);
	}
	100% {
		transform: translateX(50%) translateZ(0);
	}
}

.animation1 {
	-webkit-animation: orbit 20s linear infinite;
	-moz-animation: orbit 20s linear infinite;
	-o-animation: orbit 20s linear infinite;
	animation: orbit 20s linear infinite;
}
.animation2 {
	-webkit-animation: orbit2 15s linear infinite;
	-moz-animation: orbit2 15s linear infinite;
	-o-animation: orbit2 15s linear infinite;
	animation: orbit2 15s linear infinite;
	position: absolute;
}
.animation3 {
	-webkit-animation: orbit3 25s linear infinite;
	-moz-animation: orbit3 25s linear infinite;
	-o-animation: orbit3 25s linear infinite;
	animation: orbit3 25s linear infinite;
}
.animation4 {
	-webkit-animation: orbit4 20s linear infinite;
	-moz-animation: orbit4 20s linear infinite;
	-o-animation: orbit4 20s linear infinite;
	animation: orbit4 20s linear infinite;
}
.animation5 {
	-webkit-animation: rotate 10s linear infinite;
	-moz-animation: rotate 10s linear infinite;
	-o-animation: rotate 10s linear infinite;
	animation: rotate 10s linear infinite;
}
.animation6 {
	animation-name: zoom-fade;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: zoom-fade;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: zoom-fade;
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: zoom-fade;
	-ms-animation-duration: 3s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-name: zoom-fade;
	-o-animation-duration: 3s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
}
@-webkit-keyframes orbit {
	from {
		-webkit-transform: rotate(0deg) translate(calc(105px - 50%), -50%) rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg) translate(calc(105px - 50%), -50%) rotate(-360deg);
	}
}

@-moz-keyframes orbit {
	from {
		-moz-transform: rotate(0deg) translate(calc(105px - 50%), -50%) rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg) translate(calc(105px - 50%), -50%) rotate(-360deg);
	}
}

@-o-keyframes orbit {
	from {
		-o-transform: rotate(0deg) translate(calc(105px - 50%), -50%) rotate(0deg);
	}
	to {
		-o-transform: rotate(360deg) translate(calc(105px - 50%), -50%) rotate(-360deg);
	}
}

@keyframes orbit {
	from {
		transform: rotate(0deg) translate(calc(105px - 50%), -50%) rotate(0deg);
	}
	to {
		transform: rotate(360deg) translate(calc(105px - 50%), -50%) rotate(-360deg);
	}
}

@-webkit-keyframes orbit2 {
	0% {
		-webkit-transform: rotate(0deg);
		top: -25px;
		left: 10px;
	}
	20% {
		-webkit-transform: rotate(45deg);
		top: 0px;
		left: 59px;
	}
	40% {
		-webkit-transform: rotate(-12deg);
		top: 55%;
		left: 47px;
	}
	60% {
		-webkit-transform: rotate(-120deg);
		top: 60px;
		left: -7px;
	}
	80% {
		-webkit-transform: rotate(60deg);
		top: 9px;
		left: -29px;
	}
	100% {
		-webkit-transform: rotate(0deg);
		top: -25px;
		left: 10px;
	}
}

@-moz-keyframes orbit2 {
	0% {
		-moz-transform: rotate(0deg);
		top: -25px;
		left: 10px;
	}
	20% {
		-moz-transform: rotate(45deg);
		top: 0px;
		left: 59px;
	}
	40% {
		-moz-transform: rotate(-12deg);
		top: 55%;
		left: 47px;
	}
	60% {
		-moz-transform: rotate(-120deg);
		top: 60px;
		left: -7px;
	}
	80% {
		-moz-transform: rotate(60deg);
		top: 9px;
		left: -29px;
	}
	100% {
		-moz-transform: rotate(0deg);
		top: -25px;
		left: 10px;
	}
}

@-o-keyframes orbit2 {
	0% {
		-o-transform: rotate(0deg);
		top: -25px;
		left: 10px;
	}
	20% {
		-o-transform: rotate(45deg);
		top: 0px;
		left: 59px;
	}
	40% {
		-o-transform: rotate(-12deg);
		top: 55%;
		left: 47px;
	}
	60% {
		-o-transform: rotate(-120deg);
		top: 60px;
		left: -7px;
	}
	80% {
		-o-transform: rotate(60deg);
		top: 9px;
		left: -29px;
	}
	100% {
		-o-transform: rotate(0deg);
		top: -25px;
		left: 10px;
	}
}

@keyframes orbit2 {
	0% {
		transform: rotate(0deg);
		top: -25px;
		left: 10px;
	}
	20% {
		transform: rotate(45deg);
		top: 0px;
		left: 59px;
	}
	40% {
		transform: rotate(-12deg);
		top: 55%;
		left: 47px;
	}
	60% {
		transform: rotate(-120deg);
		top: 60px;
		left: -7px;
	}
	80% {
		transform: rotate(60deg);
		top: 9px;
		left: -29px;
	}
	100% {
		transform: rotate(0deg);
		top: -25px;
		left: 10px;
	}
}

@-webkit-keyframes orbit3 {
	0% {
		-webkit-transform: rotate(360deg) translate(calc(105px - 50%), -50%) rotate(-360deg);
	}
	50% {
		-webkit-transform: rotate(180deg) translate(calc(105px - 50%), -50%) rotate(180deg);
	}
	100% {
		-webkit-transform: rotate(0deg) translate(calc(105px - 50%), -50%) rotate(0deg);
	}
}

@-moz-keyframes orbit3 {
	0% {
		-moz-transform: rotate(360deg) translate(calc(105px - 50%), -50%) rotate(-360deg);
	}
	50% {
		-moz-transform: rotate(180deg) translate(calc(105px - 50%), -50%) rotate(180deg);
	}
	100% {
		-moz-transform: rotate(0deg) translate(calc(105px - 50%), -50%) rotate(0deg);
	}
}

@-o-keyframes orbit3 {
	0% {
		-o-transform: rotate(360deg) translate(calc(105px - 50%), -50%) rotate(-360deg);
	}
	50% {
		-o-transform: rotate(180deg) translate(calc(105px - 50%), -50%) rotate(180deg);
	}
	100% {
		-o-transform: rotate(0deg) translate(calc(105px - 50%), -50%) rotate(0deg);
	}
}

@keyframes orbit3 {
	0% {
		transform: rotate(360deg) translate(calc(105px - 50%), -50%) rotate(-360deg);
	}
	50% {
		transform: rotate(180deg) translate(calc(105px - 50%), -50%) rotate(180deg);
	}
	100% {
		transform: rotate(0deg) translate(calc(105px - 50%), -50%) rotate(0deg);
	}
}

@-webkit-keyframes orbit4 {
	0% {
		-webkit-transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
	}
	20% {
		-webkit-transform: translate(73px, -1px) rotate(36deg);
		transform: translate(73px, -1px) rotate(36deg);
	}
	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg);
		transform: translate(141px, 72px) rotate(72deg);
	}
	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg);
		transform: translate(83px, 122px) rotate(108deg);
	}
	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg);
		transform: translate(-40px, 72px) rotate(144deg);
	}
	100% {
		-webkit-transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
	}
}
@-moz-keyframes orbit4 {
	0% {
		-moz-transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
	}
	20% {
		-moz-transform: translate(73px, -1px) rotate(36deg);
		transform: translate(73px, -1px) rotate(36deg);
	}
	40% {
		-moz-transform: translate(141px, 72px) rotate(72deg);
		transform: translate(141px, 72px) rotate(72deg);
	}
	60% {
		-moz-transform: translate(83px, 122px) rotate(108deg);
		transform: translate(83px, 122px) rotate(108deg);
	}
	80% {
		-moz-transform: translate(-40px, 72px) rotate(144deg);
		transform: translate(-40px, 72px) rotate(144deg);
	}
	100% {
		-moz-transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
	}
}
@-o-keyframes orbit4 {
	0% {
		-o-transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
	}
	20% {
		-o-transform: translate(73px, -1px) rotate(36deg);
		transform: translate(73px, -1px) rotate(36deg);
	}
	40% {
		-o-transform: translate(141px, 72px) rotate(72deg);
		transform: translate(141px, 72px) rotate(72deg);
	}
	60% {
		-o-transform: translate(83px, 122px) rotate(108deg);
		transform: translate(83px, 122px) rotate(108deg);
	}
	80% {
		-o-transform: translate(-40px, 72px) rotate(144deg);
		transform: translate(-40px, 72px) rotate(144deg);
	}
	100% {
		-o-transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
	}
}
@keyframes orbit4 {
	0% {
		transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
	}
	20% {
		transform: translate(73px, -1px) rotate(36deg);
		transform: translate(73px, -1px) rotate(36deg);
	}
	40% {
		transform: translate(141px, 72px) rotate(72deg);
		transform: translate(141px, 72px) rotate(72deg);
	}
	60% {
		transform: translate(83px, 122px) rotate(108deg);
		transform: translate(83px, 122px) rotate(108deg);
	}
	80% {
		transform: translate(-40px, 72px) rotate(144deg);
		transform: translate(-40px, 72px) rotate(144deg);
	}
	100% {
		transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
	}
}
@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(180deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes rotate {
	0% {
		-moz-transform: rotate(0deg);
	}
	50% {
		-moz-transform: rotate(180deg);
	}
	100% {
		-moz-transform: rotate(360deg);
	}
}
@-o-keyframes rotate {
	0% {
		-o-transform: rotate(0deg);
	}
	50% {
		-o-transform: rotate(180deg);
	}
	100% {
		-o-transform: rotate(360deg);
	}
}
@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes zoom-fade {
	0% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

@keyframes zoom-fade {
	0% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

/*Ripple Animation*/

.left-bottom-ripples {
	margin-bottom: -60vh;
	margin-left: -60vh;
	width: 120vh;
	height: 120vh;
	bottom: 0;
	position: absolute;
	left: 0;
}
.left-top-ripples {
	margin-top: -60vh;
	margin-left: -60vh;
	width: 120vh;
	height: 120vh;
	top: 0;
	position: absolute;
	left: 0;
}
.right-top-ripples {
	margin-top: -60vh;
	margin-right: -60vh;
	width: 120vh;
	height: 120vh;
	position: absolute;
	top: 0;
	right: 0;
}
.right-bottom-ripples {
	margin-bottom: -60vh;
	margin-right: -60vh;
	width: 120vh;
	height: 120vh;
	position: absolute;
	bottom: 0;
	right: 0;
}
.ripple-wrap {
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
}
.ripples:after,
.ripples:before {
	content: "";
	top: 0;
	position: absolute;
}

.ripples,
.ripples:after,
.ripples:before {
	height: 100%;
	width: 100%;
}
.ripples:before {
	background: -webkit-radial-gradient(
		center,
		ellipse,
		rgba(182, 225, 235, 0) 0,
		rgba(182, 225, 235, 0.05) 40%,
		rgba(182, 225, 235, 0.4) 100%
	);
	background: -moz-radial-gradient(
		center,
		ellipse,
		rgba(182, 225, 235, 0) 0,
		rgba(182, 225, 235, 0.05) 40%,
		rgba(182, 225, 235, 0.4) 100%
	);
	background: -o-radial-gradient(
		center,
		ellipse,
		rgba(182, 225, 235, 0) 0,
		rgba(182, 225, 235, 0.05) 40%,
		rgba(182, 225, 235, 0.4) 100%
	);
	background: radial-gradient(
		ellipse at center,
		rgba(255, 255, 255, 0) 0,
		rgba(255, 255, 255, 0.05) 40%,
		rgba(255, 255, 255, 0.4) 100%
	);
	border-radius: 50%;
	opacity: 0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-animation-name: ripple1;
	-moz-animation-name: ripple1;
	-o-animation-name: ripple1;
	animation-name: ripple1;
	-webkit-animation-duration: 6s;
	-moz-animation-duration: 6s;
	-o-animation-duration: 6s;
	animation-duration: 6s;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
}
.ripples:after {
	background: -webkit-radial-gradient(
		center,
		ellipse,
		rgba(182, 225, 235, 0) 0,
		rgba(182, 225, 235, 0.05) 40%,
		rgba(182, 225, 235, 0.4) 100%
	);
	background: -moz-radial-gradient(
		center,
		ellipse,
		rgba(182, 225, 235, 0) 0,
		rgba(182, 225, 235, 0.05) 40%,
		rgba(182, 225, 235, 0.4) 100%
	);
	background: -o-radial-gradient(
		center,
		ellipse,
		rgba(182, 225, 235, 0) 0,
		rgba(182, 225, 235, 0.05) 40%,
		rgba(182, 225, 235, 0.4) 100%
	);
	background: radial-gradient(
		ellipse at center,
		rgba(255, 255, 255, 0) 0,
		rgba(255, 255, 255, 0.05) 40%,
		rgba(255, 255, 255, 0.4) 100%
	);
	border-radius: 50%;
	opacity: 0;
	-webkit-animation-name: ripple1;
	-moz-animation-name: ripple1;
	-o-animation-name: ripple1;
	animation-name: ripple1;
	-webkit-animation-duration: 6s;
	-moz-animation-duration: 6s;
	-o-animation-duration: 6s;
	animation-duration: 6s;
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
}
@keyframes ripple1 {
	0% {
		-webkit-transform: scale(0.01);
		-moz-transform: scale(0.01);
		-o-transform: scale(0.01);
		transform: scale(0.01);
		opacity: 0;
	}
	33% {
		-webkit-transform: scale(0.4);
		-moz-transform: scale(0.4);
		-o-transform: scale(0.4);
		transform: scale(0.4);
		opacity: 0.8;
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}

@-webkit-keyframes fadeBlur {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		filter: blur(10px);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		filter: blur(0px);
	}
}

@keyframes fadeBlur {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		filter: blur(10px);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		filter: blur(0px);
	}
}

.fadeBlur {
	-webkit-animation-name: fadeBlur;
	animation-name: fadeBlur;
}
/*===================================*
  30.END SHAPE WITH ANIMATION STYLE
*===================================*/