/*
Author       : Themesvila
Template Name: Peak - Digital Agency HTML5 Landing Page Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP main-menu OVERRIDES
    03. START HOME DESIGN
    04. START FEATURE AND ABOUT DESIGN
    05. START WHY CHOOSE US DESIGN
    06. START SERVICE DESIGN
    07. START COUNTER DESIGN
    08. START PORTFOLIO DESIGN
    09. START TEAM DESIGN
    10. START TESTIMONIAL DESIGN
    11. START PARTNER LOGO DESIGN
    12. START BLOG DESIGN
    13. START NEWSLETTER DESIGN
    14. START PRICING TABLE DESIGN
    15. START CONTACT DESIGN
    16. START MAP DESIGN
    17. START SOCIAL PROFILE DESIGN
    18. START FOOTER DESIGN
    19. START SECTION TOP  DESIGN
  =============================================================*/

/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    background-color: #fff;
    color: #444;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 29px;
	overflow-x: hidden;
}
html,
body { height: 100% ;}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1d293e;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
	margin:0px;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a, a:hover {
    color: #1d293e;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p { margin-bottom: 15px; }
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
/*START PRELOADER DESIGN*/

.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 4px solid rgba(0, 0, 0, 0.08);
    border-right: 4px solid rgba(0, 0, 0, 0.08);
    border-bottom: 4px solid rgba(0, 0, 0, 0.08);
    border-left: 4px solid #5838FC;
    border-radius: 50%;
    -webkit-animation: spinner 600ms infinite linear;
    animation: spinner 600ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/

/*START SCROLL TO TOP*/

#topcontrol {
	background-image: linear-gradient(to right, #7202BB , #5838FC);
	border-radius: 50%;
	bottom: 5px;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	height: 50px;
	line-height: 54px;
	opacity: 1;
	filter: alpha(opacity=100);
	padding: 0;
	position: fixed;
	right: 5px;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	width: 50px;
	text-align: center;
	z-index: 9;
}

#topcontrol:hover {
   background-image: linear-gradient(to right, #7202BB , #5838FC);
    color: #fff;
	transform: translate(0, -10px);
	box-shadow:0px 60px 60px rgba(0,0,0,0.1);
}
/*END SCROLL TO TOP*/
.section-padding { padding: 100px 0 }
/*START SECTION TITLE DESIGN*/

.white_title h2{
	color: #fff;
}
.title_circle_icon {
	background-image: url(../img/title-circle.png);
	width: 15px;
	height: 15px;
	display: inline-block;
	background-size: cover;
}
.section-title{
	margin-bottom: 60px;
}

.section-title span {
	font-weight: 500;
	text-transform: capitalize;
	font-size: 16px;
	position: relative;
	width: 100%;
	display: block;
	color: #5838FC;
}
.section-title h2 {
	font-size: 33px;
	margin-top: 4px;
	line-height: 43px;
	font-weight: 600;
}

/*END SECTION TITLE DESIGN*/
/*START BTN STYLE*/
img{
	max-width: 100%;
}
.btn-light-bg {
    background: #5838FC none repeat scroll 0 0;
    border: 2px solid #5838FC;
    border-radius: 4px;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
	padding: 7px 30px;
	display: inline-block;
	text-transform: capitalize;
	font-weight: 400;
	letter-spacing: 1px;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.5s ease 0s;
	font-size: 14px;
}
.btn-light-bg:hover,
.btn-light-bg:focus {
    background: #047ae5;
    color: #fff;
    border: 2px solid #047ae5;
}
.btn-home-bg, 
.btn-home-bg:hover, 
.btn-home-bg:focus {
	background-image: linear-gradient(to right, #7202BB , #5838FC);
	border-radius: 4px;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	padding: 10px 33px;
	font-weight: 500;
	color: #fff;
	text-transform: capitalize;
	transition: 0.3s;
	display: inline-block;
	margin-top: 30px;
	font-size: 15px;
}

.btn-home-white{
	background: #fff;
	border-radius: 4px;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	padding: 10px 33px;
	font-weight: 500;
	color: #333;
	text-transform: capitalize;
	transition: 0.3s;
	display: inline-block;
	margin-top: 30px;
	font-size: 15px;	
	margin-left: 15px;
	
}

/*END BTN STYLE*/
/*SECTION OVERLAY*/
.overlay { background: rgba(0,0,0,0.6) none repeat scroll 0 0 ;}

.gray-section{
	background-color: #f7faff;
}
/*END SECTION OVERLAY*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP main-menu OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-brand {
	width: 110px !important;
	display: block;
}

.bg-faded {
	background-color: transparent;
	transition: all 0.5s ease 0s;
}
.navbar-fixed {
    z-index: 999;
    position: fixed;
    opacity: .98;
    width: 100%;
	padding:10px 0;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    background-image: linear-gradient(to right, #7202BB , #5838FC);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}
#navigation{
	padding: 25px 0 20px;
}
#navigation.navbar-fixed {
	padding: 15px 0;
}
.header_right {
	display: flex;
	flex-basis: auto;
}
#main-menu{
	margin-top: 3px;
	text-align: center;
}
#main-menu ul{
	list-style-type: none;
}
#main-menu ul li{
	display: inline-block;
	margin-left: 12px;
	position: relative;
}
#main-menu ul li a {
	color: #fff;
	font-weight: 600;
	text-transform: capitalize;
	transition: .5s;
	font-size: 16px;
}
#navigation.navbar-fixed #main-menu ul li a{
	color: #fff;
}
#navigation.navbar-fixed #main-menu li.current a,
#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: #fff;
}

.slicknav_nav_icon{
	color: #fff;
	font-size: 24px;
}
#mobile_menu{
	display: none;
}
#navigation.navbar-fixed .slicknav_btn .slicknav_nav_icon{
	color: #fff;
}
#navigation.navbar-fixed .small_menu i{
	color: #333;
}
.small_menu{
	list-style-type: none;	
	padding-top: 10px;
}
.small_menu li{
	display: inline-block;
	padding-left: 8px;
}
.small_menu li a{
	display: inline-block;
}
.small_menu li i{
	color: #fff;
	font-size: 15px;
}

/*-------------------------------
# dropdwon menu 
--------------------------------*/

#main-menu ul li ul ,
#main-menu ul li ul li ul {	
	background: #fff;
	box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.08);
	left: 0;
	list-style: outside none none;
	margin:  0;
	opacity: 0;
	padding:10px;
	position: absolute;
	text-align: left;
	top: 100%;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 180px;
	z-index: 999;
	border-radius: 4px;
}
#main-menu ul li  ul li{
	position: relative;
}
#main-menu ul li ul li ul{
	top: 0;
	right: auto;
	left: 205px;
}
#main-menu ul li:hover ul,
#main-menu ul li ul li:hover > ul{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	visibility: visible;
}
#main-menu ul li ul li {display: block; margin: 0; padding: 0;}
#main-menu ul li ul li a,
#navigation.navbar-fixed #main-menu ul li ul li a
 {
	color: #777;
	display: block;
	font-size: 13px;
	line-height: 30px;
	font-weight: 600;
	padding: 3px 12px;
	position: relative;	
	transition: all 0.3s ease 0s !important;
	visibility: inherit !important;
	opacity: inherit !important;
	text-transform: capitalize;
}

