/*

Author       : themes_mountain

Template Name: Alaia - Personal Portfolio Template

Version      : 1.0

*/



/*

* ----------------------------------------------------------------------------------------

* 01.GENERAL STYLE

* ----------------------------------------------------------------------------------------

*/

body {

	color: #555;

	font-family: 'Zilla Slab', serif;

	font-size: 18px;

	font-weight: 400;

	line-height: 26px;

	background: #fff;

	overflow-x: hidden;

}





html,

body {
	height: 100%;
	position: relative;
}

h1,

h2,

h3,

h4,

h5,

h6 {

	letter-spacing: 0px;

	margin-top: 0px;

	font-family: 'Zilla Slab', serif;

	color: #232434;

	font-weight: 400;

}

a {

	font-family: 'Zilla Slab', serif;

	text-decoration: none;

	-webkit-transition: all 0.2s;

	-o-transition: all 0.2s;

	transition: all 0.2s;

}

a:hover {

	color: #fff;

	text-decoration: none;

}

a:focus {

	outline: none;

	text-decoration: none;

}



p {

	margin-bottom: 0;

}

ul,

li {

	margin: 0;

	padding: 0;

	list-style: none;

}

fieldset {

	border: 0 none;

	margin: 0 auto;

	padding: 0;

}

b,
strong {

	font-weight: 600;

}

span {
	font-family: 'Zilla Slab', serif;
}

/*START PRELOADER DESIGN*/

#loader-wrapper {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 99999;

	overflow: hidden;

}



#loader {

	display: block;

	position: relative;

	left: 50%;

	top: 50%;

	width: 150px;

	height: 150px;

	margin: -75px 0 0 -75px;

	border-radius: 50%;

	border: 3px solid transparent;

	border-top-color: #fb8e49;

	-webkit-animation: spin 1.7s linear infinite;

	animation: spin 1.7s linear infinite;

	z-index: 11;

}



#loader:before {

	content: "";

	position: absolute;

	top: 5px;

	left: 5px;

	right: 5px;

	bottom: 5px;

	border-radius: 50%;

	border: 3px solid transparent;

	border-top-color: #68bb3e;

	-webkit-animation: spin-reverse 0.6s linear infinite;

	animation: spin-reverse 0.6s linear infinite;

}



#loader:after {

	content: "";

	position: absolute;

	top: 15px;

	left: 15px;

	right: 15px;

	bottom: 15px;

	border-radius: 50%;

	border: 3px solid transparent;

	border-top-color: #5138a2;

	-webkit-animation: spin 1s linear infinite;

	animation: spin 1s linear infinite;

}



@-webkit-keyframes spin {

	0% {

		-webkit-transform: rotate(0deg);

	}

	100% {

		-webkit-transform: rotate(360deg);

	}

}



@keyframes spin {

	0% {

		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	100% {

		-webkit-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}



@-webkit-keyframes spin-reverse {

	0% {

		-webkit-transform: rotate(0deg);

	}

	100% {

		-webkit-transform: rotate(-360deg);

	}

}



@keyframes spin-reverse {

	0% {

		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	100% {

		-webkit-transform: rotate(-360deg);

		transform: rotate(-360deg);

	}

}



#loader-wrapper .loader-section {

	position: fixed;

	top: 0;

	width: 51%;

	height: 100%;

	background: #fff;

	z-index: 10;

}



#loader-wrapper .loader-section.section-left {

	left: 0;

}



#loader-wrapper .loader-section.section-right {

	right: 0;

}



.loaded #loader-wrapper .loader-section.section-left {

	-webkit-transform: translateX(-100%);

	transform: translateX(-100%);

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

}



.loaded #loader-wrapper .loader-section.section-right {

	-webkit-transform: translateX(100%);

	transform: translateX(100%);

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

}



.loaded #loader {

	opacity: 0;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	-webkit-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

}



.loaded #loader-wrapper {

	visibility: hidden;

	-webkit-transform: translateY(-100%);

	transform: translateY(-100%);

	-webkit-transition: all 0.3s 1s ease-out;

	transition: all 0.3s 1s ease-out;

}

/*END LOADER*/

.no-padding {
	padding: 0
}



::-moz-placeholder {

	color: #fff;

}



/*END PRELOADER DESIGN*/

.section-padding {
	padding: 80px 0
}

/*START SECTION TITLE DESIGN*/

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

.section-title h1 {

	text-transform: capitalize;

	font-size: 40px;

	font-weight: 600;

}

h1.section-title-white {
	color: #fff;
	font-size: 40px;
}

p.section-title-white {
	color: #fff;
}

