.bttn-applora-gradient,
.social-applora-gradient {
	letter-spacing: .7px;
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none;
	overflow: hidden
}

.faqs .panel-title a.collapsed:after,
.faqs .panel-title a:after,
.our-team .applora-social-links a:before,
.pe-7s-share:before,
.post-butt2 span,
.title-underline i {
	-webkit-text-fill-color: transparent
}

body {
	font-family: 'Open Sans', sans-serif;
	overflow-x: hidden
}

.color-switcher {
	position: fixed;
	width: 110px;
	padding: 10px;
	z-index: 100;
	top: 50%;
	left: -110px;
	margin-top: -189px;
	background-color: #333;
	-webkit-transition: left .3s ease-out;
	-moz-transition: left .3s ease-out;
	transition: left .3s ease-out
}

.color-switcher.open {
	left: 0
}

.color-switcher .color {
	margin: 4px auto 2px;
	text-align: center
}

.color-switcher .color a {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-repeat: no-repeat;
	margin-bottom: 3px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.color-switcher .color span {
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 13px;
	font-weight: 400
}

.color-switcher .color a:hover {
	border-color: rgba(255, 255, 255, .6)
}

.color-switcher .color a.current {
	border: 2px solid #fff;
	opacity: 1
}

.color-switcher .toggle {
	position: absolute;
	width: 50px;
	padding: 8px 0 7px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	top: 0;
	right: -50px;
	background-color: #333;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.color-switcher .toggle:hover {
	color: #ca4966
}

.btn-home {
	display: block;
	width: 67px;
	height: 42px;
	line-height: 42px;
	background-color: transparent;
	color: rgba(255, 255, 255, .6);
	font-size: 28px;
	text-align: center;
	text-decoration: none;
	margin: 10px auto;
	border: 2px solid rgba(255, 255, 255, .2);
	transition: all .3s
}

.btn-home:hover {
	color: #333;
	background-color: #fff
}

@media screen and (max-width:991px) {
	.color-switcher {
		display: none
	}
}

.section-title {
	margin-bottom: 50px
}

.section-title h2 {
	text-transform: uppercase;
	margin: 0 0 20px;
	font-weight: 700
}

.title-underline {
	display: block;
	width: 10px;
	height: 10px;
	margin: auto;
	position: relative;
	z-index: 3
}

.title-underline:after,
.title-underline:before {
	content: "";
	display: block;
	position: absolute;
	height: 2px;
	border-radius: 50%;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	z-index: -1
}

.title-underline:before {
	width: 127px;
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	top: 9px;
	left: -58px
}

.title-underline:after {
	width: 162px;
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	top: 11px;
	right: -75px
}

#home.bigTine:after,
#home.bigTriangle:after,
#home.cloud:after,
#home.waves:after,
.bttn-applora-gradient:before {
	content: ''
}

.title-underline i {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text
}

.bttn-applora-gradient {
	display: inline-block;
	padding: 14px 28px;
	border-radius: 4px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
	font-weight: 700;
	-webkit-box-shadow: 0 1px 5px rgba(2, 3, 3, .15);
	-moz-box-shadow: 0 1px 5px rgba(2, 3, 3, .15);
	-o-box-shadow: 0 1px 5px rgba(2, 3, 3, .15);
	box-shadow: 0 1px 5px rgba(2, 3, 3, .15);
	border: 0;
	position: relative;
	z-index: 3
}

.bttn-applora-gradient:before,

.bttn-applora-gradient i,
.bttn-applora-gradient span,
.bttn-applora-gradient:hover span {
	background: #ca4966;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent
}

.bttn-applora-gradient i {
	margin-right: 10px;
	font-size: 17px
}

.bttn-applora-gradient:hover>i {
	color: #FFF;
	background: 0 0;
	position: relative;
	z-index: 2
}

.bttn-applora-gradient:before {
	background: #ca4966 !important;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966) !important;
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966) !important;
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966) !important;
	background: linear-gradient(-45deg, #5f2c82, #ca4966) !important;
	color: #FFF !important;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 4px;
	transition: all .5s ease-in-out 0s;
	opacity: 0
}

.bttn-applora-gradient:active,
.bttn-applora-gradient:focus,
.bttn-applora-gradient:hover {
	text-decoration: none;
	outline: 0
}

.bttn-applora-gradient {
	color: #FFF;
	background: #FFF
}

.bttn-applora-gradient span {
	position: relative;
	z-index: 2
}

.bttn-applora-gradient:hover {
	background: 0 0;
	-webkit-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);
	-moz-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);
	-o-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);
	box-shadow: 0 3px 25px rgba(2, 3, 3, .25)
}

.bttn-applora-gradient:hover span {
	color: #FFF;
	background: 0 0
}

.bttn-applora-gradient:hover:before {
	opacity: 1
}

.social-applora-gradient {
	display: inline-block;
	margin: 0 5px;
	height: 40px;
	line-height: 40px;
	font-weight: 700;
	border: 0;
	position: relative;
	z-index: 3
}

#particles-js,
.overlay {
	height: 100%;
	width: 100%
}

.screenshots .owl-next,
.screenshots .owl-prev {
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s
}

.social-applora-gradient:before {
	color: #FFF !important;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50px;
	transition: all .5s ease-in-out 0s;
	opacity: 0
}

.pd-carousel .header-content .bttn-head a i,
.pd-carousel .header-content .bttn-head a:hover {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.social-applora-gradient:active,
.social-applora-gradient:focus,
.social-applora-gradient:hover {
	text-decoration: none;
	outline: 0;
	color: #fff;
}

.overlay {
	background: -webkit-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .99));
	background: -moz-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .99));
	background: -o-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .99));
	background: linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .99))
}

#home.bg-image {
	background: url(../img/bg-header.jpeg) center center no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

#particles-js {
	position: absolute
}

#home.bg-video .overlay {
	background: -webkit-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));
	background: -moz-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));
	background: -o-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));
	background: linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9))
}

#home.bg-color {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966)
}

#home.bigTine:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	background-size: 150px 100%;
	background-image: -webkit-linear-gradient(40deg, #fff 50%, transparent 50%);
	background-image: -moz-linear-gradient(40deg, #fff 50%, transparent 50%);
	background-image: -o-linear-gradient(40deg, #fff 50%, transparent 50%);
	background-image: linear-gradient(40deg, #fff 50%, transparent 50%);
	z-index: 10
}

#home.bigTriangle:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 77px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	width: 100%;
	background: url(../img/svg/bigTriangle.svg);
	z-index: 10;
	background-size: 185vh 100%
}

#home.cloud:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 75px;
	width: 100%;
	background: url(../img/svg/cloud.svg);
	z-index: 10;
	background-size: 218vh 100%
}

#home.waves:after {
	display: block;
	height: 100%;
	background: url(../img/svg/waves.png) bottom no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -2px;
	left: -1px;
	right: -1px;
	z-index: 1
}

#home.waves .header-inner {
	z-index: 10;
	position: relative
}

#home.curveUp:after,
#home.saw:after,
#home.tine:after,
#home.triangle:after {
	content: '';
	position: absolute;
	z-index: 10;
	left: 0
}

#home.curveUp:after {
	display: block;
	bottom: 0;
	height: 120px;
	width: 100%;
	background: url(../img/svg/curveUp.svg);
	background-size: 218vh 100%
}

#home.saw:after {
	display: block;
	bottom: 0;
	width: 100%;
	height: 50px;
	-webkit-background-size: 100px 100%;
	-moz-background-size: 100px 100%;
	-o-background-size: 100px 100%;
	background-size: 100px 100%;
	background-image: -webkit-linear-gradient(15deg, #fff 50%, transparent 50%);
	background-image: -moz-linear-gradient(15deg, #fff 50%, transparent 50%);
	background-image: -o-linear-gradient(15deg, #fff 50%, transparent 50%);
	background-image: linear-gradient(15deg, #fff 50%, transparent 50%)
}

#home.tine:after {
	display: block;
	right: 0;
	height: 150px;
	-webkit-background-size: 50px 99%;
	-moz-background-size: 50px 99%;
	-o-background-size: 50px 99%;
	background-size: 50px 99%;
	bottom: -103px;
	background-image: -webkit-linear-gradient(135deg, transparent 25%, #fff 25%), linear-gradient(225deg, transparent 25%, #fff 25%);
	background-image: -moz-linear-gradient(135deg, transparent 25%, #fff 25%), linear-gradient(225deg, transparent 25%, #fff 25%);
	background-image: -o-linear-gradient(135deg, transparent 25%, #fff 25%), linear-gradient(225deg, transparent 25%, #fff 25%);
	background-image: linear-gradient(135deg, transparent 25%, #fff 25%), linear-gradient(225deg, transparent 25%, #fff 25%)
}

#home.triangle:after {
	width: 100%;
	height: 0%;
	bottom: 0;
	border-top: 205px solid transparent;
	border-bottom: 0 solid transparent;
	border-right: 100vw solid #fff
}

#bg-shader,
canvas {
	position: absolute;
	width: 100%;
	height: 100%
}

canvas {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

#home.homepage02 {
	background: url(../img/bg/bg-header02.jpeg) center center no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

#home.homepage02 .overlay {
	background: -webkit-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));
	background: -moz-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));
	background: -o-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));
	background: linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9))
}

.pd-carousel {
	padding-top: 174px
}

.pd-carousel .header-content {
	text-align: center
}

.pd-carousel .header-content .bttn-head {
	margin-top: 40px
}

.pd-carousel .header-content .bttn-head a {
	margin: 0 15px;
	position: relative
}

.pd-carousel .header-content .bttn-head a i {
	color: #fff;
	font-size: 24px;
	width: 50px;
	height: 50px;
	background-color: rgba(255, 255, 255, .1);
	line-height: 50px;
	border-radius: 50%;
	transition: all .4s ease-in-out
}

.pd-carousel .header-content .bttn-head a i:hover {
	background-color: rgba(255, 255, 255, .2)
}

.pd-carousel .header-content .bttn-applora {
	margin-top: 50px
}

.pd-carousel .header-content .bttn-applora a:first-child {
	margin-right: 20px
}

.pd-carousel .header-content .bttn-head a:hover {
	transition: all .4s ease-in-out
}

.pd-carousel .header-content .bttn-head a:hover:before {
	bottom: -45px;
	opacity: 1
}