#main-menu ul li:hover ul.sub-menu li a:hover,
#navigation.navbar-fixed #main-menu ul li:hover ul.sub-menu li a:hover{
	color: #444!important;
	background-color: #f2f6fa!important;
	text-decoration: none;
}
.social-link{
	margin-top: 5px;
}
.social-link li{
	display: inline-block;
	padding-left: 9px;
}
.social-link li a{
	color: #fff;
	font-size: 14px;
}

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP main-menu OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

.home-slider{
	position: relative;
	margin-bottom: 0!important;

}
#slider-home,
#ripple {
	position: relative;
}
#slider-home svg,
#ripple svg {
	display: block;
	width: 100%;
	position: absolute;
	bottom: -110px;
	left: 0;
	z-index: 1;
}
#ripple{
	position: relative;
}
.single-slide-item,
.single-slide-item-table,
.single-slide-item-tablecell {
    height: 870px;
}

.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div {
    height: auto;
}
.single-slide-item-table {
    display: table;
	text-align: center;
    width: 100%;
}

.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.single-slide-item {
    position: relative;
    z-index: 1;
}

.single-slide-item:after{
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}


.single-slide-item{}
.single-slide-item span {
	color: #fff;
	margin-bottom: 20px;
	display: inline-block;
	font-size: 15px;
	background: rgba(217, 217, 217, 0.3);
	padding: 0px 14px;
}
.single-slide-item h2 {
	color: #fff;
	font-size: 60px;
	line-height: 67px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 20px;
}
.single-slide-item h3 {
	color: #fff;
	font-size: 35px;
	font-weight: 400;
	margin-bottom: 17px;
}
.no_sheader #main-menu{
	text-align: right;
}
#paralax_banner {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  position: absolute;
  top: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 1;
}

.home-slider .slick-dots{
	position: absolute;
	left: 10%;
	top: 40%;
	width: auto;
}
.home-slider .slick-dots li{
	display: block;
	text-align: center;
	margin-bottom: 5px;
}

.home-slider .slick-dots li button{
	width: 15px;
	height: 15px;
	border: 2px solid #fff;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	
}
.home-slider .slick-dots li button::before {
	content: "";
	position: absolute;
	width: 2px;
	height: 11px;
	background-color: #fff;
	top: 13px;
	display: inline-block;
	left: 5px;
	opacity: 1;
}
.home-slider .slick-dots li:last-child button::before{
	opacity: 0;
}
.home-slider li.slick-active button{
	width: 20px;
	height: 20px;
	background: #5838FC;
}
.home-slider .slick-dots li.slick-active button::before {
	left: 8px;
	top: 17px;
}

/* START Particles JS */
.thankyou-banner{
	position: relative;
	width: 100%;
	height: 100%;
}
.thankyou-banner:after{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
}
.hero-text{
	background: rgba(255,255,255,0.9);
	padding:60px;
	margin-top:200px;
	position: relative;
	z-index: 1;
}
.hero-text h1 {
	color: #35ac39;
	font-size: 60px;
	font-weight: 500;
	line-height: 70px;
	margin-bottom:60px;
	position: relative;
	text-transform: capitalize;
}
.back-home{
	background:#5838FC ;
	border: 2px solid #5838FC ;
	border-radius: 500px;
	color: #fff;
	font-weight: 600;
	position: relative;
	margin: 15px 15px 0;
	padding: 12px 36px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
}
.back-home:hover,
.back-home:focus {
	background: #5838FC;
	color: #fff;
	border: 2px solid #5838FC;
	text-decoration: none;
}