/*END SECTION TITLE DESIGN*/

/*START SCROLL TO TOP*/

.topcontrol {

	background: #3f3eed none repeat scroll 0 0;

	border-radius: 30px;

	bottom: 5px;

	-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);

	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);

	color: #fff;

	cursor: pointer;

	font-size: 22px;

	height: 50px;

	line-height: 47px;

	opacity: 1;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	position: fixed;

	right: 5px;

	text-align: center;

	-webkit-transition: all 0.2s ease 0s;

	-o-transition: all 0.2s ease 0s;

	transition: all 0.2s ease 0s;

	width: 50px;

}

@media only screen and (max-width:768px) {

	.topcontrol {
		display: none;
	}

}

.topcontrol:hover {

	background: #fff;

	color: #232434;

}

/*END SCROLL TO TOP*/



/*START BTN DESIGN*/

.btn_all {

	display: inline-block;

	vertical-align: middle;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-moz-osx-font-smoothing: grayscale;

	position: relative;

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	padding: 13px 38px;

	font-size: 16px;

	color: #fff;

	background: #3f3eed;

	box-shadow: 0 10px 40px -10px rgba(0, 64, 128, .2);

	font-weight: 500;

}

.btn_all:before {

	content: "";

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: #3f3eed;

	-webkit-transform: scaleY(0);

	transform: scaleY(0);

	-webkit-transform-origin: 50% 100%;

	transform-origin: 50% 100%;

	-webkit-transition-property: transform;

	transition-property: transform;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.btn_all:hover,
.btn_all:focus,
.btn_all:active {

	color: #fff;

}

.btn_all:hover:before,
.btn_all:focus:before,
.btn_all:active:before {

	-webkit-transform: scaleY(1);

	transform: scaleY(1);

}

/*END BTN DESIGN*/



/*START SOCIAL PROFILE CSS*/

.social_profile {

	position: fixed;

	top: 30%;

	right: 0;

}

@media only screen and (max-width:480px) {

	.social_profile {
		top: 40%;
	}

}

.social_profile ul {

	list-style: outside none none;

	margin: 0;

	padding: 0;

}

.social_profile ul li {
	display: inline;
}

.social_profile ul li a {

	text-align: center;

	border: 0px;

	text-transform: uppercase;

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	margin-right: 10px;

	font-size: 16px;

	color: #fff;

	display: block;

	width: 40px;

	height: 40px;

	line-height: 40px;

	border-radius: 30px;

}

@media only screen and (max-width:880px) {

	.social_profile {
		display: none;
	}

}

.social_profile ul li a:hover {

	color: #fff;

}

/*END SOCIAL PROFILE CSS*/

.bubble_canvas {

	min-width: 100vw;

	min-height: 100vh;

	position: fixed;

	top: 0;

	left: 0;

	z-index: -1;

}



/*

* ----------------------------------------------------------------------------------------

* 01.END GENERAL STYLE

* ----------------------------------------------------------------------------------------

*/



/*

* ----------------------------------------------------------------------------------------

* 02.START BOOTSTRAP NAVIGATION OVERRIDES

* ----------------------------------------------------------------------------------------

*/

.site-logo img {

	width: 150px;

	height: auto;

	margin-top: 10px;

}

.bg-faded {

	background-color: transparent;

	-webkit-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.navbar-fixed {

	z-index: 999;

	position: fixed;

	opacity: .98;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";

	width: 100%;

	padding: 10px 0;

	top: 0;

	-webkit-animation: fadeInDown 800ms;

	animation: fadeInDown 800ms;

	-webkit-backface-visibility: hidden;

	border-radius: 0px;

	background: #fff;

	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);

}

#navigation {

	padding: 10px 0;

	/* border-bottom: 1px solid #232434; */

	background-color: transparent;

}

#navigation.navbar-fixed {

	padding: 10px 0;

	background: #232434;

	border-color: #232434;

	background: rgba(255, 255, 255, 0.04);

	backdrop-filter: blur(15px);

}

.header_right {

	display: block;

	-ms-flex-preferred-size: auto;

	flex-basis: auto;

	background: rgba(255, 255, 255, 0.04);

	backdrop-filter: blur(2px);

}

#navigation.navbar-fixed .header_right {

	background: rgba(255, 255, 255, 0.04);

	backdrop-filter: blur(15px);

	border-radius: 5px;

}

#main-menu {}

#main-menu ul {

	list-style-type: none;

	text-align: center;

}

#main-menu ul li {

	display: inline-block;

	margin-left: 20px;

	position: relative;

}

