/*
Author       : theme_ocean
Template Name: Aaina - One Page Parallax Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
	01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
	02. START BOOTSTRAP NAVIGATION OVERRIDES
	03. START HOME DESIGN
	04. START FEATURE DESIGN
	05. START ABOUT DESIGN
	06. START TEAM DESIGN
	07. START PORTFOLIO DESIGN
	08. START TESTIMONIAL DESIGN
	09. START PRICING DESIGN
	10. START COUNNTER DESIGN
	11. START HOW IT WORK DESIGN
	12. START BLOG DESIGN
	13. START PARTNER DESIGN
	14. START CONTACT DESIGN
	15. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	background:#fff;
	color:#666;
	line-height: 25px;
	overflow-x: hidden;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Raleway', sans-serif;
  letter-spacing: 0px;
  margin-top: 0px; 
  color: #333;
  font-weight: 400;
}
a {
	font-family: 'Poppins', sans-serif;
	text-decoration: none;
	transition: all 0.2s ease 0s;
	color:#666;
}

a:hover,
a:focus {
	color: #ff6c29;
    outline: none;
    text-decoration: none;
}
p {margin-bottom:0px;}
ul,
li {
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
  font-weight: 300;
  font-family: 'Raleway', sans-serif; }

:-moz-placeholder {
  font-weight: 300;
 font-family: 'Raleway', sans-serif; }

::-moz-placeholder {
  font-weight: 300;
  font-family: 'Raleway', sans-serif; }

:-ms-input-placeholder {
  font-weight: 300;
  font-family: 'Raleway', sans-serif; }
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
	background:#fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;	
}
.spinner {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	font-size: 10px;
	text-indent: -12345px;
	z-index: 10000;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background:linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding {padding: 80px 0;}
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:60px;}
.section-title h4 {
	color: #ff3366;
	font-weight: 600;
	position: relative;
	margin-bottom:10px;
	font-size: 20px;
}
.section-title h1 {
	font-size: 46px;
	font-weight: 600;
	margin-top: 0;
	position: relative;
	text-transform: capitalize;
	margin-bottom: 15px;
}

@media only screen and (max-width:480px) { 
.section-title  h1  {font-size:24px;}
}
.section-title-white-span{background: #fff !important;}
h1.section-title-white{
color: #fff;
font-size: 56px;
font-weight: 500;
letter-spacing: 1.5px;
position: relative;
margin-top: 0;
text-transform: capitalize;
}
@media only screen and (max-width:480px) { 
h1.section-title-white {font-size:24px;}
}
p.section-title-white{color:#fff;}
.section-title p {
	padding: 0 10px;
	width: 80%;
	margin: auto;
	letter-spacing: 1px;
}
@media only screen and (max-width:768px) { 
.section-title  p{
padding: 0 10px;
width: 90%;
margin: auto;	
}
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #fff none repeat scroll 0 0;
border-radius: 30px;
bottom: 5px;
box-shadow:0 0 10px rgba(0, 0, 0, 0.08);
color: #ff6c29;
cursor: pointer;
font-size: 18px;
height: 50px;
line-height: 50px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 50px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.main-header{
	position: absolute;
	background-color: transparent;
	z-index: 999;
	width: 100%;
	margin-top: 10px;
}
/*.main-header.navbar-fixed {
	z-index: 999;
	position: fixed;
	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: -1px 1px 1px rgba(0, 0, 0, 0.1);
	margin-top: 0;
}*/
.navbar-brand img{
	width: 150px;
}
#navigation{
	margin-top: 17px;
}
#navigation ul{
	list-style-type: none;
	
}

#navigation ul>li{
	display: inline-block;
	margin-left: 30px;
	position: relative;
}
#navigation li a{
	color: #fff;
	position: relative;
	font-size: 15px;
	transition: .5s;
}
/*.main-header #navigation li a:hover,
.main-header #navigation li a:focus,
.main-header.navbar-fixed #navigation li a:hover,
.main-header.navbar-fixed #navigation li a:focus{
	color: #ff6c29;
}
.main-header.navbar-fixed #navigation li a{
	color: #333;
}*/


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

