/*
Author       : themes_oceans
Template Name: SRK - One Page Parallax
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 ABOUT CONTENT DESIGN
    05. START PORTFOLIO DESIGN
    06. START SERVICE DESIGN
    07. START VIDEO DESIGN
    08. START TEAM DESIGN
    09. START PROMOTION DESIGN
    10. START TESTIMONIAL DESIGN
    11. START PARTNER DESIGN
    12. START COUNT DOWN DESIGN
    13. START PRICING DESIGN
    14. START BLOG DESIGN
    15. START CONTACT DESIGN
    16. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #9a9a9a;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
background:#fff;
overflow-x: hidden;
}
html,
body { height: 100%;
 position:relative;   
}
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: 'Raleway', sans-serif;	
text-decoration: none;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
  word-spacing: 1px;
  margin: 0;
}
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:#000;
    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-color: #fff;
  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  h1 {
color: #333;
font-size: 34px;
font-weight: 700;
margin-bottom: 0;
letter-spacing: 1.5px;
margin-top: 0;
position: relative;
text-transform: capitalize;
}

@media only screen and (max-width:480px) { 
.section-title  h1  {font-size:24px;}
}
.icon_wrap {
display: inline-block;
padding: 10px 0;
position: relative;
}
.icon_wrap:before {
    position: absolute;
    content: '';
    background-color: #41cb52;
    height: 2px;
    left: -30px;
    width: 100%;
    top: 50%;
}
.icon_wrap:after {
    position: absolute;
    content: '';
    background-color: #41cb52;
    height: 2px;
    right: -30px;
    width: 100%;
    top: 50%;
}
.icon_wrap i {
    font-size: 22px;
    color: #41cb52;
}
.icon_wrap_white:before {
    position: absolute;
    content: '';
    background-color: #fff;
    height: 2px;
    left: -30px;
    width: 100%;
    top: 50%;
}
.icon_wrap_white:after {
    position: absolute;
    content: '';
    background-color: #fff;
    height: 2px;
    right: -30px;
    width: 100%;
    top: 50%;
}
.section-title-white-span{background: #fff !important;}
h1.section-title-white{
color: #fff;
font-size: 36px;
font-weight: 500;
margin-top: 0;
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: 70%;
margin: auto;	
}
@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: #41cb52;
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
* ----------------------------------------------------------------------------------------
*/
.site-logo img{
	width: 150px;
	height: auto;
}
.bg-faded {
	background-color:transparent;
	transition: all 0.5s ease 0s;
}
@media only screen and (max-width:767px) { 
.bg-faded {background-color:#35ac39;}
}
.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: #fff;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}

@media only screen and (max-width:767px) { 
.navbar-fixed {background: #35ac39;}
}
#navigation{
	padding: 20px 0;
}
#navigation.navbar-fixed {
	padding: 15px 0;
}
.header_right {
	float: right;
	flex-basis: auto;
}
#main-menu{
	margin-top: 12px;
}
#main-menu ul{
	list-style-type: none;
}
#main-menu ul li{
	display: inline-block;
	padding:0px 12px;
	position: relative;
}
#main-menu ul li a {
	color: #fff;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 600;
	transition: .3s;
}
@media only screen and (max-width:960px) { 
#main-menu ul li a {font-size: 13px;}
}
#navigation.navbar-fixed #main-menu ul li a{
	color: #1d293e;
}
#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:#35ac39;
}

.slicknav_nav_icon{
	color: #fff;
	font-size: 24px;
}
.slicknav_menu .slicknav_icon::before {
	background: transparent;
	width: 1.125em;
	height: 0.875em;
	display: block;
	content: "\e68e";
	position: absolute;
	font-family: 'themify';
	color: #fff;
	font-size: 20px;
}
#mobile_menu{display: none;}
@media only screen and (max-width:767px) { 
.navbar-default {
padding: 10px!important;
}
.navbar-collapse{
margin-top: 15px;
}

#navigation ul li a{ 
position: inherit;
color: #333;

}

#navigation ul li ul ,
#navigation ul li ul li ul{
opacity: 1;
position: inherit;
top: 0;
transition: all 0.3s ease 0s;
z-index: 1;
visibility: visible;
background: #fff none repeat scroll 0 0;
box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.05);
padding: 15px;
left: 0;
background: #f5f5f5;
list-style: none;
width: 100%;
}



#navigation ul li ul.sub-menu li{
z-index: 1;
}