#main-menu ul li a {

	color: #fff;

	font-weight: 500;

	text-transform: capitalize;

	-webkit-transition: .5s;

	transition: .5s;

	font-size: 18px;

	padding: 24px 0 26px;

	display: block;

}

#main-menu ul li a span {

	font-weight: bold;

	font-size: 12px;

}

@media only screen and (max-width: 880px) {

	#main-menu ul li a span {
		display: none;
	}

}

#navigation.navbar-fixed #main-menu ul li a {

	color: #232434;

	padding: 22px 0 22px;

}

#navigation.navbar-fixed #main-menu ul li a:hover,

#navigation.navbar-fixed #main-menu ul li a:focus,

#main-menu ul li a:hover,

#main-menu ul li a:focus {

	color: #232434;

}

#main-menu ul li>a:hover,

#main-menu ul li>a:focus {



	color: #3f3eed;

}

#navigation #main-menu ul li a:hover,

#navigation #main-menu ul li a:focus,

#navigation.navbar-fixed #main-menu ul li a:hover,

#navigation.navbar-fixed #main-menu ul li a:focus {}

#navigation.navbar-fixed #main-menu ul li a:hover,

#navigation.navbar-fixed #main-menu ul li a:focus {

	color: #3f3eed;

}



.slicknav_menu {

	font-size: 16px;

	box-sizing: border-box;

	background: #fff;

	padding: 0px;

}

.slicknav_nav_icon {

	color: #6138bd;

	font-size: 24px;

}

.slicknav_nav ul {

	list-style: none;

	overflow: hidden;

	padding: 0;

	margin: 0;

	background: #232434;

}

#mobile_menu {

	display: none;

}

/* Responsive Design */

@media only screen and (max-width:1024px) {

	#main-menu ul li {

		margin-left: 30px;

	}

}

/*END 1024px*/

@media only screen and (max-width: 991px) {

	#main-menu ul li {

		margin-left: 9px;

	}

	#main-menu ul li a {

		font-size: 15px;

	}

	#navigation {

		padding: 10px 0 20px;

		background: #232434;

	}

}

/*END 991px*/

@media only screen and (max-width: 880px) {

	#main-menu {

		display: none;

	}

	#mobile_menu {

		display: block;

		width: 100%;

	}

	.slicknav_nav {

		background-color: #fff;

	}

	#navigation #mobile_menu li a {

		color: #fff;

		font-weight: 500;

	}

	#navigation.navbar-fixed #mobile_menu li a {

		color: #fff;

	}

	.slicknav_nav a {

		padding: 5px 0px;

		-webkit-transition: .3s;

		transition: .3s;

	}

	#navigation #mobile_menu li a:hover,

	#navigation #mobile_menu li a:focus {

		color: #3f3eed;

		background: #232434;

	}

	.slicknav_btn {

		top: 24px;

		background: #3f3eed;

	}

}

/*END 767px*/

.slicknav_menu .slicknav_icon-bar {

	background-color: #232434;

}

@media only screen and (max-width: 575px) {

	.slicknav_btn {

		margin: 0;

		text-decoration: none;

		position: absolute;

		top: 35px;

		right: 17px;

	}

	.ti-angle-down {

		display: none;

	}

}

/*END 575px*/

/*-------------------------------

# Dropdwon menu 

--------------------------------*/



#navigation #main-menu ul li ul,

#navigation #main-menu ul li ul li ul {

	background: #fff;

	box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05);

	left: -55px;

	list-style: outside none none;

	margin: 0;

	opacity: 0;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	padding: 10px;

	position: absolute;

	text-align: left;

	top: 100%;

	-webkit-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	visibility: hidden;

	width: 200px;

	z-index: 999;

	border-radius: 4px;

	border-top: 2px solid #232434;

}

#navigation #main-menu ul li ul li {

	position: relative;

}

#navigation #main-menu ul li ul li ul {

	top: 0;

	right: auto;

	left: 205px;

}

#navigation.navbar-fixed #main-menu ul li li a {

	color: #232434;

}

#navigation #main-menu ul li:hover ul,

#navigation #main-menu ul li ul li:hover>ul {

	opacity: 1;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	visibility: visible;

}

#navigation #main-menu ul li ul li {
	display: block;
	margin: 0;
	padding: 0;
}



#navigation.navbar-fixed #main-menu ul li ul li a,

#navigation #main-menu ul li ul li a {

	color: #232434;

	display: block;

	font-size: 16px;

	font-weight: 400;

	text-transform: capitalize;

	padding: 5px 12px;

	position: relative;

	-webkit-transition: all 0.3s ease 0s !important;

	transition: all 0.3s ease 0s !important;

	visibility: inherit !important;

	opacity: inherit !important;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=NaN)";

}