.pd-carousel .header-content .bttn-head a:before {
	position: absolute;
	bottom: -40px;
	left: -29px;
	background: rgba(255, 255, 255, .2);
	width: 105px;
	color: #fff;
	font-size: 12px;
	padding: 4px 10px;
	border-radius: 3px;
	content: attr(data-tooltip);
	opacity: 0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.pd-carousel .word {
	justify-content: center
}

.phone-carousel {
	max-width: 400px;
	height: 510px;
	margin: auto;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.phone-carousel .phone {
	position: relative;
	z-index: 5;
	width: 100%
}

.phone-carousel .phone .inner {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 26.5% 11.75% 0
}

.phone-carousel .owl-theme .owl-dots {
	position: absolute;
	top: 50%;
	right: 0;
	margin: 0 !important;
	z-index: 10
}

.phone-carousel .owl-theme .owl-dots .owl-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid transparent;
	opacity: .5;
	margin: 0 4px 7px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	display: block
}

.phone-carousel .owl-theme .owl-dots .owl-dot.active {
	background-color: transparent;
	border-color: #fff;
	-webkit-transform: scale(1.35);
	-moz-transform: scale(1.35);
	-ms-transform: scale(1.35);
	-o-transform: scale(1.35);
	transform: scale(1.35)
}

.phone-carousel .owl-theme .owl-dots .owl-dot span {
	display: none
}

.parallex-inner {
	display: table;
	width: 100%;
	padding-top: 174px
}

.parallex-inner .header-content {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-bottom: 50px
}

.tooltip02 {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.tooltip02:after,
.tooltip02:before {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left: 40%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.tooltip02:after {
	content: attr(data-tooltip);
	background: rgba(255, 255, 255, .2);
	top: 150%;
	margin-top: 22px;
	padding: 2px 10px;
	color: #fff;
	line-height: 1.5;
	width: 105px;
	margin-left: -47px;
	border-radius: 4px;
	font-size: 12px
}

.tooltip02:before {
	content: "";
	top: 150%;
	margin-top: 12px;
	margin-left: -5px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgba(255, 255, 255, .2)
}

.tooltip02:hover:after,
.tooltip02:hover:before {
	-webkit-transition: all .4s ease .2s;
	transition: all .4s ease .2s;
	visibility: visible;
	opacity: 1
}

.nav-sec .navbar-nav>li>a,
.parallex-inner .bttn-head a i {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.tooltip02:hover:after {
	margin-top: 15px
}

.tooltip02:hover:before {
	margin-top: 5px
}

.parallex-inner .bttn-head {
	margin-top: 40px
}

.parallex-inner .bttn-head a {
	margin: 0 15px
}

.parallex-inner .bttn-head a i {
	color: #fff;
	font-size: 24px;
	background-color: rgba(255, 255, 255, .1);
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	transition: all .4s ease-in-out
}

.parallex-inner .bttn-head a i:hover {
	background-color: rgba(255, 255, 255, .2)
}

.parallex-inner .word {
	justify-content: center
}

.intro-phone-wrap {
	position: relative;
	z-index: 5;
	width: 100%;
	max-width: 1300px;
	height: 520px;
	margin: 0 auto;
	padding: 0 15px;
	overflow: hidden
}

.intro-phone-wrap .phone {
	position: relative;
	z-index: 5;
	width: 100%;
	max-width: 400px;
	margin: 0 auto
}

.intro-phone-wrap .phone .screen {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 26.5% 11.75% 0
}

.intro-phone-wrap .screen-first-right {
	right: 16.8% !important;
	left: auto !important;
	top: 100px !important;
	z-index: 3
}

.intro-phone-wrap .screen-first-left {
	left: 16.8% !important;
	top: 100px !important;
	z-index: 3
}

.intro-phone-wrap .screen-second-right {
	right: 15px !important;
	left: auto !important
}

.intro-phone-wrap .screen-second-left {
	left: 15px !important
}

.intro-phone-wrap .screen-second-left,
.intro-phone-wrap .screen-second-right {
	z-index: 2;
	top: 30% !important
}

.intro-phone-wrap .screen-first-left,
.intro-phone-wrap .screen-first-right,
.intro-phone-wrap .screen-second-left,
.intro-phone-wrap .screen-second-right {
	position: absolute;
	width: 100%;
	max-width: 306px;
	-webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, .4);
	box-shadow: 0 0 26px 0 rgba(0, 0, 0, .4)
}

@media screen and (max-width:400px) {
	.intro-phone-wrap {
		height: 420px
	}
}

.nav-sec {
	border-radius: 0 !important;
	margin-bottom: 0;
	padding-top: 22px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.dropdown-menu,
.team .team-overlay {
	-webkit-transition: all .5s;
	-o-transition: all .5s
}

.navbar-fixed-top {
	border-radius: 0
}

.nav-sec .navbar-nav {
	padding-left: 15px;
	padding-right: 0
}

.nav-sec .navbar-nav>li>a {
	line-height: 66px;
	padding: 0 10px !important
}

.nav-sec .container>.navbar-header {
	margin-right: 0;
	margin-left: 0
}

.nav-sec>.container-fluid .navbar-brand {
	margin-left: 0
}

.nav-sec .navbar-toggle {
	margin: 0;
	border: 0;
	padding: 15px 5px
}

.nav-sec .navbar-collapse {
	text-align: center;
	padding: 0;
	overflow-x: hidden
}

.nav-sec .navbar-brand>img {
	width: 40px;
}

.nav-sec .navbar-toggle .icon-bar {
	background: #fff;
	width: 25px;
	height: 2px;
	margin: 5px 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	color: #fff;
	background-color: transparent
}

.about .mobile-features .nav-pills>li>a:hover,
.dropdown-menu {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)
}

.dropdown-menu {
	border-radius: 0 !important;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	display: none;
	min-width: 100px;
	padding: 10px;
	margin-top: 5px;
	margin-left: -35px;
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: none;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	-o-transform: translateY(-8px);
	transform: translateY(-8px);
	transition: all .5s
}

.dropdown-menu>li>a {
	color: #111;
	padding: 7px 20px
}

.dropdown-menu>li>a:hover {
	color: #fff;
	background: 0 0
}

.nav-sec .navbar-nav>.dropdown>a:hover .dropdown-icon {
	color: #fff;
	background: 0 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.dropdown .dropdown-icon {
	color: rgba(255, 255, 255, .7);
	font-size: 7px;
	line-height: 16px;
	font-family: FontAwesome;
	margin-left: 5px
}

.dropdown .dropdown-icon:before {
	content: "\f107";
	font-size: 12px
}

.nav-sec {
	background-color: transparent;
	border: none !important
}

.nav-sec .top-nav-collapse {
	background-color: #fff !important
}

.nav-sec.top-nav-collapse {
	background: #fff;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	color: #fff;
	-webkit-box-shadow: 1px 1px 3px rgba(80, 80, 80, .1);
	-moz-box-shadow: 1px 1px 3px rgba(80, 80, 80, .1);
	-o-box-shadow: 1px 1px 3px rgba(80, 80, 80, .1);
	box-shadow: 1px 1px 3px rgba(80, 80, 80, .1);
	padding: 10px 0
}

.nav-sec .nav-transparent {
	background-color: transparent
}

.nav-sec .navbar-nav>li>a {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	color: rgba(255, 255, 255, .7);
	letter-spacing: 1px;
	transition: all .4s ease-in-out;
	font-family: 'Open Sans', sans-serif
}

.about .mobile-features .nav-pills>li>a:hover,
.nav-sec .dropdown-menu>li>a {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.nav-sec .navbar-nav>li>a:hover {
	color: #fff
}

.nav-sec .navbar-nav>li>a:focus {
	color: #fff !important
}

.nav-sec .navbar-nav>.active>a,
.nav-sec .navbar-nav>.active>a:focus,
.nav-sec .navbar-nav>.active>a:hover,
.nav-sec .navbar-nav>.open>a,
.nav-sec .navbar-nav>.open>a:focus,
.nav-sec .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: transparent
}

.nav-sec .navbar-toggle .icon-bar {
	background-color: #fff
}

.nav-sec .navbar-toggle {
	border-color: transparent
}

.nav-sec .navbar-toggle:focus,
.nav-sec .navbar-toggle:hover {
	background-color: transparent
}

.nav-sec .dropdown-menu>li>a {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	color: rgba(255, 255, 255, .7);
	letter-spacing: 1px;
	transition: all .4s ease-in-out
}

.header-content h1,
.word--magneto {
	font-size: 60px;
	text-transform: uppercase
}

.nav-sec .dropdown-menu>li>a:hover {
	color: #fff
}

.dropdown-menu .active>a,
.nav-sec li.active.dropdown a>.dropdown-icon {
	color: #fff !important
}

.top-nav-collapse .nav li a {
	color: rgba(255, 255, 255, .7)
}

.top-nav-collapse .nav li.active a,
.top-nav-collapse .nav li.active.dropdown a>.dropdown-icon {
	color: #fff
}

.top-nav-collapse .navbar-nav>li>a:focus,
.top-nav-collapse .navbar-nav>li>a:hover {
	background-color: transparent;
	color: #fff
}

@media only screen and (max-width:767px) {
	.nav-sec .navbar-nav {
		padding-left: 0;
		width: 100%;
		margin: 0
	}

	.nav-sec {
		padding-top: 15px
	}

	.nav-sec .navbar-nav>li>a {
		line-height: 50px;
		padding: 0 !important
	}

	.nav-sec .open .dropdown-menu>li>a {
		padding: 5px 20px;
		text-align: center;
		max-width: 100%
	}

	.nav-sec .dropdown-toggle span {
		margin-left: 15px
	}

	.nav-sec .navbar-nav .open .dropdown-menu {
		max-width: 100%;
		margin: 0 auto
	}

	.nav-sec .navbar-nav .open .dropdown-menu>.active>a,
	.nav-sec .navbar-nav .open .dropdown-menu>.active>a:focus,
	.nav-sec .navbar-nav .open .dropdown-menu>.active>a:hover {
		color: #fff;
		background-color: transparent
	}

	.nav-sec .navbar-collapse,
	.navbar-default .navbar-form {
		border-color: transparent
	}

	.nav-sec .navbar-nav .open .dropdown-menu>li>a {
		padding: 10px 0;
		color: rgba(255, 255, 255, .7)
	}

	.nav-sec .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #fff;
		background-color: transparent
	}
}

@media only screen and (min-width:768px) {
	.nav-sec .navbar-nav {
		float: none
	}

	.nav-sec .navbar-nav>li {
		float: none;
		display: inline-block
	}

	.nav-sec>li>a {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.nav-sec>.container .navbar-brand {
		margin-left: 0
	}

	.dropdown-menu {
		visibility: hidden;
		opacity: 0;
		display: block
	}

	.dropdown:hover .dropdown-menu {
		margin-top: 0;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		visibility: visible;
		opacity: 1
	}
}

#home {
	background: url(../img/bg/bg-header.jpeg) center center no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: relative
}

.header-inner {
	display: table;
	height: 704px;
	width: 100%
}

.header-content {
	position: relative;
	display: table-cell;
	vertical-align: middle
}

.word {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent
}

.word--magneto {
	font-weight: 900;
	color: #fff;
	line-height: .8;
	margin: 0 0 1em
}

.word--magneto>span {
	display: block;
	padding: 1em 0 0;
	cursor: default;
	position: relative
}

.word--magneto span span {
	display: block;
	pointer-events: none
}

.word--magneto svg {
	position: absolute;
	left: 50%;
	margin-left: -1.5vw;
	width: 3vw;
	bottom: calc(100% - 1em)
}

.word--magneto svg circle {
	fill: currentColor;
	opacity: 0;
	transform-origin: 50% 50%
}

.header-content h1 {
	font-weight: 800;
	color: #fff;
	margin-bottom: 15px
}

.header-content h4 {
	color: #fff;
	font-size: 23px;
	line-height: 35px;
	font-weight: 100
}

.header-content .bttn-head {
	margin-top: 30px;
	z-index: 99;
	position: relative
}

.header-content .bttn-head a:first-child {
	margin-right: 20px
}

.photo-header img {
	position: relative;
	z-index: 20;
	top: 164px;
	width: 462px
}

.about {
	padding: 100px 0;
	background-color: #fff
}

.about .mobile-features {
	padding: 0 65px
}

.about .mobile-features .features-photo {
	float: left;
	position: relative
}

.about .mobile-features .features-slider:after {
	content: '';
	display: block;
	position: absolute;
	width: 437px;
	height: 437px;
	border-radius: 50%;
	top: 69px;
	left: 59px;
	z-index: -1;
	border-right: 1px dashed #ccc
}

.about .mobile-features .nav {
	float: left;
	padding-right: 20px
}

.about .mobile-features .tab-content {
	display: inline-block;
	margin-left: 245px;
	width: 70%;
	position: relative;
	padding: 200px 0
}

.about .mobile-features .nav-pills>li>a {
	width: 50px;
	height: 50px;
	text-align: center;
	padding: 0;
	line-height: 50px;
	border-radius: 50%;
	position: absolute;
	text-decoration: none;
	color: #fff;
	background: #ddd;
	z-index: 1
}

.about .mobile-features .nav-pills>li>a:hover {
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	transition: all .4s ease-in-out
}

.about .mobile-features .nav-pills>li>a i,
.one-post .post-text .title-text .title-post {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.about .mobile-features .nav-pills>li.active-icon>a {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}

.about .mobile-features .nav-pills>li>a i {
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	transition: all .4s ease-in-out
}

.about .mobile-features .nav-pills>li:nth-child(1)>a {
	top: 66px;
	left: 15px
}

.about .mobile-features .nav-pills>li:nth-child(2)>a {
	top: 138px;
	left: 100px
}

.about .mobile-features .nav-pills>li:nth-child(3)>a {
	top: 256px;
	left: 134px
}

.about .mobile-features .nav-pills>li:nth-child(4)>a {
	top: 382px;
	left: 100px
}

.about .mobile-features .nav-pills>li:nth-child(5)>a {
	top: 454px;
	left: 15px
}

.about .mobile-features .tab-content>.tab-pane h4 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600
}

.about .mobile-features .tab-content>.tab-pane h4 span {
	color: #ca4966
}

.about .mobile-features .tab-content>.tab-pane p {
	font-size: 15px;
	line-height: 26px
}

.about .mobile-features .features-slider {
	padding: 71px 26px 85px 20px;
	background: url(../img/screen-trans.png) top center no-repeat rgba(0, 0, 0, 0);
	background-size: 100%;
	max-width: 293px;
	margin: 0 auto;
	position: relative
}

.download .overlay,
.feat-one,
.features {
	padding: 100px 0
}

.about .mobile-features .features-slider .owl-nav {
	margin-top: 100px
}

.about .mobile-features .features-slider .animated {
	-webkit-animation-duration: .4s !important;
	animation-duration: .4s !important
}

.about .mobile-features .features-slider.owl-carousel .owl-item img {
	max-width: 247px
}

.features {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	color: #fff;
	position: relative
}

.features:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 75px;
	width: 100%;
	background: url(../img/svg/cloud.svg);
	background-size: 218vh 100%;
	z-index: 2
}

.features .single-feat.first-feat {
	margin-bottom: 40px
}

.features .feat-left .single-feat .icon-place {
	float: right;
	margin-left: 20px
}

.features .feat-left .single-feat .feat-text {
	text-align: right
}

.features .feat-right .single-feat .icon-place {
	float: left;
	margin-right: 20px
}

.features .feat-right .single-feat .feat-text {
	text-align: left
}

.features .feat-center img {
	width: 290px;
	height: 591.16px;
	position: absolute;
	top: -169px;
	left: 13%;
	z-index: 3
}

.features .single-feat .feat-text {
	display: table
}

.features .single-feat .icon-place i {
	font-size: 45px;
	color: #fff
}

.features .single-feat .feat-text h4 {
	margin: 0 0 10px;
	font-weight: 600
}

.features .single-feat .feat-text p {
	font-size: 15px;
	line-height: 22px
}

.feat-one {
	background-color: #fff
}

.feat-one .feat-one-img {
	text-align: right
}

.feat-one .feat-two-img {
	text-align: left
}

.feat-one .row:first-child {
	margin-bottom: 65px
}

.feat-one .feat-one-img img,
.feat-one .feat-two-img img {
	width: 460px;
	height: 393px
}

.feat-one .feat-one-text h2,
.feat-one .feat-two-text h2 {
	font-size: 50px
}

.feat-one .feat-one-text p,
.feat-one .feat-two-text p {
	color: #30373e;
	line-height: 28px;
	font-size: 18px;
	margin: 20px 0 30px
}

.feat-butt .bttn-applora-gradient:hover {
	background: #FFF
}

.feat-butt .bttn-applora-gradient:hover:before {
	opacity: 0
}

.feat-butt .bttn-applora-gradient span {
	position: relative;
	z-index: 2;
	color: #FFF;
	background: 0 0
}

.feat-butt .bttn-applora-gradient:before {
	opacity: 1
}

.feat-butt .bttn-applora-gradient:hover span {
	background: #ca4966;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent
}

.download {
	background: url(../img/bg/bg-download.jpeg) center center no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.download .section-title h2 {
	color: #fff
}

.download .download-content .text-download {
	text-align: center;
	margin-bottom: 50px
}

.download .download-content .text-download p {
	color: #fff;
	line-height: 28px;
	font-size: 18px;
	width: 550px;
	margin: auto
}

.download .download-content .store-butt {
	text-align: center;
	margin-bottom: 70px
}

.download .download-content .store-butt a {
	margin: 0 20px
}

.download .download-content .image-download {
	text-align: center
}

.download .download-content .image-download img {
	width: 800px;
	position: absolute;
	left: 19%
}

.screenshots {
	padding: 160px 0 100px
}

.screenshots .section-title {
	margin-bottom: 0
}

.screenshots .scrsParent {
	position: relative
}

.screenshots .owl-carousel .owl-item {
	opacity: .5;
	-webkit-transform: scale(.62, .6);
	-moz-transform: scale(.62, .6);
	-o-transform: scale(.62, .6);
	transform: scale(.62, .6);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.screenshots .owl-carousel .active.center {
	opacity: 1;
	top: 0;
	position: relative;
	z-index: 15;
	left: -2px
}

.screenshots .container .mSCR img {
	position: absolute;
	top: 75px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}

.img-responsive,
.screenshots .carousel-inner>.item>a>img,
.screenshots .carousel-inner>.item>img,
.thumbnail a>img,
.thumbnail>img {
	margin: 0 auto
}

.screenshots .owl-next,
.screenshots .owl-prev {
	width: 35px;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966) !important;
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966) !important;
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966) !important;
	background: linear-gradient(-45deg, #5f2c82, #ca4966) !important;
	border-radius: 50%;
	transition: all .5s ease-in-out 0s;
	padding: 0 !important
}

.screenshots .owl-next:hover,
.screenshots .owl-prev:hover {
	-webkit-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);
	-moz-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);
	-o-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);
	box-shadow: 0 3px 25px rgba(2, 3, 3, .25);
	background: #fff !important;
	color: #ca4966 !important
}