/* Animation  */

.main_banner_area{
	position: relative;
	padding: 180px 0 100px;
	z-index: 11;
}
.main_banner_area:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: -1;
}
.main_banner_area .title_blog{
	color: #fff;
}

/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/


/*START ABOUT DESIGN*/


.about_us {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 100px;
	padding-bottom: 60px;
}
.about_img{
	position: relative;
}
.ab_pbtn {
	width: 50px;
	height: 50px;
	line-height: 54px;
	background: #fff;
	color: #5838FC;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	bottom: 0;
	right: 26%;
	transition: .5s;
}
.ab_pbtn:hover,
.ab_pbtn:focus{
	color: #5838FC;
	background: #fff;
}
img{
	height: auto;
}
.about_img{
	display: flex;
}
.about_img_1 {
	position: absolute;
	left: -27px;
	top: 178px;
	z-index: 11;
}
.about_img_2 {
	position: absolute;
	right: 71px;
	top: -20px;
	z-index: 11;
}
.about_shape{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 460px;
	-webkit-animation: spinner 15000ms infinite linear;
    animation: spinner 15000ms infinite linear;
}

.a_subtitle{
	font-weight: 500;
	text-transform: capitalize;
	font-size: 16px;
	position: relative;
	width: 100%;
	display: block;
	color: #5838FC;
}
.about-content h2 {
	font-size: 33px;
	margin-top: 4px;
	line-height: 43px;
	font-weight: 600;
	margin-bottom: 40px;
}
.about-content{

}
.center-block{
	float: inherit;
}

.about-content p{
	margin-bottom: 30px;
}
.about-btn.btn-light-bg{
	margin-top: 10px;
}	

.about_img img{
	border-radius: 4px;
}

.single_about {
	transition: all 0.5s ease-in-out 0s;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
}

.single_about .about_icon {
	width: 65px;
	height: 65px;
	line-height: 65px;
	border-radius: 50%;
	font-size: 27px;
	text-align: center;
	text-decoration: none;
	transition: all 0.5s ease-in-out 0s;
	color: #5838FC;
	border: 1px solid #5838FC;
	float: left;
	margin-right: 20px;
}

.single_about .a_content {
	overflow: hidden;
}
.single_about h4 {
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
	margin-bottom: 15px;
	font-size: 20px;
}
.single_about p {
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
	color: #444;
	margin-bottom: 0;
}

.single_about:hover h4,
.single_about:hover p
{
	
}

/* END About DESIGN */


/*
* ----------------------------------------------------------------------------------------
* 04.START FEATURE AND ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

.features.section-padding{
	padding-bottom: 70px;
}
.single_feauter{
	border: 2px solid #f1f1f1;
	padding: 40px 20px;
	border-top: 3px solid #5838FC;
	border-radius: 5px;
	margin-bottom: 30px;
}
.single_feauter i {
	font-size: 40px;
	color: #5838FC;
	margin-bottom: 25px;
	display: block;
}
.single_feauter h4{
	font-size: 20px;
	display: block;
	margin-bottom: 10px;
}
.single_feauter p{

}

/*END FEATURE DESIGN*/





/*
* ----------------------------------------------------------------------------------------
* 0.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/

.counter_feature {
	padding-top: 70px;
	padding-bottom: 40px;
	background-repeat: no-repeat;
	background-size: cover;
	background:#2A2A5E;
	color: #fff;
	background-position: right center;
}
.counter {
	text-align: center;
	margin-bottom: 30px;
}
.counter i {
	font-size: 35px;
	margin-bottom: 13px;
	color: #fff;
	display: block;
}
.counter_content{
	position: relative;
}
.counter h2 {
	color: #fff;
	font-weight: 600;
	display: block;
	font-size: 32px;
	margin-bottom: 10px;
}
.counter span{
	font-size: 29px;
}
.counter p {
	color: #fff;
	margin-bottom: 0;
	font-size: 14px;
	display: inline-block;
	overflow: hidden;
	position: relative;
	line-height: 22px;
	background: rgba(217, 217, 217, 0.3);
	padding: 3px 16px;
	border-radius: 4px;
}
.counter_text{
	display: inline-block;
}

/*
* ----------------------------------------------------------------------------------------
* 0.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/* START SKILL DESIGN */

.skill {

}
.pt-30{
	padding-top: 30px;
}
img{
	max-width: 100%;
}
.skill .section-title{
	margin-bottom: 35px;
}
.skill_title h2{
	margin-bottom: 30px;
}
.skill-img{

}
.skill-img img{
	width: 100%;
	border-radius: 4px;
}
.skill_area{
	background-color: #fff;
	padding: 40px;
}