#navigation #main-menu ul li ul li a:hover,

#navigation.navbar-fixed #main-menu ul li ul li a:hover,

#navigation.navbar-fixed #main-menu ul li ul li a:focus {

	color: #fff;

	background-color: #232434;

	text-decoration: none;

}





@media only screen and (max-width:767px) {

	.navbar-brand {

		padding-top: 20px;

	}

}

@media only screen and (max-width:880px) {

	#navigation .call_to_action:hover {

		text-align: center;

	}

}

@media only screen and (max-width:880px) {

	#navigation.navbar-fixed .call_to_action {

		text-align: center;

	}

}

.call_to_action {

	text-align: right;

	margin-top: 7px;

}

/*

* ----------------------------------------------------------------------------------------

* 02.END BOOTSTRAP NAVIGATION OVERRIDES

* ----------------------------------------------------------------------------------------

*/

/*

* ----------------------------------------------------------------------------------------

* 03. START HOMEPAGE CSS STYLE

* ----------------------------------------------------------------------------------------

*/

.home_bg {

	height: 750px;

	position: relative;

}



.about_me_content {

	padding-top: 300px;

	position: relative;

}

@media only screen and (max-width:768px) {

	.about_me_content {
		padding-top: 200px;
	}

}

.about_me_content h1 {

	font-size: 72px;

	margin-top: 10px;

	font-weight: 700;

	color: #fff;



}

.about_me_content h1 span {

	padding: 0px !important;

	-webkit-text-stroke: 2px #3f3eed;

	color: transparent;

}

@media only screen and (max-width:480px) {

	.about_me_content h1 {
		font-size: 40px;
	}

}

.about_me_content h4 {

	text-transform: capitalize;

	font-weight: 500;

	font-size: 30px;

}



.about_btns {
	margin-top: 30px;
}

.about_btns a {}

@media only screen and (max-width:768px) {

	.about_btns a {
		margin-bottom: 40px;
	}

}

.video-play {

	display: inline-block;

	position: relative;



}

.video-play i {

	background: none7;

	border: 2px solid #3f3eed;

	color: #232434;

	width: 60px;

	height: 60px;

	line-height: 56px;

	text-align: center;

	border-radius: 100px;

	margin-right: 15px;

	display: inline-block;

	transition: all 0.3s ease 0s;

}

.video-play:hover i {

	background: #3f3eed;

	color: #fff;

	border: 2px solid #3f3eed;

}

.video-title {

	font-weight: 500;

	color: #232434;

	text-transform: uppercase;

	font-size: 16px;

}

.hero_img {

	position: absolute;

	z-index: 9;

	bottom: 0;

}

@media only screen and (max-width:768px) {

	.hero_img {
		display: none;
	}

}

.hero_img img {
	position: relative;
}

.pa_marquee {

	background: #3f3eed;

	color: #fff;

	padding: 30px 0;

	margin: 0;

	font-size: 20px;

	font-weight: 500;

}

/*

* ----------------------------------------------------------------------------------------

* 03. END HOMEPAGE CSS STYLE

* ----------------------------------------------------------------------------------------

*/



/*

* ----------------------------------------------------------------------------------------

* 04. START ABOUT CSS STYLE

* ----------------------------------------------------------------------------------------

*/

.about_img {}

.about_img img {
	width: 100%;
}

@media only screen and (max-width:880px) {

	.about_img {
		margin-bottom: 60px;
	}

}

.about_info {

	margin-bottom: 20px;

	position: relative;

}

.about_info h4,
.skills_info h4 {

	margin-bottom: 10px;

	text-transform: capitalize;

	font-size: 16px;

	border-bottom: 1px dashed #232434;

	display: inline-block;

	padding-bottom: 4px;

}

.about_info h3 {

	font-size: 42px;

	font-weight: 600;

	line-height: 48px;

}

.about_info p {

	margin-bottom: 30px;

	font-size: 18px;

	line-height: 32px;

}

.basic-info {
	margin-top: 20px;
	position: relative;
}

.basic-info {}

.single-basic-info {

	display: inline-block;

	font-size: 14px;

	width: 175px;

	position: relative;

}

.single-basic-info p {

	font-size: 22px;

	font-weight: 600;

}

.single-basic-info p span {

	font-size: 16px;

	font-weight: normal;

}

/*

* ----------------------------------------------------------------------------------------

* 04. END ABOUT CSS STYLE

* ----------------------------------------------------------------------------------------

*/