.screenshots .owl-theme .owl-nav {
	margin: 0 0 0 34px
}

@media (max-width:1200px) {
	.screenshots .owl-carousel .active.center {
		-webkit-transform: scale(.75, .73);
		-moz-transform: scale(.75, .73);
		-o-transform: scale(.75, .73);
		transform: scale(.75, .73)
	}

	.screenshots .container .mSCR img {
		top: 18px
	}
}

@media (max-width:992px) {
	.screenshots .container .mSCR img {
		top: 10px
	}
}

@media (max-width:767px) {
	.screenshots .container .mSCR img {
		display: none
	}

	.screenshots .owl-carousel .owl-item,
	.screenshots .owl-carousel .owl-item.active {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
		padding: 0 25px 15px
	}

	.screenshots .owl-carousel .active img {
		margin-left: auto;
		margin-right: auto
	}
}

.statistic-app .overlay,
.testimonials {
	padding: 100px 0
}

.statistic-app {
	background: url(../img/bg/bg-statistic.jpeg) center center no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden
}

.statistic-app .statis-block h4 {
	margin-top: 0;
	color: #fff;
	font-weight: 800;
	font-size: 30px
}

.statistic-app .statis-block p {
	font-size: 14px;
	margin: 0;
	color: #fff;
	text-transform: uppercase
}

.statistic-app .statis-block {
	text-align: left;
	display: flow-root
}

.statistic-app .single-statis {
	margin-bottom: 100px
}

.statistic-app .statis-reset {
	margin-bottom: 0
}

.statistic-app .statis-img img {
	position: absolute;
	top: -43px;
	left: 0;
	width: 208px
}

.statistic-app .statis-img img:first-child {
	left: 25%;
	z-index: 1
}

.statistic-app .statis-img img:last-child {
	top: -13px
}

.statistic-app .statis-icon {
	float: left
}

.statistic-app .statis-icon i {
	font-size: 34px;
	color: #fff;
	position: relative;
	margin-right: 17px
}

.curvedarrow {
	position: relative;
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-right: 9px solid #fff;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	display: inline-block;
	top: -10px;
	margin-right: 20px
}

.curvedarrow:after {
	content: "";
	position: absolute;
	border: 0 solid transparent;
	border-top: 3px solid #fff;
	border-radius: 20px 0 0;
	top: -12px;
	left: -9px;
	width: 12px;
	height: 12px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg)
}

.testimonials {
	background-color: #fff
}

.testimonials-style .testimonial-item {
	position: relative;
	text-align: center;
	padding: 40px 20px;
	-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	box-shadow: 0 0 35px rgba(0, 0, 0, .1)
}

.testimonials-style .testimonial-item .inner-box {
	position: relative;
	max-width: 400px;
	margin: 0 auto
}

.testimonials-style .testimonial-item .author-thumb {
	position: relative;
	margin: 0 auto 35px
}

.testimonials-style .testimonial-item .author-thumb img {
	border: 2px dashed #ca4966;
	padding: 10px;
	width: 120px;
	height: 120px;
	margin: auto
}

.testimonials-style .item {
	width: 325px;
	margin: auto
}

.testimonials-style .testimonial-item .text {
	position: relative;
	line-height: 1.8em;
	margin: 0 auto 25px
}

.testimonials-style.owl-carousel .owl-stage-outer {
	padding: 20px 0
}

.testimonials-style .testimonial-item .info {
	font-size: 15px;
	font-weight: 700;
	color: #2a2a2a;
	text-transform: uppercase;
	line-height: 26px;
	margin-bottom: 20px
}

.testimonials-style .testimonial-item .info .designation {
	font-size: 14px;
	font-weight: 400
}

.testimonials-style .testimonial-item .quote-icon {
	position: relative;
	font-size: 24px;
	line-height: 1em;
	color: #ca4966
}

.testimonials-style .testimonial-item .quote-icon span {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.testimonials-style.owl-theme .owl-dots .owl-dot span {
	width: 22px;
	height: 5px
}

.testimonials-style.owl-theme .owl-dots .owl-dot.active span,
.testimonials-style.owl-theme .owl-dots .owl-dot:hover span {
	background: #ca4966;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s
}

.video-app {
	background: url(../img/bg/video-bg.png) center center no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 100px 0
}

.video-app .play-btn {
	padding: 2px;
	border-radius: 100%;
	margin-bottom: 50px;
	outline: 0;
	display: inline-block;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.video-app .play-btn:hover {
	-webkit-box-shadow: 0 0 0 3px #fff;
	-moz-box-shadow: 0 0 0 3px #fff;
	-o-box-shadow: 0 0 0 3px #fff;
	box-shadow: 0 0 0 3px #fff
}

.video-app .section-title h2 {
	color: #fff
}

.video-app p {
	color: #fff;
	line-height: 28px;
	font-size: 18px;
	width: 550px;
	margin: auto
}

.pricing-table {
	padding: 100px 0;
	background-color: #fff
}

.pricingTable {
	text-align: center;
	background: #fff;
	-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	padding-bottom: 40px;
	border-radius: 10px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}

.pricingTable .pricingTable-header,
.pricingTable .pricingTable-header i {
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s
}

.pricing-table .ribbon {
	position: absolute;
	right: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right
}

.pricing-table .ribbon span {
	font-size: 10px;
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 100px;
	display: block;
	background: #ca4966;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	-o-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	right: -21px
}

.one-post,
.team {
	-o-box-shadow: 0 0 35px rgba(0, 0, 0, .1)
}

.pricing-table .ribbon span::after,
.pricing-table .ribbon span::before {
	position: absolute;
	top: 100%;
	z-index: -1;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #CA4966;
	content: ""
}

.pricing-table .ribbon span::before {
	left: 0;
	border-left: 3px solid #CA4966;
	border-right: 3px solid transparent
}

.pricing-table .ribbon span::after {
	right: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid #CA4966
}

.team.active .pic img,
.team:hover .pic img {
	border-color: #fff
}

.pricingTable .pricingTable-header {
	padding: 40px 0;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	border-radius: 10px 10px 50% 50%;
	transition: all .5s ease 0s
}

.pricingTable .pricingTable-header i {
	font-size: 50px;
	color: #fff;
	margin-bottom: 10px;
	transition: all .5s ease 0s
}

.pricingTable .price-value {
	font-size: 35px;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}

.pricingTable .month {
	display: block;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase
}

.pricingTable .heading {
	font-size: 24px;
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #ca4966;
	font-weight: 700;
	letter-spacing: .7px
}

.post,
.post-title {
	letter-spacing: 1px;
	text-transform: uppercase
}

.pricingTable .pricing-content ul {
	list-style: none;
	padding: 0;
	margin-bottom: 30px
}

.faqs,
.our-story .overlay,
.our-team {
	padding: 100px 0
}

.pricingTable .pricing-content ul li {
	line-height: 30px
}

.pricingTable .price-value {
	color: #fff
}

.pricingTable-signup .bttn-applora-gradient:hover {
	background: #FFF
}

.pricingTable-signup .bttn-applora-gradient:hover:before {
	opacity: 0
}

.pricingTable-signup .bttn-applora-gradient span {
	position: relative;
	z-index: 2;
	color: #FFF;
	background: 0 0
}

.pricingTable-signup .bttn-applora-gradient:before {
	opacity: 1
}

.pricingTable-signup .bttn-applora-gradient:hover span {
	background: #ca4966;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent
}

.team.active .post,
.team.active .post-title,
.team:hover .post,
.team:hover .post-title {
	color: #fff
}

@media screen and (max-width:990px) {
	.pricingTable {
		margin: 0 0 20px
	}
}

.our-team {
	background-color: #fff
}

.team .team-overlay,
.team.active {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)
}

.team {
	text-align: center;
	-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	padding: 20px;
	cursor: pointer;
	position: relative;
	overflow: hidden
}

.team .team-overlay {
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	-moz-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px)
}

.team:hover .team-overlay {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.team .team-prof {
	position: relative;
	z-index: 1
}

.team.active {
	background: linear-gradient(-45deg, #5f2c82, #ca4966)
}

.team.active>.social-team {
	display: block
}

.team:hover>.social-team {
	display: block;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.pic {
	position: relative
}

.pic img {
	border-radius: 50%;
	width: 150px;
	height: 150px;
	padding: 10px;
	border: 2px dashed #ca4966
}

.post-title {
	color: #000;
	font-size: 15px;
	line-height: 24px;
	margin: 15px 0 3px
}

.post {
	font-size: 13px;
	color: #777;
	line-height: 20px
}

@media screen and (max-width:990px) {
	.team {
		margin-bottom: 30px
	}
}

.our-team .social-team {
	margin-top: 30px
}

.our-team .applora-social-links {
	font-size: 14px
}

.our-team .applora-social-links a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	position: relative;
	margin: 0 10px;
	text-align: center;
	display: inline-block;
	color: #fff;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s
}

.our-team .applora-social-links a i,
.our-team .applora-social-links a span,
.our-team .applora-social-links a:before {
	top: 0;
	left: 0;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s
}

.our-team .applora-social-links a i,
.our-team .applora-social-links a span {
	position: relative;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent;
	transition: all .5s ease-in-out 0s
}

.our-team .applora-social-links a:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .5s ease-in-out 0s
}

.our-team .applora-social-links a:hover,
.our-team .applora-social-links a:hover>i {
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s
}

.our-team .applora-social-links a:hover {
	color: #fff;
	transition: all .5s ease-in-out 0s
}

.our-team .applora-social-links a:hover>i {
	background: -webkit-linear-gradient(-45deg, #fff, #fff);
	background: -moz-linear-gradient(-45deg, #fff, #fff);
	background: -o-linear-gradient(-45deg, #fff, #fff);
	background: linear-gradient(-45deg, #fff, #fff);
	-webkit-background-clip: text;
	color: transparent;
	transition: all .5s ease-in-out 0s
}

.our-team .applora-social-links a:hover:before {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s
}

.our-story {
	background: url(../img/bg/bg-story.png) center center no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden
}

.our-story .story-text {
	text-align: center
}

.our-story .story-text h3 {
	font-size: 47px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 30px;
	line-height: 64px
}

.our-story .story-text p {
	color: #fff;
	line-height: 28px;
	font-size: 18px;
	width: 550px;
	margin: auto
}

.our-story .story-text .story-butt {
	margin-top: 40px
}

.our-story .story-img {
	text-align: center
}

.our-story .story-img img {
	width: 460px;
	height: 393px
}

.faqs {
	background-color: #fff
}

.faqs .faqs-img {
	padding: 47px 0
}

.faqs .faqs-img img {
	width: 452px;
	height: 386.81px
}

.faq-content-wrapper {
	position: relative
}

.faq-content-wrapper:before {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	content: "";
	height: calc(100% - 60px);
	left: -40px;
	position: absolute;
	top: 30px;
	width: 2px;
	border-radius: 50%
}

.faqs .panel-heading:before {
	border-radius: 50px;
	border: 2px solid #ca4966;
	background: #fff;
	content: "";
	height: 15px;
	left: -48px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 15px
}

.faqs .panel-title a.collapsed:after,
.faqs .panel:before {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)
}

.faqs .faq-right-img-mockup {
	left: -200px;
	position: absolute
}

.faqs .panel-group {
	margin: 0
}

.faqs #accordion.panel-group .panel {
	border-radius: 0;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
	-o-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
	box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
	margin-top: 30px;
	position: relative
}

.faqs .panel:before {
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	content: "";
	height: 100%;
	left: -2px;
	position: absolute;
	top: 0;
	width: 2px
}

.faqs #accordion .panel:first-child {
	margin-top: 0
}

.faqs .panel-group .panel-body {
	border: 0;
	padding: 0 30px 10px
}

.faqs #accordion .panel-body {
	border: 0
}

.faqs #accordion .panel-body p {
	line-height: 1.8em
}

.faqs .panel-heading {
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 20px 30px;
	position: relative
}

.blog,
.contact-us .overlay {
	padding: 100px 0
}

.faqs .panel-title {
	color: #30373e;
	font-size: 18px
}

.faqs .panel-title a {
	color: inherit;
	display: block;
	position: relative;
	text-decoration: none
}

.faqs .panel-title a.collapsed:after {
	font-family: FontAwesome;
	content: "\f067";
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text
}

.faqs .panel-title a:after {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	font-family: FontAwesome;
	content: "\f068";
	font-size: 12px;
	font-weight: 400;
	height: 22px;
	line-height: 20px;
	position: absolute;
	right: -22px;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 22px
}

.blog {
	background-color: #fff
}

.blog-slider .one-post {
	margin: 10px
}

@media only screen and (max-width:359px) {
	.post-slide .category {
		font-size: 13px
	}
}

.contact-us {
	background: url(../img/bg-contact.jpeg) center center no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.contact-us .section-title h2 {
	color: #fff
}

#map_pic {
	width: 100%;
	height: 100% !important;
	background: url(../img/51.png) center center / cover no-repeat;
}

.contact-us .mobile-place {
	background-image: url(../img/mobile-map.png);
	width: 290px;
	height: 592px;
	margin: auto;
	text-align: center
}