.skill-img{
	position: relative;
}
.exper_sticker {
	position: absolute;
	top: 60px;
	left: -67px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,0.05);
	font-size: 16px;
	font-weight: 500;
	padding: 15px 26px;
	border-radius: 4px;
}
.exper_sticker span {
	font-size: 47px;
	color: #5838FC;
	float: left;
	padding-right: 14px;
	font-weight: 600;
	line-height: 40px;
}
.exst_content{
	overflow: hidden;
	line-height: 20px;
	font-weight: 700;
}
.progress-bar-text {
	color: #333;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 13px;
	text-transform: capitalize;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #f9f9f9 none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 10px;
    position: relative;
    width: 100%;
	border-radius: 0px;
	overflow: inherit;
	text-align: right;
}
.progress-bar div {
	position: relative;
	top: -15px;
	font-weight: 500;
}
.progress-bar-linear{
	margin-bottom: 30px;
}
.progress-bar-linear:last-child{
	margin-bottom: 0;
}
.progress-bar-linear > span {
    background: #5838FC none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
	height: 12px;
	border-radius: 0px;
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
}

/*END Skill DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 04.END FEATURE AND ABOUT  DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 05.START WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/
.why_choose_us{

}
.why-title {
	color: #5838FC;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 17px;
	position: relative;
	margin-bottom: 60px;
}
.why-title h2 {
	font-size: 37px;
	margin-top: 5px;
	line-height: 47px;
	font-weight: 600;
}
.why_choose_content{
}
.feature_img{
	padding-right: 0;
}
.feature_img img{

}
.single_feature {
	margin-bottom: 30px;
}


.single_feature .feat_number i {
    color: #5838FC;
    font-size: 45px;
	float: left;
	margin-top: 7px;
	margin-right: 25px;
	text-align: center;
	
}

.single_feature h4 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 22px;
}

.single_feature p { margin-bottom: 0 }
.single_f_content{
	overflow: hidden;
}

/*
* ----------------------------------------------------------------------------------------
* 05.END  WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06.START OUR SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/


.our_service { 
	background:#fff;
	padding-bottom: 70px;
	background-size: cover;
	background-repeat: no-repeat;
}

.single_service {
	background: #fff;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	position: relative;
	margin-bottom: 40px;
	background: #fff;
	border: 2px solid #f1f1f1;
	border-radius: 5px;
	
}

.single_service i.ser_icon {
	font-size: 25px;
	padding-bottom: 22px;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	display: inline-block;
	width: 70px;
	height: 70px;
	line-height: 70px;
	background-image: linear-gradient(to right, #7202BB , #5838FC);
	color: #fff;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.08);
	border-radius: 50%;
	text-align: center;
	margin-bottom: 25px;
}


.ser_content {
	text-align: center;
	padding: 40px 24px 0;
	position: relative;
}

.single_service h4 {
    margin: 0;
    padding-bottom: 15px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
	font-size: 19px;
}

.single_service p {
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.ser_numb {
	padding: 0px 18px;
	background: #ddd;
	color: #444;
	display: inline-block;
	border-radius: 14px;
	line-height: 25px;
	position: relative;
	bottom: -15px;
	z-index: 11;
	transition: .5s;
}
.single_service:hover{
	border-color:  #7202BB;
}
.single_service:hover .ser_numb{
	background-image: linear-gradient(to right, #7202BB , #5838FC);
	color: #fff;
}

.single_service:hover i,
.single_service:hover h4{
	
}
.color-1{
	color: #1abc9c;
}
.color-2{
	color: #5838FC;
}
.color-3{
	color: #3498db;
}
.color-4{
	color: #9b59b6;
}
.color-5{
	color: #e67e22;
}
.color-6{
	color: #f39c12;
}

/*
* ----------------------------------------------------------------------------------------
* 06.END OUR SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 * 07.START VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
*/
.view_our_video {
position: relative;
padding:150px 0;
}
.view_our_video::before {
	background: #5838FC;
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	opacity: 0.5;
}
.our_video {
	position: relative;
	z-index: 1;
}
.our_video h1 {
	color: #fff;
	font-size: 50px;
	margin-bottom: 20px;
	text-transform: capitalize;
	font-weight: 600;
}
.our_video p {
	color: #fff;
	font-size: 19px;
	margin: auto auto 40px;
	width: 60%;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  margin-top: 55px;
  max-width: 900px;
  width: 100%;
}
.our_video a {
	background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
	border-radius: 50%;
	color: #5838FC;
	display: block;
	font-size: 25px;
	height: 90px;
	line-height: 100px;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 90px;
	-webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-blue 1s linear infinite;
    -webkit-transition: .5s;
}

@-webkit-keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

@keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0);
        box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0)
    }
}

