.main-wrapper {
	overflow: hidden;
}

.page-content {
	background: #f1f1f1
}

/*wrappers end*/
/* ================================================================= */

/* ================================================================= */
/* ========================== PRELOADER START ====================== */
.pre-wrapper {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	top: 0;
	left: 0;
	z-index: 9999999;
}

.preloader-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	height: 100vh;
}

.preloader {
	width: 100px;
	height: 1px;
	background: #fff;
	position: relative;
}

.preloader>li {
	position: absolute;
	width: 10px;
	height: 10px;
	top: -5px;
	background: #fff;
}

.pre-1 {
	left: 0;
	-webkit-animation-name: disk-1;
	animation-name: disk-1;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}

.pre-2 {
	right: 0;
	-webkit-animation-name: disk-2;
	animation-name: disk-2;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}

@keyframes disk-1 {

	from,
	to {
		transform: translateX(0) rotate(45deg)
	}

	0% {
		transform: translateX(0px) rotate(45deg)
	}

	25% {
		transform: translateX(50px) rotate(45deg)
	}

	50% {
		transform: translateX(100px) rotate(45deg)
	}

	75% {
		transform: translateX(50px) rotate(45deg)
	}

	100% {
		transform: translateX(0px) rotate(45deg)
	}
}

@keyframes disk-2 {

	from,
	to {
		transform: translateX(0) rotate(45deg)
	}

	0% {
		transform: translateX(0px) rotate(45deg)
	}

	25% {
		transform: translateX(-50px) rotate(45deg)
	}

	50% {
		transform: translateX(-100px) rotate(45deg)
	}

	75% {
		transform: translateX(-50px) rotate(45deg)
	}

	100% {
		transform: translateX(0px) rotate(45deg)
	}
}

/* =========================== PRELOADER END ======================= */
/* ================================================================= */


/* ================================================================= */
/* ========================== HEADER START ========================= */
/*=== header-1 start ===*/
.header-1 {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9;
}

.main-menu {
	position: absolute;
	min-width: 160px;
	top: 64px;
	left: 0;
	padding: 30px 20px;
	background-color: #f1f1f1;
	z-index: 9;

	border: none;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
	border-radius: 0;
	display: block;
	visibility: hidden;
	opacity: 0;

	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
}