#navigation ul li:hover ul.sub-menu{
top:0;
opacity:1;
z-index:999;
visibility:visible;
}
#main-menu{
display: none;
}	
#mobile_menu{
display: block;
width: 100%;
}
.slicknav_nav ul li a{
color: #fff !important;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 600;
}
	
}
@media only screen and (max-width:767px) { 
  .navbar-brand {
    padding-top: 20px;
  }
.slicknav_menu {
	font-size: 16px;
	box-sizing: border-box;
	background: transparent;
	padding: 0;
	margin-top: 10px;
}  
}
@media only screen and (max-width:480px) { 
.header_right {
	display: flex;
	flex-basis: auto;
}
.slicknav_menu {
	margin-top: -50px;
}
}
/*
* ----------------------------------------------------------------------------------------
* 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;position:relative;}
.hero-text h3{
color: #eee;
font-size: 34px;
font-weight: 200;
letter-spacing: 3px;	
text-transform: capitalize;
}
.hero-text h1 {
color: #fff;
font-size: 60px;
font-weight: 700;
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: #eee;
font-size: 15px;
font-weight: 300;
letter-spacing: 1px;
margin-bottom: 25px;
margin-top: 10px;
word-spacing: 2px;
}
.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: 5000px;
color: #eee;
display: inline-block;
font-size: 16px;
font-weight: 600;
overflow: hidden;
padding: 10px 45px;
text-transform: capitalize;
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: #41cb52;
border: 2px solid #41cb52;
border-radius: 5000px;
color: #fff;
display: inline-block;
font-size: 16px;
font-weight: 600;
overflow: hidden;
padding:10px 45px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:360px) { 
.get_btn {padding: 10px 40px;}
}
.get_btn:hover{
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: 750px;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 ABOUT CONTENT DESIGN
* ----------------------------------------------------------------------------------------
*/
.about-content{}
@media only screen and (max-width:480px) { 
.about-content{padding-bottom:30px;}
}
.single-about-contact {
border-bottom: 1px double #eee;
border-radius: 3px;
margin-bottom: 40px;
padding: 60px 30px;
}
@media only screen and (max-width:480px) { 
.single-about-contact{margin-bottom:50px;}
}
.icon {
	background: #41cb52 none repeat scroll 0 0;
	border: 1px solid #41cb52;
	border-radius: 100px;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	color: #fff;
	font-size: 30px;
	height: 90px;
	margin-bottom: 20px;
	line-height: 90px;
	text-align: center;
	width: 90px;
	display: inline-block;
}
.single-about-contact:hover .icon{
background: #41cb52 none repeat scroll 0 0;
border: 1px solid #41cb52;	
color:#fff;
}
.single-about-contact h3 {
font-size: 20px;
margin:20px 0 15px;
text-transform: capitalize;
font-weight: 600;
}
.single-about-contact p {

}


.single_about_content_two{
background:#f8f8f8;
padding:120px 60px;
}
.single_about_content_two h4{
color: #41cb52;
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
text-transform: capitalize;
}
.single_about_content_two h1{
font-size: 36px;
font-weight: 600;
margin-bottom: 30px;
text-transform: capitalize;
}
.single_about_content_two p{
margin-bottom: 30px;	
}
.single_about_content_two a{
background: #41cb52 none repeat scroll 0 0;
color: #fff;
border-radius: 500px;
display: inline-block;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
padding: 16px 40px;
text-transform: uppercase;
transition: all 0.2s ease 0s;	
}
.single_about_content_two a i{margin-left:8px;}
.single_about_content_two a:hover{
background:#282828;
color:#fff;	
}