/*
 * ----------------------------------------------------------------------------------------
 * 07.END VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 07.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.portfolio-info{
	padding-left: 40px;
}
.our_portfolio{padding-bottom:80px;}

.port_slider .slick-dots button{
	border-radius: 50%;
	background-color: #7202BB;
	opacity: 1;
	color: #fff;
	width: 16px;
	height: 16px;
}
.port_slider .slick-dots li button::before{
	color: transparent;
	top: -1px;
	left: -2px;
	width: 20px;
	height: 20px;
	font-size: 13px;
	line-height: 20px;
}
.port_slider li.slick-active button::before{
	color: #fff;
	opacity: 1;
}
.port_slider .slick-dots li{
	margin: 0 1px;
	padding: 0;
}
.project-info i{
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-image: linear-gradient(to right, #7202BB , #5838FC);
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 5px;
}
.project-info p {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 18px;
}
.project-info p:last-child{
	border-bottom: inherit;
}
.single-port{
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}
.single-port .box{
	border-radius: 4px;
}


.single-port p{
	background-color: #f2f6fa;
	padding: 0px 8px;
	font-weight: 400;
	margin-bottom: 0;
	font-size: 14px;
} 
.single-port h3 {
	font-size: 15px;
	padding: 3px 8px;
	background-color: #5838FC;
	color: #fff;
	font-weight:500;
}
.single-port .box{
	
}
.box{
    overflow: hidden;
    position: relative;
	margin-bottom:20px;
}
.box:after{
	content: "";
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.7);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: rotateX(-90deg);
    transform-origin: 50% -50% 0;
    visibility: hidden;
    transition: all 0.5s ease 0s;
}
.box:hover:after{
    transform: rotateX(0deg);
    visibility: visible;
    opacity:0.7;
}
.box img{
    width: 100%;
    height: auto;
}
.box .box-content{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    transform: translate(0%, 0%);
    transition: all 0.5s ease 0s;
}
.box:hover .box-content{
    opacity: 1;
    top: 50%;
    transform: translate(0%, -50%);
}
.port_content {
	position: absolute;
	left: 15px;
	bottom: 20px;
}
.port_content a{
	color: #fff;
}
.box .title {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	margin-top: 0;
	text-transform: capitalize;
	margin-bottom: 20px;
}
.box .post {
	color: #fff;
	font-size: 16px;
	text-transform: capitalize;
	border: 2px solid #eee;
	margin: 0 10px;
	padding: 0px 10px;
	display: inline-block;
	cursor: pointer;
	transition: 0.3s;
}
.box .post:hover{
	background:#fff;
	border: 2px solid #fff;
	color:#1d293e;
}
.box .port_icon{
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
    opacity: 0;
    transition: all 0.5s ease 0.3s;
}
.box:hover .port_icon{
    opacity: 1;
}
.box .port_icon li{
    display: inline-block;
    margin-right: 5px;
    position: relative;
    transition: all 0.5s ease 0.3s;
}
.box .port_icon li{ left: -40%; }

.box:hover .port_icon li{ left: 15%; }
.box .port_icon li a {
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	border: 1px solid #fff;
	font-size: 20px;
	color: #fff;
	display: block;
	transition: all 0.5s ease 0s;
}
.box .port_icon li a:hover{
    background:#5838FC;
    border: 1px solid #5838FC;
    color: #fff;
}
.single-portfolio{
	border-radius: 10px;
}
.portfolio-details-content{
	padding-top: 20px;
	margin-top: 20px;
}
.portfolio-details-content .port-title{
	font-size: 20px;
	margin-bottom: 10px;
}
.our_portfolio .slick-arrow{
	width: 50px;
	height: 50px;
	background: #5838FC;
	border-radius: 50%;
	color: #fff;
	display: none!important;
}

.our_portfolio .slick-prev.slick-arrow{
	left: -80px;
}
.our_portfolio .slick-next.slick-arrow{
	right: -80px;
}
.our_portfolio .slick-prev::before, 
.our_portfolio .slick-next::before{
	font-size: 15px;
}

@media only screen and (max-width:990px){
    .box{ margin-bottom: 30px; }
}
/*
* ----------------------------------------------------------------------------------------
* 07..END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 09.START TEAM DESIGN
 * ----------------------------------------------------------------------------------------
*/

