.btn {
	font-size: 14px
}
a {
	color: #673ab7
}
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
	border-bottom: 1px solid #673ab7;
	box-shadow: 0 1px 0 0 #673ab7
}
input[type=text]:focus:not([readonly])+label,
input[type=password]:focus:not([readonly])+label,
input[type=email]:focus:not([readonly])+label,
input[type=url]:focus:not([readonly])+label,
input[type=time]:focus:not([readonly])+label,
input[type=date]:focus:not([readonly])+label,
input[type=datetime-local]:focus:not([readonly])+label,
input[type=tel]:focus:not([readonly])+label,
input[type=number]:focus:not([readonly])+label,
input[type=search]:focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
	color: #673ab7!important
}
.white-text {
	color: #fff
}
.brand-color,
.brand-icon,
.team-title h3 a:hover,
.team-social-links li a:hover,
.contact-info .mail a:hover,
.portfolio-with-title .portfolio-title h2 a:hover,
.portfolio-with-title .portfolio-title p a:hover {
	color: #673ab7!important
}
.brand-bg,
.brand-hover:hover,
.icon-hover-brand:hover .icon {
	background-color: #2245a6!important
}
.menuzord-menu>li {
	margin-left: 15px
}
.active-search .search-trigger .search-btn {
	background-color: rgba(103, 58, 183, .9)
}
.overlay.brand::before {
	background-color: rgba(18, 77, 185, .5)
}
.overlay.brand-2::before {
	background-color: #153167
}
.overlay.purple-1::before {
	background-color: rgba(76, 35, 149, .1)
}
.overlay.purple-2::before {
	background-color: rgba(76, 35, 149, .2)
}
.overlay.purple-3::before {
	background-color: rgba(76, 35, 149, .3)
}
.overlay.purple-4::before {
	background-color: rgba(76, 35, 149, .4)
}
.overlay.purple-5::before {
	background-color: rgba(76, 35, 149, .5)
}
.overlay.purple-6::before {
	background-color: rgba(76, 35, 149, .6)
}
.overlay.purple-7::before {
	background-color: rgba(81, 52, 145, .7)
}