.main-menu.show-menu {
	visibility: visible;
	opacity: 1;

	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.main-menu:after {
	position: absolute;
	content: '';
	width: 100%;
	height: calc(100% - 40px);
	border: 1px solid rgba(0, 0, 0, .5);
	top: 20px;
	left: -50%;
}

.main-menu a {
	display: inline-block;
	position: relative;
	text-align: center;
	margin-bottom: 15px;
	margin-left: 20px;
	white-space: nowrap;
	z-index: 2;
	background-color: transparent;
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
	visibility: hidden;
	opacity: 0;
	transition-duration: .5s;
}

.main-menu.show-menu a {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}

.main-menu>li:last-of-type>a {
	margin-bottom: 0;
}

.main-menu>li>a:hover,
.main-menu>li>a.mPS2id-highlight {
	background-color: transparent;
}

.mainnav-btn {
	display: block;
	color: rgba(255, 255, 255, .7);
	background: #000 !important;
	padding: 10px 20px;
	position: relative;
	z-index: 1;
}

.mainnav-btn:after {
	position: absolute;
	content: '';
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	top: -5px;
	left: -5px;
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	border: 1px solid rgba(0, 0, 0, .5);
	background: #f1f1f1;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.mainnav-btn:before {
	font-size: 35px;
}

.mainnav-txt,
.navtxt-rtl {
	font-family: "PT Mono";
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 400;
	color: rgba(255, 255, 255, .6);
	background: #000;
	position: absolute;
	top: 9.85%;
	visibility: hidden;
	opacity: 0;
	z-index: 3;
}

.mainnav-txt {
	padding: 20px;
	padding-left: 0;
	left: 80%;
}

.mainnav-txt:after,
.navtxt-rtl:after {
	position: absolute;
	content: '';
	width: 1px;
	height: 100%;
	background: rgba(255, 255, 255, .3);
	top: 0;
}

.mainnav-txt:after {
	left: 6px;
}

.mainnav-txt:before,
.navtxt-rtl:before {
	position: absolute;
	content: '';
	width: calc(100% - 12px);
	height: calc(100% - 10px);
	border: 1px solid rgba(255, 255, 255, .3);
	top: 5px;
}

.mainnav-txt:before {
	border-left: none;
	right: 5px;
}

.main-menu a:hover .mainnav-txt,
.main-menu.show-menu a.mPS2id-highlight .mainnav-txt {
	visibility: visible;
	opacity: 1;
	left: calc(100% - 2px);
	padding-left: 50px;
}

.main-menu a:hover .mainnav-btn,
.main-menu.show-menu a.mPS2id-highlight .mainnav-btn {
	background: #fff !important;
	color: #000;
}

.main-menu a:hover .mainnav-btn:after,
.main-menu.show-menu a.mPS2id-highlight .mainnav-btn:after {
	visibility: visible;
	opacity: 1;
}

.tbr-left,
.tbr-right {
	line-height: 50px;
}

.tbr-icon:before {
	font-size: 25px;
}

.tbr-icon {
	display: inline-block;
	-webkit-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-o-transform: translateY(5px);
	transform: translateY(5px);
}

.tbr-txt {
	font-size: 16px;
	display: inline-block;
}

.tbr-social {
	-webkit-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-o-transform: translateY(5px);
	transform: translateY(5px);
	position: relative;
	overflow: visible !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: 1;
}

.tbr-social:after {
	position: absolute;
	content: '';
	width: 250px;
	height: 1px;
	background: #000;
	top: calc(50% - 1px);
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.tbr-social a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	position: relative;
	text-align: center;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	border: 1px solid #666;
	z-index: 3;
}

.tbr-social a:hover {
	background: #000;
	border: 1px solid transparent;
	color: #f1f1f1
}

.social-trigger {
	height: 60px;
	width: 30px;
	margin-bottom: 0 !important;
	margin-right: 0 !important;
	position: relative;
}

.social-trigger:before,
.social-trigger:after {
	position: absolute;
	content: '';
	width: 1px;
	height: 19px;
	background: #000;
	left: 20%;
	-webkit-transition: all .3s linear 0s;
	transition: all .3s linear 0s;
}

.social-trigger:before {
	top: 15px;
	-webkit-transform: rotate(55deg) scaleY(0);
	-ms-transform: rotate(55deg) scaleY(0);
	-o-transform: rotate(55deg) scaleY(0);
	transform: rotate(55deg) scaleY(0);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
}

.social-trigger:after {
	bottom: 14px;
	-webkit-transform: rotate(-55deg) scaleY(0);
	-ms-transform: rotate(-55deg) scaleY(0);
	-o-transform: rotate(-55deg) scaleY(0);
	transform: rotate(-55deg) scaleY(0);
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;
}

.social-trigger[aria-expanded="true"]:before {
	left: 40%;
	-webkit-transform: rotate(55deg) scaleY(1);
	-ms-transform: rotate(55deg) scaleY(1);
	-o-transform: rotate(55deg) scaleY(1);
	transform: rotate(55deg) scaleY(1);
	-webkit-transition: all .3s linear .3s;
	transition: all .3s linear .3s;
}

.social-trigger[aria-expanded="true"]:after {
	left: 40%;
	-webkit-transform: rotate(-55deg) scaleX(1);
	-ms-transform: rotate(-55deg) scaleX(1);
	-o-transform: rotate(-55deg) scaleX(1);
	transform: rotate(-55deg) scaleX(1);
	-webkit-transition: all .3s linear .3s;
	transition: all .3s linear .3s;
}

.st-1,
.st-2,
.st-3 {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	border: 1px solid #333;
	-webkit-transition: all .3s linear .1s;
	transition: all .3s linear .1s;
}

.social-trigger[aria-expanded="true"] .st-1,
.social-trigger[aria-expanded="true"] .st-2,
.social-trigger[aria-expanded="true"] .st-3 {
	position: absolute;
	-webkit-transition: all .3s linear 0s;
	transition: all .3s linear 0s;
}

.social-trigger[aria-expanded="true"] .st-1 {
	top: 8px;
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	transform: translateX(10px);
}

.social-trigger[aria-expanded="true"] .st-2 {
	-webkit-transform: translate(-10px, -4.5px);
	-ms-transform: translate(-10px, -4.5px);
	-o-transform: translate(-10px, -4.5px);
	transform: translate(-10px, -4.5px);
}

.social-trigger[aria-expanded="true"] .st-3 {
	bottom: 8px;
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	transform: translateX(10px);
}

.flatmenu-trigger {
	width: 60px;
	height: 70px;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	position: relative;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.header-flat .social-trigger {
	float: none;
}

.ft {
	position: absolute;
	width: 15px;
	height: 15px;
	background: #999;
	border: 4px solid #000;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.ft-1 {
	top: 6px;
	left: 0;
}

.ft-2 {
	top: 6px;
	left: 20px;
}

.ft-3 {
	top: 6px;
	left: 40px;
}

.ft-4 {
	top: 26px;
	left: 0;
}

.ft-5 {
	top: 26px;
	left: 20px;
}

.ft-6 {
	top: 26px;
	left: 40px;
}

.flatmenu-trigger[aria-expanded="true"] .ft-2,
.flatmenu-trigger[aria-expanded="true"] .ft-5 {
	top: 50%;
	left: 50%;
	border: 4px solid #000;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.flatmenu-trigger[aria-expanded="true"] .ft-1 {
	top: 12px;
	left: 6px;
}

.flatmenu-trigger[aria-expanded="true"] .ft-3 {
	top: 12px;
	left: 37px;
}

.flatmenu-trigger[aria-expanded="true"] .ft-4 {
	top: 41px;
	left: 6px;
}

.flatmenu-trigger[aria-expanded="true"] .ft-6 {
	top: 41px;
	left: 37px;
}

.bps-icon {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.tbr-left,
.logo-container {
	display: inline-block;
}

.menu-btn {
	display: inline-block;
	padding: 10px 10px;
	width: 50px;
	height: 50px;
	background: #f1f1f1;
	position: relative;
	top: 5px;
	left: -3px;
	z-index: 9;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .3) !important;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .3) !important;
}

.mb-1,
.mb-2 {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #000;
}

.mb-1 {
	width: 1px;
	height: calc(100% - 15px);
}

.mb-2 {
	height: 1px;
	width: calc(100% - 15px);
}

.menu-btn.focus .mb-1,
.menu-btn.focus .mb-2 {
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	-ms-transform: rotate(45deg) translate(-50%, -50%);
	-o-transform: rotate(45deg) translate(-50%, -50%);
	transform: rotate(45deg) translate(-50%, -50%);
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-ms-transform-origin: top left;
	-o-transform-origin: top left;
	transform-origin: top left;
}

.stricky-fixed {
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
}

/*mm-right start*/
.mm-right .main-menu {
	top: 66px;
	left: auto;
	right: 0 !important;
	-webkit-box-shadow: -2px 2px 3px rgba(0, 0, 0, .2);
	box-shadow: -2px 2px 3px rgba(0, 0, 0, .2);
}

.mm-right .main-menu:after {
	left: 50%;
}

.mm-right .mainnav-btn:after {
	right: -5px;
}

.navtxt-rtl {
	padding: 20px;
	padding-right: 0;
	right: 80%;
}

.navtxt-rtl:after {
	right: 6px;
}

.navtxt-rtl:before {
	border-right: none;
	left: 5px;
}

.main-menu a:hover .navtxt-rtl,
.main-menu-wrapper.mm-right .main-menu.show-menu a.mPS2id-highlight .navtxt-rtl {
	visibility: visible;
	opacity: 1;
	right: calc(100% - 2px);
	padding-right: 50px;
}

.mm-right .menu-btn {
	left: -15px;
}

/*mm-right end*/
/*=== header-1 end ====*/

/*=== header-flat start ===*/
.header-flat {
	position: fixed;
	height: 80px;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9;
}

.header-flat .logo-devedge {
	-webkit-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-o-transform: translateY(5px);
	transform: translateY(5px);
}

.header-flat .tbr-social {
	line-height: 60px;
	display: inline-block !important;
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}

.header-flat .tbr-social:after {
	display: none;
}

.header-flat .tbr-social li {
	position: relative;
}

.header-flat .tbr-social li:not(:last-of-type):after {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background: #666;
	top: calc(50% - 1px);
	left: 100%;
	z-index: -1;
}

.mainmenu-flat a {
	font-family: 'Unica One', sans-serif;
	text-align: center;
	font-size: 18px;
	letter-spacing: 2px;
	display: block;
	position: relative;
}

.flatmenu-txt,
.flatmenu-btn {
	display: block;
	line-height: 10px;
}

.flatmenu-txt {
	padding-top: 5px;
	padding-bottom: 20px;
	position: relative;
}

.flatmenu-txt:before,
.flatmenu-txt:after {
	position: absolute;
	content: '';
	width: 0;
	height: 1px;
	background: #000;
	left: 0;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	visibility: hidden;
	opacity: 0;
}

.flatmenu-txt:before {
	top: -1px;
	-webkit-transition-delay: 0;
	transition-delay: 0;
}

.flatmenu-txt:after {
	top: -3px;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}

.mainmenu-flat a:hover .flatmenu-txt:before,
.mainmenu-flat a.mPS2id-highlight .flatmenu-txt:before {
	visibility: visible;
	opacity: 1;
	width: calc(70% - 10px);
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}

.mainmenu-flat a:hover .flatmenu-txt:after,
.mainmenu-flat a.mPS2id-highlight .flatmenu-txt:after {
	visibility: visible;
	opacity: 1;
	width: 70%;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.flatmenu-btn {
	padding-top: 20px;
	padding-bottom: 5px;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}

.flatmenu-btn:before {
	font-size: 20px;
	color: #000;
}

.mainmenu-flat a:hover .flatmenu-btn,
.mainmenu-flat a.mPS2id-highlight .flatmenu-btn {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

/*=== header-flat end ===*/
/* =========================== HEADER END ========================== */
/* ================================================================= */


/* ================================================================= */
/* =========================== HOME START ========================== */
/*=== bootstrap slider start ===*/
.slider-item {
	width: 100%;
	height: 650px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.slider-item:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.635);
	z-index: -1;
}

.slider-item:nth-of-type(1) {
	background: url(../img/main-slider/04.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	background-size: cover;
}

.slider-item:nth-of-type(2) {
	background: url(../img/main-slider/marketing.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	background-size: cover;
}

.slider-item:nth-of-type(3) {
	background: url(../img/main-slider/05.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	background-size: cover;
}

.slider-container {
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;

	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}

.slider-content {
	flex-basis: 60%;
	color: #fff;
	overflow: hidden;
}

.slider-container:after {
	position: absolute;
	content: '';
	width: 90%;
	height: 100%;

	background: -webkit-linear-gradient(left, rgba(241, 241, 241, .1) 0%, rgba(241, 241, 241, .1) 30%, transparent 30%, transparent 100%);
	background: -moz-linear-gradient(left, rgba(241, 241, 241, .1) 0%, rgba(241, 241, 241, .1) 30%, transparent 30%, transparent 100%);
	background: -ms-linear-gradient(left, rgba(241, 241, 241, .1) 0%, rgba(241, 241, 241, .1) 30%, transparent 30%, transparent 100%);
	background: -o-linear-gradient(left, rgba(241, 241, 241, .1) 0%, rgba(241, 241, 241, .1) 30%, transparent 30%, transparent 100%);
	background: linear-gradient(left, rgba(241, 241, 241, .1) 0%, rgba(241, 241, 241, .1) 30%, transparent 30%, transparent 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='transparent', GradientType=0);

	background-repeat: repeat-x;
	-webkit-background-size: 5px 100%;
	background-size: 5px 100%;

	top: 0;
	left: 10%;
	-webkit-transform: skewX(-39deg);
	-moz-transform: skewX(-39deg);
	-ms-transform: skewX(-39deg);
	-o-transform: skewX(-39deg);
	transform: skewX(-39deg);
	z-index: 1;
}


.lg-heading,
.lg-title {
	position: relative;
	z-index: 2;
}

.lg-heading>span,
.lg-title>span {
	position: relative;
	display: inline-block;
	background: #ccc;
}

.lg-heading span:after,
.lg-title span:after,
.bsi-2 .lg-heading span:before,
.bsi-2 .lg-title span:before {
	position: absolute;
	content: "";
	width: 50%;
	height: 100%;
	background: #ccc;
	left: 62%;
	-webkit-transform: skew(-45deg);
	-ms-transform: skew(-45deg);
	-o-transform: skew(-45deg);
	transform: skew(-45deg);
	top: 0;
	z-index: -1;
}

.bsi-3 .lg-heading span:after,
.bsi-3 .lg-title span:after,
.bsi-2 .lg-heading span:after,
.bsi-2 .lg-title span:after {
	left: -12%;
	-webkit-transform: skew(45deg);
	-ms-transform: skew(45deg);
	-o-transform: skew(45deg);
	transform: skew(45deg);
}

.lg-heading {
	font-size: 45px;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
}

.lg-title {
	letter-spacing: 1px;
	font-size: 30px;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
}

.slider-content .scroll-btn {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	background: #ccc;
	border-color: #ccc;
	z-index: 5;
	position: relative;
}

.slider-dott {
	z-index: 2 !important;
	bottom: 0 !important;
}

.slider-dott:after {
	position: absolute;
	content: '';
	width: 100px;
	height: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -50%;
	border: 1px solid rgba(255, 255, 255, .5);
	z-index: -1;
}

.slider-dott>li,
.slider-dott>li.active {
	width: 20px;
	height: 20px;
	border-radius: 0;
	position: relative;
	background: #ccc;
	margin: 0;
	border: 1px solid transparent;
	z-index: 1;
}

.slider-dott>li:after {
	position: absolute;
	content: '';
	width: 14px;
	height: 14px;
	border: 3px solid #000;
	top: 2px;
	left: 2px;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;

	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.slider-dott>li.active:after {
	position: absolute;
	content: '';
	top: 2px;
	left: 2px;
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.slider-btn {
	position: absolute;
	width: 40px;
	height: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 30px;
	background: #f1f1f1 !important;
	color: rgba(0, 0, 0, 1) !important;
	bottom: 0;
}

.slider-btn:before {
	text-align: center;
	display: block;
	font-size: 20px;
}

.slide-prev {
	right: 40px;
	z-index: 2;
	text-align: right;
}

.slide-prev:after {
	position: absolute;
	content: '';
	width: 1px;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 100%;
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}

.slide-next {
	right: 0;
	z-index: 1;
	text-align: left;
}

.slider-btn span {
	font-family: 'PT Mono', monospace;
	text-transform: capitalize;
	font-size: 12px;
	line-height: 10px;
	background: #f1f1f1;
	color: #000;
	text-align: center;
	padding: 8px 10px;
	border-radius: 2px;
	position: absolute;
	top: 20%;
	left: 50%;
	-webkit-transform: translate(-50%, -35px);
	-ms-transform: translate(-50%, -35px);
	-o-transform: translate(-50%, -35px);
	transform: translate(-50%, -35px);

	visibility: hidden;
	opacity: 0;

}

.slider-btn span:after {
	position: absolute;
	content: '';
	border-top: 8px solid #fff;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	top: 100%;
	left: 50%;
}

.slider-btn:hover span {
	top: 0;
	visibility: visible;
	opacity: 1;
}

.project-details .slider-btn,
.sbs-2 .slider-btn {
	bottom: -5px;
}

.project-details .slide-prev,
.sbs-2 .slide-prev {
	right: 30px;
}

.project-details .slide-next,
.sbs-2 .slide-next {
	right: -8px;
}

/*=== bootstrap slider end ===*/

/*=== slider-1 start ===*/
.s1-item {
	height: 700px;
}

.s1-inner {
	height: 100%;
	-webkit-background-size: cover;
	background-size: cover;
}

.s1-inner:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	border: 50px solid rgba(248, 248, 248, .15);
	background: rgba(0, 0, 0, .8);
	top: 0;
	left: 0;
}

.s1-inner:after {
	position: absolute;
	content: '';
	width: calc(100% - 130px);
	height: calc(100% - 130px);
	top: 65px;
	left: 65px;
	border: 15px solid rgba(248, 248, 248, .15);
}

.s1-inner-1 {
	background: url(../img/main-slider/04.jpg) no-repeat center center;
}

.s1-inner-2 {
	background: url(../img/main-slider/05.jpg) no-repeat center center;
}

.s1-inner-3 {
	background: url(../img/main-slider/06.jpg) no-repeat center center;
}

.si-content {
	position: absolute;
	width: 80%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;

	visibility: hidden;
	opacity: 0;
	z-index: 3;
}

.si-content img {
	width: 80px !important;
}

.owl-item.active .si-content {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate(-50%, -60%);
	-ms-transform: translate(-50%, -60%);
	-o-transform: translate(-50%, -60%);
	transform: translate(-50%, -60%);
}

.slider-1 h2 {
	font-size: 60px;
}

.slider-1 h2>span {
	border-bottom: 1px solid #808080;
	letter-spacing: 5px;
}

.slider-1 h2>span span {
	letter-spacing: 0;
}

.slider-1 h3 {
	font-size: 30px;
	font-weight: normal;
	letter-spacing: 2px;
}

.slider-1 .owl-dots {
	position: absolute;
	width: calc(100% - 160px);
	height: 15px;
	bottom: 65px;
	left: 80px;
	z-index: 1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.slider-1 .owl-dot {
	display: inline-block;
	flex: 1;
	margin: auto;
	height: 5px;
	border-radius: 5px;
	background: rgba(190, 190, 190, .2);

	-webkit-box-shadow: 0 -555px 0 rgba(190, 190, 190, .2);
	box-shadow: 0 -555px 0 rgba(190, 190, 190, .2);
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.slider-1 .owl-dot.active {
	height: 5px;
	background: rgba(248, 248, 248, .3);
	-webkit-box-shadow: 0 -555px 0 rgba(248, 248, 248, .3);
	box-shadow: 0 -555px 0 rgba(248, 248, 248, .3);
}

.slider-1 .owl-prev,
.slider-1 .owl-next {
	display: block;
	width: 1px;
	text-transform: uppercase;
	word-break: break-all;

	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slider-1 .owl-prev {
	left: 69px;
}

.slider-1 .owl-next {
	right: 76px;
}

/*=== slider-1 end ===*/

/*=== img-background start ===*/
.img-background {
	height: 700px;
	background: url(../img/main-slider/02.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.imgb-2 {
	background: url(../img/main-slider/05.jpg) no-repeat center center;
}

.img-background:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	border: 50px solid rgba(248, 248, 248, .15);
	background: rgba(0, 0, 0, .8);
	top: 0;
	left: 0;
}

.img-background:after {
	position: absolute;
	content: '';
	width: calc(100% - 130px);
	height: calc(100% - 130px);
	top: 65px;
	left: 65px;
	border: 15px solid rgba(248, 248, 248, .15);
}

.imgb-content {
	width: 80%;
	margin: auto;
	z-index: 2;
}

.imgb-content h2 {
	font-size: 45px;
	letter-spacing: 3px;
}

.imgb-content h3 {
	font-size: 30px;
	letter-spacing: 5px;
}

.imgb-content h2 span,
.imgb-content h3 span {
	letter-spacing: 0;
}

/*typed.js css start*/
.typed-cursor {
	opacity: 1;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
}

@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/*typed.js css end*/
/*=== img-background end ===*/
/* ============================ HOME END =========================== */
/* ================================================================= */


/* ================================================================= */
/* ========================== SERVICE START ======================== */
.service-inner {
	position: relative;
	z-index: 1;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.service-inner:hover {
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
	-webkit-box-shadow: 8px 20px 20px -20px rgba(0, 0, 0, .3);
	box-shadow: 8px 20px 20px -20px rgba(0, 0, 0, .3);
}

.service-icon:before {
	font-size: 50px;
}

.service-title {
	font-family: 'PT Mono', monospace;
	font-size: 16px;
	letter-spacing: 1.5px;
}

/* =========================== SERVICE END ========================= */
/* ================================================================= */

/* ================================================================= */
/* ========================= ACCORDIONS START ====================== */
.myresume *,
.resume-dark * {
	border-radius: 0 !important;
}

.resume-tab[aria-expanded=true] {
	pointer-events: none
}

.resume-tab {
	font-weight: 700;
	font-size: 20px;
	display: block;

	-webkit-box-shadow: 0 10px 10px -10px #aaa;
	box-shadow: 0 10px 10px -10px #aaa;
}

.resume-tab.collapsed {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}

.resume-tab.collapsed:hover {
	-webkit-box-shadow: 0 10px 10px -10px #aaa;
	box-shadow: 0 10px 10px -10px #aaa;
	color: #333 !important;
	border: none;
}

.resume-tab .t-icon {
	font-size: 22px;
	color: #000;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.resume-tab.collapsed .t-icon {
	color: #ccc;
}

.company-name {
	font-size: 20px;
}

.resume-title {
	font-size: 20px;
	border-bottom: 1px solid #000;
}

.resume-title:before {
	position: absolute;
	content: '';
	width: 20%;
	height: 5px;
	background: #000;
	left: 0;
	bottom: -3px;
}

.panel-collapse .serv-text {
	border: none;
	border-radius: 0;
	line-height: 26px;
}

/*===============*/
/* xy-icon start */
.resume-tab .xy-icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: relative;
}

.resume-tab .xy-icon:before,
.resume-tab .xy-icon:after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	background: #000;
	-webkit-transform: translate(-50%, -50%) rotate(360deg);
	-ms-transform: translate(-50%, -50%) rotate(360deg);
	-o-transform: translate(-50%, -50%) rotate(360deg);
	transform: translate(-50%, -50%) rotate(360deg);
	-webkit-transition: all .3s linear .45s;
	transition: all .3s linear .45s;
}

.resume-tab .xy-icon:after {
	width: calc(100% - 15px);
	height: 2px;
}

.resume-tab .xy-icon:before {
	width: calc(100% - 15px);
	height: 2px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s linear .25s;
	transition: all .3s linear .25s;
}

.resume-tab.collapsed .xy-icon:before {
	height: calc(100% - 15px);
	width: 2px;
	-webkit-transform: translate(-50%, -50%) rotate(0deg);
	-ms-transform: translate(-50%, -50%) rotate(0deg);
	-o-transform: translate(-50%, -50%) rotate(0deg);
	transform: translate(-50%, -50%) rotate(0deg);
	visibility: visible;
	opacity: 1;
}

.resume-tab.collapsed .xy-icon:after {
	-webkit-transform: translate(-50%, -50%) rotate(0deg);
	-ms-transform: translate(-50%, -50%) rotate(0deg);
	-o-transform: translate(-50%, -50%) rotate(0deg);
	transform: translate(-50%, -50%) rotate(0deg);
}

/* xy-icon end */
/*===============*/

/*===============*/
/* z-icon start */
.resume-tab .z-icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: relative;
}

.resume-tab .z-icon:before,
.resume-tab .z-icon:after {
	position: absolute;
	content: '';
	width: 50%;
	height: 2px;
	background: #000;
	top: 50%;
	-webkit-transition: all .3s linear .3s;
	transition: all .3s linear .3s;
}

.resume-tab .z-icon:before {
	left: 5px;
	-webkit-transform: translateY(5px) rotate(-45deg);
	-ms-transform: translateY(5px) rotate(-45deg);
	-o-transform: translateY(5px) rotate(-45deg);
	transform: translateY(5px) rotate(-45deg);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
}

.resume-tab .z-icon:after {
	right: 5px;
	-webkit-transform: translateY(5px) rotate(45deg);
	-ms-transform: translateY(5px) rotate(45deg);
	-o-transform: translateY(5px) rotate(45deg);
	transform: translateY(5px) rotate(45deg);
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
}

.resume-tab.collapsed .z-icon:before {
	-webkit-transform: translateY(-5px) rotate(45deg);
	-ms-transform: translateY(-5px) rotate(45deg);
	-o-transform: translateY(-5px) rotate(45deg);
	transform: translateY(-5px) rotate(45deg);
}

.resume-tab.collapsed .z-icon:after {
	-webkit-transform: translateY(-5px) rotate(-45deg);
	-ms-transform: translateY(-5px) rotate(-45deg);
	-o-transform: translateY(-5px) rotate(-45deg);
	transform: translateY(-5px) rotate(-45deg);
}

/* z-icon end */

/*resume-dark start*/
.resume-dark .resume-tab {
	-webkit-box-shadow: 0 10px 10px -10px #000;
	box-shadow: 0 10px 10px -10px #000;
}

.resume-dark .resume-tab.collapsed {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}

.resume-dark .resume-tab.collapsed:hover {
	-webkit-box-shadow: 0 10px 10px -10px #000;
	box-shadow: 0 10px 10px -10px #000;
	color: #ccc !important;
}

.resume-dark .resume-tab.collapsed .t-icon {
	color: #888;
}

.resume-dark .resume-tab .t-icon {
	color: #ccc
}

.resume-dark .resume-title {
	border-bottom: 1px solid #888;
}

.resume-dark .resume-title:before {
	background: #888;
}

.resume-dark .resume-tab .xy-icon:before,
.resume-dark .resume-tab .xy-icon:after {
	background: #ccc;
}

.resume-dark .resume-tab .z-icon:before,
.resume-dark .resume-tab .z-icon:after {
	background: #ccc;
}

/*resume-dark end*/
/* ========================== ACCORDIONS END ======================= */
/* ================================================================= */


/* ================================================================= */
/* =========================== SKILLS START ======================== */
.skill-container {
	width: 100%;
	height: 30px;
	background: #f1f1f1;
	border: 1px solid #000;
	overflow: hidden;
}

.skill-inner {
	height: inherit;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	overflow: hidden;
	background: #000;
}

.skill-95 .skill-inner {
	width: 95%;
}

.skill-90 .skill-inner {
	width: 90%;
}

.skill-85 .skill-inner {
	width: 85%;
}

.skill-80 .skill-inner {
	width: 80%;
}

.skill-75 .skill-inner {
	width: 75%;
}

.skill-70 .skill-inner {
	width: 70%;
}

.skill-65 .skill-inner {
	width: 65%;
}

.skill-60 .skill-inner {
	width: 60%;
}

.skill-55 .skill-inner {
	width: 55%;
}

.skill-50 .skill-inner {
	width: 50%;
}

.skill-inner span {
	display: block;
	line-height: 30px;
	text-align: right;
	font-family: 'Unica One', cursive;
	font-size: 18px;
	color: #fff;
	padding-right: 4px;
	-webkit-animation-delay: 2.3s;
	animation-delay: 2.3s;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.my-skills label {
	font-family: 'PT Mono', monospace;
	text-transform: uppercase;
	font-size: 16px;
	color: #000;
	margin-bottom: 0;
	line-height: 10px;
	font-weight: normal;
}

.mySkill .tooltip {
	top: -32.7867px !important;
	left: 13.799px !important;
	position: relative;
	float: right;
	background: #000;
	width: 28px;
	height: 28px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	line-height: 28px;
}

.mySkill .tooltip.top {
	padding: 0 0;
}

.mySkill .tooltip>.tooltip-inner {
	background-color: transparent;
	padding: 0;
	color: #ccc;
	font-family: 'PT Mono', monospace;
	font-size: 12px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.mySkill .tooltip>.tooltip-arrow {
	display: none;
}

.mySkill .progress {
	border-radius: 0;
	overflow: visible;
	height: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.mySkill .progress-bar {
	border-radius: 5px;
	-webkit-transition: width 1.5s ease-in-out;
	transition: width 1.5s ease-in-out;
}

/* ============================ SKILLS END ========================= */
/* ================================================================= */

/* ================================================================= */
/* ========================== FACTS-devedge START ===================== */
.facts-devedge,
.skillNfacts {
	background: url(../img/bg-lg/02.jpg) no-repeat top left fixed;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.facts-devedge:after,
.skillNfacts:before {
	position: absolute;
	content: '';
	height: 100%;

	top: 0;
	left: 0;
	z-index: -1;
}

.facts-devedge:after {
	width: 100%;
	background: rgba(0, 0, 0, .8);
}

.skillNfacts:before {
	width: 46%;
	background: #e8e8e8;
}

.skillNfacts:after {
	position: absolute;
	content: '';
	height: 100%;
	width: 54%;
	background: rgba(0, 0, 0, .8);

	top: 0;
	right: 0;
	z-index: -1;
}

.bp-icon:before {
	font-size: 50px;
}

.fact-num {
	font-size: 60px;
	position: relative;
}

.fact-num:before {
	position: absolute;
	content: '';
	width: 100px;
	height: 1px;
	background: #f1f1f1;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.fact-num:after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	background: #f1f1f1;
	top: -5px;
	left: 50%;
	-webkit-transform: translateX(calc(-50% - 50px)) rotate(-45deg);
	-ms-transform: translateX(calc(-50% - 50px)) rotate(-45deg);
	-o-transform: translateX(calc(-50% - 50px)) rotate(-45deg);
	transform: translateX(calc(-50% - 50px)) rotate(-45deg);
	-webkit-box-shadow: 70px 70px 0 0 #f1f1f1;
	box-shadow: 70px 70px 0 0 #f1f1f1;
}

.fact-title {
	font-size: 16px;
}

.facts-devedge-2 .bp-icon:before,
.facts-devedge-2 .fact-num {
	font-size: 35px;
}

.facts-devedge-2 .fact-title {
	font-size: 30px;
}

.facts-devedge-2 .fact-num:after {
	width: 40px;
	height: 5px;
	border-radius: 5px;
	top: -2px;
	left: 50%;
	-webkit-transform: rotate(0deg) translateX(-50%);
	-ms-transform: rotate(0deg) translateX(-50%);
	-o-transform: rotate(0deg) translateX(-50%);
	transform: rotate(0deg) translateX(-50%);
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* =========================== FACTS-devedge END ====================== */
/* ================================================================= */


/* ================================================================= */
/* ======================== RECENT-PROJECTS START ================== */
.filtr-item {
	display: block !important;
}

.filter-list li {
	margin-right: 10px;
	padding: 8px 25px;
	cursor: pointer;
	background: #000;
	color: #f1f1f1;
	border: 1px solid transparent;

	position: relative;
}

.filter-list li:hover,
.filter-list li.active {
	border: 1px solid #000;
	background: transparent;
	color: #000;
}

.filter-list li:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	background: #000;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -4px;
	visibility: hidden;
	opacity: 0;
	left: calc(50% - 4px);
	-webkit-box-shadow: 5px -5px 0 0 #000;
	box-shadow: 5px -5px 0 0 #000;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.filter-list li.active:after {
	visibility: visible;
	opacity: 1;
	-webkit-box-shadow: 20px -20px 0 0 #000;
	box-shadow: 20px -20px 0 0 #000;
	left: calc(50% - 20px);
}

.filter-list li:before {
	position: absolute;
	content: '';
	width: calc(100% + 6px);
	height: 60%;
	border: 5px solid transparent;
	border-top: none;

	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	bottom: -20px;
	left: -3px;
}

.filter-list li.active:before {
	border: 5px solid #000;
	border-top: none;
	bottom: -2px;
}

.filter-list li:last-of-type {
	margin-right: 0;
}

.project-container {
	position: relative;
}

.project-container:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	top: 0;
	left: 0;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.project-container:hover:after {
	visibility: visible;
	opacity: 1;
}

.p-title,
.p-preview {
	position: absolute;
	z-index: 2;
}

.p-title {
	width: 100%;
	text-align: center;
	padding: 10px 0;
	background: #f1f1f1 !important;
	color: #000 !important;
	font-size: 16px;
	bottom: -20%;
	visibility: hidden;
	opacity: 0;
	left: 0;
	transition: all .5s ease;
}

.project-container:hover .p-title {
	visibility: visible;
	opacity: 1;
	bottom: 10px;
}

.p-preview {
	position: absolute;
	width: 1px;
	height: calc(100% - 74px);
	top: 0;
	left: 39px;
	background: #f1f1f1 !important;
	z-index: 3;

	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;

	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.project-container:hover .p-preview {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}


.p-preview span {
	position: absolute;
	bottom: 20px;
	left: -15px;
	-webkit-transform: rotate(45deg) scale(0);
	-ms-transform: rotate(45deg) scale(0);
	-o-transform: rotate(45deg) scale(0);
	transform: rotate(45deg) scale(0);
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #f1f1f1;
	color: #000;

	visibility: hidden;
	opacity: 0;

	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.project-container:hover .p-preview span {
	bottom: 0;
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotate(45deg) scale(1);
	-ms-transform: rotate(45deg) scale(1);
	-o-transform: rotate(45deg) scale(1);
	transform: rotate(45deg) scale(1);
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}

.p-preview span:before {
	font-size: 16px;
	position: absolute;
	left: 50%;
	top: 50%;

	-webkit-transform: rotate(-45deg) translate(30%, -50%);
	-ms-transform: rotate(-45deg) translate(30%, -50%);
	-o-transform: rotate(-45deg) translate(30%, -50%);
	transform: rotate(-45deg) translate(30%, -50%);
}

.p-details {
	position: absolute;
	width: calc(100% - 60px);
	height: 1px;
	bottom: 74px;
	left: 40px;
	background: #f1f1f1 !important;
	z-index: 3;

	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;

	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.project-container:hover .p-details {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-delay: .65s;
	transition-delay: .65s;
}

.p-details span {
	position: absolute;
	right: 0;
	top: -14px;
	-webkit-transform: rotate(45deg) scale(0);
	-ms-transform: rotate(45deg) scale(0);
	-o-transform: rotate(45deg) scale(0);
	transform: rotate(45deg) scale(0);
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #f1f1f1;
	color: #000;

	visibility: hidden;
	opacity: 0;

	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.p-details span:before {
	font-size: 16px;
	position: absolute;
	left: 50%;
	top: 50%;

	-webkit-transform: rotate(-45deg) translate(30%, -50%);
	-ms-transform: rotate(-45deg) translate(30%, -50%);
	-o-transform: rotate(-45deg) translate(30%, -50%);
	transform: rotate(-45deg) translate(30%, -50%);
}

.project-container:hover .p-details span {
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotate(45deg) scale(1);
	-ms-transform: rotate(45deg) scale(1);
	-o-transform: rotate(45deg) scale(1);
	transform: rotate(45deg) scale(1);
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}

.modal-container {
	border: 20px solid #f8f8f8;
}

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

.pds-caption p {
	font-size: 16px;
}

.prject-title {
	font-size: 25px;
}

.pi-ratings,
.pi,
.ci {
	display: inline-block;
}

.pi {
	font-size: 14px;
}

.pi-ratings li:not(:first-of-type) {
	margin-left: -7px;
}

.pi-ratings a {
	font-size: 13px;
	color: #000
}

.pi-ratings a.unrated {
	color: #c1c1c1
}

.client-quote {
	position: relative;
}

.client-quote span {
	font-size: 40px;
	position: absolute;
	top: 50%;
	left: 30px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

.client-quote p {
	font-size: 16px;
	line-height: 25px;
	position: relative;
	z-index: 2;
}

.ci {
	font-size: 15px;
	position: relative;
}

.ci:not(:first-of-type):before {
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	top: 50%;
	left: 2px;
	background: #666;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

/* ========================= RECENT-PROJECTS END =================== */
/* ================================================================= */

/* ================================================================= */
/* ============================ PRICING START ====================== */
.pricing-table:hover,
.popular-price {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-box-shadow: 0 15px 20px -12px rgba(0, 0, 0, .6);
	box-shadow: 0 15px 20px -12px rgba(0, 0, 0, .6);
}

.pp-tag {
	position: absolute;
	top: 15px;
	left: -28px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.pp-tag:after {
	position: absolute;
	content: '';
	width: calc(100% + 10px);
	height: calc(100% + 5px);
	border: 5px solid #f8f8f8;
	top: -3px;
	left: -5px;
	-webkit-filter: blur(.8px);
	-moz-filter: blur(.8px);
	-ms-filter: blur(.8px);
	-o-filter: blur(.8px);
	filter: blur(.8px);
}

.plan {
	font-size: 17px;
	border-bottom: 1px solid #ccc
}

.price-tag {
	width: 90px;
	height: 90px;
	border-radius: 100%;
}

.price-tag:before {
	position: absolute;
	content: '';
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	border-radius: 100%;
	border: 10px solid #f8f8f8;
	top: 50%;
	left: 50%;

	-webkit-filter: blur(.8px);
	-moz-filter: blur(.8px);
	-ms-filter: blur(.8px);
	-o-filter: blur(.8px);
	filter: blur(.8px);

	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	-webkit-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, .6);
	box-shadow: 0 20px 20px -20px rgba(0, 0, 0, .6);
}

.price-tag>h2 {
	font-size: 20px;
	line-height: 90px;
}

.plan-detail li {
	font-size: 14px;
}

.plan-detail li:not(:last-of-type) {
	-webkit-box-shadow: 0 5px 6px -8px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 6px -8px rgba(0, 0, 0, .5);
}

/* ============================= PRICING END ======================= */
/* ================================================================= */

/* ================================================================= */
/* =========================== GREAT TEAM START ==================== */
.great-team {
	background: url(../img/bg-lg/01.jpg) no-repeat top left fixed;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.great-team:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	top: 0;
	left: 0;
	z-index: -1;
}

.member-name {
	font-size: 23px;
	border-bottom: 1px solid #000;
	position: relative;
}

.member-name:before {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	background: #000;
	right: 0;
	bottom: -4px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.member-name:after {
	position: absolute;
	content: '';
	width: 20px;
	height: 5px;
	bottom: -3px;
	left: 0;
	background: #000;
}

.member-pos {
	font-size: 15px;
}

.team-member {
	position: relative;
	-webkit-perspective: 1800px;
	-moz-perspective: 1800px;
	-ms-perspective: 1800px;
	-o-perspective: 1800px;
	perspective: 1800px;
}

.team-member img {
	display: block;
	position: relative;
	z-index: 2;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-box-shadow: 0 10px 3px -5px rgba(0, 0, 0, .25);
	box-shadow: 0 10px 3px -5px rgba(0, 0, 0, .25);
}

.team-member:hover img {
	-webkit-transform: scaleX(.9) rotateY(15deg) translateX(-5px);
	-ms-transform: scaleX(.9) rotateY(15deg) translateX(-5px);
	-o-transform: scaleX(.9) rotateY(15deg) translateX(-5px);
	transform: scaleX(.9) rotateY(15deg) translateX(-5px);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	-webkit-box-shadow: 0 30px 20px -25px rgba(0, 0, 0, .6);
	box-shadow: 0 30px 20px -25px rgba(0, 0, 0, .6);
	opacity: .5;
}

.tm-info {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-70%);
	-ms-transform: translateY(-70%);
	-o-transform: translateY(-70%);
	transform: translateY(-70%);
	right: 10px;
}

.tm-info li:not(:first-of-type) {
	margin-top: 5px;
}

.tm-info li {
	-webkit-transform: translateX(50px);
	-ms-transform: translateX(50px);
	-o-transform: translateX(50px);
	transform: translateX(50px);
	visibility: hidden;
	opacity: 0;
	position: relative;
	z-index: 1;
}

.team-member:hover .tm-info li {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
	opacity: 1;
}

.tm-info a {
	font-size: 16px;
	width: 25px;
	height: 25px;
	display: block;
	border: 1px solid #000;
}

.tm-info a:hover {
	background: #000;
	color: #f1f1f1
}

.team-slider .owl-nav {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.team-slider .owl-prev span:before,
.team-slider .owl-next span:before {
	font-size: 26px;
	text-align: center;
}

.team-slider .owl-prev,
.team-slider .owl-next {
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	position: relative;
}

.team-slider .owl-prev {
	margin-right: 5px;
}

.team-slider .owl-next {
	margin-left: 5px;
}

.team-slider .owl-prev:after {
	position: absolute;
	content: '';
	width: 1px;
	height: calc(100% + 25px);
	background: #fff;
	top: -13px;
	left: calc(100% + 5px);
	-webkit-transform: rotate(26deg);
	-ms-transform: rotate(26deg);
	-o-transform: rotate(26deg);
	transform: rotate(26deg);
}

/* ============================ GREAT TEAM END ===================== */
/* ================================================================= */


/* ================================================================= */
/* ============================== BLOG START ======================= */
.blog-img {
	position: relative;
}

.blog-img>a {
	display: inline-block;
	margin: 0 auto;
	position: relative;
}

.category-icon {
	opacity: 1;
	display: inline-block;
	z-index: 2;
}

.category-icon:before {
	font-size: 50px;
}

.blog-txt {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	letter-spacing: 1px;
	padding-bottom: 20px;
}

.blog-title {
	line-height: 40px;
}

.blog-title a {
	font-size: 30px;
	letter-spacing: .6px;
}

.blog-title a:hover {
	color: rgba(0, 0, 0, .6) !important
}

.post-i {
	display: inline-block;
	font-size: 15px;
}

.post-i a:hover {
	color: #000 !important
}

.blogger {
	margin: 0 -15px;
}

.sbs-1 .blog-footer .blogger,
.sbs-2 .blog-footer .blogger {
	margin: 0 0;
}

.blogger>img {
	border-radius: 100%;
	border: 5px solid #f0f0f0;
	-webkit-box-shadow: 0 6px 15px -4px rgba(0, 0, 0, .6);
	box-shadow: 0 6px 15px -4px rgba(0, 0, 0, .6);
}

.sbs-3 .blog-footer .blogger>img {
	-webkit-box-shadow: 0 -5px 8px -3px #aaa;
	box-shadow: 0 -5px 8px -3px #aaa;
}

.bi {
	font-size: 14px;
}

.bi>i {
	color: #999
}

.share-post {
	-webkit-box-shadow: 0 -12px 8px -15px #aaa;
	box-shadow: 0 -12px 8px -15px #aaa;
}

.share-post li:first-of-type {
	font-size: 18px;
	letter-spacing: 0px;
	font-weight: bold;
}

.share-post a {
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: block;
	text-align: center;
	position: relative;
	z-index: 1;
	font-size: 12px;
}

.share-post a:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid #000;
	top: -1px;
	left: -1px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: -1;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.share-post a:hover {
	color: #f8f8f8
}

.share-post a:hover:after {
	border: 1px solid transparent;
	background: #000;
}

.blog-h1 {
	font-size: 30px;
	line-height: 40px;
	border-bottom: 1px solid #000;
	position: relative;
}

.blog-h1:before {
	left: 0;
	width: 10%;
	position: absolute;
	content: '';
	height: 5px;
	bottom: -3px;
	background: #000;
}

.blog-h1:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	bottom: -4px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #000;
	right: 0;
}

.starter:first-letter {
	font-size: 50px;
	font-weight: bold;
	float: left;
	padding: 10px 5px;
	padding-right: 3px;
	margin-right: 5px;
	background: #f8f8f8;
}

.inner-link {
	letter-spacing: 0px;
	padding-bottom: 3px;
	position: relative;
	overflow: hidden;
}

.inner-link:hover {
	-webkit-box-shadow: 0 3px 6px -5px #000;
	box-shadow: 0 3px 6px -5px #000;
}

.inner-link-2 {
	letter-spacing: 0px;
	padding-bottom: 3px;
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 0 3px 6px -5px #000;
	box-shadow: 0 3px 6px -5px #000;
}

.inner-link-3 {
	letter-spacing: 0px;
	position: relative;
	border-bottom: 1px solid #ccc
}

.blog-quote>.txt-normal {
	border-left: 1px solid rgba(220, 220, 220, .1);
	-webkit-box-shadow: -8px 0 18px -12px rgba(0, 0, 0, .2);
	box-shadow: -8px 0 18px -12px rgba(0, 0, 0, .2);
	position: relative;
	z-index: 1;
}

.blog-quote>.txt-normal:after {
	position: absolute;
	content: "\f10d";
	font-family: 'FontAwesome';
	font-size: 80px;
	bottom: -5px;
	right: -22px;
	color: rgba(200, 200, 200, .1);
	z-index: -1;
}

.blog-quote {
	position: relative;
	border-left: 30px solid #000;
}

.blog-quote:before,
.blog-quote:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	background: #000;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	left: -4px;
}

.blog-quote:before {
	top: 24px;
	-webkit-box-shadow: 10px 10px 0 #000;
	box-shadow: 10px 10px 0 #000;
}

.blog-quote:after {
	bottom: 24px;
	-webkit-box-shadow: -10px -10px 0 #000;
	box-shadow: -10px -10px 0 #000;
}

.inner-title {
	font-size: 16px;
	letter-spacing: 0px;
}

.inner-img>a {
	display: block;
	position: relative;
}

.inner-img>a:after {
	position: absolute;
	content: '';
	width: 1px;
	height: calc(50% - 20px);
	background: #f1f1f1;
	left: 50%;
	top: 0;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.inner-img:hover>a:after {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.inner-img>a:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.inner-img:hover>a:before {
	visibility: visible;
	opacity: 1;
}

.bi-img {
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #f1f1f1;
	left: 50%;
	top: 60%;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	z-index: 1;
}

.inner-img:hover .bi-img {
	top: 50%;
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}

.bi-img:before {
	font-size: 20px;
	position: absolute;
	top: 10%;
	left: 75%;
	-webkit-transform: rotate(-45deg) translate(-50%, -50%);
	-ms-transform: rotate(-45deg) translate(-50%, -50%);
	-o-transform: rotate(-45deg) translate(-50%, -50%);
	transform: rotate(-45deg) translate(-50%, -50%);
}

.img-caption {
	font-size: 14px;
}

.blog-footer {
	-webkit-box-shadow: 0 10px 10px -8px #aaa;
	box-shadow: 0 10px 10px -8px #aaa;
}

.comment-title {
	font-size: 25px;
	position: relative;
}

.comment-title:before {
	position: absolute;
	content: '';
	width: 50%;
	height: 1px;
	background: #ccc;
	left: 0;
	bottom: 0;
}

.cmm-name {
	font-size: 25px;
}

.reply-comment .cmm-name {
	font-size: 23px;
}

.cmm-name a:hover {
	color: #888
}

.cmm-date {
	font-size: 15px;
	border-bottom: 1px solid #000;
	position: relative;
}

.reply-comment .cmm-date {
	font-size: 14px;
	border-bottom: 1px solid #ccc;
}

.cmm-date:before {
	position: absolute;
	content: '';
	width: 30%;
	height: 5px;
	background: #000;
	left: 0;
	bottom: -3px;
}

.cmm-date:after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	background: #000;
	bottom: -6px;
	right: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.reply-comment .cmm-date:before,
.reply-comment .cmm-date:after {
	display: none;
}

.comment-form input,
.comment-form textarea,
.comment-form button {
	width: 100%;
}

.comment-form input,
.comment-form textarea {
	border: 5px solid #f1f1f1;
}

.comment-form input:focus,
.comment-form textarea:focus {
	border: 5px solid #f8f8f8;
}

.comment-form input {
	height: 50px;
}

.comment-form textarea {
	height: 150px;
	overflow: auto;
}

.comment-form button {
	font-size: 25px;
	letter-spacing: 3px;
}

.comment-form button:hover {
	background: #f8f8f8;
}

/* blog-style-2 start */
.sbs-2 .blog-banner,
.sbs-3 .blog-banner {
	position: relative;
	z-index: 1;
}

.sbs-2 .blog-banner:after,
.sbs-3 .blog-banner:after {
	position: absolute;
	content: '';
	width: 100%;
	height: calc(100% - 20px);
	background: rgba(0, 0, 0, .6);
	top: 0;
	left: 0;
}

.sbs-2 .blog-banner:before {
	position: absolute;
	content: '';
	width: 10px;
	height: calc(100% - 40px);
	top: 10px;
	right: calc(30% + 5px);

	background: -webkit-linear-gradient(top, #999 0%, #999 1px, transparent 1px, transparent 50%);
	background: -moz-linear-gradient(top, #999 0%, #999 1px, transparent 1px, transparent 50%);
	background: -ms-linear-gradient(top, #999 0%, #999 1px, transparent 1px, transparent 50%);
	background: -o-linear-gradient(top, #999 0%, #999 1px, transparent 1px, transparent 50%);
	background: linear-gradient(top, #999 0%, #999 1px, transparent 1px, transparent 50%);
	background-repeat: repeat-y;
	background-size: 10px 5px;
	z-index: 2;
}

.blog-banner .blogger {
	position: absolute;
	width: 30%;
	margin: 0 0;
	z-index: 2;
}

.sbs-2 .blog-banner .blog-header {
	position: absolute;
	width: calc(70% - 25px);
	bottom: 22px;
	left: 10px;
	z-index: 2;
}

.sbs-2 .blog-banner .blog-h1 {
	border-bottom: none;
}

.sbs-2 .blog-banner .blog-h1:after {
	display: none;
}

.sbs-2 .blog-banner .blog-h1:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 10px;
	bottom: 0;
	left: 0;

	background: -webkit-linear-gradient(left, #999 0%, #999 1px, transparent 1px, transparent 50%);
	background: -moz-linear-gradient(left, #999 0%, #999 1px, transparent 1px, transparent 50%);
	background: -ms-linear-gradient(left, #999 0%, #999 1px, transparent 1px, transparent 50%);
	background: -o-linear-gradient(left, #999 0%, #999 1px, transparent 1px, transparent 50%);
	background: linear-gradient(left, #999 0%, #999 1px, transparent 1px, transparent 50%);
	background-repeat: repeat-x;
	background-size: 5px 10px;
}

.pg-item {
	position: relative;
}

.pg-item>a {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.pg-item>a:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(51, 51, 51, 0);
	top: 0;
	left: 0;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.pg-item>a:hover:after {
	background: rgba(51, 51, 51, .5);
}

.pg-item>a:hover img {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-ms-filter: blur(3px);
	-o-filter: blur(3px);
	filter: blur(3px);
}

.sps-icon {
	font-size: 80px;
	visibility: hidden;
	opacity: 0;
	padding-top: 50px;
	z-index: 2;
}

.pg-item>a:hover .sps-icon {
	visibility: visible;
	opacity: .7;
	padding-top: 0;
}

#portrait-slider .item .pg-item,
#landscape-slider .item .pg-item {
	visibility: hidden;
	opacity: 0;
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
	-o-filter: blur(10px);
	filter: blur(10px);
	-webkit-transition: all .6s linear;
	transition: all .6s linear;
}

#portrait-slider .item.active .pg-item,
#landscape-slider .item.active .pg-item {
	visibility: visible;
	opacity: 1;
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	-o-filter: blur(0px);
	filter: blur(0px);
}

.gallery-title {
	font-size: 25px;
}

.pg-caption {
	width: 200px;
	z-index: 9;
}

#portrait-slider .item .pg-caption,
#landscape-slider .item .pg-caption {
	visibility: hidden;
	opacity: 0;
}

#portrait-slider .item.active .pg-caption,
#landscape-slider .item.active .pg-caption {
	visibility: visible;
	opacity: 1;
	padding: 0 !important;
}

.image-location {
	font-size: 15px;
	border-bottom: 1px solid #000
}

.caption-txt {
	font-size: 14px;
	font-style: italic;
}

/* blog-style-2 end */

/*blog-style-3 start*/
.sbs-3 .share-post {
	width: 300px;
	margin: 0 auto
}

.sbs-3 .blog-banner .blog-header {
	position: absolute;
	width: calc(100% - 20px);
	bottom: 15%;
	left: 10px;
	z-index: 2;
}

.sbs-3 .blog-banner .blog-h1 {
	border-bottom: 1px solid #f8f8f8;
}

.sbs-3 .blog-banner .blog-header:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 10px;
	top: -10px;
	left: 0;
	background: -webkit-linear-gradient(left, #ccc 0%, #ccc 1px, transparent 1px, transparent 50%);
	background: -moz-linear-gradient(left, #ccc 0%, #ccc 1px, transparent 1px, transparent 50%);
	background: -ms-linear-gradient(left, #ccc 0%, #ccc 1px, transparent 1px, transparent 50%);
	background: -o-linear-gradient(left, #ccc 0%, #ccc 1px, transparent 1px, transparent 50%);
	background: linear-gradient(left, #ccc 0%, #ccc 1px, transparent 1px, transparent 50%);
	background-repeat: repeat-x;
	background-size: 5px 10px;
	z-index: 2;
	-webkit-box-shadow: 0 0px 10px 5px rgba(241, 241, 241, .35);
	box-shadow: 0 0px 1px 10px rgba(241, 241, 241, .35);
}

.sbs-3 .blog-banner .blog-header:after {
	position: absolute;
	content: '';
	width: 20%;
	height: 5px;
	background: #f8f8f8;
	bottom: -2px;
	border-radius: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.sbs-3 .blog-banner .blog-h1:before,
.sbs-3 .blog-banner .blog-h1:after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	bottom: -5px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #f8f8f8;
}

.sbs-3 .blog-banner .blog-h1:before {
	left: 0;
}

.sbs-3 .blog-banner .blog-h1:after {
	right: 0;
}

.embed-youtube {
	width: 100%;
	height: 420px;
}

/* =========================== BLOG END ============================ */
/* ================================================================= */

/* ================================================================= */
/* ======================= TESTIMONIAL START ======================= */
.testimonial {
	background: url(../img/bg-lg/01.jpg) no-repeat top left fixed;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.testimonial:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	top: 0;
	left: 0;
	z-index: -1;
}

.pw-item img {
	max-width: 60px !important;
}

.ppl-name {
	font-size: 20px;
}

.ppl-pos {
	font-size: 15px;
}

.people-words .owl-dots {
	position: absolute;
	width: 200px;
	height: 1px;
	padding-left: 30px;
	background: #f1f1f1;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
}

.people-words .owl-dots:before,
.people-words .owl-dots:after {
	position: absolute;
	content: '';
	width: 10%;
	height: 5px;
	background: #f1f1f1;
	bottom: -2px;
}

.people-words .owl-dots:before {
	left: 0;
}

.people-words .owl-dots:after {
	right: 0;
}

.people-words .owl-dot {
	width: 10px;
	height: 10px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin-right: 10px;
	background: #f1f1f1;
	border: 2px solid transparent;
	-webkit-transform: rotate(45deg) translateX(-14px);
	-ms-transform: rotate(45deg) translateX(-14px);
	-o-transform: rotate(45deg) translateX(-14px);
	transform: rotate(45deg) translateX(-14px);
}

.people-words .owl-dot:after {
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	background: #000;
	top: 0;
	left: 0;

	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.people-words .owl-dot.active:after {
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	background: #000;
	top: 0;
	left: 0;
}

.pw-item {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}

.owl-item.active .pw-item {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}

/*pwStyle-2 start*/
.people-words.pwStyle-2 {
	position: relative;
}

.people-words.pwStyle-2:before {
	position: absolute;
	content: "\f10e";
	font-family: 'FontAwesome';
	font-size: 80px;
	color: rgba(255, 255, 255, .1);
	top: 10%;
	right: 35%;
}

.people-words.pwStyle-2 .owl-dots {
	background-color: transparent;
}

.people-words.pwStyle-2 .owl-dots:before,
.people-words.pwStyle-2 .owl-dots:after {
	display: none;
}

.people-words.pwStyle-2 .owl-dot {
	width: 30px;
	height: 1px;
	margin-right: 0;
	margin-left: 3px;
	background: rgba(255, 255, 255, .3);
	border: none;

	-webkit-transform: rotate(0deg) translate(-14px, -12px);
	-ms-transform: rotate(0deg) translate(-14px, -12px);
	-o-transform: rotate(0deg) translate(-14px, -12px);
	transform: rotate(0deg) translate(-14px, -12px);
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.people-words.pwStyle-2 .owl-dot.active {
	width: 30px;
	background: rgba(255, 255, 255, .6);
	-webkit-transform: rotate(0deg) translate(-14px, -12px);
	-ms-transform: rotate(0deg) translate(-14px, -12px);
	-o-transform: rotate(0deg) translate(-14px, -12px);
	transform: rotate(0deg) translate(-14px, -12px);

}

.people-words.pwStyle-2 .owl-dot:after,
.people-words.pwStyle-2 .owl-dot.active:after {
	display: none;
}

/*pwStyle-2 end*/
/* ======================== TESTIMONIAL END ======================== */
/* ================================================================= */

/* ================================================================= */
/* ========================= PARTNERS START ======================== */
.single-partner img {
	-webkit-box-shadow: 0 18px 10px -15px #999;
	box-shadow: 0 18px 10px -15px #999;
}

.single-partner a {
	opacity: .4;
}

.single-partner:hover a {
	opacity: 1;
}

/* ========================== PARTNERS END ========================= */
/* ================================================================= */





/* ================================================================= */
/* ========================== CONTACT START ======================== */
/*subscribe start*/
.subscribe-form input {
	width: calc(100% - 200px);
	border: 8px solid #f1f1f1;
	height: 70px;
}

.subscribe-form input:hover {
	border: 8px solid transparent;
	background: #f1f1f1;
}

.subscribe-form input:focus {
	border: 8px solid transparent;
	background: #f5f5f5;
	-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, .1);
	box-shadow: inset 0 0 8px rgba(0, 0, 0, .1);
}

.subscribe-form .btn-prime {
	width: 190px;
	height: 70px;
	line-height: 70px;
	float: right;
	background: #f1f1f1 !important;
	font-size: 22px;
	letter-spacing: 3px;
}

.subscribe-form input:focus+.btn-prime {
	-webkit-box-shadow: 0 10px 10px -10px #aaa;
	box-shadow: 0 10px 10px -10px #aaa;
}

/*subscribe end*/

/*contact-info start*/
.ci-single {
	border: 10px solid #eaeaea;
}

.ci-icon {
	display: inline-block;
	-webkit-box-shadow: 0 10px 10px -10px #aaa;
	box-shadow: 0 10px 10px -10px #aaa;
}

.ci-icon:before {
	font-size: 50px;
}

.ci-txt {
	font-size: 16px;
}

/*contact-info end*/

/*=== footer-middle start ===*/
.contact-map-devedge {
	margin-left: -15px;
}

#map {
	width: 100%;
	height: 500px;
}

#map-2 {
	height: 630px;
}

.gm-style-cc,
.gmnoprint,
.map-parent div>a>div>img {
	display: none;
}

.contact-form input,
.contact-form textarea {
	width: 100%;
	border: 8px solid #eaeaea;
	background: #f8f8f8;
}

.contact-form input:focus,
.contact-form textarea:focus {
	width: 100%;
	border: 8px solid #f8f8f8;
	background: transparent;
}

.contact-form input {
	height: 70px;
}

.contact-form textarea {
	height: 160px;
}

.contact-form .btn-prime {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	letter-spacing: 3px;
}

/*=== form-devedge start ===*/
.form-devedge input,
.form-devedge textarea {
	font-size: 15px;
}

/*placeholder start*/
.form-devedge input::-webkit-input-placeholder,
.form-devedge textarea::-webkit-input-placeholder {
	letter-spacing: 1px;
	font-size: 15px;
	color: #999;
}

.form-devedge input::-moz-placeholder,
.form-devedge textarea::-moz-placeholder {
	letter-spacing: 1px;
	font-size: 15px;
	color: #999;
}

.form-devedge input:-ms-input-placeholder,
.form-devedge textarea:-ms-input-placeholder {
	letter-spacing: 1px;
	font-size: 15px;
	color: #999;
}

.form-devedge input::placeholder,
.form-devedge textarea::placeholder {
	letter-spacing: 1px;
	font-size: 15px;
	color: #999;
}

.form-devedge input:focus::-webkit-input-placeholder,
.form-devedge textarea:focus::-webkit-input-placeholder {
	padding-left: 10px;
	opacity: .3;
}

.form-devedge input:focus::-moz-placeholder,
.form-devedge textarea:focus::-moz-placeholder {
	padding-left: 10px;
	opacity: .3;
}

.form-devedge input:focus:-ms-input-placeholder,
.form-devedge textarea:focus:-ms-input-placeholder {
	padding-left: 10px;
	opacity: .3;
}

.form-devedge input:focus::placeholder,
.form-devedge textarea:focus::placeholder {
	padding-left: 10px;
	opacity: .3;
}

/*placeholder end*/
/*=== form-devedge end ===*/
.form-x input {
	height: 50px;
	width: 100%;
}

.form-x textarea {
	height: 150px;
	width: 100%;
}

.form-x button[type="submit"] {
	display: block;
	width: 100%;
}

.form4light input,
.form4light textarea {
	border: 5px solid #f0f0f0;
}

/*check-btn-light start */
.check-btn-light {
	cursor: pointer;
	position: relative;
	color: #999;
}

.check-btn-light a {
	color: #000;
	border-bottom: 1px solid #000
}

#input-btn-light:checked+.check-btn-light a {
	color: #999;
	border-bottom: 1px solid #ccc
}

.check-btn-light:before {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	border: 1px solid #ccc;
	background: #f8f8f8;
	top: 0;
	left: 0;
}

.check-btn-light:after {
	position: absolute;
	content: '✓';
	font-size: 35px;

	top: 50%;
	left: -2px;
	-webkit-transform: translateY(-50%) scale(0);
	-ms-transform: translateY(-50%) scale(0);
	-o-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0);

	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

#input-btn-light:checked+.check-btn-light:after {
	-webkit-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
}

/*check-btn-light end*/


/*radio-btn-light start */
.radio-btn-light {
	cursor: pointer;
	position: relative;
}

.radio-btn-light:before,
.radio-btn-light:after,
.radio-btn-light>span:before {
	width: 22px;
	height: 22px;
	border-radius: 100%;
	border: 2px solid #bbb;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.radio-btn-light>span:before {
	position: absolute;
	content: '';
}

.radio-btn-light:before,
.radio-btn-light:after {
	position: absolute;
	content: '';
}

.radio-btn-light:before {
	background: #bbb;
	border: none;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.radio-btn-light:after {
	background: transparent;
	border: 2px solid #bbb;
}

#input-btn-6x3:checked+.radio-btn-light,
#input-btn-6x4:checked+.radio-btn-light,
#input-btn-6x5:checked+.radio-btn-light {
	color: #000
}

#input-btn-6x3:checked+.radio-btn-light:before,
#input-btn-6x4:checked+.radio-btn-light:before,
#input-btn-6x5:checked+.radio-btn-light:before {
	width: 12px;
	height: 12px;
	left: 5px;
}

#input-btn-6x3:checked+.radio-btn-light:after,
#input-btn-6x4:checked+.radio-btn-light:after,
#input-btn-6x5:checked+.radio-btn-light:after {
	-webkit-transform: translateY(-50%) scale(1.8);
	-ms-transform: translateY(-50%) scale(1.8);
	-o-transform: translateY(-50%) scale(1.8);
	transform: translateY(-50%) scale(1.8);
	visibility: hidden;
	opacity: 0;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

/*radio-btn-light end*/

.form4light button[type="submit"] {
	font-family: 'Unica One', sans-serif;
	border: 5px solid #f0f0f0;
	font-size: 20px;
	letter-spacing: 2px;
}

.form-x .g-select[option="selected"] {
	font-weight: 300;
	font-size: 14px;
	letter-spacing: .1px;
}

.g-select {
	letter-spacing: 1px;
	font-size: 15px;
	color: #999 !important;

	border-radius: 0;
	height: 50px;
	padding-left: 20px;
	text-transform: capitalize;
}

.form4light .g-select {
	border: 5px solid #f0f0f0 !important;
}

.form4light .g-select[aria-expanded="false"] {
	color: #000 !important
}

.form-x .dropdown-menu.inner li {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.form-x .dropdown-menu.inner li a {
	letter-spacing: 1px;
	font-size: 15px;

	display: block;
	padding: 10px 0 10px 20px;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.form4light .dropdown-menu.inner li a {
	background: #f0f0f0 !important;
	color: #999;
	border-bottom: 1px dashed #eee;
}

.form-x .dropdown-menu.inner li:last-of-type a {
	border-bottom: none;
}

.form-x .dropdown-menu.inner li:first-of-type {
	display: none;
}

.form4light .dropdown-menu.inner li a:hover,
.form4light .dropdown-menu.inner li.selected a {
	background: #f8f8f8 !important;
}

.form-x button.g-select:focus,
.form-x button.g-select:visited {
	outline: 0 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

button.g-select {
	position: relative;
}

button.g-select:after {
	position: absolute;
	content: '';
	width: 1px;
	height: 100%;

	top: 0;
	right: 50px;
}

button.g-select:after {
	background: #eee;
}

.form4light button.g-select:after {
	background: #eee;
}

button.g-select .caret {
	right: 23px;
	border-width: 5.5px;
	border-color: transparent !important;
}

button.g-select .caret:after {
	position: absolute;
	content: "\f107";
	font-family: 'FontAwesome';
	font-size: 20px;
	font-weight: bold;
	color: #bbb;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-60%);
	-ms-transform: translateY(-60%);
	-o-transform: translateY(-60%);
	transform: translateY(-60%);
}

.form4light button.g-select .caret:after {
	color: #bbb
}

.form-x .dropdown-menu.open {
	border-radius: 0;
	border: none;

	margin-top: 0;
}

.form4light .dropdown-menu.open {
	background: #f0f0f0;
}

.form-x .dropdown-menu {
	display: block !important;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);

	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.form-x .open>.dropdown-menu {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
	visibility: visible;
	opacity: 1;
}

.form-x *,
.form-x *:focus,
.form-x *:visited {
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/*== form4dark start ==*/
.form4dark input,
.form4dark textarea,
.form4dark .g-select {
	border: 5px solid #666;
}

.form4dark .g-select[aria-expanded="false"] {
	color: #ccc !important
}

.form4dark button.g-select .caret:after {
	color: #666
}

.form4dark .dropdown-menu.inner li a {
	background: #666 !important;
	color: #ccc;
	border-bottom: 1px dashed #666;
}

.form4dark .dropdown-menu.inner li a:hover,
.form4dark .dropdown-menu.inner li.selected a {
	background: #000 !important;
}

.form4dark .dropdown-menu.open {
	background: #666
}

.form4dark button.g-select:after {
	background: #666;
}

.form4dark textarea::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, .6);
}

.form4dark button[type="submit"] {
	font-family: 'Unica One', sans-serif;
	border: 5px solid #eee;
	background: #ccc !important;
	color: #333 !important;
	font-size: 20px;
	letter-spacing: 2px;
}

/*check-btn-dark start */
.check-btn-dark {
	cursor: pointer;
	position: relative;
	color: #666;
}

.check-btn-dark a {
	color: #ccc;
	border-bottom: 1px solid #666
}

#input-btn-dark:checked+.check-btn-dark a {
	color: #666;
	border-bottom: 1px solid #555
}

.check-btn-dark:before {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	border: 1px solid #666;
	background: #666;
	top: 0;
	left: 0;
}

.check-btn-dark:after {
	position: absolute;
	content: '✓';
	font-size: 35px;
	color: #ccc;

	top: 50%;
	left: -2px;
	-webkit-transform: translateY(-50%) scale(0);
	-ms-transform: translateY(-50%) scale(0);
	-o-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0);

	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

#input-btn-dark:checked+.check-btn-dark:after {
	-webkit-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
}

/*check-btn-dark end*/


/*radio-btn-dark start */
.radio-btn-dark {
	cursor: pointer;
	position: relative;
}

.radio-btn-dark:before,
.radio-btn-dark:after,
.radio-btn-dark>span:before {
	width: 22px;
	height: 22px;
	border-radius: 100%;
	border: 2px solid #666;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.radio-btn-dark>span:before {
	position: absolute;
	content: '';
}

.radio-btn-dark:before,
.radio-btn-dark:after {
	position: absolute;
	content: '';
}

.radio-btn-dark:before {
	background: #666;
	border: none;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.radio-btn-dark:after {
	background: transparent;
	border: 2px solid #666;
}

#input-btn-6x6:checked+.radio-btn-dark,
#input-btn-6x7:checked+.radio-btn-dark,
#input-btn-6x8:checked+.radio-btn-dark {
	color: #ccc
}

#input-btn-6x6:checked+.radio-btn-dark:before,
#input-btn-6x7:checked+.radio-btn-dark:before,
#input-btn-6x8:checked+.radio-btn-dark:before {
	width: 12px;
	height: 12px;
	left: 5px;
}

#input-btn-6x6:checked+.radio-btn-dark:after,
#input-btn-6x7:checked+.radio-btn-dark:after,
#input-btn-6x8:checked+.radio-btn-dark:after {
	-webkit-transform: translateY(-50%) scale(1.8);
	-ms-transform: translateY(-50%) scale(1.8);
	-o-transform: translateY(-50%) scale(1.8);
	transform: translateY(-50%) scale(1.8);
	visibility: hidden;
	opacity: 0;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

/*radio-btn-dark end*/
/*== form4dark end ==*/
/*=== footer-middle end ===*/

/*footer-bottom start*/
.footer-bottom p {
	font-size: 16px;
}

.copyright {
	font-size: 20px;
	letter-spacing: 2px;
}

/*footer-bottom end*/
/* =========================== CONTACT END ========================= */
/* ================================================================= */


/* ================================================================= */
/* ============================ TABS START ========================= */
/*======================*/
/*bootstrap tab start*/
.tabtitle {
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc
}

.tab-list-hr li {
	float: left;
}

.tab-list-hr a {
	display: block;
}

.tab-list-hr a:hover,
.tab-list-hr li.active a {
	-webkit-box-shadow: 0 10px 5px -10px #999;
	box-shadow: 0 10px 5px -10px #999;
	background: #fafafa;
}


.tab-list-vr li {
	float: none;
}

.tab-list-vr a {
	display: block;
}

.tab-list-vr a>span {
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.tab-list-vr a>span:before {
	font-size: 22px;
}

.tab-list-vr a:hover,
.tab-list-vr li.active a {
	-webkit-box-shadow: 0 10px 5px -10px #999;
	box-shadow: 0 10px 5px -10px #999;
	background: #fafafa;
}

.tab-list-vr li.active a>span {
	padding-right: 15px;
}

.tab-devedge-vr-right .tab-list-vr a>span {
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.tab-devedge-vr-right .tab-list-vr a>span:before {
	font-size: 20px;
}

.tab-devedge-vr-right .tab-list-vr li.active a>span {
	padding-left: 20px;
	padding-right: 0;
}

/*====================*/
/*bootstrap tab end*/
/* ============================= TABS END ========================== */
/* ================================================================= */

/* ================================================================= */
/* =========================== style.css end ======================= */
/* ================================================================= */