/*

* ----------------------------------------------------------------------------------------

* 05. START SERVICE CSS STYLE

* ----------------------------------------------------------------------------------------

*/



@media only screen and (max-width:768px) {

	.service_area {
		padding-bottom: 20px;
	}

}



.single_service {

	margin-bottom: 60px;

	position: relative;

}

.service_icon {

	border: 1px solid #3f3eed;

	border-radius: 500px;

	display: inline-block;

	float: left;

	height: 110px;

	margin-bottom: 30px;

	margin-right: 30px;

	position: relative;

	width: 110px;

}

.single_service i {

	background: #3f3eed;

	border: 1px dashed #3f3eed;

	border-radius: 500px;

	color: #fff;

	font-size: 30px;

	height: 80px;

	left: 50%;

	line-height: 80px;

	text-align: center;

	margin: auto;

	position: absolute;

	top: 50%;

	transform: translate(-50%, -50%);

	width: 80px;

	transition: 0.3s;

}

.single_service:hover i {

	background: #3f3eed;

	color: #fff;

}

.single_service h4 {

	font-size: 24px;

	font-weight: 600;

	margin-bottom: 15px;

	overflow: hidden;

	padding-top: 15px;

	text-transform: capitalize;

}

/*START COUNTER AREA*/

.counter_feature {

	position: relative;

	border-top: 1px solid #dadbe1;

}



.single_counter {

	background: rgba(0, 0, 0, 0.06);

	border-radius: 500px;

	display: inline-block;

	height: 200px;

	margin-bottom: 10px;

	position: relative;

	width: 200px;

}

.counter {
	position: relative;
}

.counter h2 {

	background: #3f3eed;

	border-radius: 500px;

	color: #fff;

	font-size: 36px;

	font-weight: 700;

	height: 120px;

	left: 50%;

	line-height: 120px;

	margin: auto;

	position: absolute;

	top: 50%;

	transform: translate(-50%, -50%);

	width: 120px;

}

.counter p {

	color: #232434;

	text-transform: capitalize;

	font-weight: 700;

	position: absolute;

	top: 0%;

	left: 0;

	transform: rotate(320deg);

}

/*END COUNTER AREA*/

.partner-logo {

	background: rgba(255, 255, 255, 0.06);

}

.partner_title h3 {

	margin-bottom: 60px;

	font-size: 22px;

	font-weight: 500;

}

.partner.owl-theme .owl-controls {
	display: none !important;
}

/*

* ----------------------------------------------------------------------------------------

* 05. END SERVICE CSS STYLE

* ----------------------------------------------------------------------------------------

*/

/*--------------------------------------------------------------

# Features

--------------------------------------------------------------*/

.features .feature-box {

	padding: 24px 20px;

	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);

	transition: 0.3s;

	height: 100%;

	position: relative;

	background: rgba(255, 255, 255, 0.06);

}



.features .feature-box h3 {

	font-size: 18px;

	color: #232434;

	font-weight: 700;

	margin: 0;

}

.features .feature-box h3 span {

	background: #3f3eed;

	color: #fff;

	font-size: 14px;

	display: inline-block;

	padding: 10px;

	top: 0%;

	position: absolute;

	right: 0%;

}

.features .feature-box i {

	line-height: 0;

	background: #3f3eed;

	color: #fff;

	padding: 4px;

	margin-right: 10px;

	font-size: 24px;

	border-radius: 3px;

	transition: 0.3s;

}



.features .feature-box:hover i {

	background: #3f3eed;

	color: #fff;

}



/*

* ----------------------------------------------------------------------------------------

* 06. START PRICING STYLE

* ----------------------------------------------------------------------------------------

*/

.pricing .box {

	padding: 40px 20px;

	background: rgba(255, 255, 255, 0.06);

	text-align: center;

	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);

	border-radius: 4px;

	position: relative;

	overflow: hidden;

	transition: 0.3s;

}

.pbox {

	transform: scale(1.1);

	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);

}



.pricing h3 {

	font-weight: 700;

	font-size: 24px;

	margin-bottom: 15px;

}



.pricing .price {

	font-size: 56px;

	color: #232434;

	font-weight: 600;

}



.pricing .price sup {

	font-size: 20px;

	top: -15px;

	left: -3px;

}



.pricing .price span {

	font-size: 16px;

	font-weight: 500;

}



.pricing img {

	padding: 30px 40px;

}



.box p {
	padding: 30px;
}



.pricing .btn-buy {

	display: inline-block;

	padding: 8px 40px 10px 40px;

	border-radius: 50px;

	color: #232434;

	transition: none;

	font-size: 16px;

	font-weight: 400;

	font-weight: 600;

	transition: 0.3s;

	border: 2px solid #3f3eed;

}