.breadcrumb li a:hover {
	text-decoration:underline !important;
	
}
.breadcrumb li a {	
	color: #039be5;
}
.breadcrumb>.active {
	color: #fff;
}
.about-bg1 {
	background-image: url(../../assets/img/bg_01.jpg)
}
.about-bg1::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	display: block;
	background: rgb(20, 42, 208);
	background: linear-gradient(342deg, rgba(20, 42, 208, 1) 0%, rgba(25, 241, 254, 1) 94%)
}
.about-bg2 {
	background-image: url(../../assets/img/bg_02.jpg)
}
.about-bg2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	display: block;
	background: rgb(20, 42, 208);
	background: linear-gradient(29deg, rgba(20, 42, 208, 1) 0%, rgba(25, 241, 254, 1) 94%)
}
.about-bg3 {
	background-image: url(../../assets/img/bg_03.jpg)
}
.about-bg3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	display: block;
	background: rgb(20, 42, 208);
	background: linear-gradient(342deg, rgba(20, 42, 208, 1) 0%, rgba(25, 241, 254, 1) 94%)
}
.about-bg1,
.about-bg2,
.about-bg3 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%
}
@media(max-width:767px){.about-bg1,.about-bg2,.about-bg3{min-height:150px!important}}.bg-1{background:#00b7a3}.bg-2{background:#3d76e4}.banner{background-image:url(../img/slider/slide_01.jpg)}.portfolio-wrapper .bg-overlay {
	background-color: rgba(103, 58, 183, .9)
}
.process-wrapper {
	padding: 110px 110px 0
}
@media screen and (max-width: 991px) {
	.process-bg-wrapper img {
		width: 100%
	}
}
@media screen and (max-width: 768px) {
	.process-wrapper {
		padding: 110px 30px 0
	}
}
.browser-wrapper img {
	display: block;
	margin: 0 auto
}
.process-in {
	position: relative;
	text-align: center
}
.process-in:before {
	top: 35px;
	width: 75%;
	left: 12%;
	content: " ";
	display: block;
	position: absolute;
	border-top: dashed 1px #e6e6e6
}
@media(max-width:768px){.process-in:before{border:none}}.process-in>li .process-number {
	width: 70px;
	height: 70px;
	font-size: 37px;
	font-weight: 500;
	line-height: 60px;
	color: #673ab7;
	background: #fff;
	margin-bottom: 30px;
	display: inline-block;
	border-radius: 50%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease
}
.process-in>li:hover .process-number {
	color: #fff;
	background: #673ab7
}
.process-in .process-desc {
	padding: 0 20px;
	color: #fff
}
.process-in .process-desc h2 {
	margin-bottom: 20px
}
.about-intro {
	padding: 0 120px
}
@media(min-width:1920px){.about-intro{padding:0 120px 0 0
}
}
.about-intro h2 {
	font-size:41px;
	margin-bottom:10px
}
.about-intro span {
	font-size:18px;
	display:inline-block
}
@media screen and (max-width: 768px) {
	.about-intro {
		padding:0 30px
	}
}
.about-intro ul {
	margin-bottom:0
}
.about-intro ul li {
	font-size:16px
}
.about-intro ul li+li {
	margin-top:10px
}
.about-intro ul li i.material-icons {
	position:relative;
	top:5px
}
.my-hobbies,
.clients-say {
	padding:0 100px
}
.clients-say .testimonial-meta span {
	color:#c5a5ff
}
.facts {
	padding:110px
}
.facts h2 {
	font-size:40px;
	font-weight:700;
	margin-bottom:0
}
@media screen and (max-width: 767px) {
	.about-intro,
	.my-hobbies,
	.clients-say {
		padding:60px
	}
	.facts {
		padding: 50px 30px
	}
}
@media screen and (max-width: 530px) {
	.about-intro,
	.my-hobbies,
	.clients-say {
		padding:15px
	}
}
.portfolio-overview h2 {
	font-size:36px;
	margin-top:5px;
	margin-bottom:25px
}
.footer p,
.footer-list li a {
	color:#f5f5f5
}
.copy-text {
	font-size:13px
}
.copy-text,
.copy-text a:hover,
.footer-list li a:hover,
.twitter-widget-wrapper a {
	color:rgba(255,
	255,
	255,
	.5)
}
.twitter-widget-wrapper a:hover {
	color:#fff
}
.primary-footer .widget .form-control {
	border:1px solid transparent
}
.primary-footer .form-group input[type=text],
.primary-footer .form-group input[type=email] {
	color:#999;
	background-color:#fff;
	width:76%;
	float:left;
	border:0!important
}
.primary-footer .form-group button {
	background:#00aeef;
	border:1px solid transparent;
	color:#fff
}
.primary-footer.brand-bg .form-group input::-webkit-input-placeholder {
	color:#c5a4ff
}
.primary-footer.brand-bg .form-group input::-moz-placeholder {
	color:#c5a4ff
}
.primary-footer.brand-bg .form-group input:-ms-input-placeholder {
	color:#c5a4ff
}
.featured-item,
.featured-item.hover-outline h2,
.featured-item.border-box h2,
.featured-item.flat-border-box h2,
.featured-item.flat-border-box .icon,
.featured-item.hover-outline .icon,
.featured-item.hover-outline .icon .colored,
.featured-item.hover-outline .desc {
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease
}
.featured-item .icon {
	font-size:30px
}
.featured-item .icon .material-icons {
	font-size:40px;
	line-height:40px
}
.featured-item .desc p {
	margin:0;
	text-align:left
}
.featured-item h2 {
	font-weight:500
}
@media(max-width:991px){.featured-item{margin-bottom:30px}}.featured-box{position:relative;overflow:hidden;min-height:300px;-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
transition:all .3s
}
.featured-wrapper .intro-header {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	-webkit-transition:-webkit-transform .35s;
	-moz-transition:-webkit-transform .35s;
	-ms-transition:-webkit-transform .35s;
	transition:transform .35s;
	-webkit-transform:translate3d(0,
	-50%,
	0);
	-moz-transform:translate3d(0,
	-50%,
	0);
	-ms-transform:translate3d(0,
	-50%,
	0);
	transform:translate3d(0,
	-50%,
	0)
}
.featured-box:hover .featured-wrapper .intro-header {
	-webkit-transform:translate3d(0,
	-50%,
	0) translate3d(0,
	-60px,
	0);
	-moz-transform:translate3d(0,
	-50%,
	0) translate3d(0,
	-60px,
	0);
	-ms-transform:translate3d(0,
	-50%,
	0) translate2d(0,
	-60px,
	0);
	transform:translate3d(0,
	-50%,
	0) translate3d(0,
	-60px,
	0)
}
.featured-wrapper .intro-header i {
	font-size:34px;
	margin-bottom:25px
}
.featured-wrapper .intro-header i[class^=flaticon-] {
	margin-bottom:10px;
	line-height:55px
}
.featured-wrapper .intro-header i[class^=flaticon-]:before {
	font-size:55px
}
.featured-wrapper .intro-header i.material-icons {
	font-size:40px
}
.featured-wrapper .intro-header h2 {
	font-weight:500
}
.featured-box .content {
	position:absolute;
	bottom:0;
	left:0;
	padding:20px;
	width:100%;
	opacity:0;
	-webkit-transform:translate3d(0,
	10px,
	0);
	-moz-transform:translate3d(0,
	10px,
	0);
	-ms-transform:translate3d(0,
	10px,
	0);
	transform:translate3d(0,
	10px,
	0);
	-webkit-transition:opacity .35s,
	-webkit-transform .35s;
	-moz-transition:opacity .35s,
	-webkit-transform .35s;
	-ms-transition:opacity .35s,
	-webkit-transform .35s;
	transition:opacity .35s,
	transform .35s
}
.featured-box:hover .content {
	opacity:1;
	-webkit-transform:translate3d(0,
	0,
	0);
	-moz-transform:translate3d(0,
	0,
	0);
	-ms-transform:translate3d(0,
	0,
	0);
	transform:translate3d(0,
	0,
	0)
}
.featured-box:hover {
	box-shadow:0 12px 15px 0 rgba(0,
	0,
	0,
	.24),
	0 17px 50px 0 rgba(0,
	0,
	0,
	.19)
}
.ie9 .featured-box .featured-wrapper .intro-header {
	top:20%
}
.brand-icon {
	color:#03a9f4
}
.pink-icon {
	color:#ed145b
}
.purple-icon {
	color:#9c27b0
}
.deep-purple-icon {
	color:#673ab7
}
.green-icon {
	color:#8bc34a
}
.cyan-icon {
	color:#00bcd4
}
.red-icon {
	color:#f6483f
}
.yellow-icon {
	color:#f5c400
}
.dark-icon {
	color:#202020
}
.brand-hover:hover {
	background-color:#03a9f4!important
}
.pink-hover:hover {
	background-color:#ed145b!important
}
.purple-hover:hover {
	background-color:#9c27b0!important
}
.deep-purple-hover:hover {
	background-color:#673ab7!important
}
.green-hover:hover {
	background-color:#8bc34a!important
}
.hover:hover i,
.hover:hover h2,
.hover:hover .content {
	color:#fff!important
}
.hover:hover i {
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	transition:all .4s ease
}
.icon-hover:hover .icon {
	color:#fff!important;
	box-shadow:0 8px 17px 0 rgba(0,
	0,
	0,
	.2),
	0 6px 20px 0 rgba(0,
	0,
	0,
	.19)
}
.icon-hover:hover .colored {
	color:#fff!important
}
.icon-hover-blue:hover .icon {
	background-color:#03a9f4
}
.icon-hover-pink:hover .icon {
	background-color:#ed145b
}
.icon-hover-purple:hover .icon {
	background-color:#9c27b0
}
.icon-hover-green:hover .icon {
	background-color:#8bc34a
}
.icon-hover-red:hover .icon {
	background-color:#f6483f
}
.icon-outline .icon {
	border:1px solid #e2e2e2
}
.icon-circle .icon {
	border-radius:50%
}
.icon-angle .icon {
	border-radius:4px;
	margin-right:40px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.icon-angle .icon i {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.icon-outline:hover .icon {
	border:1px solid transparent
}
.featured-item.icon-outline .material-icons {
	font-size:34px;
	line-height:66px
}
.border-right {
	border-right:1px solid #f1f1f1
}
.featured-item.hover-outline {
	padding:30px 20px
}
.featured-item.hover-outline .icon {
	float:left;
	margin-right:20px
}
.featured-item.hover-outline .desc {
	overflow:hidden
}
.featured-item.hover-outline:hover h2,
.featured-item.hover-outline:hover .icon,
.featured-item.hover-outline:hover .icon .colored,
.featured-item.hover-outline:hover .icon .brand-icon,
.featured-item.hover-outline:hover .desc {
	color:#fff!important
}
.featured-item.hover-outline:hover {
	box-shadow:0 2px 5px 0 rgba(0,
	0,
	0,
	.16),
	0 2px 10px 0 rgba(0,
	0,
	0,
	.12)
}
.featured-item.feature-icon .icon {
	float:left;
	margin-right:20px;
	width:70px;
	height:70px;
	font-size:25px;
	line-height:68px;
	text-align:center;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease
}
.featured-item.feature-icon .desc {
	overflow:hidden
}
.featured-item.feature-icon.border-right {
	border-right:1px solid #eee;
	padding:40px 25px
}
.featured-item.feature-icon.border-right.last {
	border-right:1px solid transparent
}
.feature-background {
	background-image:url(../../img/page-header/header-2.html);
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	position:relative
}
.feature-background::before {
	content:"";
	background-color:rgba(0,
	0,
	0,
	.7);
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0
}
.feature-background .featured-item.feature-icon {
	margin-top:0
}
.fullwidth .featured-item.feature-icon .icon {
	border:0;
	background-color:transparent;
	color:#fff;
	font-size:40px
}
.feature-background .featured-item.pink-hover:hover {
	background-color:#ed145b
}
.feature-background .featured-item.purple-hover:hover {
	background-color:#673ab7
}
.feature-background .featured-item.blue-hover:hover {
	background-color:#03a9f4
}
.featured-item.border-box {
	padding:50px 20px;
	text-align:center;
	border:1px solid #eee;
	background-color:#fff
}
.no-gutter .featured-item.border-box {
	margin-left:-1px
}
.featured-item.border-box h2 {
	margin-bottom:20px
}
.featured-item.border-box:hover h2,
.featured-item.border-box:hover .icon {
	color:#fff
}
.featured-item.border-box:hover {
	color:#fff;
	border:1px solid transparent;
	box-shadow:0 8px 17px 0 rgba(0,
	0,
	0,
	.2),
	0 6px 20px 0 rgba(0,
	0,
	0,
	.19)
}
.featured-carousel .owl-item {
	padding:20px 8px
}
.owl-theme .owl-controls {
	margin-top:20px
}
.owl-theme .owl-dots .owl-dot span {
	width:12px;
	height:12px;
	background:#dadada;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}
.brand-dot.owl-theme .owl-dots .owl-dot.active span,
.brand-dot.owl-theme .owl-dots .owl-dot:hover span {
	background:#03a9f4
}
.featured-item.flat-border-box {
	padding:40px 35px;
	border:1px solid #e2e2e2
}
.featured-item.flat-border-box .icon {
	color:#202020;
	margin-bottom:30px
}
.featured-item.flat-border-box h2 {
	margin-bottom:25px
}
.featured-item.flat-border-box .desc p {
	margin-bottom:30px
}
.featured-item.flat-border-box .readmore {
	color:#999;
	font-weight:700
}
.featured-item.flat-border-box .readmore:hover {
	color:#03a9f4
}
.featured-item.flat-border-box .readmore i {
	padding:0;
	opacity:0;
	visibility:hidden;
	-webkit-transition:padding .3s;
	-moz-transition:padding .3s;
	transition:padding .3s
}
.featured-item.flat-border-box .readmore:hover i {
	opacity:1;
	visibility:visible;
	padding-left:10px
}
.featured-item.flat-border-box:hover h2,
.featured-item.flat-border-box:hover .icon {
	color:#673ab7
}
.featured-item.flat-border-box:hover {
	box-shadow:0 8px 17px 0 rgba(0,
	0,
	0,
	.2),
	0 6px 20px 0 rgba(0,
	0,
	0,
	.19)
}
@media(max-width:991px){.featured-item.flat-border-box{margin-bottom:30px}}.featured-item img {
	width:inherit!important;
	margin:0 auto
}
.featured-item .featured-icon {
	position:reative;
	text-align:center;
	margin-bottom:30px
}
.featured-item .featured-icon img {
	max-height:125px;
	width:auto
}
.featured {
	overflow:hidden
}
.featured li {
	float:left;
	position:relative;
	padding:65px 35px 60px;
	text-align:center
}
.featured.plus-box .icon {
	width:70px;
	height:70px;
	line-height:70px;
	margin:0 auto 20px;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}
.featured.plus-box .icon i.material-icons {
	line-height:70px
}
.featured.plus-box .desc h2 {
	margin-bottom:20px
}
.featured.plus-box .featured-item:hover .icon {
	color:#03a9f4
}
.featured.grid-2 li {
	width:50%
}
.featured.grid-3 li {
	width:33.33%
}
.featured.grid-4 li {
	width:25%
}
.featured.grid-5 li {
	width:20%
}
.featured.grid-6 li {
	width:16.66%
}
@media screen and (max-width: 991px) {
	.featured.grid-3 li,
	.featured.grid-4 li,
	.featured.grid-5 li,
	.featured.grid-6 li {
		width:33.33%
	}
}
@media screen and (max-width: 767px) {
	.featured.grid-2 li,
	.featured.grid-3 li,
	.featured.grid-4 li,
	.featured.grid-5 li,
	.featured.grid-6 li {
		width:50%
	}
}
@media screen and (max-width: 479px) {
	.featured.grid-2 li,
	.featured.grid-3 li,
	.featured.grid-4 li,
	.featured.grid-5 li,
	.featured.grid-6 li {
		width:100%
	}
}
.featured.plus-box li:after,
.featured.plus-box li:before {
	content:'';
	position:absolute
}
.featured.plus-box li:before {
	height:100%;
	top:0;
	right:-2px;
	border-right:1px solid #eee
}
.featured.plus-box li:after {
	width:100%;
	height:0;
	top:auto;
	right:0;
	bottom:-1px;
	border-bottom:1px solid #eee
}
.featured-intro {
	padding:70px 30px
}
.featured-intro .icon {
	color:#6fc673;
	margin-bottom:30px
}
.featured-intro h2 {
	font-size:25px;
	font-weight:400;
	margin-bottom:25px
}
.featured-intro.dark-bg h2,
.featured-intro.dark-bg {
	color:#fff
}
.featured-intro.light-gray-bg h2,
.featured-intro.light-gray-bg {
	color:#202020
}
.feature-presentation .featured-item.feature-icon .icon {
	width:70px;
	height:70px;
	font-size:25px;
	line-height:68px;
	border:1px solid #e0e0e0
}
.feature-presentation .featured-item.feature-icon .icon .material-icons {
	font-size:35px;
	line-height:68px
}
.feature-presentation .featured-item.feature-icon:hover .icon {
	border:1px solid transparent
}
.feature-presentation .featured-item.feature-icon .material-icons {
	line-height:58px
}
@media(min-width:768px){.featured-item.feature-icon.right-icon{text-align:right}.featured-item.feature-icon.right-icon .icon {
	float:right;
	margin-right:0;
	margin-left:20px
}
}
.seo-service img {
	width:100%!important
}
.seo-service .desc {
	padding:30px 20px;
	background-color:#f5f5f5;
	position:relative;
	overflow:hidden
}
.seo-service .bg-overlay {
	position:absolute;
	bottom:-100px;
	right:-100px;
	width:130px;
	height:130px;
	background-color:#03a9f4;
	z-index:1;
	border-radius:100%;
	-webkit-transform:scale(0) translateZ(0);
	-moz-transform:scale(0) translateZ(0);
	-ms-transform:scale(0) translateZ(0);
	-o-transform:scale(0) translateZ(0);
	transform:scale(0) translateZ(0);
	-webkit-transition:all .5s cubic-bezier(.39,
	.575,
	.56499,
	1);
	-moz-transition:all .5s cubic-bezier(.39,
	.575,
	.56499,
	1);
	-ms-transition:all .5s cubic-bezier(.39,
	.575,
	.56499,
	1);
	-o-transition:all .5s cubic-bezier(.39,
	.575,
	.56499,
	1);
	transition:all .5s cubic-bezier(.39,
	.575,
	.56499,
	1)
}
.seo-service:hover .bg-overlay {
	right:0;
	bottom:0;
	-webkit-transform:scale(10) translateZ(0);
	-moz-transform:scale(10) translateZ(0);
	-ms-transform:scale(10) translateZ(0);
	-o-transform:scale(10) translateZ(0);
	transform:scale(10) translateZ(0)
}
.ie9 .seo-service:hover .bg-overlay {
	width:100%;
	height:100%;
	border-radius:0
}
.seo-service .learn-more {
	color:#fff;
	font-size:16px;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	z-index:10;
	opacity:0;
	visibility:hidden;
	-webkit-transform:translate(0%,
	100px);
	-moz-transform:translate(0%,
	100px);
	-ms-transform:translate(0%,
	100px);
	-o-transform:translate(0%,
	100px);
	transform:translate(0%,
	100px);
	-webkit-transition:.5s cubic-bezier(.87,
	-.41,
	.19,
	1.44);
	-moz-transition:.5s cubic-bezier(.87,
	-.41,
	.19,
	1.44);
	-ms-transition:.5s cubic-bezier(.87,
	-.41,
	.19,
	1.44);
	-o-transition:.5s cubic-bezier(.87,
	-.41,
	.19,
	1.44);
	transition:.5s cubic-bezier(.87,
	-.41,
	.19,
	1.44)
}
.seo-service:hover .learn-more {
	opacity:1;
	visibility:visible;
	-webkit-transform:translate(0%,
	-50%);
	-moz-transform:translate(0%,
	-50%);
	-ms-transform:translate(0%,
	-50%);
	-o-transform:translate(0%,
	-50%);
	transform:translate(0%,
	-50%)
}