.contact-us .mobile-place .mobile-preview {
	position: relative;
	overflow: hidden;
	left: 6.6%;
	top: 69px;
	width: 248px;
	height: 438px;
	text-align: left;
	background-color: #fff
}

.contact-us .mobile-place .mobile-preview .google-map-area{
	height: 100%;
}
.contact-us .mobile-place .mobile-preview .google-map-area .map-area{
	height: 100%;
}

.contact-us .single-info {
	color: #fff;
	text-align: center;
	background-color: rgba(255, 255, 255, .1);
	padding: 20px 10px
}

.contact-us .contact-form form input,
.contact-us .contact-form form textarea {
	padding: 10px;
	background-color: rgba(255, 255, 255, .1);
	color: #fff;
	width: 100%;
	border: none;
	outline: 0
}

.contact-us .single-info .icon-contact i {
	font-size: 30px
}

.contact-us .single-info .info-text h4 {
	text-transform: uppercase;
	font-weight: 600
}

.contact-us .contact-form {
	margin-top: 30px
}

.contact-us .contact-form form input {
	margin-bottom: 10px
}

.contact-us .contact-form form textarea {
	resize: none;
	height: 200px
}

.contact-us .contact-form form .butt-send {
	margin-top: 20px
}

::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .9)
}

::-moz-placeholder {
	color: rgba(255, 255, 255, .9)
}

:-ms-input-placeholder {
	color: rgba(255, 255, 255, .9)
}

:-moz-placeholder {
	color: rgba(255, 255, 255, .9)
}

.footer {
	padding: 50px 0;
	background-color: #2b323f
}

.subscribe-box .subscribe-text {
	margin: 0 auto 40px;
	max-width: 710px;
	text-align: center;
	width: 100%
}

.subscribe-box .subscribe-text h4 {
	color: #fff;
	font-size: 18px;
	margin: 0 0 15px;
	font-weight: 700;
	text-transform: uppercase
}

.subscribe-box .subscribe-form {
	margin: auto;
	max-width: 500px;
	width: 100%;
	height: 48px;
	position: relative
}

.subscribe-box .subscribe-form.name-email input {
	background: #fff;
	color: #333;
	height: 48px;
	line-height: 48px;
	margin: 0;
	padding-left: 25px;
	padding-right: 75px;
	font-weight: 300;
	border: none;
	outline: 0
}

.footer .social-footer{
	margin-top: 30px;
}
.logo-footer {
	margin-top: 50px;
}

.subscribe-box .subscribe-form button.btn {
	background: 0 0;
	border-radius: 0;
	float: right;
	height: 48px;
	line-height: 48px;
	padding: 0;
	position: absolute;
	right: 3px;
	top: 3px;
	width: 68px;
	z-index: 2;
	overflow: hidden;
	outline: 0;
	border: none
}

.subscribe-box .subscribe-form input::-ms-input-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	color: #999
}

.subscribe-box .subscribe-form input::-webkit-input-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	color: #999
}

.subscribe-box .subscribe-form input::-moz-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	color: #999
}

.subscribe-box .subscribe-form button.btn:hover {
	box-shadow: none
}

.subscribe-box .subscribe-form button i {
	font-size: 18px;
	position: relative;
	top: 2px;
	transition: .3s
}

.subscribe-box .subscribe-form button:hover .icon-paper-plane::after {
	left: 50px;
	opacity: 1
}

.subscribe-box .subscribe-form .icon-paper-plane::after {
	content: "\e094";
	position: absolute;
	transition: .6s;
	left: 0;
	top: 2px;
	opacity: 0;
	z-index: 2
}

.subscribe-box .name-email input {
	font-weight: 400;
	line-height: 28px;
	color: #888;
	width: 100%;
	padding: 0 0 0 18px;
	margin-bottom: 25px;
	background: #f6f6f6;
	border-radius: 50px
}

.subscribe-box .custom-input button.btn {
	background: #ca4966;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	border-radius: 50px;
	color: #fff;
	height: 42px;
	line-height: 42px;
	box-shadow: none;
	font-size: 14px;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.one-post,
.post-pagination ul li a {
	-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 35px rgba(0, 0, 0, .1)
}

.logo-footer {
	text-align: center
}

.logo-footer a img {
	width: 80px;
	max-width: 80px
}

.footer .copyright {
	margin-top: 30px
}

.footer .copyright p {
	color: #fff;
	font-weight: 600;
	margin: 0
}

.footer .copyright p a {
	text-decoration: none;
	color: #ca4966;
	text-transform: uppercase
}

.footer .copyright p a:hover {
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
	color: #fff
}

#scroll-top,
.blog-social:hover>.blog-social-icon i {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out
}

#scroll-top {
	bottom: -50px;
	position: fixed;
	right: 9px;
	display: block;
	cursor: pointer;
	z-index: 600;
	width: 40px;
	border-radius: 50%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	transition: all .5s ease-in-out
}

#scroll-top.show {
	bottom: 15px
}

#scroll-top i {
	color: #fff;
	font-size: 17px
}

#scroll-top:hover {
	color: #fff
}

.home-blog {
	background: url(../img/bg/bg-blog.jpeg) center center no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: relative
}

.home-blog .blog-inner {
	display: table;
	height: calc(50vh - 0px);
	width: 100%
}

.home-blog .blog-content {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	z-index: 1;
	padding-top: 40px
}

.home-blog .blog-content h2 {
	margin: 0;
	color: #fff;
	font-size: 40px;
	font-weight: 800;
	text-transform: uppercase
}

.home-blog .blog-content .bread-links .breadcrumb {
	margin: 20px 0 0;
	background-color: transparent;
	border-radius: 0;
	padding: 0
}

.one-post .post-text .title-date,
.one-post .post-text .title-text .post-details a i {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)
}

.home-blog .blog-content .bread-links .breadcrumb>li+li:before {
	content: "\f105";
	font-family: FontAwesome;
	margin: 0 15px;
	color: #fff
}

.home-blog .blog-content .bread-links .breadcrumb li {
	font-weight: 700;
	text-transform: uppercase
}

.home-blog .blog-content .bread-links .breadcrumb a {
	color: #fff;
	text-decoration: none
}

.home-blog .blog-content .bread-links .breadcrumb>.active {
	color: rgba(255, 255, 255, .7)
}

.blog-page {
	padding: 100px 0
}

.one-post {
	margin-bottom: 30px;
	box-shadow: 0 0 35px rgba(0, 0, 0, .1)
}

.one-post .post-img img {
	width: 100%
}

.one-post .post-text {
	padding: 30px
}

.one-post .post-text .title-date {
	float: left;
	padding: 10px 20px;
	text-align: center;
	color: #fff;
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	margin-right: 20px
}

.one-post .post-text .title-date h3 {
	margin: 0;
	font-size: 25px;
	font-weight: 800
}

.one-post .post-text .title-date span {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .4px
}

.one-post .post-text .title-text {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px
}

.one-post .post-text .title-text .title-post {
	text-decoration: none;
	color: #ca4966;
	font-size: 18px;
	transition: all .4s ease-in-out
}

.form-control,
.post-pagination ul li a {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.one-post .post-text .title-text .title-post:hover {
	color: #333
}

.one-post .post-text .title-text .post-details {
	margin-top: 15px
}

.one-post .post-text .title-text .post-details a {
	text-decoration: none;
	color: #333;
	font-size: 13px;
	margin-right: 16px;
	text-transform: uppercase
}

.one-post .post-text .title-text .post-details a i {
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent;
	margin-right: 5px
}

.one-post .post-text .post-concept p {
	margin: 20px 0 0;
	font-size: 15px;
	line-height: 26px;
	letter-spacing: .4px
}

.one-post .post-text .post-butt {
	margin-top: 20px
}

.post-pagination {
	margin-top: 50px;
	text-align: center
}

.post-pagination ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.post-pagination ul li {
	margin-right: 5px;
	display: inline-block
}

.post-pagination ul li:last-child {
	margin-right: 0
}

.post-pagination ul li.disabled a {
	cursor: not-allowed
}

.post-pagination ul li.disabled a:hover {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	color: #fff
}

.post-pagination ul li a {
	background-color: #fff;
	-o-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent;
	display: block;
	padding: 8px 18px;
	text-decoration: none;
	transition: all .4s ease-in-out
}

.archive-blog,
.category-blog,
.photos-blog,
.posts-style,
.search-blog,
.tags-blog {
	-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 35px rgba(0, 0, 0, .1)
}

.blog-social-fb,
.blog-social-gplus,
.blog-social-twitter,
.post-pagination ul li a:hover,
.post-pagination ul li.active a {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)
}

.post-pagination ul li a:hover,
.post-pagination ul li.active a {
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	color: #fff
}

.social-blog a {
	text-decoration: none
}

.blog-social {
	display: block;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
	min-height: 65px;
	position: relative;
	overflow: hidden;
	background-clip: padding-box;
	padding: 20px 60px 18px 86px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#search-submit,
.blog-social-icon,
.blog-social-icon .fa {
	position: absolute;
	display: block;
	text-align: center
}

.blog-social-icon {
	left: 17px;
	top: 9px;
	bottom: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: rgba(0, 0, 0, .1);
	font-size: 18px;
	border-radius: 50px
}

.blog-social-icon .fa {
	width: 50px;
	height: 50px;
	line-height: 20px;
	line-height: 50px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@media (min-width:992px) {
	.blog-social-title {
		font-size: 13px
	}
}

.blog-social-title {
	font-size: 12px;
	color: #fff;
	margin: 0
}

.blog-social .blog-social-num,
.blog-social-count {
	font-size: 11px;
	font-weight: 700
}

.blog-social-count {
	display: block;
	margin-top: 2px;
	color: #fff
}

.category-blog,
.search-blog {
	margin-top: 30px
}

.blog-social-fb,
.blog-social-gplus,
.blog-social-twitter {
	background: linear-gradient(-45deg, #5f2c82, #ca4966)
}

.social-blog a:hover {
	color: #fff
}

.social-blog a:last-child {
	margin-bottom: 0
}

.blog-social:hover>.blog-social-icon i {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent;
	transition: all .5s ease-in-out
}

.blog-social:hover>.blog-social-icon {
	background-color: #fff;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.archive-blog,
.category-blog,
.photos-blog,
.search-blog,
.tags-blog {
	background-color: #fff;
	box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	padding: 20px
}

#search-form {
	position: relative
}

.form-control {
	background-color: transparent;
	box-shadow: none;
	border: 1px solid #eee;
	color: #333;
	outline: 0;
	transition: all .4s ease-in-out;
	border-radius: 4px;
	padding: 20px
}

.archive-blog .archive-content ul li a,
.category-blog .category-content ul li a,
.form-control:focus+button i {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.form-control:focus {
	border-color: #ca4966;
	box-shadow: none;
	outline: 0
}

.form-control:focus+button i {
	transition: all .4s ease-in-out;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent
}

#search-submit {
	background: 0 0;
	border: 0;
	color: #C8C8CA;
	font-size: 16px;
	height: 32px;
	outline: 0;
	right: 6px;
	top: 4px;
	width: 32px
}

.archive-blog .archive-content ul,
.category-blog .category-content ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.archive-blog .archive-content ul li,
.category-blog .category-content ul li {
	margin-bottom: 15px
}

.archive-blog .archive-content ul li:last-child,
.category-blog .category-content ul li:last-child {
	margin-bottom: 0
}

.archive-blog .archive-content ul li a,
.category-blog .category-content ul li a {
	text-decoration: none;
	color: #333;
	transition: all .4s ease-in-out
}

.archive-blog .archive-content ul li a:hover,
.category-blog .category-content ul li a:hover {
	color: #ca4966
}

.archive-blog .archive-content ul li i,
.category-blog .category-content ul li i {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent;
	width: 25px;
	height: 25px;
	line-height: 25px
}

.post-share-btn>a,
.posts-style,
.posts-style .tab-content,
.title-p {
	background-color: #fff
}

.posts-style {
	box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	margin-top: 30px
}

.posts-style .tab-content {
	padding: 20px
}

.posts-style .tab-post-nav {
	background-color: transparent;
	list-style: none;
	padding: 0;
	margin: 0
}

.posts-style .tab-post-nav li.active a,
.posts-style .tab-post-nav li.active a:before {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)
}

.posts-style .tab-post-nav li {
	float: left
}

.posts-style .tab-post-nav li.active a {
	border: none;
	position: relative;
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent
}

.posts-style .tab-post-nav li.active a:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(-45deg, #5f2c82, #ca4966)
}

.posts-style .tab-post-nav li a {
	border-top: none;
	color: #333;
	display: block;
	padding: 13px 18px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px
}

.posts-style .tab-content .media {
	margin-top: 20px
}

.posts-style .tab-content .media:first-child {
	margin-top: 0
}

.posts-style .tab-content>.tab-pane .media-object {
	width: 104px;
	height: auto
}

.posts-style .tab-content>.tab-pane .media-body {
	font-size: 12px
}

.posts-style .tab-content>.tab-pane .media-body a {
	text-decoration: none;
	display: block;
	font-size: 16px;
	line-height: 25px;
	color: #ca4966;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.posts-style .tab-content>.tab-pane .media-body a:hover {
	color: #333
}

.photos-blog {
	margin-top: 30px;
	padding-bottom: 15px
}

.gallery-feed {
	text-align: center
}

.gallery-feed:after,
.gallery-feed:before {
	content: " ";
	display: table
}

.gallery-feed:after {
	clear: both
}

.gallery-feed>a {
	position: relative;
	display: inline-block;
	margin: 1.6%;
	overflow: hidden
}

.gallery-feed>a>img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 66.39px;
	height: 66.39px
}

.gallery-feed>a:before {
	display: block;
	position: absolute;
	content: "";
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}

.gallery-feed>a>i {
	display: block;
	position: absolute;
	z-index: 5;
	width: 100%;
	text-align: center;
	font-size: 22px;
	color: #fff;
	top: 50%;
	margin-top: -11px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s
}

.archive-blog,
.tags-blog {
	margin-top: 30px
}

.gallery-feed>a:hover>img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}

