/*
* ----------------------------------------------------------------------------------------
* 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: 50px 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: #232434;
	font-weight: 500;
	text-transform: capitalize;
	-webkit-transition:.5s;
	transition: .5s;
	font-size: 20px;
	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:#6a7990;
}
}
/*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:945px;
position:relative;
}

@media only screen and (max-width:768px){
.home_bg{
    height: 0;
    overflow: hidden;
}
}

.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;
}
.home_img {
	position: absolute;
	top: 100px;
	z-index: 9;
	bottom: 0;
}

 @media only screen and (max-width:768px){
.home_img {display:none;}
 }
.home_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 {
	margin-bottom: 10px;
	font-size: 20px;
	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 ITEM CSS STYLE
* ----------------------------------------------------------------------------------------
*/

 @media only screen and (max-width:768px){
.item_area{padding-bottom:20px;}
}

.single_item {
    margin-bottom: 60px;
	position:relative;
}
.item_icon{
border: 1px solid #3f3eed;
border-radius: 500px;
display: inline-block;
float: left;
height: 110px;
margin-bottom: 100px;
margin-right: 30px;
position: relative;
width: 110px;
}
.single_item 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_item:hover i {
background: #3f3eed;
color:#fff;
}
.single_item h4 {
font-size: 24px;
font-weight: 600;
margin-bottom: 15px;
overflow: hidden;
padding-top: 15px;
text-transform: capitalize;
}

.single_item:hover h4 a{
    color:#3f3eed;
}
/*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 ITEM 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 PRODUCT PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.product_area{padding-bottom:50px;}
.product_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) { 
.product_filter ul{width:100%;}
}
.product_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) { 
.product_filter ul li{margin-bottom:10px;}
}
.product_filter ul li:last-child {
	border-right: 0px;
}
.product_filter .active {
	color: #232434;
	opacity: 1;
	background: #3f3eed;
	border-radius: 5px 0 0 5px;
}
.single_product_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;
}
.port_img {
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}
@media only screen and (max-width:480px) { 
.port_img {
	margin-right: 00px;
	float: none;
}
}
.port_img img{
border-radius: 10px;
width: 375px;
}
@media only screen and (max-width:480px) { 
.port_img img{width: 100%;}
}
.port_content {
	overflow: hidden;
	margin-top: 50px;
}
.port_content p {
	overflow: hidden;
	font-weight: 400;
	text-decoration: underline;
}
.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_product_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_product_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: 0px 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:60px;}
.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: none;
}
.footer_social_profile ul li a:hover{
color: #3f3eed;
}
/*END FOOTER SOCIAL DESIGN*/
.copyright{
text-transform: capitalize;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/