.pricing .btn-buy:hover {

	background: #3f3eed;

	color: #fff;

}



.pricing .featured {

	width: 200px;

	position: absolute;

	top: 18px;

	right: -68px;

	transform: rotate(45deg);

	z-index: 1;

	font-size: 14px;

	padding: 1px 0 3px 0;

	background: #3f3eed;

	color: #fff;

}

/*

* ----------------------------------------------------------------------------------------

* 06. END PRICING STYLE

* ----------------------------------------------------------------------------------------

*/



/*

* ----------------------------------------------------------------------------------------

* 07. START PORTFILIO PAGE DESIGN

* ----------------------------------------------------------------------------------------

*/

.portfolio_area {
	padding-bottom: 50px;
}

.portfolio_filter ul {

	list-style: none;

	margin-bottom: 60px;

	background: #fff;

	border-radius: 5px;

	box-shadow: 0 10px 40px -10px rgba(0, 64, 128, .1);

}

@media only screen and (max-width:768px) {

	.portfolio_filter ul {
		width: 100%;
	}

}

.portfolio_filter ul li {

	font-weight: 500;

	text-transform: capitalize;

	display: inline-block;

	cursor: pointer;

	padding: 20px 30px;

	font-size: 18px;

	color: #232434;

	-webkit-transition: .5s;

	-o-transition: .5s;

	transition: .5s;

	margin: 0;

	border-right: 1px solid #e8e8e8;

}

@media only screen and (max-width:480px) {

	.portfolio_filter ul li {
		margin-bottom: 10px;
	}

}

.portfolio_filter ul li:last-child {

	border-right: 0px;

}

.portfolio_filter .active {

	color: #232434;

	opacity: 1;

	background: #3f3eed;

	border-radius: 5px 0 0 5px;

}

.single_portfolio_design {

	overflow: hidden;

	background: rgba(255, 255, 255, 0.06);

	padding: 30px;

	border-radius: 10px;

	box-shadow: 0 10px 40px -10px rgba(0, 64, 128, .2);

	margin-bottom: 30px;

	position: relative;
	height: 350px;

}

.port_img {

	margin-right: 30px;

	float: left;

}

@media only screen and (max-width:480px) {

	.port_img {

		margin-right: 00px;

		float: none;

	}

}

.port_img img {

	border-radius: 10px;

	width: 275px;

}

@media only screen and (max-width:480px) {

	.port_img img {
		width: 100%;
	}

}

.port_content {

	overflow: hidden;

	margin-top: 25px;

}

.port_content p {

	overflow: hidden;

	font-weight: 400;

	text-decoration: none;

}

.port_content h2 {
	overflow: hidden;
}

.port_content h2 a {

	overflow: hidden;

	font-weight: 500;

	color: #232434;

	margin-top: 8px;

	margin-bottom: 20px;

	display: block;

	transition: 0.3s;

}

.single_portfolio_design:hover .port_content h2 a {

	color: #3f3eed;

}

.port_content span {}

.plus_btn {

	background: none;

	color: #3f3eed;

	border: 2px solid #3f3eed;

	border-radius: 30px;

	width: 40px;

	height: 40px;

	display: inline-block;

	text-align: center;

	line-height: 40px;

	transition: 0.3s;

}

.single_portfolio_design:hover .plus_btn {

	background: #3f3eed;

	border: 2px solid #3f3eed;

	color: #fff;

}

/*project modal*/

.modal-title {

	color: #232434;

	margin: 0;

	text-transform: uppercase;

}

.modal-content {

	padding: 10px 30px;

	background: #fff;

	border-radius: 0px;

}

.modal-body {
	margin-bottom: 15px
}

.modal-body img {

	width: 100%;

	margin-bottom: 20px;

}

.modal-body p {
	margin: 15px 0 0
}

.project-list {
	margin-top: 30px
}

.project-list label {

	color: #232434;

	margin-bottom: 0;

	margin-right: 0;

	width: 120px;

}

.project-list li {

	padding: 7px 0;

	font-size: 16px;

}

.project-list li a {

	color: #232434;

	margin-bottom: 0;

	margin-right: 7px;

	font-weight: 600;



}

.project-list li a:hover {
	color: #3f3eed;
}

/*End project modal*/

/*

* ----------------------------------------------------------------------------------------

* 07. END PORTFILIO PAGE DESIGN

* ----------------------------------------------------------------------------------------

*/











/*

* ----------------------------------------------------------------------------------------

* 09.START TESTIMONIAL DESIGN

* ----------------------------------------------------------------------------------------

*/