.team-area{background:#f2f6fa;}

.single-team {
	margin-top: 50px;
	margin-bottom: 30px;
	box-shadow: 0 0px 60px rgba(0, 0, 0, 0.03);
	position: relative;
	text-align: center;
	background-color: #fff;
	padding: 89px 0px 30px;
	border-radius: 8px;
}
.team_img {
	width: 150px;
	height: 150px;
	background-size: cover;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	top: -68px;
	z-index: 1;
	transform: translateX(-50%);
	outline: 2px solid #5838FC;
	border: 3px solid rgba(255, 255, 255, .5);
}

.single-team h3 {
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0px;
	margin-top: 19px;
	color: #1d293e;
}
.single-team span {
	margin-bottom: 15px;
	font-weight: 500;
	display: block;
	margin-top: 6px;
}
.single-team p{
	display: block;
	margin-top: 10px;
	margin-bottom: 25px;
}
.our-team .social {
	margin-top: 20px;
	border-top: 1px solid #ddd;
	padding-top: 22px;
}
.our-team .social li{
	display: inline-block;
}
.our-team .social li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	color: rgba(0,0,0,0.6);
	position: relative;
	transition: all 0.3s ease-in-out 0s;
	border-radius: 30px;
	margin: 0 3px;
	text-align: center;
	border: 1px solid #ddd;
}
.our-team .social li a:hover{
    background: linear-gradient(to right, #7202BB , #5838FC);
	color: #fff;
	border-color: #5838FC;
}

/*
 * ----------------------------------------------------------------------------------------
 * 09.END TEAM DESIGN
 * ----------------------------------------------------------------------------------------
*/



/*
 * ----------------------------------------------------------------------------------------
 * 09.START PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
.our_pricing {}
.pricingTable {
	background: #fff none repeat scroll 0 0;
	color: #1d293e;
	padding: 23px 35px 40px;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.06);
	border-radius: 4px;
	-webkit-perspective: 600px;
	perspective: 600px;
	position: relative;
	transition: .5s;
	z-index: 1;
	margin-top: 0;
	overflow: hidden;
}
.pricingTable::before {
	position: absolute;
	content: '';
	top: -95px;
	left: 0;
	width: 100%;
	height: 173px;
	background-image: linear-gradient(to right, #7202BB , #5838FC);
	border-radius: 0 0 100% 100%;
	opacity: .2;
	transition: .5s;
}
.pricingTable:hover:before{
	opacity: 1;
}
.pricingTable:hover .title{
	color: #fff;
}
.recommended {
	background-color: orange;
	color: #fff;
	padding: 5px 12px;
	display: inline-block;
	border-radius: 4px;
	margin-bottom: 16px;
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
}
.pricingTable.selected{
	margin-top: 0px;

}
.pricingTable.selected .title,
.pricingTable.selected .price-value,
.pricingTable.selected .price-month{
	
}
@media only screen and (max-width:480px){
.pricingTable{ margin-bottom:60px; }
}
.pricingTable .title {
	display: block;
	font-size: 25px;
	font-weight: 600;
	text-transform: capitalize;
	transition: all 0.5s ease-in-out 0s;
	margin-bottom: 40px;
	position: relative;
	z-index: 1;
	color: #1d293e;
}
.pricingTable-title{
	padding-bottom: 0px;	
	text-align: center;
}
.pricingTable .price-month {
	font-size: 15px;
	color: #444;
	font-weight: 500;
	margin-left: -4px;
}
.pricingTable .price-value {
	font-size: 46px;
	position: relative;
	margin: 10px 0;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 20px;
	color: #1d293e;
}
.pricingTable .price-value .cent {
	position: absolute;
	font-size: 14px;
	top: 8px;
	left: 115px;
}

.pri_curency{
	font-size: 14px;
}
.pricingTable .pricing-content {
	list-style: none;
	padding: 0;
	margin: 10px 0 25px 0;
}
.pricing-content-border{}
.pricing-content-border > li {
  border: 1px solid #eee;
  margin-bottom: 10px;
}
.pricingTable .pricing-content li{
    line-height: 40px;
	font-weight: 500;
}
.pricingTable .pricing-content li i {
	color: #5838FC;
	font-size: 10px;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #5838FC;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
}
@media only screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 30px; }
}
@media only screen and (max-width: 767px){
    .pricingTable{ margin-bottom: 50px; }
}
.btn-price-bg {
	background: #5838FC;
	border-radius: 4px;
	padding: 10px 30px;
	font-weight: 500;
	color: #fff;
	text-transform: capitalize;
	transition: 0.3s;
	display: inline-block;
	margin-top: 10px;
	font-size: 15px;
	width: 100%;
}
.btn-price-bg:hover,
.btn-price-bg:focus
{
	background:#5838FC;
	border: 1px solid #5838FC;
	color:#fff;
}
.our_pricing .row > *{

}
/*
 * ----------------------------------------------------------------------------------------
 * 09.END PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 10.START PROMO AREA DESIGN
 * ----------------------------------------------------------------------------------------
*/
.promo_area {
	padding-top: 0;
	padding-bottom: 100px;
}
.promo_area_bg {
	background: #5838FC;
	padding: 60px;
	border-radius: 10px;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	transition: 0.3s;
}

.single_promo h1 {
	color: #fff;
	font-size: 34px;
	margin-bottom: 0px;
	padding-top: 10px;
	font-weight: 500;
}
.single_promo_btn {float: right;}
.single_promo_btn a {
	background: #fff;
	border-radius: 5px;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	padding: 15px 40px;
	font-weight: 500;
	color: #333;
	text-transform: capitalize;
	transition: 0.3s;
	display: inline-block;
}

/*
 * ----------------------------------------------------------------------------------------
 * 10.END PROMO AREA DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11. START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/

.testimonial-area{
	background:#EBF1FF;
	background-size: cover;

}
.testimonial-area .container{
	position: relative;
}
#testimonial-slider {
	background-image: url(../img/bg/test_cont_shape.png);
	background-size: cover;
	width: 44%;
	right: 0;
	position: absolute;
	margin-right: 15px;
	padding: 50px 40px 40px 90px;
}
.single_testimonial {

}
.testi_img_area {
	position: relative;
	color: #fff;
	border-radius: 4px;
	padding: 130px 295px 130px 130px;
	background-size: cover;
}
.testi_img_area h3 {
	color: #fff;
	font-size: 35px;
	margin-bottom: 15px;
	line-height: 47px;
}
.testi_img_area h3,
.testi_img_area p{
	position: relative;
	z-index: 1;
}
.testi_img_area:before{
	background-color: rgba(0,0,0,0.6);
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 4px;
}
.testi_img {
	overflow: hidden;
}
.testi_img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-size: cover;
	display: inline-block;
}
.single_testimonial h3 {
	overflow: hidden;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 20px;
}
.single_testimonial h5 {
	overflow: hidden;
	text-transform: capitalize;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 20px;
	color: #5838FC;
}
.single_testimonial{
	text-align: center;
}
#testimonial-slider button.slick-arrow{
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 50%;	
}
#testimonial-slider button.slick-arrow:before{
	opacity: 1;
	font-size: 13px;
	color: #444;
}
#testimonial-slider .slick-prev.slick-arrow{
	left: -110px;
}

#testimonial-slider .slick-next.slick-arrow {
	left: -60px;
}
.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: #5838FC !important;
	border-radius: 20px;
	display: block;
	height: 6px;
	margin: 5px 3px;
	width: 6px;
}

.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;
}
/*
* ----------------------------------------------------------------------------------------
* 11. END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

.fresh-blog{
	padding-bottom: 0;
}
.single_blog {
	margin-bottom: 30px;
	border-radius: 10px;
	position: relative;
}
.blog_img { 
	overflow: hidden;
	position: relative;
}
.p_date {
	background-color: #5838FC;
	color: #fff;
	display: inline-block;
	position: absolute;
	bottom: 15px;
	right: 15px;
	padding: 0px 11px;
	border-radius: 4px;
	font-size: 14px;
}
.blog_img img {
	display: block;
	position: relative;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	border-radius: 4px;
}
.single_blog:hover .blog_img img {

}
.blog_meta {
	font-weight: 500;
	text-transform: capitalize;
	font-size: 13px;
	margin-bottom: 7px;
	position: relative;
	padding-left: 95px;
	top: -10px;
}
.blog_meta .user_img{
	position: absolute;
	border: 3px solid #fff;
	border-radius: 50%;
	top: -45px;
	left: 0;
	width: 80px;	
	height: 80px;	
	background-size: cover;
}

.blog_meta .user_img img{
	border-radius: 50%;
}
.single_blog.no_image .blog_meta{
	margin-top: 50px;
	margin-bottom: 20px;
	display: none;
}
.single_blog.no_image .user_img{
	top: -30px;
}
.m_user{

}
.blog_meta img {

}
.blog_meta span{
	margin-right: 10px;
}
.blog_meta i{
	padding-right: 2px;
	color: #5838FC;
}
.blog_content {
	background: #fff;
	padding: 20px;
	box-shadow: 0 0 3px rgba(36,39,44,0.15) !important;
	position: relative;
	border-radius: 4px;
}
.blog_content h3{
	
}
.blog_content h3 a {
	color: #1d293e;
	font-size: 20px;
	margin-bottom: 10px;
	display: inline-block;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	line-height: 30px;
}
.blog_content h3 a:hover{color:#5838FC;}
.blog_btn{
	color: #444;
	text-decoration: none;
	font-weight: 500;
	font-size: 14px;
}
.blog_btn:hover,
.blog_btn:focus{
	color: #5838FC;
}

/*
 * ----------------------------------------------------------------------------------------
 * 11.END BLOG DESIGN
 * ----------------------------------------------------------------------------------------
*/



/*
 * ----------------------------------------------------------------------------------------
 * 05.START ADDRESS AREA DESIGN
 * ----------------------------------------------------------------------------------------
*/
.address_area{
	background:#f2f6fa;
	padding-bottom: 70px;
}
.single_address {
	background: #fff;
	border-radius: 5px;
	transition: 0.3s;
	margin-bottom: 30px;
}

.single_address i {
	color: #fff;
	font-size: 25px;
	margin-bottom: 23px;
	transition: 0.3s;
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: #5838FC;
	border-radius: 10px;
}

.single_address h4 {
	overflow: hidden;
	margin-bottom: 10px;
	font-weight: 500;
	transition: 0.3s;
}

.single_address p {
	overflow: hidden;
	margin-bottom: 0px;
	transition: 0.3s;
	line-height: 28px;
}

/*
 * ----------------------------------------------------------------------------------------
 * 05.END ADDRESS AREA DESIGN
 * ----------------------------------------------------------------------------------------
*/



/*
* ----------------------------------------------------------------------------------------
* 14. START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact-area {
	position: relative;
}
.single-contact {
	margin-bottom: 15px;
}
.contact-form{
	padding: 35px;
}
.contact{
	background-size: cover;
	background-position: left top;
	background-color: #232323;
	border-radius: 4px;
}
.contact .section-title {
	margin-bottom: 40px;
}
.contact .section-title span{
	color: #5838FC;
}

.contact .section-title h2
{
	color: #fff;
}
.contact_img {
	background-size: cover;
	padding: 119px;
	position: relative;
	border-radius: 0 4px 4px 0;
	background-position: center center;
}
.contact_img::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	/*
	background-image: linear-gradient(to right, #7202BB , #5838FC);
	*/
	background-image: url(../img/con_bg.png);
	background-size: cover;
	top: 0;
	left: 0;
	opacity:1;
	border-radius: 0 4px 4px 0;
}
.single-contact {
	margin-bottom: 15px;
	position: relative;
	z-index: 1;
}
.con_text {
	border-radius: 10px;
	text-align: left;
	overflow: hidden;
}
.single-contact i {
	margin-right: 28px;
	color: #fff;
	text-align: center;
	font-size: 25px;
	position: relative;
	transition: .5s;
	float: left;
	margin-top: 5px;
}
.single-contact:hover i{
	border-color: #5838FC;
}
.con_text h3{
	font-size: 20px;
	margin-bottom: 10px;
	color: #fff;
}
.con_text p{
	color: #fff;
}
.contact-form {
	position: relative;
	z-index: 1;	
}
.contact-form .form-group{
	margin-bottom: 30px;
}
.contact-form h2 {
	font-size: 37px;
	margin-bottom: 15px;
}
.contact-form p {
	margin-bottom: 40px;
	padding-right: 40px;
}
.contact-form .form-control::-moz-placeholder,
.contact-form .form-control::placeholder {
	color: #fff;
}