#navigation .sub-menu,
#navigation .children {
    background-clip: padding-box;
    background-color: #fff;
    border-top: 0px solid #fff;
    height: auto;
    left: 0;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
	-ms-word-wrap: break-word;
	word-wrap: break-word;	
    z-index: 100;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    z-index: 99;
    width: 200px;
	border-radius: 5px;
	box-shadow: 0 0 20px rgba(0,0,0,0.08);
}


#navigation ul.sub-menu li:first-child,
#navigation .children li:first-child{
    margin-top: 15px;
}
#navigation ul.sub-menu li:last-child,
#navigation .children li:last-child{
    padding-bottom: 15px;
}

#navigation .sub-menu li a,
#navigation .children li a{
    padding: 0px 30px;
    display: block;
	position: relative;	
	color: #313131;
	font-size: 14px;
}
#navigation .menu-item-has-children > a{
	position: relative;
}
#navigation .menu-item-has-children > a:after,
#navigation .page_item_has_children > a:after
 {
    font-family: 'themify';
    content: "\e64b";
    font-size: 10px;
    display: inline-block;
    -webkit-transition: .25s ease;
    transition: .25s ease;
    margin-left: 8px;
	position: absolute;
	top: -1px;
	right: -20px;
}
#navigation .menu-item-has-children .menu-item-has-children > a:after,
#navigation .page_item_has_children .page_item_has_children > a:after
 {
    font-family: 'themify';
    content: " ";
	right: 8px;
	top: 5px;

}
#navigation ul.sub-menu li,
#navigation .children li{
	position: relative;
	-ms-word-wrap: break-word;
	word-wrap: break-word;	
	line-height: 2;
	padding-bottom: 7px;
}

#navigation ul.sub-menu li:after ,
#navigation .children li:after {
    position: absolute;
    top: 7px;
    left: 0px;
    width: 2px;
    height: 15px;
    background: #fff;
    content: "";
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease
}

#navigation ul.sub-menu li:hover:after,
#navigation .children li:hover:after{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

#navigation .menu-item-has-children:hover>.sub-menu, 
#navigation .page_item_has_children:hover>.children{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    top: 110%;
    border-radius: 5px;
}
#navigation .sub-menu a,
.children a{
	
}

#navigation .sub-menu li:hover>a ,
#navigation .children li:hover>a 
{
    background-color: transparent;
    color: #ff6c29!important;
}

#navigation ul.sub-menu li, 
#navigation .children li {
    display:  block;
	margin-left: 0;
}

#navigation ul.sub-menu li a, 
#navigation .children li a {
    padding-left: 20px;
    padding-right: 10px;
    letter-spacing: 0px;
}

#navigation .sub-menu ,
#navigation .children {
    left: auto;
}

#navigation .sub-menu .sub-menu,
#navigation .children .children{
    top: 0;
    right: 100%;
    left: auto;
    width: 200px;
}
#navigation .menu-item-has-children .menu-item-has-children:hover>.sub-menu, 
#navigation .page_item_has_children .page_item_has_children:hover>.children {
    top: 0;
}
 
#navigation .page_item_has_children:hover>.children {
    top: 60px;
}
#mobile_menu{
	display: none!important;
}
@media only screen and (max-width:575px) { 


}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg {
    height: 700px;
    position: relative;
}
.home_bg:before {
    background:rgba(0,0,0,0.4);
    content: "";
    height: 100%;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
}
.hero-text {padding-top: 250px;}
@media only screen and (max-width:480px) { 
.hero-text  {padding-top:150px;}
}
.hero-text h1 {
color: #fff;
font-size: 65px;
font-weight: 800;
letter-spacing: 0;
margin-bottom: 0;
text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
.hero-text h1 {font-size: 40px;}
}
.hero-text p {
	color: #fff;
	/* font-weight: 300; */
	letter-spacing: 1px;
	word-spacing: 2px;
	width: 70%;
	margin:auto;
	margin-top: 20px;
	margin-bottom: 35px;
}
.home_btn a{
margin-bottom: 20px;
margin-right: 20px;
}
.learn_btn {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #fff;
border-radius:0px;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 700;
overflow: hidden;
padding: 12px 45px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:360px) { 
.learn_btn {padding: 10px 40px;}
}
.learn_btn:hover{
background:#fff;
color:#333;
border: 2px solid #fff;
}