.testimonials_area {

	background: rgba(255, 255, 255, 0.06);

}

.testi_pd {

	padding-left: 50px;

}

@media only screen and (max-width:880px) {

	.testi_pd {
		padding-left: 0px;
	}

}

.testi_title {
	margin-bottom: 30px;
	position: relative;
	margin-top: -66px;
	margin-right: 140px;
}

.testi_title h2 {

	font-weight: 700;

	font-size: 60px;

}

.testi_title p {

	color: #3f3eed;

	font-weight: 600;

}

.testi_rev {

	background: #00b67a;

	display: inline-block;

	padding: 25px;

	position: absolute;

	bottom: 0;

	right: 0;

	border-radius: 0px 30px 0px 30px;

}

.testi_revv {

	background: #3f3eed;

	display: inline-block;

	padding: 25px;

	position: absolute;

	bottom: 0;

	right: 130px;

	border-radius: 0px 30px 0px 30px;

}

@media only screen and (max-width:480px) {

	.testi_rev {

		position: relative;

		margin-top: 40px;

	}

	.testi_revv {

		position: absolute;

		bottom: 0;

		right: 230px;

	}

}

.testi_rev span {

	font-weight: 600;

	font-size: 32px;

	display: inline-block;

	margin-bottom: 10px;

	color: #fff;

}

.testi_rev>p {

	color: #232434;

	text-transform: capitalize;

}

.testi_revv span {

	font-weight: 600;

	font-size: 32px;

	display: inline-block;

	color: #232434;

	margin-bottom: 10px;

}

.testi_revv>p {

	color: #232434;

	text-transform: capitalize;

}

.testimonial_content_two {}

.testimonial_content_two p {

	font-size: 24px;

	line-height: 34px;

}

.testi_name {

	font-size: 26px;

	text-transform: capitalize;

	font-weight: 600;

	margin-top: 40px;

	display: block;

	color: #232434;

	margin-bottom: 5px;

}

.testi_con {
	color: #3f3eed;
}

.owl-theme .owl-controls .owl-page {
	display: inline-block
}

.owl-controls .owl-page,

.owl-controls .owl-buttons div {
	cursor: pointer
}

.owl-theme .owl-controls .owl-page span {

	background-color: #3f3eed !important;

	border-radius: 20px;

	display: block;

	height: 2px;

	margin: 5px 3px;

	width: 20px;

}



.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span {
	background-color: #fff
}

.owl-theme .owl-controls {

	display: block !important;

	margin-top: 10px;

	text-align: center;

}

/*

* ----------------------------------------------------------------------------------------

* 09.END TESTIMONIAL DESIGN

* ----------------------------------------------------------------------------------------

*/



/*

* ----------------------------------------------------------------------------------------

* 10. START BLOG PAGE DESIGN

* ----------------------------------------------------------------------------------------

*/

.blog_area {}

.single_blog_content {}

@media only screen and (max-width:480px) {

	.single_blog_content {
		margin-bottom: 60px;
	}

}

.single_blog_content h1 {

	font-weight: 600;

	margin-bottom: 20px;

}

.single_blog_content p {}

.single_blog {

	background: none;

	border-radius: 0px 10px 10px 10px;

}

.sb_none {
	margin-bottom: 0px;
}

@media only screen and (max-width:880px) {

	.single_blog {
		margin-bottom: 30px;
	}

}

.blog_content {

	margin-top: 15px;

}

.blog-img {
	position: relative;
}

.blog-img img {
	position: relative;
}

@media only screen and (max-width:768px) {

	.blog-img img {
		width: 100%;
	}

}

.single_blog h2 {

	line-height: 32px;

	font-size: 20px;

	font-weight: 500;

}

.single_blog h2 a {

	color: #232434;

}

.single_blog p {
	margin-bottom: 20px;
}

.single_blog h2 a:hover {
	color: #3f3eed;
}

.single_blog span {

	text-transform: capitalize;

	margin-bottom: 10px;

	display: inline-block;

	font-weight: 500;

	color: #3f3eed;

}

@media screen and (max-width:480px) {

	.single_blog span {
		margin-right: 15px;
	}

}

@media screen and (max-width:414px) {

	.single_blog span {

		margin-right: 5px;

		font-size: 12px;

	}

}

.single_blog span a {
	color: #3f3eed;
}

.single_blog>a {
	margin-bottom: 30px;
}

.blog_content a {

	font-size: 22px;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	transition: 0.3s;

}

.blog_content a:hover {
	color: #3f3eed;
}

/*START SINGLE PAGE BLOG STYLE*/