.gallery-feed>a:hover>i {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.gallery-feed>a:hover:before {
	opacity: .65
}

.archive-blog .archive-content ul li span {
	float: right
}

.tags-blog .tags-content a {
	display: inline-block;
	padding: 5px 13px;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 12px;
	margin-right: 10px;
	margin-bottom: 10px
}

.post-item {
	-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	border: 1px solid #eaeaea;
	border-radius: 3px;
	margin: 0 0 30px
}

.btn-more,
.post-share-btn>a {
	border-radius: 50%;
	text-align: center
}

.title-p {
	width: 100%
}

.grid.isotope-grid .post-item .title-p {
	position: relative
}

.grid .post-item .title-p {
	margin-bottom: 0
}

.post-title-main .post-thumb {
	position: relative;
	z-index: 2;
	overflow: hidden
}

.post-title-main .post-thumb a img {
	width: 100%
}

.post-title-main .post-thumb:before {
	display: block;
	position: absolute;
	content: "";
	border-bottom: 68px solid #fff;
	border-left: 880px solid transparent;
	left: 0;
	bottom: 0
}

.post-title-main .post-thumb .post-meta {
	position: absolute;
	z-index: 2;
	right: 22px;
	top: 20px
}

.post-title-main .post-meta .post-date {
	color: #fff
}

.post-title-main .post-thumb .post-meta .post-date a {
	color: #fff;
	text-decoration: none;
	font-size: 12px
}

.post-title-main .post-thumb .post-share-btn {
	position: absolute;
	z-index: 5;
	left: 22px;
	bottom: 32px
}

.post-share-btn {
	position: relative;
	display: inline-block
}

.post-share-btn .share-dropup {
	position: absolute;
	width: 150px;
	padding: 10px;
	text-align: center;
	background-color: #fff;
	left: 0;
	top: -57px;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	-o-transform: translateY(-8px);
	transform: translateY(-8px);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.a-btn,
.blog-slider.owl-theme .owl-dots .owl-dot.active span,
.blog-slider.owl-theme .owl-dots .owl-dot:hover span {
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s
}

.post-share-btn .share-dropup:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-color: #fff transparent transparent;
	border-style: solid;
	bottom: -8px;
	left: 15px;
	border-width: 8px 6px 0
}

.post-share-btn .share-dropup>a {
	display: inline-block;
	margin-right: 6px;
	margin-left: 6px;
	font-size: 1.1em;
	text-decoration: none
}

.post-share-btn:hover>.share-dropup {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.post-share-btn>a {
	display: block;
	font-size: 21px;
	color: #3d4652
}

.post-share-btn .share-dropup a i.fa-facebook {
	color: #3B5998
}

.post-share-btn .share-dropup a i.fa-twitter {
	color: #00B6F1
}

.post-share-btn .share-dropup a i.fa-google-plus {
	color: #DF4A32
}

.post-share-btn .share-dropup a i.fa-instagram {
	color: #c32aa3
}

.post-title-main .post-body {
	position: relative;
	z-index: 5
}

.title-p .title-body {
	padding: 22px
}

.post-title-main .post-body .post-title2 {
	font-size: 24px;
	margin-top: 0
}

.post-title-main .post-body .post-title2>a {
	text-decoration: none;
	color: #ca4966;
	font-size: 20px
}

.post-title-main .post-body p {
	margin: 0;
	line-height: 26px;
	font-size: 14px;
	letter-spacing: .4px
}

.post-title-main .post-meta .post-author,
.post-title-main .post-meta .post-taxonomy {
	display: inline-block;
	font-size: 13px;
	color: #aeaeae;
	margin-right: 8px
}

.post-title-main .post-meta .post-author a,
.post-title-main .post-meta .post-taxonomy a {
	color: #aeaeae;
	text-decoration: none
}

.post-title-main .post-meta .delimiter {
	color: #aeaeae;
	margin-right: 8px
}

.post-share-btn>a>i {
	width: 42px;
	height: 42px;
	line-height: 42px
}

[class*=" pe-7s-"],
[class^=pe-7s-] {
	display: inline-block;
	font-family: simple-line-icons;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.pe-7s-share:before {
	content: "\e05b";
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text
}

.post-butt2 {
	margin-top: 20px
}

.blog-slider.owl-theme .owl-dots .owl-dot span {
	width: 22px;
	height: 5px
}

.blog-slider.owl-theme .owl-dots .owl-dot.active span,
.blog-slider.owl-theme .owl-dots .owl-dot:hover span {
	background: #ca4966;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	transition: all .5s ease-in-out 0s
}

.blog-slider.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 30px
}

.post-butt2 a {
	text-decoration: none
}

.btn-more {
	position: absolute;
	right: 20px;
	bottom: 15px;
	width: 38px;
	height: 34px;
	font-size: .8em;
	background-color: #ededed;
	color: #747474;
	line-height: 34px;
	transition: all .15s ease-in
}

.btn-more:after,
.btn-more:before {
	content: "";
	position: absolute;
	right: 1px;
	background: 0 0;
	border-color: #ededed;
	border-style: solid
}

.btn-more:before {
	top: 27px;
	width: 9px;
	height: 8px;
	border-width: 0 0 2px 6px;
	border-bottom-left-radius: 22px 19px
}

.btn-more:after {
	top: 21px;
	width: 5px;
	height: 14px;
	border-width: 0 0 2px 3px;
	border-bottom-left-radius: 10px 22px
}

.part-title h4:after,
.post-butt2 span {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)
}

.article-tag {
	border-radius: 3px;
	color: #ca4966;
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.article-tag:hover,
.post-title-main .post-body .post-title02>a:hover,
.post-title-main .post-body .post-title2>a:hover {
	color: #333;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.author-comment cite a,
.post-det .tags-post p a {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.post-butt2 span {
	margin: 0 .3em;
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text
}

.part-title h4 {
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom: 10px;
	font-size: 16px;
	position: relative
}

.part-title h4:after,
.part-title h4:before {
	display: block;
	position: absolute;
	height: 2px;
	left: 0;
	content: '';
	bottom: 0
}

.part-title h4:before {
	width: 100%;
	background-color: #eee
}

.part-title h4:after {
	width: 20%;
	background: linear-gradient(-45deg, #5f2c82, #ca4966)
}

.ribbon-wrapper {
	position: relative;
	left: -20px
}

.ribbon-front {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	display: inline-block;
	position: relative;
	left: -10px;
	z-index: 2;
	padding: 7px 15px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 0 4px 4px 0;
	letter-spacing: .4px;
	font-size: 14px;
	-moz-box-shadow: 0 -1px 4px rgba(0, 0, 0, .2);
	-khtml-box-shadow: 0 -1px 4px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 -1px 4px rgba(0, 0, 0, .2)
}

.comment-wrap,
.left-side-blog {
	-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 35px rgba(0, 0, 0, .1)
}

.ribbon-edge-topleft {
	position: absolute;
	z-index: 1;
	border-style: solid;
	height: 0;
	width: 0;
	left: -10px;
	border-color: transparent #ca4966 transparent transparent;
	top: -10px;
	border-width: 10px 10px 0 0
}

.ribbon-front i {
	margin-right: 10px
}

.archive-blog .archive-content,
.category-blog .category-content,
.gallery-feed,
.search-blog .search-content,
.tags-blog .tags-content {
	margin-top: 20px
}

.left-side-blog {
	background-color: #fff;
	box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	padding: 20px
}

.post-det .tags-post p i,
blockquote:before {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)
}

.blog-sidebar .archive-blog,
.blog-sidebar .category-blog,
.blog-sidebar .gallery-blog,
.blog-sidebar .photos-blog,
.blog-sidebar .posts-style,
.blog-sidebar .search-blog,
.blog-sidebar .tags-blog {
	box-shadow: none;
	padding: 0
}

.blog-sidebar .search-blog {
	margin-top: 0
}

.blog-sidebar .posts-style .tab-post-nav {
	margin-top: 20px
}

.blog-sidebar .posts-style {
	margin-top: 30px
}

.blog-sidebar .posts-style .tab-content {
	padding: 20px 0 0
}

.blog-sidebar .archive-blog .archive-content ul li a.active,
.blog-sidebar .category-blog .category-content ul li a.active {
	color: #ca4966
}

blockquote {
	margin: 0;
	font-size: 15px;
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	border: none
}

blockquote:before {
	content: '';
	display: block;
	position: absolute;
	width: 5px;
	height: 100%;
	left: 0;
	background: linear-gradient(-45deg, #5f2c82, #ca4966)
}

.post-det {
	margin-top: 30px
}

.post-det .tags-post p {
	margin: 0;
	display: inline-block;
	background-color: #fff;
	font-size: 13px
}

.post-det .tags-post p i {
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent;
	margin-right: 10px
}

.post-det .share-post a i,
.replay,
.replay i {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)
}

.post-det .tags-post p a {
	text-decoration: none;
	color: #ca4966;
	transition: all .4s ease-in-out
}

.post-det .tags-post p a:hover {
	color: #333
}

.post-det .tags-post {
	text-align: left
}

.post-det .share-post,
.post-journy .next-butt {
	text-align: right
}

.post-det .share-post span {
	text-transform: uppercase;
	font-weight: 700;
	margin-right: 20px
}

.post-det .share-post a {
	margin-right: 20px
}

.post-det .share-post a:last-child {
	margin-right: 0
}

.post-det .share-post a i {
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent
}

.post-journy .next-butt .bttn-applora-gradient i {
	margin: 0 0 0 10px
}

.comments-section {
	margin-top: 35px
}

.comments-section h4 {
	color: #333;
	margin-bottom: 30px;
	letter-spacing: .4px
}

.comment-list {
	padding: 0;
	margin: 35px 0 0;
	list-style: none
}

.comment-list ul {
	margin: 40px 0 0;
	padding: 0;
	list-style: none
}

.comment-list li {
	margin-bottom: 40px
}

.comment-wrap {
	background-color: #fff;
	box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	margin-left: 20px;
	padding: 10px;
	position: relative
}

.comment-wrap .author-avatar {
	margin-left: -25px;
	margin-right: 20px
}

.comment-wrap .author-avatar img {
	width: 50px;
	height: 50px;
	border-radius: 50%
}

.author-comment {
	margin-bottom: 15px;
	overflow: hidden
}

.author-comment a {
	text-decoration: none
}

.author-comment cite a {
	color: #ca4966;
	font-style: normal;
	font-size: 16px;
	font-weight: 600;
	transition: all .4s ease-in-out
}

.replay,
.replay i,
.slider-post .owl-nav [class*=owl-]:hover {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.author-comment cite a:hover {
	color: #333;
	text-decoration: none
}

.replay,
.replay i {
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent;
	transition: all .4s ease-in-out
}

.comment-meta i,
.replay:hover {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	color: transparent
}

.replay i {
	margin-right: 5px
}

.replay:hover {
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text
}

.author-comment cite {
	margin-bottom: 10px;
	padding-top: 4px
}

.comment-content {
	margin-left: 45px
}

.comment-content p {
	font-size: 14px;
	line-height: 26px;
	letter-spacing: .4px
}

.comment-list ul li {
	padding-left: 25px
}

.comment-meta {
	font-size: 12px
}

.comment-meta i {
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	margin-right: 10px
}

.comment-reply-form h4 i,
.comments-section h4 i,
.sgl-post blockquote i {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)
}

.comment-reply-form {
	margin-top: 80px
}

.comment-reply-form h4,
.comments-section h4 {
	margin: 0;
	font-weight: 700;
	text-transform: uppercase
}

.comment-reply-form h4 i,
.comments-section h4 i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	color: #fff;
	text-align: center;
	margin-right: 10px;
	font-size: 19px
}

.comment-reply-form input,
.comment-reply-form textarea {
	width: 100%;
	padding: 10px;
	border: none;
	background-color: rgba(233, 233, 233, .4);
	outline: 0
}

#comment-form {
	margin-top: 35px
}

.comment-reply-form input {
	margin-bottom: 20px
}

.comment-reply-form input:last-child {
	margin-bottom: 0
}

.comment-reply-form textarea {
	height: 160px;
	resize: none
}

.comment-reply-form .butt-reply {
	text-align: right;
	margin-top: 30px
}

.comment-form input::-webkit-input-placeholder,
.comment-form textarea::-webkit-input-placeholder {
	color: #999;
	text-transform: uppercase
}

.comment-form input::-moz-placeholder,
.comment-form textarea::-moz-placeholder {
	color: #999;
	text-transform: uppercase
}

.comment-form input:-ms-input-placeholder,
.comment-form textarea:-ms-input-placeholder {
	color: #999;
	text-transform: uppercase
}

.comment-form input:-moz-placeholder,
.comment-form textarea:-moz-placeholder {
	color: #999;
	text-transform: uppercase
}

.comment-reply-form .butt-reply .bttn-applora-gradient:hover {
	background: #FFF
}

.comment-reply-form .butt-reply .bttn-applora-gradient:hover:before {
	opacity: 0
}

.comment-reply-form .butt-reply .bttn-applora-gradient i,
.comment-reply-form .butt-reply .bttn-applora-gradient span {
	position: relative;
	z-index: 2;
	color: #FFF;
	background: 0 0
}

.comment-reply-form .butt-reply .bttn-applora-gradient:before {
	opacity: 1
}

.comment-reply-form .butt-reply .bttn-applora-gradient:hover i,
.comment-reply-form .butt-reply .bttn-applora-gradient:hover span {
	background: #ca4966;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent
}

.sgl-post .post-title-main .post-thumb:before {
	display: block;
	position: absolute;
	content: "";
	border-bottom: 68px solid #fff;
	border-left: 880px solid transparent;
	left: -128px;
	bottom: 0;
	z-index: 11
}

.sgl-post .post-title-main .post-thumb .post-share-btn {
	position: absolute;
	left: 22px;
	bottom: 32px;
	z-index: 999
}

.slider-post .owl-nav .owl-next,
.slider-post .owl-nav .owl-prev {
	position: absolute;
	display: block;
	top: 41%;
	font-size: 28px;
	color: rgba(255, 255, 255, .6);
	background: 0 0;
	margin: 0;
	padding: 0
}

.slider-post .owl-nav .owl-prev {
	left: 15px
}

.slider-post .owl-nav .owl-next {
	right: 15px
}

.slider-post .owl-nav [class*=owl-]:hover {
	background: 0 0;
	color: rgba(255, 255, 255, 1);
	transition: all .4s ease-in-out;
	text-decoration: none
}

.sgl-post blockquote {
	font-size: 15px;
	position: relative;
	border: none;
	margin: 20px 0;
	background: #f9f9f9;
	padding: 15px
}

.sgl-post blockquote:before {
	display: none
}

.sgl-post blockquote i {
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent;
	font-size: 50px !important;
	float: left;
	margin-right: 10px;
	width: 67px;
	text-align: center
}

.sgl-post .post-butt2 i,
.sgl-post .post-journy a,
.sgl-post .post-journy a i {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	color: transparent
}

.sgl-post blockquote p {
	display: flow-root
}

.img-body {
	margin-bottom: 20px
}

.sgl-post .post-butt2 {
	margin-top: 40px
}

.sgl-post .post-butt2 i {
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	width: 20px
}

.sgl-post .post-journy {
	text-align: center;
	background-color: #fff;
	-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	padding: 15px 0;
	width: 30%;
	float: right
}

.sgl-post .post-journy a {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700
}

.sgl-post .post-journy a:first-child {
	margin-right: 20px
}

.sgl-post .post-journy a.prev-butt i {
	margin-right: 5px
}

.sgl-post .post-journy a.next-butt i {
	margin-left: 5px
}

.sgl-post .post-journy a,
.sgl-post .post-journy a i {
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text
}

.sgl-post .btn-author {
	position: absolute;
	right: 20px;
	bottom: 15px;
	width: 38px;
	height: 38px
}

.sgl-post .btn-author img {
	width: 100%;
	max-width: 38px;
	max-height: 38px;
	border-radius: 50%
}

.section-title02 {
	margin-bottom: 50px
}

.section-title02 h2 {
	text-transform: uppercase;
	margin: 0 0 20px;
	font-weight: 700;
	font-size: 70px
}

.demo02 .photo-header img {
	width: 340px
}

.features02 {
	padding: 100px 0;
	text-align: center
}

.features02 .single-feat02 {
	padding: 40px 20px;
	position: relative;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.features02 .single-feat02:hover {
	transform: translateY(-3px);
	-webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);
	-moz-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);
	-o-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.features02 .single-feat02:hover:after {
	opacity: 1;
	width: 100%;
	-webkit-transition: width .4s ease-out;
	-moz-transition: width .4s ease-out;
	-o-transition: width .4s ease-out;
	transition: width .4s ease-out
}

.features02 .single-feat02 .icon-feat02 i {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent;
	font-size: 60px
}

.statistic-app02 .section-title02 h2,
.statistic-app02 .single-statis .text-statis {
	color: #fff
}

.icon-feat02 {
	position: relative
}

.features02 .single-feat02 .text-feat02 h4 {
	text-transform: uppercase;
	font-weight: 600;
	margin: 20px 0
}

.features02 .single-feat02 .text-feat02 p {
	font-size: 15px;
	line-height: 25px;
	letter-spacing: .4px;
	margin: 0
}

.statistic-app02 {
	background: url(../img/bg/bg-statis.jpg) center center no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.statistic-app02 .overlay {
	padding: 100px 0;
	background: -webkit-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));
	background: -moz-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));
	background: -o-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));
	background: linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .99))
}