.get_btn {
background: #ff6c29;
border: 2px solid #ff6c29;
border-radius:0px;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 700;
overflow: hidden;
padding:12px 45px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:360px) { 
.get_btn {padding: 10px 40px;}
}
.get_btn:hover, .get_btn:focus{
background:#fff;
color:#333;
border: 2px solid #fff;
}

/*START OTHER HOME PAGE CSS*/
#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.home_video{height: 700px;position:relative;}
.home_video:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
}
.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider-caption {
left: 0;
position: absolute;
text-align: center;
top: 38%;
transform: translate(0%, -50%);
width: 100%;
z-index: 15;
}
video { min-width: 100% }
@media only screen and (max-width:768px) { 
video { min-width: 100%;height:100%; }
}

/*START HOME SLIDER DESIGN*/
.flexslider .slides > li:first-child {
	display: block; 
}
.flexslider.loading .slides > li:first-child {
	opacity: 1 !important;
} 
.flexslider{
	position: relative;	
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none;
	border-radius: 0;
	overflow: hidden;
	background: none;
}
#home-slider .slides li{
	height: 700px;
	background-size: cover!important;
	 position: relative;
}
#home-slider .slides li:after {
    position: absolute;
    background:rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.flex-control-nav {
  width: 20px;
  bottom: auto;
  z-index: 20;
  top: 40%;
  right: 20px; 
 }

.flex-control-nav li {
  display: block;
  margin: 0 0 6px 0; 
 }

.flex-control-paging li a {
  background: transparent;
  border: 2px solid #FFF;
  border-radius: 100%;
  box-shadow: none; 
 }
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
  background: #FFF;
  border-color: #FFF; 
}
#home-slider.flexslider.loading {
  position: relative; 
}
#home-slider.flexslider.loading:after {
    content: ' ';
    position: absolute;
    width: 30px;
    height: 30px;
    right: 20px;
    top: 40%;
    margin: 0 0 0 -15px;
    border: 4px solid #3cd2ad;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -ms-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite; 
}

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