.single_blog_area {}

.single_blog_page {}

.single_blog_page img {}

.single_blog_page p {
	margin-top: 30px;
}

.text-italic {

	font-style: italic;

	font-weight: 600;

	font-size: 16px;

	line-height: 26px;

}

/*END SINGLE PAGE BLOG STYLE*/

/*

* ----------------------------------------------------------------------------------------

* 10. END BLOG PAGE DESIGN

* ----------------------------------------------------------------------------------------

*/



/*

* ----------------------------------------------------------------------------------------

* 11.START CONTACT DESIGN

* ----------------------------------------------------------------------------------------

*/

.contact_us {}

.contact {
	margin-right: 30px;
}

@media only screen and (max-width:768px) {

	.contact {
		margin-bottom: 60px;
		margin-right: 0px;
	}

}

.contact h4 {
	font-weight: 700;
	font-size: 40px;
}

.contact p {

	margin-bottom: 40px;

}

.contact_img {}

@media only screen and (max-width:880px) {

	.contact_img {

		margin-bottom: 60px;

		margin-right: 0px;

	}

}

.contact input {

	background: rgba(0, 0, 0, 0.06);

	border: 1px solid rgba(0, 0, 0, 0.06);

	border-radius: 0px;

	-webkit-box-shadow: none;

	box-shadow: none;

	color: #232434;

	font-size: 16px;

	font-weight: 400;

	height: 70px;

	padding: 10px 10px 10px 30px;

	width: 100%;

	margin-bottom: 30px;

}

.contact textarea {

	background: rgba(0, 0, 0, 0.06);

	border: 1px solid rgba(0, 0, 0, 0.06);

	border-radius: 0px;

	-webkit-box-shadow: none;

	box-shadow: none;

	color: #232434;

	font-size: 16px;

	font-weight: 400;

	padding: 10px 10px 10px 30px;

	width: 100%;

	margin-bottom: 30px;

}

.contact input:focus {

	background: rgba(0, 0, 0, 0.06);

	border: 1px solid #3f3eed;

	-webkit-box-shadow: none;

	box-shadow: none;

	outline: 0 none;

	color: #232434;

}

.contact textarea:focus {

	background: rgba(0, 0, 0, 0.06);

	border: 1px solid #3f3eed;

	-webkit-box-shadow: none;

	box-shadow: none;

	color: #232434;

}

.contact button {

	width: 100%;

	font-size: 16px;

	border: none;

}

.address_bg {

	position: relative;

	text-align: center;

	background: rgba(255, 255, 255, 0.06);

	padding: 45px 0px;

	margin-top: 80px;

	border-radius: 10px;

	box-shadow: 0 10px 40px -10px rgba(0, 64, 128, .2);

	margin-bottom: 30px;

}

.single_address {}

@media only screen and (max-width:768px) {

	.single_address {
		margin-bottom: 30px;
	}

}

.single_address span {

	display: inline-block;

	font-size: 40px;

	margin-bottom: 20px;

	color: #3f3eed;

}

.single_address h4 {

	font-weight: 600;

	font-size: 26px;

	overflow: hidden;



}

.single_address p {}

.contact_btn {

	background: #3f3eed;

	padding: 10px;

	color: #fff;

	text-transform: capitalize;

	border: 2px solid #fff;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	transition: 0.3s;

}

.contact_btn:hover {
	background: #3f3eed;
	color: #fff;
}



/*

* ----------------------------------------------------------------------------------------

* 11.END CONTACT DESIGN

* ----------------------------------------------------------------------------------------

*/





/*

* ----------------------------------------------------------------------------------------

* 12.START FOOTER DESIGN

* ----------------------------------------------------------------------------------------

*/

.footer_social_profile {

	margin: 30px 0;

}

.footer_social_profile ul {

	list-style: outside none none;

	margin: 0;

	padding: 0;

	text-align: center;

}

.footer_social_profile ul li {

	display: inline-block;

}

@media only screen and (max-width:480px) {

	.footer_social_profile ul li {
		margin: 2px;
	}

}

.footer_social_profile ul li a {

	color: #232434;

	float: left;

	font-size: 18px;

	margin: 0;

	padding: 10px 20px;

	text-align: center;

	text-transform: capitalize;

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	text-decoration: underline;

}

.footer_social_profile ul li a:hover {

	color: #3f3eed;

}

/*END FOOTER SOCIAL DESIGN*/

.copyright {

	text-transform: capitalize;

}

/*

* ----------------------------------------------------------------------------------------

* 12.END FOOTER DESIGN

* ----------------------------------------------------------------------------------------

*/