.statistic-app02 .single-statis {
	text-align: center;
	position: relative
}

.statistic-app02 .single-statis .icon-statis {
	margin-bottom: 30px
}

.statistic-app02 .single-statis .icon-statis i {
	color: #fff;
	font-size: 45px
}

.statistic-app02 .single-statis .text-statis h4 {
	margin: 0 0 20px;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: 1px
}

.statistic-app02 .count-statis span {
	font-weight: 800;
	color: rgba(255, 255, 255, .4)
}

.statistic-app02 .single-statis .text-statis h5 {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 0
}

.statistic-app02 .single-statis .text-statis p {
	margin: 0 0 20px;
	font-size: 12px
}

.mobile-services {
	position: relative;
	padding: 100px 0 45px;
	background-color: #fff
}

.all-mobile-services {
	margin-top: 30px
}

.mobile-services .overlay {
	padding: 100px 0 50px
}

.mobile-services .features-slider02 {
	padding: 69px 22px 137px 27px;
	background: url(../img/mobile-service.png) top center no-repeat rgba(0, 0, 0, 0);
	background-size: 100%;
	max-width: 292px;
	margin: 0 auto
}

.mobile-services .features-slider02 .owl-nav {
	margin-top: 100px
}

.mobile-services .features-slider02 .animated {
	-webkit-animation-duration: .4s !important;
	animation-duration: .4s !important
}

.mobile-services .features-slider02.owl-carousel .owl-item img {
	max-width: 248px;
	height: 430px
}

.mobile-services .left-ser-side,
.mobile-services .right-ser-side {
	margin: 100px 0
}

.mobile-services .left-ser-side .single-ser,
.mobile-services .right-ser-side .single-ser {
	-webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);
	-moz-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);
	-o-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);
	padding: 20px;
	margin-bottom: 55px
}

.mobile-services .left-ser-side .single-ser .icon-ser i,
.mobile-services .right-ser-side .single-ser .icon-ser i {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	font-size: 23px;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent;
	z-index: 1;
	position: relative
}

.download02 .download-content .store-butt a:hover,
.download02 .section-title02 h2,
.mobile-services .left-ser-side .single-ser .icon-ser.active-service i,
.mobile-services .right-ser-side .single-ser .icon-ser.active-service i {
	color: #fff
}

.mobile-services .left-ser-side {
	text-align: right
}

.mobile-services .left-ser-side .single-ser .icon-ser {
	float: right;
	text-align: center;
	position: relative
}

.mobile-services .right-ser-side .single-ser .icon-ser {
	position: relative
}

.mobile-services .left-ser-side .single-ser .icon-ser:before,
.mobile-services .right-ser-side .single-ser .icon-ser:before {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	top: 45%;
	opacity: 0;
	z-index: 4;
	-webkit-transition: width .4s ease-out;
	-moz-transition: width .4s ease-out;
	-o-transition: width .4s ease-out;
	transition: width .4s ease-out
}

.a-btn-symbol i,
.mobile-services .left-ser-side .single-ser .icon-ser.active-service,
.mobile-services .right-ser-side .single-ser .icon-ser.active-service {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)
}

.mobile-services .left-ser-side .single-ser .icon-ser:before {
	left: 105%
}

.mobile-services .right-ser-side .single-ser .icon-ser:before {
	right: 105%
}

.mobile-services .left-ser-side .single-ser .icon-ser:after,
.mobile-services .right-ser-side .single-ser .icon-ser:after {
	content: '';
	position: absolute;
	width: 107%;
	height: 107%;
	border-radius: 50%;
	border: 10px dashed #fff;
	top: -2px;
	left: -2px;
	display: none
}

.mobile-services .left-ser-side .single-ser .icon-ser.active-service,
.mobile-services .right-ser-side .single-ser .icon-ser.active-service {
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	border-radius: 50%
}

.mobile-services .left-ser-side .single-ser .icon-ser.active-service:after,
.mobile-services .right-ser-side .single-ser .icon-ser.active-service:after {
	-webkit-animation: rotateEffect 8s linear infinite;
	animation: rotateEffect 8s linear infinite;
	display: block
}

.mobile-services .left-ser-side .single-ser .icon-ser.active-service:before,
.mobile-services .right-ser-side .single-ser .icon-ser.active-service:before {
	width: 244%;
	opacity: 1
}

@keyframes rotateEffect {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.mobile-services .left-ser-side .single-ser .sin-ser-place {
	margin-right: 80px
}

.mobile-services .left-ser-side .single-ser:last-child,
.mobile-services .right-ser-side .single-ser:last-child {
	margin-bottom: 0
}

.mobile-services .right-ser-side {
	text-align: left
}

.mobile-services .right-ser-side .single-ser .icon-ser {
	float: left;
	text-align: center
}

.mobile-services .right-ser-side .single-ser .sin-ser-place {
	margin-left: 80px
}

.mobile-services .left-ser-side .single-ser .sin-ser-place h4,
.mobile-services .right-ser-side .single-ser .sin-ser-place h4 {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase
}

.mobile-services .left-ser-side .single-ser .sin-ser-place p,
.mobile-services .right-ser-side .single-ser .sin-ser-place p {
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 0;
	letter-spacing: .4px
}

.download02 {
	background: url(../img/bg/bg-download.jpeg) center center no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.download02 .overlay {
	padding: 100px 0
}

.download02 .download-content .text-download {
	text-align: center;
	margin-bottom: 50px
}

.download02 .download-content .text-download p {
	color: #fff;
	line-height: 28px;
	font-size: 18px;
	width: 550px;
	margin: auto
}

.download02 .download-content .store-butt {
	text-align: center
}

.download02 .download-content .store-butt a {
	margin: 0 20px;
	text-align: center;
	padding: 0;
	width: 100px;
	height: 100px
}

.download02 .download-content .store-butt a i {
	margin-right: 0;
	font-size: 45px;
	line-height: 100px
}

.store-butt02 {
	text-align: center
}

.a-btn-symbol {
	color: #555;
	font-size: 30px;
	position: absolute;
	top: 13px;
	left: 21px;
	line-height: 32px;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out
}

.a-btn-slide-text,
.a-btn-text {
	position: relative;
	z-index: 22;
	text-transform: uppercase
}

.a-btn-symbol i {
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent
}

.a-btn-text {
	font-size: 15px;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent;
	font-weight: 700;
	display: block
}

.a-btn-slide-text {
	font-size: 10px;
	letter-spacing: 1px;
	color: #555
}

.a-btn-slide-icon {
	position: absolute;
	top: -30px;
	width: 22px;
	height: 22px;
	left: 20px;
	opacity: .6;
	font-size: 26px;
	z-index: 22
}

.a-btn-slide-icon i {
	color: #fff !important
}

.a-btn:hover .a-btn-symbol {
	opacity: 0
}

.a-btn:hover .a-btn-slide-icon {
	-webkit-animation: slideDown 1s linear infinite;
	-moz-animation: slideDown 1s linear infinite;
	animation: slideDown 1s linear infinite
}

.a-btn:active {
	background: #d7565b;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .6) inset, 0 0 0 1px rgba(188, 188, 188, .1);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .6) inset, 0 0 0 1px rgba(188, 188, 188, .1);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .6) inset, 0 0 0 1px rgba(188, 188, 188, .1)
}

.a-btn:active .a-btn-text {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.a-btn:active .a-btn-slide-text {
	color: rgba(0, 0, 0, .4);
	text-shadow: none
}

@keyframes slideDown {
	0% {
		top: -30px
	}

	100% {
		top: 80px
	}
}

@-webkit-keyframes slideDown {
	0% {
		top: -30px
	}

	100% {
		top: 80px
	}
}

@-moz-keyframes slideDown {
	0% {
		top: -30px
	}

	100% {
		top: 80px
	}
}

.a-btn {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 4px;
	padding: 10px 30px 10px 70px;
	margin: 10px;
	display: inline-block;
	text-decoration: none;
	transition: all .5s ease-in-out 0s;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-box-shadow: 0 1px 5px rgba(2, 3, 3, .15);
	-moz-box-shadow: 0 1px 5px rgba(2, 3, 3, .15);
	-o-box-shadow: 0 1px 5px rgba(2, 3, 3, .15);
	box-shadow: 0 1px 5px rgba(2, 3, 3, .15);
	letter-spacing: .7px;
	border: 0;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	z-index: 3
}

.a-btn i,
.a-btn span,
.a-btn:hover span {
	background: #ca4966;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent
}

.a-btn i {
	font-size: 29px
}

.a-btn:hover>i {
	color: #FFF;
	background: 0 0;
	position: relative;
	z-index: 2
}

.a-btn:before {
	background: #ca4966 !important;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966) !important;
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966) !important;
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966) !important;
	background: linear-gradient(-45deg, #5f2c82, #ca4966) !important;
	color: #FFF !important;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 4px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
	opacity: 0
}

.a-btn:active,
.a-btn:focus,
.a-btn:hover {
	text-decoration: none;
	outline: 0
}

.a-btn {
	color: #FFF;
	background: #FFF
}

.a-btn span {
	z-index: 2
}

.a-btn:hover {
	background: 0 0;
	-webkit-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);
	-moz-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);
	-o-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);
	box-shadow: 0 3px 25px rgba(2, 3, 3, .25)
}

.a-btn:hover span {
	color: #FFF;
	background: 0 0
}

.testimonials02 .section-title02 h2,
.video-app .section-title02 h2 {
	color: #fff
}

.a-btn:hover:before {
	opacity: 1
}

.playBut {
	display: inline-block;
	-webkit-transition: all .5s ease;
	outline: 0
}

.playBut .triangle {
	-webkit-transition: all .7s ease-in-out;
	stroke-dasharray: 240;
	stroke-dashoffset: 480;
	stroke: rgba(255, 255, 255, .5);
	transform: translateY(0)
}

.playBut:hover .triangle {
	stroke-dashoffset: 0;
	opacity: 1;
	stroke: #fff;
	animation: nudge .7s ease-in-out
}

@keyframes nudge {

	0%,
	100% {
		transform: translateX(0)
	}

	30% {
		transform: translateX(-5px)
	}

	50% {
		transform: translateX(5px)
	}

	70% {
		transform: translateX(-2px)
	}
}

.testimonials02 {
	padding: 100px 0;
	background: #ca4966;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966)
}

.whbg {
	background: #fff !important
}

.blfo {
	color: #333 !important
}

.testimonials02 .testimonial {
	background: #fff;
	background: rgba(255, 255, 255, .1);
	text-align: center;
	padding: 30px 30px 50px;
	margin: 40px 15px 100px;
	position: relative;
	-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	box-shadow: 0 0 35px rgba(0, 0, 0, .1)
}

.testimonials02 .testimonial .icon {
	display: inline-block;
	font-size: 80px;
	margin-bottom: 20px;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-background-clip: text;
	color: transparent
}

.testimonials02 .testimonial .description {
	font-size: 15px;
	color: #fff;
	text-align: center;
	margin-bottom: 30px;
	line-height: 26px
}

.testimonials02 .testimonial .testimonial-content {
	width: 100%;
	position: absolute;
	left: 0
}