/*END HOME SLIDER DESIGN*/
/*END OTHER HOME PAGE CSS*/
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START FEATURE DESIGN
* ----------------------------------------------------------------------------------------
*/
.feature-content{padding-bottom:0px;}
@media only screen and (max-width:768px) { 
.feature_img {margin-bottom:60px;}
}
.single_feature {
	margin-bottom: 30px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
	padding: 30px 30px;
	transition: 0.3s;
}
.single_feature_mt {
	margin-top: 70px;
}
@media only screen and (max-width:480px) { 
.single_feature_mt {margin-top: 0px;}
}
.single_feature_mtnone {
	margin-top: -70px;
}
@media only screen and (max-width:480px) { 
.single_feature_mtnone {margin-top:0px;}
}
.single_feature_bg{
background: linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
}
.single_feature_bg span{color:#fff !important;}
.single_feature_bg h3{color:#fff;}
.single_feature_bg p{color:#fff;}

.single_feature:hover{background: linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);}
.single_feature span {
	margin-bottom: 20px;
	font-size: 30px;
	color: #252d35;
	display:block;
	transition: 0.3s;
}
.single_feature:hover span{color:#fff;}
.single_feature h3 {
	font-weight:600;
	font-size: 18px;
	margin-bottom: 15px;
	transition: 0.3s;
	text-transform: capitalize;
}
.single_feature:hover h3{color:#fff;}
.single_feature p{overflow:hidden;transition: 0.3s;}
.single_feature:hover p{color:#fff;}
/*
* ----------------------------------------------------------------------------------------
* 04.END FEATURE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START ABOUT CONTENT DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_how_it_work {
	margin-top: 150px;
}
@media only screen and (max-width:768px) { 
.single_how_it_work {
	margin-top:0px;
}
}
@media only screen and (max-width:480px) { 
.single_how_it_work {
	margin-bottom:60px;
}
}
.single_how_it_work{}
.single_how_it_work h4 {
	font-weight: 600;
	font-size: 18px;
	color:#ff6c29;
}
.single_how_it_work h1 {
	font-weight: 600;
	font-size: 36px;
	margin-bottom: 20px;
}
.single_how_it_work p{
margin-bottom: 40px;
}
.single_how_it_work a i{margin-left:8px;}
.single_how_it_work a {
	background: #ff6c29;
	color: #fff;
	font-weight: 600;
	text-transform: capitalize;
	padding: 15px 40px;
	border-radius: 30px;
	transition: 0.3s;
}

.single_how_it_work_img{}
.single_how_it_work_img img{}
/*
* ----------------------------------------------------------------------------------------
* 05.END ABOUT CONTENT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

.team-member{}
.our-team{
margin:0px 15px 10px;
}
.pic{
position: relative;
}
.pic:after{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: rotateX(-90deg);
    transform-origin: 50% -50% 0;
    visibility: hidden;
    transition: all 0.5s ease 0s;
}
.pic:hover:after{
    transform: rotateX(0deg);
    visibility: visible;
    opacity:0.7;
}
.our-team:hover .pic{opacity:1;}
.team-content {
	background: #fff;
	margin: 0px 20px;
	padding: 20px;
	margin-top: -50px;
	z-index: 999;
	position: relative;
	box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.03);
}
.team-content h3 {
	text-transform: capitalize;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 5px;
}
.team-content span{}
.social{}
ul.social{list-style:none;margin-top: 15px;}
.social li{display:inline-block;}
.social li a {
	color: #ff6c29;
	border: 1px solid #eee;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 0px 2px;
	border-radius: 30px;
	transition: 0.3s;
	display: block;
}
.social li a:hover{
background:#ff6c29;	
color:#fff;
border: 1px solid #ff6c29;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_portfolio{padding-bottom:50px;}
.mix{
	display: none;
}
.portfolio_filter ul {
	list-style: none;
	margin-bottom: 60px;
}
@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: 0px 15px;
	font-size: 16px;
	color: #252d35;
	transition: .5s;
	margin: 0 3px 0px;
	border-right: 2px solid #eee;
	letter-spacing: 0px;
}
@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: #ff6c29;
}
.box{
    overflow: hidden;
    position: relative;
	margin-bottom:30px;
}
.box:after{
	content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
    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%);
}
.box .title {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	margin-top: 0;
	text-transform: capitalize;
}
.box .post{
color: #fff;
font-size: 16px;
text-transform: capitalize;
}
.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:first-child{ left: -40%; }
.box .port_icon li:last-child{ right: -40%; }
.box:hover .port_icon li:first-child{ left: 0; }
.box:hover .port_icon li:last-child{ right: 0; }
.box .port_icon li a{
    width: 35px;
    height: 35px;
    line-height: 34px;
    border-radius: 50%;
	background:#fff;
    border: 1px solid #fff;
    font-size: 16px;
    color: #ff6c29;
	display:block;
    transition: all 0.5s ease 0s;
}
.box .port_icon li a:hover{
    background:#ff6c29;
    border: 1px solid #ff6c29;
    color: #fff;
}
@media only screen and (max-width:990px){
    .box{ margin-bottom: 30px; }
}
/*
* ----------------------------------------------------------------------------------------
* 07..END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 08.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/
.testimonial-demo {
position: relative;
}

.testimonial{
	background:linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
    padding: 70px 60px;
    margin: 50px 30px 30px;
    border: 1px solid #fff;
    position: relative;
}
.testimonial .testimonial_pic{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid #fff;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
}
.testimonial .testimonial_pic img{
    width: 100%;
    height: auto;
}
.testimonial .description {
	text-align: center;
	margin: 0;
	position: relative;
	color: #333;
	font-size: 18px;
	line-height: 32px;
}
@media only screen and (max-width:480px) { 
.testimonial .description {
	font-size:14px;
	line-height:24px;
	margin-bottom:20px;
}
}
.testimonial .title {
	display: inline-table;
	padding: 20px;
	margin: 0 auto;
	border: 1px solid #50e3c2;
	background:linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
	font-size: 18px;
	font-weight: 600;
	color: #333;
	text-transform: capitalize;
	position: absolute;
	bottom: -22px;
	left: 0;
	right: 0;
}
.testimonial .post{
    font-size: 14px;
	color:#555;
}
@media only screen and (max-width: 479px){
    .testimonial{ padding: 70px 10px 30px; }
    .testimonial .description:before{ top: -20px }
    .testimonial .title{ font-size: 12px; }
    .testimonial .post{ font-size: 11px; }
}

.owl-theme .owl-controls {
    margin-top: 50px;
    text-align: center;
}
.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: #ff6c29 !important;
border-radius: 20px;
display: block;
height: 12px;
margin: 5px 7px;
width: 12px;
}
.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: 40px;
  text-align: center;
}
/*
 * ----------------------------------------------------------------------------------------
 * 08.END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 09.START PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
.our_pricing{}
@media only screen and (max-width:480px) { 
.our_pricing {padding-bottom:50px;}
}
.pricingTable {
	background: #fff none repeat scroll 0 0;
	color: #333;
	padding: 50px 0px;
	perspective: 700px;
	position: relative;
	text-align: center;
	transition: all 0.3s ease-in-out 0s;
	z-index: 1;
	padding-top: 0px;
	border-radius: 0px 60px 60px 0px;
	border: 1px solid #eee;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width:480px){
.pricingTable{ margin-bottom:60px; }
}
.pricingTable:hover{box-shadow: 0 2px 60px 0px rgba(0, 0, 0, 0.1); }
.pricingTable:after{
box-shadow: 0 2px 60px 0px rgba(0, 0, 0, 0.1);
}
.pricingTable:hover:after{
    opacity: 1;
    transform: rotateY(0deg);
}
.pricingTable .extra-title {
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 60px 0px rgba(0, 0, 0, 0.1);
	margin: 0 auto;
	font-size: 13px;
	color: #fff;
	position: absolute;
	top: -35px;
	font-weight: 700;
	right: 0;
	background: #ff6c29;
}
.pricingTable .pricingTable-header{
    margin-bottom: 30px;
}
.pricingTable .title {
	display: block;
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 0 0 50px 0;
	transition: all 0.3s ease-in-out 0s;
	background: linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
	padding: 25px 0;
	color: #fff;
	border-radius: 0px 60px 0px 60px;
}
.pricingTable .price-value {
	display: block;
	font-size: 70px;
	font-weight: 400;
	transition: all 0.3s ease-in-out 0s;
	line-height: 32px;
}
.price-month {
	font-weight: 500;
	display: block;
	margin-top: 15px;
}
.pricingTable .pricing-content{
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}
.pricing-content-border{}
.pricing-content-border > li {
  border: 1px solid #eee;
  margin-bottom: 10px;
}
.pricingTable .pricing-content li{
    line-height: 40px;
}
@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:linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
border-radius: 5000px;
color: #fff;
display: inline-block;
font-size: 16px;
font-weight: 600;
overflow: hidden;
padding:15px 45px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.btn-price-bg:focus{
background:linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
color:#fff;	
}
@media only screen and (max-width:768px) { 
.btn-price-bg{padding:15px 35px;}
}
/*
 * ----------------------------------------------------------------------------------------
 * 09.END PRICING DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 10.START COUNNTER DESIGN
 * ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width:480px) { 
.counter_feature {padding-bottom:50px;}
}
.counter_feature {
  background:linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
}
.counter_title{}
.single-project-complete{
border-right:1px solid rgba(0, 0, 0, 0.1);
text-align: center;   
}
.brnone{border-right: 0px ;}
@media only screen and (max-width:480px) { 
.single-project-complete {margin-bottom:30px;}
}
.single-project-complete span {
	display: block;
	font-size: 50px;
	margin-bottom: 30px;
	color: #333;
}
.single-project-complete h2 {
font-size: 45px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}
.single-project-complete h3 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}
/*
 * ----------------------------------------------------------------------------------------
 * 10.END COUNNTER DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START HOW IT WORK DESIGN
* ----------------------------------------------------------------------------------------
*/
.howitwork-content{}
@media only screen and (max-width:480px) { 
.howitwork-content{padding-bottom:30px;}
}
.single-howitwork {
padding:60px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width:480px) { 
.single-howitwork{margin-bottom:30px;}
}
.howitwork_icon {
	font-size: 40px;
	margin-bottom:30px;
}
.single-howitwork h3 {
font-size: 20px;
margin:20px 0 15px;
text-transform: capitalize;
font-weight: 700;
}
.single-howitwork p {}
.single-howitwork a {
	color: #333;
	font-weight: 600;
	margin-top: 20px;
	display: block;
	transition: 0.3s;
}
.single-howitwork a:hover{
color:#0ecad4;
}
.single-howitwork-bg{background:linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);

}
.single-howitwork-bg span{color:#fff;}
.single-howitwork-bg h3{color:#fff;}
.single-howitwork-bg p{color:#fff;}}
.single-howitwork-bg a{color: #fff;}
/*
* ----------------------------------------------------------------------------------------
* 11.END HOW IT WORK DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
*  12.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.our-blog {
 padding-bottom: 20px;
}
.single_home_blog {
  border: 1px solid #eee;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.09);
  margin-bottom:60px;
}

@media only screen and (max-width:480px) { 
    .single_home_blog{margin-bottom:40px; }
}
.post-slide .post-img{
overflow: hidden;
}
@media only screen and (max-width:768px){
.post-slide .post-img{
height: 100%;
overflow: hidden;
}
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    transition:all 0.3s ease-in-out 0s;
}
.post-slide .post-content{
background: #fff  none repeat scroll 0 0;
border-left: 1px solid #fff ;
border-right: 1px solid #fff ;
padding: 20px 20px;
}
.post-slide .post-date {
	min-width: 28px;
	min-height: 28px;
	line-height: 28px;
	text-align: center;
	background: #fff;
	display: inline-block;
	position: absolute;
	z-index: 999;
	top: 10px;
	left: 25px;
}
.post-slide .month{
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    padding: 5px 15px;
    background:linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
    text-transform: uppercase;
}
.post-slide .date {
	color: #333;
	font-size: 14px;
	display: block;
	padding: 5px 15px;
	font-family: open sans,sans-serif;
	font-weight: 600;
}
.blog-post-title a {
	color: #333;
	font-size: 18px;
	/* text-transform: capitalize; */
	transition: all 0.5s ease 0s;
	font-weight: 700;
	margin-bottom: 15px;
	display: block;
}
.blog-page-info{margin-bottom: 10px;}
.blog-page-info span {
	font-family: open sans, sans-serif;
	margin-right: 15px;
	text-transform: uppercase;
	font-weight: 600;
	color: #333;
	font-size: 14px;
}
.blog-page-info span a{
	font-family: open sans, sans-serif;
	margin-right: 15px;
	text-transform: uppercase;
	font-weight: 600;
	color: #333;
	font-size: 14px;	
}
.blog-page-info span a:hover{color:#ff6c29;}
.post-slide .post-title{
margin: 5px 0 10px;
}
.post-slide .post-title a {
	color: #333;
	font-size: 24px;
	transition: all 0.5s ease 0s;
	font-weight: 600;
	line-height: 36px;
}
@media only screen and (max-width:480px) { 
.post-slide .post-title a {font-size: 18px;}
}
.post-slide .post-title a:hover{
    color:#ff6c29;
    text-decoration: none;
}
.post-slide .post-description{
	margin-bottom: 15px;
}
.blog-page-description{
	margin-bottom: 15px;
}
.post-slide .post-bar{
    padding: 15px 0;
    list-style: none;
    text-align: center;
    background: #4d61ff;
}
.post-slide .post-bar li{
    display: inline-block;
    margin-right: 5px;
}
.post-slide .post-bar li a{
    text-transform: capitalize;
    color: #fff;
    transition:0.2s ease;
}
.post-slide .post-bar li a:hover{
    text-decoration: none;
    color:#333;
}
.post-slide .post-bar li i{
    color:#fff;
    margin-right: 5px;
}
.bpmb{margin-bottom:60px;}
.post-description_mbtop{margin-top:30px;}
.post-content > a {
	/* border-bottom: 1px solid #eee; */
	color: #333;
	font-size: 14px;
	font-weight: 600;
	text-transform: capitalize;
}
.post-content > a:hover{color:#ff6c29;}

/*START BLOG PAGES CSS*/
/*START PAGINATION*/
ul.blog_pagination li a {
border: 1px solid #eee;
border-radius: 0;
color: #282828;
display: block;
font-size: 18px;
font-weight: 500;
height: 45px;
line-height:42px;
margin: 5px;
text-align: center;
width: 45px;
}
ul.blog_pagination li a:hover {
    color: #fff;
    background: #ff6c29;
    border: 1px solid #ff6c29;
}
/*END PAGINATION*/
/*START BLOG SIDEBAR DESIGN*/
.contact_form_blog{padding-top:0px!important;}
.blog_sidebar_title {
	color: #333;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 1px;
	/* margin-bottom: 15px; */
	margin-top: 0;
	padding-bottom: 10px;
	text-transform: capitalize;
}
.blog_sidebar_title::after {
	display: block;
	content: "";
	background: #333;
	height: 2px;
	width: 70px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.blog_search,
.latest_blog,
.video_post,
.categories { margin-bottom: 60px }
@media only screen and (max-width:768px) { 
    .blog_search { margin-top: 60px }
}
.blog_search input {
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 0;
color: #282828;
transition: all 0.3s ease 0s;
height: 50px;
}
.blog_search input:focus{border: 1px solid #ff6c29;}
.single_latest_blog { overflow: hidden }
.single_latest_blog h4 {
color: #777;
font-size: 15px;
font-weight: 400;
line-height: 28px;
margin: 10px 0 0;
transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 { color: #ff6c29 }
.single_latest_blog span { color: #161616 }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
	color: #333;
	display: block;
	font-size: 14px;
	font-weight: 400;
	padding: 15px 0;
	border-bottom: 1px solid #eee;
	/* padding-bottom: 13px; */
}
.categories ul li a:hover { color: #ff6c29 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}
.tag a {
border: 1px solid #eee;
border-radius: 30px;
color: #333;
display: block;
float: left;
font-size: 13px;
font-weight: 500;
margin: 4px;
padding: 8px 18px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.tag a:hover {
    background: #ff6c29;
    color: #fff;
    border: 1px solid #ff6c29;
}
/*END BLOG SIDEBAR DESIGN*/
/*START BLOG SINGLE PAGE DESIGN*/
.single_blog_post { margin-bottom: 60px }
.single_blog_post img {
    width: 750px;
    height: 455px;
}
.blog_post_text h4 { margin: 30px 0 }
.author_part {
    margin-bottom: 60px;
    overflow: hidden;
}
.single_author {
	background: #fff none repeat scroll 0 0;
	padding: 20px;
	/* display: block; */
	overflow: hidden;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.author_part img {
    border: 4px solid #ff6c29;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight: 700;
letter-spacing: 1px; }
.author_part p { margin-bottom: 0 }
.blog_head_title {
border-bottom: 1px solid #eee;
margin: 0 0 30px;
padding-bottom: 10px;
font-weight: 500;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 1px;
}
.comments_part {
    margin-bottom: 60px;
    overflow: hidden;
}


/*END BLOG SINGLE PAGE DESIGN*/
/*END BLOG PAGES CSS*/
/*
* ----------------------------------------------------------------------------------------
* 12.END HOME BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/ 

/*
 * ----------------------------------------------------------------------------------------
 * 13.START PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/
.single_logo {padding: 50px;}
.single_logo_bm{
border-bottom:1px solid #eee;
}
.single_logo_all{
border-bottom:1px solid #eee;	
border-left:1px solid #eee;	
border-right:1px solid #eee;	
}
.single_logo_lr{
border-left:1px solid #eee;	
border-right:1px solid #eee;		
}
.single_logo a img {
	transition: 0.2s;
}
.single_logo a img:hover{opacity: 1;}

/*
 * ----------------------------------------------------------------------------------------
 * 13.END PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 14.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact{}
.contact input.form-control {
	background:#fff;
	border: 2px solid #eee;
	border-radius: 30px;
	box-shadow: none;
	color: #333;
	font-size: 16px;
	font-weight: 400;
	height: 50px;
	padding: 10px 10px 10px 30px;
	width: 100%;
}
.contact textarea {
	background:#fff;
	border: 2px solid #eee;
	border-radius: 30px;
	box-shadow: none;
	color: #333;
	padding: 10px;
	width: 100%;
	font-size:16px;
	padding-left: 30px;
	font-weight: 400;
	height: 160px;
}
.contact input.form-control:focus {
	border: 2px solid #ff6c29 ;
    box-shadow: none;
    outline: 0 none;
}
.contact textarea:focus {
border: 2px solid #ff6c29 ;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-bg {
	background: #ff6c29 none repeat scroll 0 0;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	outline: medium none;
	padding: 15px 27px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	width: auto!important;
	cursor: pointer;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333;
    color: #fff;
}


/*START ADDRESS AREA*/
.address-area{padding-bottom:50px;}
.single_address {
	margin-bottom: 30px;
}
.single_address i{
background: linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
border-radius: 500px;
box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
color: #fff;
float: left;
font-size: 22px;
height: 60px;
line-height: 60px;
margin-bottom: 30px;
margin-right: 20px;
text-align: center;
width: 60px;
transition: all 0.2s ease 0s;
}
.single_address h4 {
	font-size: 17px;
	font-weight: 600;
	text-transform: capitalize;
}
.single_address p{}
/*END ADDRESS AREA*/
/*
* ----------------------------------------------------------------------------------------
* 14.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 15.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
	padding: 60px 0;
	background:#222d38;

}

/*START NEWSLTTER FORM*/
.newsletter-form {
	background: linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
	padding: 60px;
	margin-top: -170px;
	margin-bottom: 80px;
}
.newsletter-form{}
.newsletter-form h2 {
	color: #fff;
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 36px;
}
.newsletter-form p{color:#fff;}
.subscribe {
	display: block;
	position: relative;
	margin-top: 35px;
	width: 100%;
}
.subscribe input {
	background: #fff;
	border-radius: 500px;
	color: #333;
	display: block;
	font-size: 16px;
	font-weight: 600;
	height: 56px;
	margin: 0;
	padding: 0 60px 0 20px;
	text-transform: capitalize;
	width: 100%;
	border: 2px solid #fff;
}
.subscribe button {
	background-color: #00bcd4;
	border-radius: 100px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 22px;
	height: 56px;
	position: absolute;
	right: 0px;
	top: 0;
	width: 54px;
}
.subscribe button:hover i{
	color:#fff;
}
button {
	padding: 0;
	border: none;
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
}
/*END NEWSLTTER FORM*/

.single_footer{}
@media only screen and (max-width:768px) { 
.single_footer{margin-bottom:30px;}
}
.single_footer h4 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 25px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 20px;
}
.single_footer h4::after {
	content: "";
	display: block;
	height: 2px;
	width: 40px;
	background: #879BFE;
	margin-top: 20px;
}
.single_footer p{color:#fff;line-height: 34px;}
.single_footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single_footer ul li{}
.single_footer ul li a {
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 36px;
	font-size: 15px;
	text-transform: capitalize;
}
.single_footer ul li a:hover { color: #ff6c29; }
.single_footer span{}
.single_footer p{}

.footer_profile {
  margin-top: 30px;
}
.footer_profile ul{
list-style: outside none none;
margin: 0;
padding: 0
}
.footer_profile ul li{
display: inline-block;
}
@media only screen and (max-width:480px) { 
.footer_profile ul li{margin:2px;}
}
.footer_profile ul li a img{width:60px;}
.footer_profile ul li a {
	display: block;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	margin-right: 10px;
	color: #fff;
	font-size: 16px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border: 1px solid #333;
	border-radius: 30px;
	transition: 0.3s;
}
.footer_profile ul li a:hover{
	background:#ff6c29;
	color:#fff;
	border: 1px solid #ff6c29;
}
/*END FOOTER SOCIAL DESIGN*/
.mt_120{
	margin-top: 120px;
}
.is_active_widget{
	margin-top: 70px;
	padding-top: 40px;
	border-top: 1px solid rgba(255,255,255,0.4);
}
.copyright {
	color:#fff;
	font-size: 15px;
	text-align: center;
}
.copyright a {
	color: #fff;
	transition: all 0.2s ease 0s;
	font-weight: 600;
}
.copyright a:hover{color:#ff6c29;}
/*
* ----------------------------------------------------------------------------------------
* 15.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 16.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
.section-content {
position: relative;
height: 400px;
}
.section-content:before {
    background:rgba(0, 0, 0, 0.7);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.section-blog-title {
	background: #ff6c29 none repeat scroll 0 0;
	border: 4px solid #fff;
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
	color: #fff;
	display: inline-block;
	font-weight: 700;
	padding: 30px;
	text-transform: capitalize;
	margin-top: 100px;
	border-radius: 2px;
}
.section-top {
	background:#282828;
    padding-bottom: 100px;
    padding-top: 160px;
}
.section-top-title h1 {
color: #fff;
font-weight: 600;
}
img{
	max-width: 100%;
	height: auto;
}
/*
 * ----------------------------------------------------------------------------------------
 * 16.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/