.single_about_content_three{
background:#282828;
padding:120px 60px;
}
.single_about_content_three{}
.single_about_content_three h4{
color: #41cb52;
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
text-transform: capitalize;
}
.single_about_content_three h1{
color:#fff;	
font-size: 36px;
font-weight: 600;
margin-bottom: 30px;
text-transform: capitalize;
}
.single_about_content_three p{
margin-bottom: 30px;
color:#eee;	
}
.single_about_content_three a{
background: #41cb52 none repeat scroll 0 0;
color: #fff;
border-radius: 500px;
display: inline-block;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
padding: 16px 40px;
text-transform: uppercase;
transition: all 0.2s ease 0s;	
}
.single_about_content_three a i{margin-left:8px;}
.single_about_content_three a:hover{
background:#fff;
color:#282828;	
}
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT CONTENT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 05.START PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
*/
.box{
    text-align: center;
    overflow: hidden;
    position: relative;
}
.box:before,
.box:after{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    transform: scaleX(0);
    transition: all 0.6s ease 0s;
}
.box:after{ transform: scaleY(0); }
.box:hover:before{ transform: scaleX(1); }
.box:hover:after{ transform: scaleY(1); }
.box img{
    width: 100%;
    height: auto;
    transition: all 0.5s ease 0s;
}
.box:hover img{
    transform: scale(1.3);
}
.box .box-content{
    width: 100%;
    position: absolute;
    top: 20%;
    left: 0;
    z-index: 2;
}
@media only screen and (max-width:480px) { 
.box .box-content{top: 40%;}
}
@media only screen and (max-width:360px) { 
.box .box-content{top: 30%;}
}
@media only screen and (max-width:320px) { 
.box .box-content{top: 20%;}
}
.box .title{
color: #fff;
font-size: 20px;
font-weight: 700;
margin: 0 0 10px;
opacity: 0;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.box .title_des{
color: #fff;
margin: auto;
opacity: 0;
width: 80%;
margin-bottom:20px;
}
.box:hover .title{
    opacity: 1;
}
.box:hover .title_des{opacity: 1;}
.box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
    transform: scaleX(0);
    transition: all 0.6s ease 0s;
}
.box:hover .icon{
    transform: scaleX(1);
}
.box .icon li{ display: inline-block; }
.box .icon li a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    margin-right: 5px;
    transition: all 0.3s ease 0s;
}
.box .icon li a:hover{
    background: #fff;
    color: #444;
}
.box-content a{
border-bottom: 1px solid #eee;
color: #fff;
font-size: 13px;
opacity:0;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
word-spacing: 2px;
}
.box-content:hover a{color:#fff;opacity:1;}
.box-content a:focus{color:#fff;}

.works_btn{padding-top: 60px;}
.works_btn a{}
.works_btn a i{margin-left:8px;}
.works_btn a{
background: #41cb52 none repeat scroll 0 0;
color: #fff;
border: 1px solid #41cb52;
border-radius: 500px;
display: inline-block;
font-size: 12px;
box-shadow:0px 5px 30px 0px rgba(0,0,0,0.2);
font-weight: 600;
letter-spacing: 1px;
padding: 16px 40px;
text-transform: uppercase;
transition: all 0.2s ease 0s;	
}
.works_btn a i{margin-left:8px;}
.works_btn a:hover{
background:#282828;
border: 1px solid #282828;
color:#fff;	
}
/*project modal*/
.modal-title {
color: #333;
margin: 0;
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
}
.modal-content {
border-radius: 0;
margin-top: 100px;
padding: 10px 30px;
}
.modal-body { margin-bottom: 15px }
.modal-body p { margin: 15px 0 0 }
.project-list { margin-top: 30px }
.project-list label {
	color: #333;
	margin-bottom: 0;
	margin-right: 0;
	width: 120px;
}
.project-list li {
    padding: 7px 0;
    font-size: 14px;
}
.project-list li a {
    color: #333;
    margin-bottom: 0;
    margin-right: 7px;
    width: 125px;
}
.project-list li a:hover { color: #41cb52; }
/*End project modal*/
/*
 * ----------------------------------------------------------------------------------------
 * 05END PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_service{
padding-top: 80px;
padding-bottom: 20px;
}
.single_service {
    margin-bottom: 60px;
}
.service_icon{
border: 1px solid #eee;
border-radius: 500px;
display: inline-block;
float: left;
height: 110px;
margin-bottom: 30px;
margin-right: 30px;
position: relative;
width: 110px;
}
.single_service i {
background: #f7f7f7 none repeat scroll 0 0;
border: 1px dashed #e8e8e9;
border-radius: 500px;
color: #333;
font-size: 30px;
height: 80px;
left: 50%;
line-height: 80px;
text-align:center;
margin: auto;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 80px;
}
.single_service:hover i {
}
.single_service h4 {
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
overflow: hidden;
padding-top: 15px;
text-transform: capitalize;
}
.single_service p {
overflow: hidden;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 07.START VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
*/
.view_our_video {
position: relative;
padding:100px 0;
}
.view_our_video:before {
    background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.our_video{position:relative;}
.our_video h1{
color: #fff;
font-size: 50px;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 20px;
text-transform: capitalize;
}
.our_video p{
color: #eee;
font-size: 15px;
font-weight: 300;
letter-spacing: 1px;
margin: auto auto 40px;
width: 60%;
word-spacing: 2px;
}
.our_video h1 i{
color:#41cb52;
font-size: 15px;
vertical-align: middle;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  margin-top: 55px;
  max-width: 900px;
  width: 100%;
}
.our_video a  {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
border: 10px solid rgba(0, 0, 0, 0.05);
border-radius: 100px;
color: #41cb52;
display: block;
font-size: 24px;
height: 100px;
line-height: 90px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100px;
}
/*
 * ----------------------------------------------------------------------------------------
 * 07.END VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

.our-team{
background: #f8f8f8  none repeat scroll 0 0;
border-radius: 3px;
overflow: hidden;
padding: 30px 0 40px;
position: relative;
margin: 0 15px;
text-align: center;
}
.our-team .pic{
    display: inline-block;
    width: 130px;
    height: 130px;
    margin-bottom: 50px;
    z-index: 1;
    position: relative;
}
.our-team .pic:before{
    content: "";
    width: 100%;
    height: 0;
    border-radius: 50%;
    background: #41cb52;
    position: absolute;
    bottom: 135%;
    right: 0;
    left: 0;
    opacity: 0.2;
    transform: scale(3);
    transition: all 0.3s linear 0s;
}
.our-team:hover .pic:before{ height: 100%; }
.our-team .pic:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #41cb52;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.our-team .pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
    transform: scale(1);
    transition: all 0.9s ease 0s;
}
.our-team:hover .pic img{
    box-shadow: 0 0 0 14px #f7f5ec;
    transform: scale(0.7);
}
.our-team .team-content{ margin-bottom: 30px; }
.our-team .title{
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
text-transform: capitalize;
}
.our-team .post{
display: block;
font-size: 14px;
font-weight: 300;
text-transform: capitalize;
}
.our-team .social{
    width: 100%;
    padding: 0;
    margin: 0;
    background: #41cb52;
    position: absolute;
    bottom: -100px;
    left: 0;
    transition: all 0.5s ease 0s;
}
.our-team:hover .social{ bottom: 0; }
.our-team .social li{ display: inline-block; }
.our-team .social li a{
color: #fff;
display: block;
font-size: 17px;
padding: 10px;
transition: all 0.3s ease 0s;
width: 40px;
}
.our-team .social li a:hover{
    color: #41cb52;
    background: #f7f5ec;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}
/*
* ----------------------------------------------------------------------------------------
* 08.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09.START PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.promotional_offer {
position: relative;
}
.promotional_offer:before {
    background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.single_offer{
padding: 120px 50px;
position:relative;
}
.single_offer h4{
color: #fff;
font-size: 13px;
font-weight: 600;
letter-spacing: 3px;
margin-bottom: 16px;
text-transform: uppercase;
word-spacing: 2px;
}
.single_offer h1{
color: #fff;
font-weight: 700;
}
.single_offer p{
color: #eee;
font-size: 15px;
font-weight: 300;
letter-spacing: 1px;
margin-bottom: 35px;
margin-top: 20px;
word-spacing: 2px;	
}
.single_offer a{margin-right: 15px;}
/*
* ----------------------------------------------------------------------------------------
* 09.END PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 10.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/
.testimonial-demo{ background: #f6f6f6; }
.testimonial{
    margin: 0 20px 0px;
}
.testimonial .testimonial-content{
    padding: 35px 25px 35px 50px;
    margin-bottom: 35px;
    background: #fff;
    border: 1px solid #f0f0f0;
    position: relative;
}
.testimonial .testimonial-content:after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    bottom: -10px;
    left: 22px;
    transform: rotate(45deg);
}
.testimonial-content .testimonial-icon{
    width: 50px;
    height: 45px;
    background: #41cb52;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px;
}
.testimonial-content .testimonial-icon:before{
    content: "";
    border-bottom: 16px solid #41cb52;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}
.testimonial .description{

}
.testimonial .title{
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #525252;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    color: #41cb52;
}
.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: #41cb52 !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: 60px;
  text-align: center;
}
/*
 * ----------------------------------------------------------------------------------------
 * 10.END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 11.START PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/
.single_logo {
  background: #f9f9f9 none repeat scroll 0 0;
  padding: 20px;
}
@media only screen and (max-width:768px){
.partner-logo {padding-bottom:60px;}
}
@media only screen and (max-width:768px){
.single_logo {margin-bottom:20px;}
}
.single_logo a{}
.single_logo a img{
height: 60px;
width: 80px;	
}
/*
 * ----------------------------------------------------------------------------------------
 * 11.END PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 12.START COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature {
position: relative;
}
.counter_feature:before {
    background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
@media only screen and (max-width:768px) { 
.counter {margin-bottom: 30px;}
}
.single_counter{
background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
border-radius: 500px;
display: inline-block;
height: 150px;
margin-bottom: 10px;
position: relative;
width: 150px;
}
.counter h2 {
background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
border-radius: 500px;
color: #fff;
font-size: 30px;
font-weight: 700;
height: 100px;
left: 50%;
line-height: 100px;
margin: auto;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100px;
}
.counter p {
color: #fff;
font-size: 18px;
margin-top: 10px;
text-transform: capitalize;
position:relative;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 * 13.START PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
.our_pricing{
background:#f8f8f8 ;
}

.pricingTable{
background: #fff none repeat scroll 0 0;
color: #282828;
margin-top: 30px;
padding: 50px 15px;
perspective: 700px;
position: relative;
text-align: center;
transition: all 0.3s ease-in-out 0s;
z-index: 1;
}
@media only screen and (max-width:480px){
.pricingTable{ margin-bottom:60px; }
}
.pricingTable:hover{ color: #fff; }
.pricingTable:after{
    content: "";
    width: 100%;
    height: 100%;
    background: #41cb52;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    transform: rotateY(70deg);
    transition: all 0.3s ease-in-out 0s;
}
.pricingTable:hover:after{
    opacity: 1;
    transform: rotateY(0deg);
}
.pricingTable .icon{
    width: 69px;
    height: 69px;
    line-height: 69px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    font-size: 25px;
    color: #41cb52;
    position: absolute;
    top: -34px;
    left: 0;
    right: 0;
}
.pricingTable .pricingTable-header{
    margin-bottom: 30px;
}
.pricingTable .title{
    display: block;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px 0;
	transition: all 0.3s ease-in-out 0s;
}
.pricingTable:hover .title{color:#fff;}
.pricingTable .price-value{
border-bottom: 5px solid #41cb52;
display: inline-block;
font-size: 30px;
font-weight: 700;
transition: all 0.3s ease-in-out 0s;
line-height: 32px;
}
.pricingTable:hover .price-value{
    border-bottom-color: #fff;
}
.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: #41cb52;
border: 2px solid #41cb52;
border-radius: 5000px;
color: #fff;
display: inline-block;
font-size: 16px;
font-weight: 600;
overflow: hidden;
padding:10px 45px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.pricingTable:hover .btn-price-bg{
background:#fff;
color:#333;
border: 2px solid #fff;
}


/*
 * ----------------------------------------------------------------------------------------
 * 13.END PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
* ----------------------------------------------------------------------------------------
*  14.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.03);
  margin-bottom:60px;
}

@media only screen and (max-width:480px) { 
    .single_home_blog{margin-bottom:40px; }
}
.post-slide .post-img{
height: 300px;
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;
    transform: scale(1,1);
    transition:all 0.3s ease-in-out 0s;
}
.post-slide:hover .post-img img{
    transform: scale(1.2,1.2);
    filter:none;
    opacity:1;
}
.post-slide .post-content{
background: #fff  none repeat scroll 0 0;
border-left: 1px solid #fff ;
border-right: 1px solid #fff ;
padding: 20px 20px;
position: relative;
}
.post-slide .post-date{
    min-width:28px;
    min-height:28px;
    line-height: 28px;
    text-align: center;
    background: #282828;
    position: absolute;
    top: -30px;
    left: 20px;
}
.post-slide .month{
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 0 10px;
    background: #41cb52;
    text-transform: uppercase;
}
.post-slide .date{
    color: #fff;
    font-size: 14px;
}
.post-slide .post-title{
margin: 30px 0 10px;
}
.post-slide .post-title a{
color: #282828;
font-size: 18px;
text-transform: capitalize;
transition: all 0.5s ease 0s;
font-weight: 600;
}
.post-slide .post-title a:hover{
    color:#41cb52;
    text-decoration: none;
}
.post-slide .post-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: #282828;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.post-content > a:hover{color:#41cb52;}

/*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: #41cb52;
    border: 1px solid #41cb52;
}
/*END PAGINATION*/
/*START BLOG SIDEBAR DESIGN*/
.contact_form_blog{padding-top:0px!important;}
.blog_sidebar_title {
border-bottom: 1px solid #eee;
color: #000;
font-size: 13px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 15px;
margin-top: 0;
padding-bottom: 10px;
text-transform: uppercase;
}
.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: #f9f9f9 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 #41cb52;}
.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: #41cb52 }
.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: 5px 0;
}
.categories ul li a:hover { color: #41cb52 }
.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: #41cb52;
    color: #fff;
    border: 1px solid #41cb52;
}
/*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: #f8f8f8  none repeat scroll 0 0;
    padding: 20px;
}
.author_part img {
    border: 4px solid #41cb52;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight: 600;
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;
}
.single_comment {
    margin-bottom: 30px;
    background: #f8f8f8;
    padding: 20px;
}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid #41cb52;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 { font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;}
.single_comment p { margin-bottom: 0 }
.comment_form input, .comment_form textarea  {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: currentcolor currentcolor #eee;
border-image: none;
border-radius: 0;
border-style: none none solid;
border-width: 0 0 1px;
box-shadow: none;
color: #282828;
font-size: 14px;
font-weight: 500;
padding: 15px 0;
}

.comment_form textarea {

}
@media only screen and (max-width:768px) { 
    .comment_form textarea { width: 100% }
}
.comment_form input:hover,.comment_form input:focus {
	background:none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
	color: #282828;
    outline: 0 none;
}
.comment_form textarea:hover,.comment_form textarea:focus {
	background:none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
	color: #282828;
    outline: 0 none;
}
/*END BLOG SINGLE PAGE DESIGN*/
/*END BLOG PAGES CSS*/
/*
* ----------------------------------------------------------------------------------------
* 14.END HOME BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/ 


/*
* ----------------------------------------------------------------------------------------
* 15.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_form {padding-top:80px;}
.contact {
background: #282828 none repeat scroll 0 0;
padding:120px 40px;
}
.contact input, .contact textarea  {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: currentcolor currentcolor #333;
border-image: none;
border-radius: 0;
border-style: none none solid;
border-width: 0 0 1px;
box-shadow: none;
color: #fff;
font-size: 14px;
font-weight: 500;
padding: 15px 10px;
}

.contact textarea {

}
@media only screen and (max-width:768px) { 
    .contact textarea { width: 100% }
}
.contact input:hover,.contact input:focus {
	background:none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
	color: #fff;
    outline: 0 none;
}
.contact textarea:hover,.contact textarea:focus {
	background:none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
	color: #fff;
    outline: 0 none;
}
.btn-contact-bg {
letter-spacing: 1px;
padding: 10px 40px!important;
text-transform: uppercase;
cursor: pointer;
transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    color: #333;
}
.address_bg{
background: #f8f8f8 none repeat scroll 0 0;
padding-top: 130px;
}

.single_address{
margin-bottom:30px;
padding: 30px 20px;
}
.single_address i{
background: #41cb52 none repeat scroll 0 0;
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;
}
.single_address h4{
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
}
.single_address p{}
.map iframe{
width:100%;
height:400px;
border:0px;
}

/*
* ----------------------------------------------------------------------------------------
* 15.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
background-color: #222;
padding: 30px 0;
}
.social_profile {
  margin: 30px 0;
}
.single_footer img{
width: 200px;
}
.single_footer ul{
list-style: outside none none;
margin: 0;
padding: 0;
text-align: center;
}
.single_footer ul li{
border-color: rgba(255, 255, 255, 0.21);
border-style: solid;
border-width: 1px;
display: inline-block;
}
@media only screen and (max-width:480px) { 
.single_footer ul li{margin:2px;}
}
.single_footer ul li a{
color: #fff;
float: left;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
margin: 0;
padding: 10px 40px;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease 0s;
width: 100%;
}
@media only screen and (max-width:768px) { 
.single_footer ul li a{padding: 10px 25px;}
}
.single_footer ul li a:hover{background:#fff;color:#333;}
/*END FOOTER SOCIAL DESIGN*/
.copyright{
color: #fff;
text-transform: capitalize;
}
/*
* ----------------------------------------------------------------------------------------
* 16.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  21.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
.section-top {
	background:#282828;
    padding-bottom: 100px;
    padding-top: 160px;
}
.section-top-title h1 {
color: #fff;
font-weight: 600;
}
/*
 * ----------------------------------------------------------------------------------------
 * 21.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/