.testimonials02 .testimonial .pic02 {
	display: inline-block;
	border: 2px solid rgba(255, 255, 255, .1);
	border-radius: 50%;
	overflow: hidden;
	z-index: 1;
	position: relative
}

.testimonials02 .testimonial .pic02 img {
	width: 80px;
	height: auto
}

.testimonials02 .testimonial .title {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .4px;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 5px
}

.testimonials02 .testimonial .post {
	display: block;
	font-size: 14px;
	color: #fff
}

.pricing-table02 {
	padding: 100px 0;
	background-color: #fff
}

.pricing-table02 .ribbon {
	position: absolute;
	right: 11px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right
}

.pricing-table02 .ribbon span {
	font-size: 10px;
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 100px;
	display: block;
	background: #ca4966;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	-o-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	right: -21px
}

.pricing-table02 .ribbon span::after,
.pricing-table02 .ribbon span::before {
	position: absolute;
	top: 100%;
	z-index: -1;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #CA4966;
	content: ""
}

.pricing-table02 .ribbon span::before {
	left: 0;
	border-left: 3px solid #CA4966;
	border-right: 3px solid transparent
}

.pricing-table02 .ribbon span::after {
	right: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid #CA4966
}

.pricing-table02 .pricingTable02 {
	padding: 25px 0;
	text-align: center;
	-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
	box-shadow: 0 0 35px rgba(0, 0, 0, .1)
}

.pricing-table02 .pricingTable02 .price-value {
	font-size: 60px;
	font-weight: 800;
	letter-spacing: 3px;
	margin-bottom: 30px
}

.pricing-table02 .pricingTable02 .month {
	display: block;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 10px;
	text-transform: uppercase
}

.pricing-table02 .pricingTable02 .title {
	padding: 15px 40px;
	margin: 0 0 20px;
	font-size: 20px;
	color: #fff;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	text-transform: uppercase;
	position: relative;
	font-weight: 600;
	letter-spacing: .4px
}

.pricing-table02 .pricingTable02 .pricing-content {
	padding: 0;
	margin: 0 0 25px;
	list-style: none
}

.pricing-table02 .pricingTable02 .pricing-content li {
	font-size: 17px;
	line-height: 40px
}

@media only screen and (max-width:990px) {
	.pricing-table02 .pricingTable02 {
		margin-bottom: 30px
	}
}

.our-team02 {
	padding: 100px 0;
	background-color: #fff
}

.single-one-team {
	overflow: hidden
}

.single-one-team img {
	width: 100%;
	box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.single-one-team .personal-det {
	text-align: center;
	padding: 10px 0;
	position: absolute;
	bottom: 20px;
	display: block;
	left: 10%;
	right: 0;
	width: 80%;
	background: -webkit-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));
	background: -moz-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));
	background: -o-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));
	background: linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));
	color: #fff;
	-webkit-transition: height .4s ease;
	-moz-transition: height .4s ease;
	-o-transition: height .4s ease;
	transition: height .4s ease;
	height: 64px;
	overflow: hidden
}

.single-one-team .personal-det h4 {
	margin: 0 0 5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .4px
}

.our-quality .story-text h3,
.qualityBox .title {
	color: #fff;
	font-weight: 600;
	text-transform: uppercase
}

.single-one-team .personal-det span {
	text-transform: uppercase;
	font-size: 12px
}

.single-one-team .personal-det .social-personal {
	margin: 10px 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	bottom: 8px;
	left: 3%;
	-webkit-transition: opacity 1s ease, visibility 1s ease;
	transition: opacity 1s ease, visibility 1s ease;
	transition-delay: .4s;
	transform: translateY(50px)
}

.single-one-team .personal-det .social-personal a {
	text-decoration: none;
	margin: 0 10px;
	color: #fff
}

.single-one-team .personal-det .social-personal i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: rgba(255, 255, 255, .1);
	font-size: 12px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.single-one-team .personal-det .social-personal i:hover {
	background-color: rgba(255, 255, 255, .2)
}

.single-one-team:hover .social-personal {
	visibility: visible;
	opacity: 1;
	transform: translateY(0)
}

.single-one-team:hover .personal-det {
	height: 114px
}

.single-one-team:hover>img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}

.our-quality {
	background: url(../img/bg/bg-story.png) center center no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden
}

.our-quality .overlay {
	padding: 100px 0
}

.our-quality .story-text {
	text-align: center
}

.our-quality .story-text h3 {
	font-size: 47px;
	margin: 0 0 30px;
	line-height: 64px
}

.our-quality .story-text p {
	color: #fff;
	line-height: 28px;
	font-size: 18px;
	width: 550px;
	margin: auto
}

.our-quality .story-text .story-butt,
.work-app {
	margin-top: 40px
}

.our-quality .zoomer-frame {
	text-align: center
}

.our-quality .zoomer-image {
	display: block;
	position: absolute;
	top: 71px;
	left: 174px;
	bottom: 3%
}

.qualityBox,
.qualityBox .quality-icon {
	position: relative;
	transition: all .3s linear 0s
}

.our-quality .zoomer-bg {
	width: 292px
}

.our-quality .zoomer-image img {
	width: 239px
}

.magnifier {
	border-radius: 50%;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, .6);
	display: block !important;
	top: 1020px;
	left: 44%;
	opacity: 1;
	border: 5px solid rgba(255, 255, 255, .2);
	z-index: 1
}

.magnifier img {
	width: auto !important;
	left: -354px;
	top: -636px
}

.qualityBox {
	padding: 0 20px;
	text-align: center;
	margin: 50px 0
}

.qualityBox .quality-icon {
	display: inline-block;
	width: 90px;
	height: 90px;
	line-height: 90px;
	border-radius: 5px;
	background: rgba(255, 255, 255, .1);
	font-size: 30px;
	color: #fff;
	margin: -45px 0 30px
}

.qualityBox .quality-icon:after {
	content: "";
	border-top: 10px solid rgba(255, 255, 255, .1);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	transition: all .3s linear 0s
}

.qualityBox .title {
	font-size: 14px;
	margin: 0 0 12px;
	transition: all .3s ease 0s
}

@media only screen and (max-width:767px) {
	.qualityBox {
		margin-bottom: 80px
	}
}

.blog02 {
	padding: 100px 0;
	background-color: #fff
}

.blog-slider02.owl-theme .owl-dots .owl-dot span {
	width: 22px;
	height: 5px
}

.blog-slider02.owl-theme .owl-dots .owl-dot.active span,
.blog-slider02.owl-theme .owl-dots .owl-dot:hover span {
	background: #ca4966;
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s
}

.blog-slider02.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 30px
}

.post-title-main .post-body .post-title02>a {
	text-decoration: none;
	color: #ca4966;
	font-size: 20px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.post-title-main .post-body .post-title02>a:hover {
	color: #333;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.blog02 .post-butt {
	margin-top: 20px
}

.blog02 .post-title02 {
	font-size: 24px;
	margin-top: 0
}

.post-butt a {
	text-decoration: none
}

.contact-us .section-title02 h2 {
	color: #fff
}

.coming-soon .overlay {
	padding: 95px 0 0;
	min-height: 100vh
}

.count-timer {
	width: 860px;
	margin: auto
}

.text-coming-soon {
	text-align: center;
	margin-bottom: 40px
}

.text-coming-soon h4 {
	font-size: 50px;
	font-weight: 900;
	color: #fff;
	margin-bottom: 20px;
	text-transform: uppercase
}

.text-coming-soon p {
	color: #fff;
	line-height: 26px;
	width: 650px;
	margin: auto;
	font-size: 16px
}

.coming-soon .count-date {
	text-align: center;
	background: rgba(255, 255, 255, .1);
	width: 160px;
	height: 160px;
	margin: auto
}

.coming-soon .count-date h4 {
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 0;
	z-index: 1;
	position: relative;
	top: 30px
}

.coming-soon .count-date .date-block:after {
	right: 0;
	left: auto;
	border-left: none;
	border-bottom: none
}

.coming-soon .count-date .date-block:before {
	left: 0;
	right: auto;
	border-right: none;
	border-bottom: none
}

.coming-soon .count-date .date-block h2 {
	font: 900 3.5em/1em 'Open Sans', sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 160px;
	color: #fff
}

.coming-soon .count-date .date-block p {
	text-transform: uppercase;
	letter-spacing: .1em;
	font: 400 12px/25px 'Open Sans', sans-serif
}

.coming-soon .subscribe-box {
	margin-top: 70px
}

.not-found-page .overlay {
	padding: 132px 0 0;
	min-height: 100vh
}

.text-not-found {
	text-align: center;
	margin-bottom: 40px
}

.text-not-found h4 {
	font-size: 40px;
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
	position: relative
}

#applora.waves:after,
.text-not-found h4:after {
	position: absolute;
	content: '';
	display: block
}

.text-not-found h1 {
	font-weight: 900;
	font-size: 13em;
	color: #fff;
	margin-bottom: 20px
}

.text-not-found p {
	color: #fff;
	font-size: 16px;
	width: 400px;
	margin: auto;
	line-height: 26px
}

.button-not-found {
	text-align: center
}

.button-not-found .bttn-applora-gradient {
	margin: 10px
}

.preview-index {
	background: url(../img/bg/bg-preview.png) center center no-repeat fixed !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	position: relative;
}

#applora.waves:after {
	height: 100%;
	background: url(../img/svg/waves.png) bottom no-repeat;
	background-size: contain;
	bottom: -1px;
	left: -1px;
	right: -1px;
	z-index: 1
}

.preview-index .word {
	justify-content: center
}

.preview-index .header-content h4 {
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 10px 0 30px
}

.preview-index .header-content .bttn-head a {
	margin: 0
}

.preview-index .header-content .bttn-head.dir-style a {
	margin: 10px
}

.preview-index-footer .logo-footer {
	margin: 0
}

.blog1-preview,
.blog2-preview,
.coming-preview,
.homepage01-preview,
.homepage02-preview,
.not-found-preview {
	padding: 100px 0
}

.blog2-preview,
.homepage02-preview,
.not-found-preview {
	background-color: #f1f1f1
}

.blog1-preview .section-title h2,
.blog2-preview .section-title h2,
.coming-preview .section-title h2,
.homepage01-preview .section-title h2,
.homepage02-preview .section-title h2,
.not-found-preview .section-title h2 {
	font-size: 45px
}

.small-section-title {
	margin: 50px 0 60px
}

.small-section-title h2 {
	margin: 0;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 25px;
	text-align: left;
	position: relative;
	padding-left: 28px
}

.small-section-title h2:before {
	content: '';
	display: block;
	position: absolute;
	border: 4px double #ca4966;
	width: 40px;
	height: 40px;
	bottom: 5px;
	left: 0;
	border-right: none;
	border-bottom: none
}

.content-main {
	margin-bottom: 50px
}

a.demo {
	text-decoration: none
}

.demo {
	display: block;
	position: relative;
	margin-bottom: 60px;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .1)
}

.demo img {
	width: 100%
}

.demo p {
	color: #333;
	padding: 15px 0;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
	text-align: center;
	background-color: #fff
}

.demo:hover {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	box-shadow: 0 12px 20px rgba(0, 0, 0, .15)
}

#loading-mask {
	background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
	background: linear-gradient(-45deg, #5f2c82, #ca4966);
	height: 100%;
	opacity: 1;
	filter: alpha(opacity=100);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	text-align: center;
	width: 100%;
	z-index: 999999999
}

.loader {
	width: 49px;
	height: 96px;
	margin: 0 auto 70px;
	position: relative;
	top: 40%;
	transform-style: preserve-3d;
	-webkit-animation: 2.3s loading-2 infinite;
	animation: 2.3s loading-2 infinite
}

.loader .loader-inner {
	width: 15px;
	height: 10px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-animation: loading-1 3.45s infinite cubic-bezier(.53, .68, .53, .41);
	animation: loading-1 3.45s infinite cubic-bezier(.53, .68, .53, .41)
}

.loader .loader-inner:nth-of-type(2) {
	margin-top: 12px;
	animation-delay: .12s
}

.loader .loader-inner:nth-of-type(3) {
	margin-top: 23px;
	animation-delay: .23s
}

.loader .loader-inner:nth-of-type(4) {
	margin-top: 35px;
	animation-delay: .35s
}

.loader .loader-inner:nth-of-type(5) {
	margin-top: 47px;
	animation-delay: .46s
}

@-webkit-keyframes loading-1 {

	0%,
	100% {
		-webkit-transform: translateX(-24px) scaleX(.5);
		background: #fff
	}

	25%,
	75% {
		-webkit-transform: translateX(0) scaleY(1) scaleX(5) rotateY(180deg);
		background: #fff
	}

	50% {
		-webkit-transform: translateX(24px) scaleX(.5);
		background: #fff
	}
}

@keyframes loading-1 {

	0%,
	100% {
		transform: translateX(-24px) scaleX(.5);
		background: #fff
	}

	25%,
	75% {
		transform: translateX(0) scaleY(1) scaleX(5) rotateY(180deg);
		background: #fff
	}

	50% {
		transform: translateX(24px) scaleX(.5);
		background: #fff
	}
}

@-webkit-keyframes loading-2 {

	0%,
	100% {
		-webkit-transform: rotateY(0)
	}

	50% {
		-webkit-transform: rotateY(360deg)
	}
}

@keyframes loading-2 {

	0%,
	100% {
		transform: rotateY(0)
	}

	50% {
		transform: rotateY(360deg)
	}
}

