/*
Author       : theme_ocean
Template Name: Batpar - 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 US DESIGN
    05. START FEATURE DESIGN
    06. START OFFER DESIGN
    07. START SERVICE DESIGN
    08. START CONTACT PROMOTION DESIGN
    09. START SERVICE PROMOTION DESIGN
    10. START PORTFOLIO DESIGN
    11. START PROMOTION DESIGN
    12. START TEAM DESIGN
    13. START PARTNER DESIGN
    14. START COUNTER DESIGN
    15. START TESTIMONIAL DESIGN
    16. START PRICING PLAN DESIGN
    17. START BLOG DESIGN
    18. START NEWSLETTER DESIGN
    19. START CONTACT FORM & ADDRESS DESIGN
    20. START FOOTER DESIGN
    21. START SECTION TOP DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #4d4d4d;
font-family: 'Ubuntu', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 30px;
background:#fff;
overflow-x:hidden;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Ubuntu', sans-serif;
  letter-spacing: 0px;
  margin-top: 0px; 
  color: #282828;
  font-weight: 400;
}
a {
font-family: montserrat,sans-serif;
text-decoration: none;
-webkit-transition: all 0.2s ease 0s;
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:#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-color: #41cb52;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  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: 90px 0;}
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:20px;}
.section-title{margin-top:20px;}
.section-title h1 {
  color: #e5322c;
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 0;
  position: relative;
  text-transform: uppercase;
  font-family: Montserrat,sans-serif;
}

@media only screen and (max-width:480px) { 
  .m-pad {
    margin: 0px 15px !important;
  }
.section-title  h1  {font-size:24px;}
}
.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) { 
  .m-pad {
    margin: 0px 15px !important;
  }
h1.section-title-white {font-size:24px;}
}
p.section-title-white{color:#fff;}
.section-title  p{
padding: 0 10px;
width: 96%;
margin: auto; 
}
@media only screen and (max-width:768px) { 
  .m-pad {
    margin: 0px 15px !important;
  }
.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;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
position: fixed;
right: 5px;
text-align: center;
-webkit-transition: all 0.2s ease 0s;
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
* ----------------------------------------------------------------------------------------
*/
.navbar {padding: 25px 0;}
.bg-faded {
background-color: transparent;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:768px) { 
.bg-faded {background:#fff;}
}
.navbar-brand img {
  width: 150px;
}
.navbar-light .navbar-nav .nav-link {
  color: #eee;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding: 0 15px;
  text-transform: capitalize;
}
@media only screen and (max-width:480px) { 
.navbar-light .navbar-nav .nav-link {color: #282828;padding: 8px 0px;}
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #41cb52 !important;
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .open > .nav-link {
  color: #41cb52  !important;
}
.navbar-light .navbar-toggler {
  border-color: #fff;
  border-radius: 0px;
}
.navbar-light .navbar-toggler {
  float: right;
  margin: 14px;
  cursor: pointer;
    background-color: #41cb52;
  border-color: #41cb52;
  border-radius: 0;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 32 32\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(0, 0, 0, 0.5)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 8h24M4 16h24M4 24h24\'/%3E%3C/svg%3E");
}
.navbar-light .navbar-toggler i {
  color: #666!important;
}
.site-navigation {
    border-radius: 0px;
}
@media only screen and (max-width:480px) { 
.collapse.show {
  display: block;
  padding: 0!important;
}
}
.navbar-fixed {
    z-index: 99999;
    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);
}
@media only screen and (max-width:768px) { 
.navbar-fixed {background:#fff;}
}
.navbar-fixed.navbar-light .navbar-nav .nav-link{color:#282828;}

@media only screen and (max-width:768px) { 
.navbar-fixed.navbar-light .navbar-nav .nav-link{color:#282828;}
}
/*
* ----------------------------------------------------------------------------------------
* 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;}
.hero-text h1 {
color: #fff;
font-size: 50px;
font-weight: 500;
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: 40px;
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: 13px;
font-weight: 600;
overflow: hidden;
padding: 10px 45px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:360px) { 
.learn_btn {padding: 10px 40px;}
}
.learn_btn:hover{
background:#fff;
color:#282828;
border: 2px solid #fff;
}

.get_btn {
background: #41cb52;
border: 2px solid #41cb52;
border-radius: 5000px;
color: #fff;
display: inline-block;
font-size: 13px;
font-weight: 600;
overflow: hidden;
padding:10px 45px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:360px) { 
.get_btn {padding: 10px 40px;}
}
.get_btn:hover{
background:#fff;
color:#282828;
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%;
-webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
width: 100%;
z-index: 15;
}
video { min-width: 100% }

/*START HOME SLIDER DESIGN*/
.flexslider .slides > li:first-child {
  display: block; 
}
.flexslider.loading .slides > li:first-child {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
} 
.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;
    animation: spin 1s linear infinite; 
}
@-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 US DESIGN
* ----------------------------------------------------------------------------------------
*/
.about-content {
  padding: 80px 0;
}
@media only screen and (max-width:480px) { 
.about-content {
  padding-bottom: 60px;
}
}
.single-about-contact {}
@media only screen and (max-width:480px) { 
.single-about-contact{margin-bottom:30px;}
}
.icon {
  float: left;
  margin-right: 20px;
  margin-bottom: 30px;
  font-size: 24px;
  color: #41cb52;
}
.single-about-contact h3 {
font-size: 22px;
margin:20px 0 15px;
text-transform: capitalize;
font-weight: 600;
}
.single-about-contact p {
  overflow: hidden;
}

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

.about_us{
  background: #f8f8f8;
}

.single_about_us h2 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 26px;  
}
.single_about_us > span {
  display: block;
  background: #41cb52;
  height: 2px;
  width: 60px;
  margin: 20px 0;
  margin-bottom: 30px;
}
.single_about_us p {
  margin-bottom: 15px;
}

.our_video {
  margin-top:30px;
}
.video-play {
  background: #41cb52;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  transition: all 0.3s ease 0s;
  padding: 8px 40px;
  text-transform: uppercase;
  word-spacing: 2px;
  letter-spacing: 0.6px;
  border-radius: 3px;
}
.video-play:focus{color:#fff;}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  margin-top: 55px;
  max-width: 900px;
  width: 100%;
}
/* START SKILL DESIGN */

.skills-area{
  overflow: hidden;
}
.skills-area h2 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 26px;  
}
.skills-area > span {
  display: block;
  background: #41cb52;
  height: 2px;
  width: 60px;
  margin: 20px 0;
  margin-bottom: 30px;
}
.progress-bar-text {
  color: #282828;
  font-size: 14px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 600;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 8px;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #41cb52 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}
/* END SKILL DESIGN */      
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START FEATURE DESIGN
* ----------------------------------------------------------------------------------------
*/
.features_area{padding-bottom: 50px;display:none;}
.feature_content_img{}
@media only screen and (max-width:768px) { 
.feature_content_img {margin-bottom:60px;}
}
.feature_content_img img{}
.feature_content {}
@media only screen and (max-width:768px) { 
.feature_content {
  padding-right:0px;
  padding-left: 60px;
}
}
@media only screen and (max-width:480px) { 
.feature_content {
  padding-right: 30px;
  padding-left: 30px;
}
}
.feature_content h1 {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media only screen and (max-width:480px) { 
.feature_content h1 {font-size:30px;}
}
.feature_content > p{margin-bottom: 60px;}
.single_feature{margin-bottom: 30px;}

.single_feature i {
  float: left;
  margin-right: 20px;
  /* padding-top: 5px; */
  margin-bottom: 30px;
  font-size: 24px;
  color: #fff;
  background: #41cb52;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 30px;
  box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.15);
}
.single_feature h4 {
  overflow: hidden;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
}
.single_feature p{overflow: hidden;}
/*
* ----------------------------------------------------------------------------------------
* 05.END FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06.START OFFER DESIGN
* ----------------------------------------------------------------------------------------
*/
.offer_area {
  border-top: 1px solid #eee;
}
.single_offer_img{}
.single_offer_img img{}
@media only screen and (max-width:768px) { 
.offer_content {margin-bottom:60px;}
}
@media only screen and (max-width:480px) { 
.offer_content {padding-left:20px;}
}
.offer_content h1 {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.offer_content h1 span {color:#41cb52;}
.offer_content h1::after {
  position: relative;
  content: "";
  display: block;
  height: 2px;
  background: #41cb52;
  width: 60px;
  margin-top: 15px;
  margin-bottom: 40px;
}
@media only screen and (max-width:480px) { 
.offer_content h1 {font-size:30px;}
}
.offer_content p{margin-bottom:40px;}
.single_offer{overflow: hidden;}

.single_offer i {
  float: left;
  margin-right: 15px;
  padding-top: 3px;
  margin-bottom: 20px;
  font-size: 18px;
  color: #41cb52;
  /* background: #41cb52; */
  /* width: 60px; */
  /* height: 60px; */
  /* line-height: 60px; */
  /* text-align: center; */
  /* border-radius: 30px; */
  /* box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1); */
}
.single_offer h4 {
  overflow: hidden;
  font-size: 18px;
  text-transform: capitalize;
}
.single_offer_btn {
  margin-top: 30px;
}
.single_offer_btn a {
  /* background: #41cb52; */
  border-bottom: 1px solid #eee;
  /* border-radius: 5000px; */
  color: #282828;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  /* overflow: hidden; */
  /* padding: 10px 40px; */
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  /* box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1); */
}
.single_offer_btn a:hover{
color:#41cb52;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END OFFER DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 07.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.service-content{background:#f8f8f8;}
.single-service {
  background: #fff;
  margin:0px 15px;
}
.single-service-mb {
  margin-bottom: 30px;
  margin-right: 0;
  margin-left: 0;
}
.service-img {
  height: 300px;
  /* display: block; */
  overflow: hidden;
}
.single-service img{}
.single-service-pd{padding:40px 25px;}
.single-service h4 {
  font-weight: 500;
  font-size: 22px;
  margin-top: 0px;
  margin-bottom: 15px;
  text-transform: capitalize;
}

.single-service p{}
.single-service-pd a {
  color: #333;
  text-transform: uppercase;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  margin-top: 15px;
  display: inline-block;
  transition: 0.2s;
}
.single-service-pd a:hover{color:#41cb52;}

.owl-theme .owl-controls {
  display: block!important;
  margin-top: 10px;
  text-align: center;
}
.owl-theme .owl-controls{
    margin-top: 60px;
}
.owl-theme .owl-controls .owl-buttons div{
background: #41cb52 none repeat scroll 0 0;
border-radius: 30px;
opacity: 1;
padding: 5px 16px;
}
.owl-prev:before,
.owl-next:before{
    content: "\f053";
    font-family: 'FontAwesome';
    color: #fff;
}
.owl-next:before{
    content: "\f054";
}
@media only screen and (max-width: 767px){
    .owl-theme .owl-controls{ margin-top: 20px; }
}

/*
* ----------------------------------------------------------------------------------------
* 07.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 08.START CONTACT PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_promotion {
position: relative;
padding:100px 0;
}
.contact_promotion: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_contact_promotion{}
.single_contact_promotion h1 {
  color: #fff;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 46px;
  margin-bottom: 20px;
}
@media only screen and (max-width:480px) { 
.single_contact_promotion h1 {
  font-size: 40px;
}
}
.single_contact_promotion h3 {
  color: #fff;
  font-weight: 600;
}
.single_contact_promotion_btn {
  margin-top: 40px;
}
.single_contact_promotion_btn a{}
.single_contact_promotion_btn a {
  /* background: #41cb52; */
  border-bottom: 1px solid #fff;
  /* border-radius: 5000px; */
  color: #eee;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  /* overflow: hidden; */
  /* padding: 10px 40px; */
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  /* box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); */
}
.single_contact_promotion_btn a:hover{
color:#41cb52;
}
/*
* ----------------------------------------------------------------------------------------
* 08.END CONTACT PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09. START SERVICE PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.service_promotion{}
.single_service_promotion{padding-top:100px;}
@media only screen and (max-width:768px) { 
.single_service_promotion{
padding-top:0px;
padding-bottom:60px;
}
}
.single_service_promotion h1 {
  font-weight: 600;
  line-height: 44px;
  font-size: 32px;
  margin-bottom: 20px;
}
.single_service_promotion p {
  margin-bottom: 25px;
  line-height: 26px;
}
.single_service_promotion_btn{}
.single_service_promotion_btn {
  margin-top: 40px;
}
.single_service_promotion_btn a{}
.single_service_promotion_btn a {
  /* background: #41cb52; */
  border-bottom: 1px solid #eee;
  /* border-radius: 5000px; */
  color: #282828;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  /* overflow: hidden; */
  /* padding: 10px 40px; */
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  /* box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1); */
}
.single_service_promotion_btn a:hover{
color:#41cb52;
}
.single_service_promotion_img {
  text-align: center;
}
/*
* ----------------------------------------------------------------------------------------
* 09.END SERVICE PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 10.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.box{position: relative; }
.box:before,
.box:after{
background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
content: "";
height: 90%;
left: 5%;
position: absolute;
top: 5%;
-webkit-transform: scale(0);
        transform: scale(0);
-webkit-transform-origin: 0 0 0;
        transform-origin: 0 0 0;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 90%;
}
.box:after{
    -webkit-transform-origin: 100% 100% 0;
            transform-origin: 100% 100% 0;
}
.box:hover:before,
.box:hover:after{
    -webkit-transform: scale(1);
            transform: scale(1);
}
.box img{
    width: 100%;
    height: auto;
}
.box .box-content{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 32%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 1;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.box:hover .box-content{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.box .title{
color: #fff;
font-size: 24px;
font-weight: 700;
letter-spacing: 0;
margin-bottom: 25px;
text-transform: capitalize;
}
.box .post{
    display: block;
    font-size: 15px;
    color: #fff;
    margin-bottom: 10px;
}
.box .p_icon{
    padding: 0;
    margin: 0;
    list-style: none;
}
.box .p_icon li{
    display: inline-block;
}
.box .p_icon li a{
background: #41cb52 none repeat scroll 0 0;
border: 2px solid #41cb52;
border-radius: 30px;
color: #fff;
display: block;
font-size: 18px;
height: 50px;
line-height: 50px;
margin-right: 10px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 50px;
}
.box .p_icon li a:hover{
background: #fff none repeat scroll 0 0;
border: 2px solid #fff;
color: #333;
}

.view_more_btn {
  margin-top: 80px;
}
.btn-project-bg {
  /* background: #41cb52 none repeat scroll 0 0; */
  border-bottom: 1px solid #eee;
  /* border-radius: 3px; */
  /* box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1); */
  color: #282828;
  font-size: 14px;
  font-weight: 500;
  padding: 7px 0px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.btn-project-bg:hover, .btn-project-bg:focus{ 
color: #41cb52;
}
/*project modal*/
.modal-title {
    color: #333;
    margin: 0;
    text-transform: uppercase;
}
.modal-content {
    padding: 10px 30px;
  margin-top: 100px;
    border-radius: 0px;
}
.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*/
/*
* ----------------------------------------------------------------------------------------
* 10.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 11.START PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.promotion_section{
padding:100px 0;
position: relative;
}
.promotion_section:before {
  background: #000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  position: absolute;
  top: 0;
  width: 100%;
}
.promotion-content{}
.promotion-content h1{
color: #fff;
font-size: 54px;
font-weight: 600;
text-shadow: 5px 5px 0 rgba(0, 0, 0, 0.25);
text-transform: uppercase;
}
@media only screen and (max-width:480px) { 
.promotion-content h1{font-size:30px;}
}
.promotion-content h3{
color: #fff;
font-size: 30px;
font-weight: 500;
letter-spacing: 1px;
margin-top: 15px; 
}
@media only screen and (max-width:480px) { 
.promotion-content h3{font-size:24px;}
}
/*
* ----------------------------------------------------------------------------------------
* 11.END PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.team_member{background:#f8f8f8;}
.our-team {
  border: 1px solid #eee;
  text-align: center;
  color: #41cb52;
  background:#fff;
  overflow: hidden;
  margin: 0px 15px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-bottom: 10px;
}
.our-team:hover{
    background: #41cb52;
    color: #fff;
}
.our-team .pic{ position: relative; }
.our-team .pic img{
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.our-team:hover .pic img{ -webkit-transform: translateY(-20px); transform: translateY(-20px); }
.our-team .social{
    width: 20%;
    height: 100%;
    background: #41cb52;
    padding: 20px 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0;
    left: -50%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.our-team:hover .social{ left: 0; }
.our-team .social li{ display: block; }
.our-team .social li a{
    display: block;
    padding: 10px 0;
    font-size: 20px;
    color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.our-team .social li a:hover{ color: #eee; }
.our-team .team-content{ padding: 25px 0; }
.our-team .title {
  font-size: 18px;
  font-weight: 600;
  /* letter-spacing: 1px; */
  text-transform: uppercase;
  margin: 0 0 10px 0;
  font-family: Montserrat,sans-serif;
}
.our-team:hover .title{color:#fff;}
.our-team .post{
    display: block;
    font-size: 14px;
    text-transform: capitalize;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}
/*
* ----------------------------------------------------------------------------------------
* 12.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13.START PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/
.partner{text-align: center;}
.partner a img{}
.partner.owl-theme .owl-controls{display: none !important;}

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

/*
* ----------------------------------------------------------------------------------------
* 14. START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.complete-project-area {
position: relative;
background-attachment: fixed;
background-position: center top;
background-repeat: repeat-y;
}
.complete-project-area:before {
    background:rgba(0, 0, 0, 0.4);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.counter_title {
  background: #41cb52;
  padding: 100px 60px;
}
.counter_title h1 {
  color: #fff;
  font-size: 26px;
  text-transform: capitalize;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 15px;
}
.counter_title p{color:#fff;}
@media only screen and (max-width:768px) { 
.counter_title h1{margin-top:0px;margin-bottom:60px;}
}
.padding_top{padding: 150px 0;}
@media only screen and (max-width:768px) { 
.padding_top{
padding-top:100px;
padding-bottom:100px;
}
}
.single-project-complete{
    text-align: center;
    
}
@media only screen and (max-width:768px) { 
.single-project-complete {margin-bottom:30px;}
}
.single-project-complete i {
  margin-bottom: 20px;
  font-size: 20px;
  color: #fff;
  background: #41cb52;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
} 
.single-project-complete h2 {
  font-size: 50px;
  font-weight: 600;
  color: #fff;
}
.single-project-complete h3 {
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 700;
  margin-top: 10px;
}
/*
* ----------------------------------------------------------------------------------------
* 14.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 15.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial {
  margin: 0px 20px 0px 30px;
  position: relative;
  border-bottom: 4px double #eee;
  padding-bottom: 20px;
}
.testimonial .testimonial_title{
font-size: 22px;
font-weight: 600;
margin: 0 0 7px;
text-transform: capitalize;
}
.testimonial .post{
color: #41cb52;
display: block;
text-transform: capitalize;
}
@media only screen and (max-width: 480px){
.testimonial {
  padding-bottom: 15px;
  margin: 20px 10px;
}
}
.description {
  margin-top: 10px;
}
/*
* ----------------------------------------------------------------------------------------
* 15.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START PRICING PLAN DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_pricing {
  padding-top: 80px;
  padding-bottom: 50px;
}
.pricingTable{
border: 1px solid #eee;
margin-bottom: 30px;
padding: 60px 0;
text-align: center;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.pricingTable:hover {
 box-shadow: 0 5px 40px 0 rgba(42, 111, 199, 0.2);
}
.pricingTable .price-value{
color: #282828;
font-size: 60px;
font-weight: 600;
margin-bottom: 30px;
}
.pricingTable .month{
display: block;
font-size: 18px;
font-weight: normal;
margin-top: 30px;
text-transform: uppercase;
}
.pricingTable .title {
  display: inline-block;
  padding: 15px 40px;
  margin: 0 0 20px 0;
  background: #41cb52;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (max-width:768px) { 
.pricingTable .title{padding: 12px 26px;}
}
@media only screen and (max-width:480px) { 
.pricingTable .title{padding: 15px 40px;}
}

.pricingTable .title:before,
.pricingTable .title:after{
    content: "";
    border-right: 26px solid #41cb52;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
    position: absolute;
    top: 0;
    left: -26px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.pricingTable .title:after{
    border-right: none;
    border-left: 26px solid #41cb52;
    left: auto;
    right: -26px;
}

.pricingTable .pricing-content{
    padding: 0;
    margin: 0 0 25px 0;
    list-style: none;
}
.pricingTable .pricing-content li{
    font-size: 15px;
    line-height: 40px;
}
.pricingTable .pricingTable-signup {
  background: #41cb52 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 10px 40px;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border-radius: 30px;
}
.pricingTable:hover .pricingTable-signup{
    background: #282828;
    color: #fff;
}
.pricing_active{
border: 1px solid #41cb52;
}
@media only screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 30px; }
}
/*
* ----------------------------------------------------------------------------------------
* 16.END PRICING PLAN DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 17.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
 .news-area {
  background: #f8f8f8 none repeat scroll 0 0;
  padding-bottom: 50px;
}
.news_box {
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  border-radius: 10px;
  margin-bottom: 30px;
}
.news_content_img {
border-radius: 10px 10px 0 0;
height: 250px;
width: 100%;
}
.news_content_text {
  display: inline-block;
  padding: 40px 25px;
}
.news_content_text > a{
    color: #333;
  text-transform: uppercase;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  margin-top: 15px;
  display: inline-block;
  transition: 0.2s;
}
.news_content_text > a:hover{color:#41cb52;}
.news_comment > span {
  margin-right: 10px;
  cursor: pointer;
}
.news_title a{
color: #333;
font-size: 25px;
font-weight: 600;
text-transform: capitalize;
display: block;
-webkit-transition: 0.3s;
transition:0.3s;
}
.news_title a:hover{color:#41cb52;}
.news_date {
  margin-bottom: 15px;
}
.news_name {
  float: left;
  height: 25px;
  margin-top: 30px;
}
.news_name img {
  float: left;
  height: 25px;
  width: 25px;
  margin-top: 3px;
  border-radius:30px
}
.news_name span {
  margin-left: 10px;
}
.news_name span a {
  color: #282828;
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.news_name span a:hover{color:#41cb52;}
.news_comment {
  float: right;
  margin-top: 30px;
}
.news_comment i {
 margin-right: 5px;
}

/*BLOG PAGES DESIGN*/
.blog-page{background:#f8f8f8;}

.post-slide{
background: #fff none repeat scroll 0 0;
border-radius: 4px;
box-shadow: 0 5px 15px 0 rgb(236, 236, 236);
margin-bottom: 40px;
overflow: hidden;
padding: 30px 20px;
}
.post-slide .post-img{
    position:relative;
    float: left;
    width:50%;
    height: auto;
}
@media only screen and (max-width:768px) { 
.post-slide .post-img{
    float: none;
    width:100%;
}
}
.post-slide .post-img img{
    width:100%;
    height: auto;
}
.post-slide .post-review{
float: left;
width: 50%;
padding-left: 30px;
}
@media only screen and (max-width:768px) { 
.post-slide .post-review{
float: left;
width: 100%;
}
}
.post-slide .post-title{
    margin:0 0 5px 0;
}
.post-slide .post-title a {
  color: #282828;
  display: block;
  font-size: 18px;
  font-weight: 300;
  text-transform: capitalize;
  transition: color 0.3s ease 0s;
  line-height: 26px;
}
.post-title > a:hover{
    text-decoration: none;
    color:#41cb52;
}
.post-slide .post-date{
color: #41cb52;
display: block;
font-weight: 300;
margin-bottom: 8px;
margin-top: 12px;
}
.post-description{
margin-bottom: 15px;
text-align: left;
}
.blog_btn {
  color: #333;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  border-bottom: 1px solid #eee;
  /* line-height: 35px; */
}
.blog_btn:hover{
color:#41cb52;  
}

.single-post-slide{
background:#fff;
padding:30px;
margin-bottom:60px;
}
.single-post-slide img{width:100%;}
.single-post-slide h3 a{
  color: #282828;
  display: block;
  font-size: 18px;
  font-weight: 300;
  margin-top:20px;
  margin-bottom:20px;
  text-transform: capitalize;
  transition: color 0.3s ease 0s;
  line-height: 26px;  
}
.single-post-slide p{}
.single-post-slide{}


/*START PAGINATION*/
ul.blog_pagination li a {
border: 1px solid #eee;
border-radius: 0;
color: #282828;
display: block;
font-size: 18px;
font-weight: 500;
background: #fff;
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, .advertisement_post, .video_post, .categories, .tag, .upcoming_event {
  margin-bottom: 30px;
  background: #fff;
  padding: 30px 30px;
  border-radius: 3px;
  border-top: 3px solid #41cb52;
  box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.06);
}
.tag{overflow: hidden;}
@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;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.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 }
.single_upcoming_event {margin-bottom: 20px;}
.single_upcoming_event h4 {
color: #282828;
font-size: 15px;
font-weight: 300;
line-height: 28px;
margin: 10px 0 0;
transition: all 0.3s ease 0s;
}
.single_upcoming_event:hover h4 { color: #41cb52 }
.single_upcoming_event span i{margin-right:5px;color: #777 }
.single_upcoming_event span { color: #777 }
.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: 300;
  padding: 5px 0;
  font-family: ubuntu,sans-serif;
}
.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: 6px 4px;
  padding: 5px 16px;
  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: #fff  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: #fff;
    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*/
/*
* ----------------------------------------------------------------------------------------
* 17.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 18.START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.newsletter {
  background: #41cb52;
}
.signup_form h3 {
  color: #fff;
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 30px;
  margin-top: 0;
  line-height: 44px;
  text-transform: capitalize;
}
@media only screen and (max-width:480px) { 
.signup_form h3 {font-size: 30px;}
}
.signup_form input {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #eee;
  border-radius: 30px;
  box-shadow: none;
  color: #282828;
  height: 50px;
  margin-bottom: 30px;
  text-align: center;
  font-weight: 600;
}
.signup_form input:focus{
box-shadow: none;
border:2px solid #41cb52;
border-radius: 30px;
}
.signup_form button {
  background: none;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  outline: medium none;
  /* padding: 17px 50px; */
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  font-weight: 500;
  font-family: montserrat,sans-serif;
  cursor: pointer;
}
.signup_form button:hover,
.signup_form button:focus {
    color: #282828;
}
/*
* ----------------------------------------------------------------------------------------
* 18.END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 19. START CONTACT FORM & ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.address_bg{padding-left: 60px;}
.single_address{
overflow:hidden;
margin-bottom:35px;
}
.single_address_mnone{
margin-bottom:0px;
}
.single_address i {
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
  font-size: 20px;
  background: #41cb52;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 30px;
  box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.099);
  margin-left: 10px;
}
.single_address h4{
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
}
.single_address p { 
  font-size: 16px;
  overflow: hidden;
}
.contact {}
@media only screen and (max-width:768px) { 
.contact {padding-bottom:60px; }
}
.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 #c8c8c8;-o-border-image: none;/* 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; */}

.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 #eee;
    box-shadow: none;
  color: #282828;
    outline: 0 none;
}
.contact textarea:hover,.contact textarea:focus {
  background:none;
    border-bottom: 1px solid #eee;
    box-shadow: none;
  color: #282828;
    outline: 0 none;
}

.actions input {
  /* background: #41cb52; */
  border-bottom: 1px solid #eee;
  /* border-radius: 5000px; */
  color: #282828;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  /* padding: 15px 40px; */
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-family: Montserrat,sans-serif;
  /* box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1); */
  cursor: pointer;
}
.actions input:hover{
color:#41cb52;
}

.social_profile {
  overflow: hidden;
  text-align: center;
}
.social_profile h4 {
  color: #282828;
  text-transform: uppercase;
  font-weight: 500;
  font-family: Montserrat,sans-serif;
}
.social_profile span {
  background: #41cb52;
  height: 2px;
  width: 60px;
  display: block;
  margin: auto;
  margin-bottom: 30px;
  margin-top: 15px;
}
.social_profile ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
.social_profile ul li{
border-color: rgba(255, 255, 255, 0.21);
border-style: solid;
border-width: 1px;
float: left;
}
@media only screen and (max-width:480px) { 
.social_profile ul li{margin:5px;}
}
.social_profile ul li a {
  color: #fff;
  display: block;
  font-size: 20px;
  /* letter-spacing: 1px; */
  margin: 0;
  padding:8px 20px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  /* width: 100%; */
  font-family: Montserrat,sans-serif;
  /* width: 200px; */
  margin: 0px 5px;
  border-radius: 3px;
}
.facebook{background:#3b5998;}
.twitter{background:#55acee;}
.instagram{background:#2e5e86;}
.linkedin{background:#0082ca;}
.youtube{background:#ff0101;}
/*
* ----------------------------------------------------------------------------------------
* 19.END CONTACT FORM & ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/

#map{height:400px;}

/*
* ----------------------------------------------------------------------------------------
* 20.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
background-color: #fff;
padding: 30px 0;
}

.copyright {
  color: #282828;
  text-transform: uppercase;
  font-family: Montserrat,sans-serif;
  font-size: 13px;
}
/*
* ----------------------------------------------------------------------------------------
* 20.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
 * ----------------------------------------------------------------------------------------
*/

.send-btn {
padding: 5px 27px;
background-color: #41cb52;
color: white;
}

.btn-cta {
  
      background: #41cb52;
    color: white;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    transition: all 0.3s ease 0s;
    padding: 8px 40px;
    text-transform: uppercase;
    word-spacing: 2px;
    letter-spacing: 0.6px;
    border-radius: 3px;
    cursor: pointer;
}