.contact-form input {
	background: transparent;
	border: 1px solid #fff;
	border-radius: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	font-size: 15px;
	height: 50px;
	padding: 10px 20px;
	width: 100%;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.contact-form textarea {
	background: transparent;
	border: 1px solid #fff;
	border-radius: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	font-size: 15px;
	padding: 10px 20px;
	width: 100%;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.contact-form input:focus {
	background: transparent;
	border: 1px solid #5838FC;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0 none;
}
.contact-form textarea:focus {
	background: transparent;
	border: 1px solid #5838FC;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0 none;
}
.btn-contact-bg {
	background: #5838FC;
	border-radius: 4px;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	padding: 13px 30px;
	font-weight: 500;
	color: #fff;
	text-transform: capitalize;
	transition: 0.3s;
	display: inline-block;
	margin-top: 0px;
	font-size: 15px;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #5838FC;
    color: #fff;
}

/*
* ----------------------------------------------------------------------------------------
* 14.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 05.START PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/

.partner-logo {
	padding-top:100px;
	padding-bottom:0px;
}
.client_area{
	background-color: #5838FC;
	padding: 50px 40px 35px;
	border-radius: 4px;
}
.client_logo {
	text-align: center;
}
.client_logo a{
	display: inline-block;
}
.client_logo a img {
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	opacity: 1;
	max-width: 100%;
	width: auto!important;
}
.client_logo a img:hover{opacity: 1;}

/*
 * ----------------------------------------------------------------------------------------
 * 05.END PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/



/*
* ----------------------------------------------------------------------------------------
* 18.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/


.footer {
    background-color:#202942;
	padding: 0px 0 20px;
	color: #fff;
}
.footer_top{
	padding-top: 80px;
}
.footer_logo{
	margin-bottom: 15px;
}
.footer-about ul li{
	display: inline-block;
	padding-right: 10px;
}
.footer h3{
	color: #fff;
	margin-bottom: 20px;
	font-size: 20px;
}
.single-footer{
	margin-bottom: 30px;
}
.footer ul{
	list-style-type: none;
	
}

.footer ul li{
	padding-left: 0;
}
.footer .tagcloud a,
.footer a{
	color: #fff;
}
/*STRAT NEWSLETTER FORM*/

.newsletter{
	background: #5838FC;
	padding: 100px 0;
	color: #fff;
}
.newsletter_ptm {
	padding: 40px 0;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.newsletter-title h2 {
	color: #fff;
	font-size: 37px;
	line-height: 47px;
	margin-bottom: 15px;
}
.newsletter-title p{
	margin-bottom: 30px;
}
.subscribe {
	display: block;
	position: relative;
	width: 100%;
}
.subscribe__input {
	background: #fff;
	border-radius: 30px;
	color: #1d293e;
	display: block;
	font-size: 16px;
	font-weight: 500;
	height: 65px;
	margin: 0;
	padding: 25px;
	width: 100%;
	border: 0px;
}
.subscribe__input:focus{
	border-color: inherit;
	box-shadow: inherit;
	outline: none;
}
@media only screen and (max-width:480px) {
.subscribe__input{font-size: 13px;}
}
.subscribe__btn {
	background-color: #5838FC;
	border-radius: 30px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 16px;
	height: 45px;
	position: absolute;
	width: 122px;
	font-weight: 500;
	right: 10px;
	bottom: 10px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media only screen and (max-width:480px) {
.subscribe__btn {
	font-size: 15px;
	height: 40px;
	top: 26px;
	width: 120px;
}
}
.subscribe__btn:hover{
	color:#fff;
	background:#5838FC;
}
button {
	padding: 0;
	border: none;
	background-color: transparent;
	border-radius: 0;
}

/*END NEWSLETTER FORM*/

.footer_logo{ }
.footer_logo a {
	display: block;
	width: 100px;
}

/*END FOOTER MENU*/

/*START FOOTER SOCIAL*/
.footer_social{ }
.footer_social ul{
	list-style: none;
	text-align: center;
	display: inline-block;
}
.footer_social ul li {display: inline-block;}
.footer_social ul li a {
	color: #fff;
	border: 1px solid #283353;
	width: 32px;
	height: 32px;
	display: block;
	line-height: 32px;
	border-radius: 50%;
	font-size: 14px;
	margin: 0 2px;
	transition: 0.3s;
}
.footer-bottom {
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255,0.2);
}
.footer-bottom ul li{
	display: inline-block;
	padding-right: 5px;
}
.footer_social ul li a:hover{}
.f_facebook:hover{background:#1C58A1;border: 1px solid #1C58A1;}
.f_twitter:hover{background:#0CBCE3;border: 1px solid #0CBCE3;}
.f_linkedin:hover{background:#0072b1;border: 1px solid #0072b1;}
.f_youtube:hover{background:#E31B1B;border: 1px solid #E31B1B;}
/*END FOOTER SOCIAL*/

.copyright_text{padding-top:0px;}
.copyright_text p{
	color:#fff;
	margin-bottom: 0;
}
.footer_content p a{}
.footer_content p a:hover{color:#5838FC;}

/*
* ----------------------------------------------------------------------------------------
* 18.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/