@media only screen and (min-width:992px) and (max-width:1200px) {
	.about .mobile-features .features-slider.owl-carousel .owl-item img {
		height: 374px
	}

	.photo-header img {
		width: 417px;
		height: auto;
		float: right;
		top: 198px
	}

	.photo-header {
		padding-right: 0
	}

	.about .mobile-features .features-slider:after {
		width: 437px;
		height: 379px;
		top: 58px;
		left: 3px
	}

	.about .mobile-features .nav-pills>li:nth-child(1)>a {
		top: 53px
	}

	.about .mobile-features .nav-pills>li:nth-child(2)>a {
		top: 118px
	}

	.about .mobile-features .nav-pills>li:nth-child(3)>a {
		top: 222px
	}

	.about .mobile-features .nav-pills>li:nth-child(4)>a {
		top: 325px
	}

	.about .mobile-features .nav-pills>li:nth-child(5)>a {
		top: 389px
	}

	.about .mobile-features .features-slider {
		padding: 61px 25px 106px 17px
	}

	.features .feat-center img {
		left: 7%
	}

	.download .download-content .image-download img {
		left: 10%
	}

	.screenshots .scrsParent {
		margin-top: 50px
	}

	.screenshots .owl-theme .owl-nav {
		margin-top: 40px
	}

	.our-story .story-img img {
		width: 332px;
		float: right;
		height: auto
	}

	.faqs .faqs-img img {
		width: 348px;
		float: left;
		height: auto
	}

	.faqs .faqs-img {
		padding: 100px 0
	}

	.about .mobile-features .tab-content {
		width: 62%
	}

	.our-quality .story-text p,
	.our-story .story-text p {
		width: auto
	}

	#home.triangle::after {
		border-top: 125px solid transparent
	}

	.single-one-team .personal-det .social-personal {
		position: static
	}

	.single-one-team .personal-det .social-personal a {
		margin: 0 3px
	}

	.our-quality .zoomer-image {
		left: 124px
	}

	.magnifier {
		left: 69% !important
	}

	.demo02 .photo-header img {
		width: 297px;
		top: 160px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.photo-header img {
		height: auto;
		width: 330px;
		top: 208px;
		float: right
	}

	.photo-header {
		padding-right: 0
	}

	.header-content h4 {
		font-size: 18px;
		line-height: 29px
	}

	.nav-sec .navbar-nav>li>a {
		padding: 0 7px !important
	}

	.about .mobile-features .owl-carousel .owl-item img {
		width: 100% !important
	}

	.about .mobile-features .features-slider {
		padding: 66px 26px 106px 18px
	}

	.about .mobile-features .nav-pills>li>a {
		position: static
	}

	.about .mobile-features .nav-stacked>li {
		float: none;
		display: inline-block;
		margin: 0 10px
	}

	.about .mobile-features .features-slider:after,
	.mobile-services .left-ser-side .single-ser .icon-ser:before,
	.mobile-services .right-ser-side .single-ser .icon-ser:before {
		display: none
	}

	.about .mobile-features {
		padding: 0
	}

	.about .mobile-features .nav {
		padding: 0;
		float: none;
		text-align: center
	}

	.about .mobile-features .features-slider.owl-carousel .owl-item img {
		height: auto;
		margin-top: 5px
	}

	.about .mobile-features .tab-content {
		margin-left: 0;
		width: auto;
		position: relative;
		padding: 0;
		margin-top: 30px;
		text-align: center
	}

	.feat-width {
		width: 33.3333%;
		float: left
	}

	.features .feat-center img {
		height: auto;
		position: static
	}

	.download .overlay {
		padding-bottom: 0
	}

	.download .download-content .store-butt {
		margin-bottom: 0
	}

	.download .download-content .image-download img {
		position: relative;
		left: 0;
		top: 111px
	}

	.screenshots .owl-carousel .owl-item img {
		width: auto !important;
		height: 570px
	}

	.screenshots .scrsParent {
		margin-top: 50px
	}

	.screenshots .owl-theme .owl-nav {
		margin-top: 40px
	}

	.statistic-app .statis-img img:first-child {
		left: 36%
	}

	.statistic-app .statis-img img:last-child {
		left: 10%
	}

	.statistic-app .single-statis {
		margin-bottom: 30px
	}

	.faqs .faqs-img img {
		margin-bottom: 50px
	}

	.our-story .story-text {
		margin-top: 50px
	}

	.posts-style,
	.search-blog,
	.tags-blog {
		width: 45%;
		float: left
	}

	.archive-blog,
	.category-blog,
	.photos-blog {
		width: 45%;
		float: right
	}

	#comment-form {
		margin-bottom: 35px
	}

	.comment-reply-form input:last-child {
		margin-bottom: 20px
	}

	.gallery-feed>a>img {
		height: auto;
		width: 57px
	}

	.header-content .bttn-head a:first-child {
		margin-bottom: 10px
	}

	.post-pagination {
		margin-bottom: 50px
	}

	.phone-carousel {
		padding-top: 40px
	}

	.phone-carousel .owl-theme .owl-dots {
		top: 36%
	}

	#home.bigTriangle:after {
		background-size: 56vh 100%
	}

	#home.triangle::after {
		border-top: 125px solid transparent
	}

	.mobile-services .left-ser-side,
	.mobile-services .right-ser-side {
		margin-top: 0
	}

	.mobile-services .right-ser-side {
		margin-bottom: 0
	}

	.marb30,
	.zoomer-frame {
		margin-bottom: 30px
	}

	.mobile-services {
		padding-bottom: 100px
	}

	.single-one-team .personal-det .social-personal {
		position: static
	}

	.our-quality .zoomer-image {
		left: 257px
	}

	.qualityBox {
		margin-bottom: 0
	}

	.coming-soon .count-date,
	.features02 .single-feat02 {
		margin-bottom: 30px
	}

	.pricing-table02 .pricingTable02 .pricing-content li {
		font-size: 14px
	}

	.demo02 .photo-header img {
		width: 274px;
		top: 169px
	}

	.count-timer {
		width: auto
	}

	.coming-soon .overlay {
		padding: 95px 0
	}
}

@media only screen and (max-width:767px) {

	.about .mobile-features .features-slider:after,
	.photo-header img {
		display: none
	}

	.word {
		justify-content: center
	}

	.header-content .bttn-head a:first-child {
		margin: 0
	}

	.pd-carousel .header-content .bttn-head a:first-child {
		margin-right: 20px
	}

	.header-content .bttn-head a {
		margin: 10px 10px 0
	}

	.screenshots .owl-theme .owl-nav {
		margin-top: 40px
	}

	.home-blog .blog-content h2 {
		font-size: 27px
	}

	.navbar-nav {
		background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
		background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
		background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
		background: linear-gradient(-45deg, #5f2c82, #ca4966);
		margin-bottom: 0;
		margin-top: 0
	}

	.navbar-collapse {
		border: none;
		box-shadow: none
	}

	.top-nav-collapse {
		background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);
		background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);
		background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);
		background: linear-gradient(-45deg, #5f2c82, #ca4966);
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out
	}

	.header-content h1 {
		font-size: 50px
	}

	.header-content h4 {
		font-size: 17px;
		line-height: 28px
	}

	.photo-header {
		padding: 0
	}

	.owl-carousel .owl-item img {
		width: 100% !important
	}

	.about .mobile-features .features-slider {
		padding: 66px 26px 106px 18px
	}

	.about .mobile-features .nav-pills>li>a {
		position: static;
		width: 40px;
		height: 40px;
		line-height: 40px
	}

	.about .mobile-features .nav-pills>li>a i {
		line-height: 40px
	}

	.about .mobile-features .nav-stacked>li {
		float: none;
		display: inline-block;
		margin: 0 5px
	}

	.about .mobile-features {
		padding: 0
	}

	.about .mobile-features .nav {
		padding: 0;
		float: none;
		text-align: center
	}

	.about .mobile-features .features-slider.owl-carousel .owl-item img {
		height: auto;
		margin-top: 3px
	}

	.about .mobile-features .tab-content {
		margin-left: 0;
		width: auto;
		position: relative;
		padding: 0;
		margin-top: 30px;
		text-align: center
	}

	.features .feat-center img {
		position: static;
		height: auto
	}

	.features .feat-center {
		margin: 30px 0
	}

	.feat-one .feat-two-text,
	.screenshots .scrsParent {
		margin-top: 50px
	}

	.feat-one .feat-one-text h2,
	.feat-one .feat-two-text h2 {
		font-size: 38px
	}

	.feat-one .feat-one-text {
		margin-bottom: 50px
	}

	.feat-one .feat-one-img img,
	.feat-one .feat-two-img img {
		height: auto
	}

	.download .download-content .text-download p {
		width: auto
	}

	.download .download-content .store-butt a {
		margin-bottom: 20px
	}

	.download .download-content .store-butt {
		margin-bottom: 10px
	}

	.download .overlay {
		padding-bottom: 0
	}

	.download .download-content .image-download img {
		position: relative;
		left: 0;
		top: 38px
	}

	.screenshots {
		padding: 100px 0
	}

	.statistic-app .statis-img img {
		height: auto;
		position: static;
		margin-bottom: 50px
	}

	.statistic-app .single-statis {
		margin-bottom: 30px
	}

	.testimonials-style .testimonial-item .author-thumb img {
		width: auto !important
	}

	.our-story .story-text p,
	.testimonials-style .item,
	.video-app p {
		width: auto
	}

	.testimonials-style .testimonial-item {
		margin: 0 20px;
		padding: 20px 10px
	}

	.our-story .story-text {
		margin-top: 50px
	}

	.our-story .story-img img {
		height: auto
	}

	.faqs .faqs-img img {
		height: auto;
		margin-bottom: 50px
	}

	.faqs .panel-title a {
		line-height: 27px
	}

	.home-blog .blog-content .bread-links .breadcrumb,
	.subscribe-box .subscribe-text h4 {
		line-height: 26px
	}

	.post-slide .post-img img {
		height: auto
	}

	.contact-us .single-info {
		margin-bottom: 20px
	}

	.header-inner {
		width: 100%;
		text-align: center
	}

	.post-slide {
		margin: 0
	}

	.one-post .post-text .title-date {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px
	}

	.one-post .post-text .title-text .post-details a {
		display: block;
		margin-bottom: 5px;
		margin-right: 0
	}

	.one-post .post-text .title-text .post-details {
		text-align: center
	}

	.post-pagination ul li a {
		margin-bottom: 10px
	}

	.single-img a img {
		margin-bottom: 20px
	}

	.posts-style .tab-post-nav li a {
		font-size: 11px
	}

	.post-det .share-post {
		text-align: left;
		margin-top: 10px
	}

	.post-journy .next-butt .bttn-applora-gradient i,
	.post-journy .prev-butt .bttn-applora-gradient i {
		margin: 0
	}

	.author-comment a.replay.pull-right {
		margin-bottom: 15px
	}

	.comment-reply-form input:last-child {
		margin-bottom: 20px
	}

	#comment-form {
		margin-bottom: 35px
	}

	.home-blog .blog-inner.single-post-inner {
		width: 100%
	}

	.count-timer,
	.download02 .download-content .text-download p,
	.our-quality .story-text p,
	.text-coming-soon p,
	.text-not-found p {
		width: auto
	}

	.home-blog:after,
	.home:after {
		bottom: -1px;
		overflow: hidden
	}

	.features:after,
	.post-title-main .post-thumb:before {
		bottom: -1px
	}

	.post-pagination {
		margin-bottom: 50px
	}

	.nav-sec .dropdown-toggle span {
		margin-left: 5px
	}

	.phone-carousel {
		padding-top: 40px
	}

	.phone-carousel .owl-theme .owl-dots {
		top: 36%
	}

	.intro-phone-wrap .screen-first-left,
	.intro-phone-wrap .screen-first-right,
	.intro-phone-wrap .screen-second-left,
	.intro-phone-wrap .screen-second-right {
		display: none !important
	}

	#home.bigTriangle:after {
		background-size: 56vh 100%
	}

	.pd-carousel .header-content .bttn-applora a {
		margin: 20px 10px 0
	}

	.pd-carousel .header-content .bttn-applora a:first-child {
		margin: 0
	}

	.features02 .single-feat02,
	.statistic-app02 .single-statis {
		margin-bottom: 30px
	}

	#home.triangle::after {
		border-top: 125px solid transparent
	}

	.section-title02 h2 {
		font-size: 40px
	}

	.mobile-services .left-ser-side,
	.mobile-services .right-ser-side {
		margin-top: 0
	}

	.mobile-services .left-ser-side .single-ser .icon-ser:before,
	.mobile-services .right-ser-side .single-ser .icon-ser:before {
		display: none
	}

	.mobile-services .right-ser-side {
		margin-bottom: 0
	}

	.coming-soon .count-date,
	.single-one-team {
		margin-bottom: 30px
	}

	.mobile-services {
		padding-bottom: 100px
	}

	.mobile-services .features-slider02.owl-carousel .owl-item img {
		height: auto
	}

	.mobile-services .features-slider02 {
		padding: 66px 22px 136px 27px
	}

	.magnifier {
		display: none !important
	}

	.single-one-team .personal-det .social-personal {
		position: static
	}

	.coming-soon .overlay {
		padding: 95px 0
	}

	.text-not-found h1 {
		font-size: 8em
	}

	.text-not-found h4 {
		font-size: 22px
	}
}

@media only screen and (min-width:480px) and (max-width:767px) {
	.home-blog .blog-content h2 {
		font-size: 40px
	}

	.fix-width-left {
		width: 50%;
		float: left
	}

	.fix-width-right {
		float: right;
		width: 50%
	}

	.testimonials-style .testimonial-item {
		padding: 40px 20px
	}

	.post-slide .post-img img {
		width: auto
	}

	.download .download-content .store-butt {
		margin-bottom: 0
	}

	.download .download-content .image-download img {
		top: 86px
	}

	.header-content h4 {
		font-size: 20px;
		line-height: 36px
	}

	.post-slide {
		margin: 10px 20px
	}

	.one-post .post-text .title-date {
		width: auto;
		margin-right: 20px;
		margin-bottom: 0
	}

	.one-post .post-text .title-text .post-details a {
		display: inline-block;
		margin-bottom: 0;
		margin-right: 6px;
		font-size: 12px
	}

	.one-post .post-text .title-text .post-details {
		text-align: left
	}

	.posts-style .tab-post-nav li a {
		font-size: 13px
	}

	.statistic-app02 .single-statis {
		margin-bottom: 0
	}

	.fl10 {
		width: 33.33%;
		float: left
	}

	.fl12-r {
		width: 50%;
		float: right
	}

	.fl12-l {
		width: 50%;
		float: left
	}

	.single-one-team .personal-det .social-personal a {
		margin: 0 3px
	}

	.qualityBox {
		width: 33.33%;
		float: left;
		margin-bottom: 0
	}

	.cfl-r {
		float: right;
		width: 50%
	}

	.cfl-l {
		float: left;
		width: 50%
	}

	.text-not-found p {
		width: 400px
	}
}