/*
Theme Name: Charity Fundraiser Pro
Theme URI:  https://www.themesglance.com/themes/premium-charity-wordpress-theme/
Author: Themes Glance
Author URI: http://www.themesglance.com/
Description: The premium charity WordPress theme is fully responsive, translation ready, SEO-friendly and cross-browser compatible. It is embedded with social media icons to give the much needed exposure. It is customizable, so much so that every element of the theme can be changed including colour, background, header, footer, menu and images. It has various sections like testimonial, subscription area, gallery and other. Each of this section can be enabled/disabled. It uses simple as well as mega menu. This premium charity WP theme is compatible with WooCoomerce and WPML plugin and can be tied with any third party plugin. For secure online donations, it uses trusted payment gateways. With this premium theme we provide our support and regular theme updates.
Version: 1.1
License: GNU General Public License
License URI:license.txt
Text Domain: charity-fundraiser-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Charity Fundraiser Pro WordPress Theme has been created by Themes Glance(themesglance.com), 2018.
Charity Fundraiser Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
*{
  margin:0; 
  padding:0; 
  outline:none;
}
html body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#fff; 
  position:relative; 
  font-size: 14px;
  color:#5b5b5b; 
  font-family: 'Montserrat';
}
label {
  margin-bottom: 0 !important;
}
img{
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;
}
section img{
  max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;
  line-height: 1.4;
  letter-spacing: 1px;
  color:#5b5b5b;
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:14px;
  font-weight:normal;
}
p, ul li a{
  letter-spacing: 0px;
  font-family: 'Montserrat';
}
body a{
  text-decoration:none; 
  color:#5dbf31;
}
a:hover{
  text-decoration:none; 
  color:#666;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ul li, ol li{font-size: 16px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
}
 
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -10px;
  color: #7a7a7a;
}

blockquote:after {
  display: block;
  content: "\201D";
  font-size: 80px;
  position: absolute;
  right: 0px;
  bottom: -10px;
  color: #7a7a7a;
}
 
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
  
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
  border:1px solid #424648;
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px 0;
  background-attachment: fixed;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  background-color: #5dbf31;
}
input[type="submit"]:hover{
  cursor: pointer;
}
.bounce, .flash, .pulse, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .slideInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInUp{
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible!important;
}

.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{
  margin:0;
  padding:0;
}
.gallery-caption{
  margin:0;
  padding:0;
}
.bypostauthor{
  margin:0;
  padding:0;
}
.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{ 
  margin:0; 
  padding:0; 
  background-color:#d7d7d7;
}
.alignleft,
img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  padding:5px;
}
.alignright, img.alignright { 
  display: inline; 
  float: right; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  padding:5px; 
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.toggleMenu{
  display:none;
}
a.small-button{
  background:#3890cb;
  padding:5px 30px; 
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}
a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
table, td, th {
  border: 1px solid black;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #fff;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: #bbb;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 0.5384615385em;
}
/*-------------------- Sweep To Right -----------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* ---------Buttons--------- */
a.button{ 
  border: 2px solid #3890cb ; 
  background:#3890cb;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase; 
  font-weight:bold;
}
a.theme_button {
  color: #ffffff;
  border: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 18px 18px;
  font-size: 14px;
  font-weight: bold;
  background: #091b27;
  border-radius: 50px;
}
a.theme_white_button{
  border: none;
  text-transform: uppercase;
  margin-top: 20px;
  letter-spacing: 1px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 0;
}
a.theme_white_button{
  background-color: #ffffff;
  color: #5dbf31;
}
a.theme_button:hover {
  color: #5dbf31;
  background: #2b3546;
}
a.theme_white_button:hover {
  color: #ffffff;
  background: #5dbf31;
}
/* --------------------------Top Bar---------------------------- */
.top-menu {
  text-align: right;
}
.top-menu ul li{
  display: inline-block;
  list-style: none;
  padding: 10px 15px;
}
.top-menu ul li a{
  color: #ffffff;
  font-size: 14px;
}
.top-menu ul li a:hover{
  color: #5dbf31;
}
.top-headline {
  color: #ffffff;
  letter-spacing: 1px;
  padding-top: 10px;
}
.contact_details ul li {
  list-style: none;
  display: inline;
  color: #ffffff;
}
.top_bar {
  background: #2b3546;
  width: 100%;
  float: left;
  padding: 0;
}
.contact_details {
  padding: 12px 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.contact_details ul li.search-box span {
  border: none;
  padding: 15px 18px;
  margin-right: 0;
}
.contact_details ul li span {
  padding-right: 25px;
  color: #2b3546;
}
.contact_details i{
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
}
.serach_outer i{
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
}
.contact_details p {
  color: #033333;
  font-size: 15px;
  margin: 0 0 0 !important;
}
p.hi_bold {
  color: #5dbf31;
}
p.hi_normal {
  color: #fff;
}
.contact_details ul li span i {
  padding-right: 6px;
  /*color: #5dbf31;*/
}
.contact_details ul li a {
  color: #ffffff;
}
.socialbox a i, .social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
.topsocial{
  margin-top: 34px;
}
 .socialbox a {
  padding: 6px 6px;
  border: solid 1px #fff;
  color: #2b3546;
  border-radius: 50%;
  margin: 0 5px;
  background-color:#fff;
}
.socialbox a:hover {
  background-color: #5dbf31;
  color: #fff;
}
#heart {
  position: relative;
  width: 60px;
}
#heart:before,
#heart:after {
  position: absolute;
  content: "";
  left: 25px;
  top: 0;
  width: 26px;
  height: 40px;
  background: #fff;
  -moz-border-radius: 50px 50px 0 0;
  border-radius: 50px 50px 0 0;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 0 100%;
     -moz-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
       -o-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
#heart:after {
  left: 0;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 100% 100%;
     -moz-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
       -o-transform-origin: 100% 100%;
          transform-origin :100% 100%;
}
i.getin{
  position: absolute;
  text-align: center;
  width: 85%;
  margin-top: 10px;
  z-index: 99;
  color: #5dbf31;
  font-size: 17px;
  /*margin-left: 16px;*/
}
.header-contact{
 float: right;
 margin:0;
 padding-top:20px;
 width: 100%;
}
/*-----------------Search pop up----------------*/
.serach_outer {
  width: 100%;
  overflow: hidden;
  transition: 0.5s;
  z-index: 99999;
  position: absolute;
  top: 57px;
  right: 5px;
  display: none;
}
.serach_inner {
  width: 100%;
  padding: 10px;
  float: right;
  max-width: 510px;
  background: #ffffff;
}
.closepop {
  width: 100%;
  text-align: right;
  margin-right: 28px;
}
.serach_outer i {
  font-size: 16px !important;
  padding: 4px 0 0 0;
  color: #5dbf31 !important;
  cursor: pointer;
  font-weight: bold;
}
.serach_inner form.search-form {
  display: table;
  border: 1px solid;
  border-color: #5dbf31;
  padding: 7px 20px;
  border-radius: 0;
  background: #ffffff;
  margin: 0 auto;
  width: 100%;
}
.serach-page input.search-field {
   padding: 10px;
}
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  border: none;
  padding: 4px 0;
  background: transparent;
  width: 95%;
}
.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}
.menubar .social-media a:hover{
  color:#3890cb;
}
.search-box span {
  padding: 15px 15px;
  cursor: pointer;
  display: inline-block;
}
.search-box i {
  color: #000;
}
/* --------------------------Header---------------------------- */
#header .logo img{
  max-height: 123px;
  width: auto;
}
#header {
  background-color: #091b27;
  width: 100%;
  float: left;
}
#topbar {
  border-top: 10px solid #435061;
}
.menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
  background-color: #fff;
  border-radius: 50px;
  margin-bottom: 10px;
  position: relative;
  z-index: 99999;
}
.home.page-template .menubar {     
  margin-bottom: -35px;
 }
.neseted-inner {
  top: 0;
  position: absolute;
}
.continnerbox {
  background-size: 100% 100%;
  color: #fff;
  border-top: 40px solid #435061;
  border-left: 60px solid transparent;
}
#header .logo, #footer .logo{
  margin:0; 
  padding: 10px 0 0 10px; 
}
#header .logo h1, #footer .logo h1{ 
  font-weight:700; 
  padding:0; 
  margin-bottom:8px; 
  font-size:30px; 
  font-weight:bold; 
  margin-top: 0; 
}
.logo a.custom-logo-link{ 
  color:#000000;
}
.logo h1 a, .logo h1 a{
  color: #5dbf31;
  text-transform: uppercase;
  font-size: 26px;
}
.logo p{ 
  color: #5dbf31;
  margin-bottom: 0;
  font-size: 14px;
}
#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
.menubar .social-media{
  padding:12px 0; 
  text-align:center;
}
/*----------------Menu bar-----------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
    margin: 0 auto;
    text-align: center;
    display: block;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
  
}
.main-navigation li{
  position: relative;
  padding: 15px;
  display: inline-block;
}
.main-navigation li:last-child{
  border-right: none;
}
.main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  color: #2b3546;
  padding: 0;
  font-size: 16px;
  position: relative;
}
.main-navigation a:hover{
  color: #5dbf31;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #F6F6F6;
  min-width: 215px;
  z-index: 9999;
}

.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}

.main-navigation ul ul a{
  text-transform: none;
  font-weight: 400;
  color: #1e1d1c;
  padding: 8px 0px;
  font-size: 14px;
  line-height: 1.5;
}

.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cccccc;
}

.main-navigation ul ul li:last-child{
  border-bottom: 0;
}

.main-navigation ul li:hover > ul{
  display: block;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
  color: #5dbf31;
}

.main-navigation .menu > ul > li.highlight{
  background-color: #5dbf31;
}

.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}

.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}

.menu > ul > li.exoplanet-search:after{
  background: transparent !important;
}

.main-navigation ul ul li:hover > a{
  color: #1e1d1c;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
  width: 50%;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
.top_bar_btn a.theme_button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50px;
  right: 0;
  background-color: #5dbf31;
  padding: 18px 13px;
}
.top_bar_btn a.theme_button:hover{
  color:#091b27;
}
/*----------------------Mobile Menu Icon------------------------------*/

/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border-top-color: #e1e1e1;
}

.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}
/*----------------------  index ---------------------------*/
.post-section {
    padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  padding:0;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #22272b;
  padding: 0 0 10px;
  margin: 0;
  font-weight: 900;
  letter-spacing: 3px;
}
section h3 {
  font-weight: 600;
  color: #2b3546;
  padding: 0;
  font-size: 36px;
}
section h4{
  color:#000; 
  font-size:20px;
}
section h5{
  color:#333; 
  font-weight:bold;
  margin:0 0 10px 0; 
  padding:0;
}
.innerbox{
  background-size:100% 100%;
}
.owl-dots {
    display: none;
    text-align: center;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/*--------------------- Section Heading------------------------*/
.section-heading{
  text-align: center;
}
.section-heading p{
  max-width: 600px;
  width: 100%;
  margin: 10px auto 10px;
  /*line-height: 24px;*/
}
/*--------------------- Section Border------------------------*/
.fancy span:before, .fancy span:after {
  content: "";
  position: absolute;
  height: 10px;
  border-bottom: 2px solid;
  border-color: #5dbf31;
  top: 0;
  width: 600px;
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
  width: 100px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
  width: 100px;
}
.fancy-title {
  margin: 0 auto;
}
.fancy {
  line-height: 0.5;
  text-align: center;
}
.fancy span {
  display: inline-block;
  position: relative;
}
.fancy i {
  color: #5dbf31;
  font-size: 25px;
}
.fancy-title-left {
  margin: 0;
  width: 250px;
}
/*------------------------- About-----------------------------*/
section#about {
  padding-bottom: 0;
}
#about {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.about-heading h2{
  margin-bottom: 15px;
  font-weight: bold;
  color: #002b46;
}
.about-heading img{
  text-align: right;
}
.about-content p {
  padding: 10px 0;
  font-size: 16px;
  line-height: 25px;
  margin: 0;
}
.about-content a {
  display: inline-block;
  margin-top: 25px;
}
#about ul li {
  list-style: none;
}
.about_img img {
    width: 100%;
}
.about-content {
    margin-right: 20px;
}
h4.subheading {
  color: #858585;
}
img.feature-img {
  background-color: #5dbf31;
  border-radius: 50px;
  padding: 10px;
}
.abouticon-heading h4{
  font-weight: 700;
  font-size:30px;
  color:#2b3546;
}
.counter_wrapper{
  padding-bottom:20px;
}
.abouticon-heading h4:after{
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  background-color: #5dbf31;
  position: absolute;
  left: 17px;
}
.abt_para h5{
  color:#5dbf31;
  margin-bottom: 0px;
}
/*----------------------About Scroll-------------------------*/
.about-contents-section::-webkit-scrollbar {
 width: 5px;
}

/* Track */
.about-contents-section::-webkit-scrollbar-track {
 background: #f1f1f1; 
}

/* Handle */
.about-contents-section::-webkit-scrollbar-thumb {
 background: #888; 
}

/* Handle on hover */
.about-contents-section::-webkit-scrollbar-thumb:hover {
 background: #555; 
}
/*------------------------- Recent Causes -----------------------------*/
section#our_causes, section#team {
  background-color: #deffd0;
}
#our_causes  a.cauhead{
  color: #5dbf31;
}
.causes_content h6, #events h6, h6.post-title{
  text-transform: uppercase;
  font-weight: bold;
  /*margin-top: 10px;*/
}
.cause-box {
  padding: 10px;
  background: white;
  margin-bottom: 20px;
}
.blog_post_content .post_meta {
  border-bottom: 1px solid #1e1d1c;
  padding-bottom: 37px;
}
span.auther span, span.entry-date span{
  color: #5dbf31;
}
span.auther, span.entry-date{
  color: #1e1d1c;
}
.causes_content span span{
  color: #1e1d1c;
}
.causes_content h6:after, .news_box_outer h6:after, h6.post-title:after, #footer h3:after{
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background-color: #5dbf31;
  margin: 10px auto;
  margin-left: 0;
}
#our_causes span.progress_percentage{
  top:-37px;
  padding-left: 10px;
}
.progress-bar{
  background-color: #5dbf31;
  position: relative;
}
.progress{
  background-color: #ccc;
  position: relative;
  overflow: visible;
}
#our_causes .progress {
    background-color: transparent !important;
}
span.progress_percentage {
  position: absolute;
  top: -21px;
  color: #5dbf31;
  z-index: 9999;
  border: 2px solid;
  border-color: #5dbf31;
  right: 0;
  border-radius: 50px;
  font-weight: bold;
  height: 45px;
  width: 45px;
  padding-top: 12px;
  background: white;
}
.causes_content .media {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.media__image { display: block; }

.media__body {
  background: rgba(30, 29, 28, 0.7);
  bottom: 0;
  color: white;
  font-size: 1em;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 3.75em 3em;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.causes_content:hover .media__body {
 opacity: 1;
  }

.media__body:before {
  border-bottom: none;
  border-top: none;
  left: 2em;
  right: 2em;
}

.media__body:after {
  border-left: none;
  border-right: none;
  bottom: 2em;
  top: 2em;
}

.causes_content:hover .media__body:after,
.causes_content:hover .media__body:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.media__body a { margin-top: 0; }
.media__body a.theme_button{
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.causes_content a.read-more.font-weight-bold.btn.btn-primary.theme_button {
  background-color: #fff;
  color: #5dbf31;
  border:2px solid;
  border-color: #5dbf31;
}
.causes_content a.read-more.font-weight-bold.btn.btn-primary.theme_button:hover{
  background-color: #5dbf31;
  color: #fff;
}
.view_all{
  margin: 0 auto;
}
.causes_content:hover img
{
  transform: scale(1.1);
}
.causes_thumb.media
{
    overflow:hidden;
}
.causes_content img
{
  transition: 2s ease-in-out;
}
/*------------------------- event -----------------------------*/
h6.event-heading a{
  color:#091b27;
}
.event-box:hover .enroll_now a.read-more.font-weight-bold.btn.btn-primary.theme_button
{
 color: #fff;
  background-color:#5dbf31;
}
.event-box:hover h6.event-heading a
{
color: #5dbf31;
}
.event-box {
  padding: 10px;
  border: 1px solid #ddd;
  margin-top: 30px;
  border-radius: 5px;
}
.enroll_now a.read-more.font-weight-bold.btn.btn-primary.theme_button {
  background: transparent;
  border: 2px solid;
  border-color: #5dbf31;
  margin-right: 20px;
  color: #5dbf31
}
.event-detail i{
  color: #5dbf31;
}
/*------------------------- Progress Bar -----------------------------*/
.progress-bar {
  height: 8px;
  color: #fff;
  background-color: #5dbf31;
}
.bar_box p{
  font-size: 13px;
  color: #2b3546;
}
.bar_box span.progress_percentage {
  position: absolute;
  top: -35px;
  color: #2b3546;
  z-index: 999999;
  border: 2px solid #2b3546;
  padding: 4px;
  right: -24px;
  border-radius: 7px;
  font-weight: bold;
}
.bar_box span.progress_percentage:after {
  content: '';
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #2b3546;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}
.bar_box .progress-bar{
  position: relative;
}
.bar_box .progress {
  background-color: #e1e9e8;
  position: relative;
  overflow: visible;
}
/*-------------------------Need Help section-----------------------------*/
section#need_help {
  padding: 0;
}
#need_help {
  background-size: 100% 100%;
  background-attachment: unset;
}
#need_help h3{
  color: #fff;
  text-transform: uppercase;
}
.left_content {
  color: #ffffff;
}
#need_help p{
  color: #fff;
}
.make-donation input.wpcf7-form-control.wpcf7-submit {
  border-radius: 50px;
  padding: 15px;
  background: white;
  color: #5dbf31;
}
.make-donation{
  background-color: #5dbf31
}
.make-donation .fancy span:before, .make-donation .fancy span:after, .make-donation .fancy i{
  border-color:#fff;
  color: #fff;
}
.make-donation select.wpcf7-form-control.wpcf7-select {
    background: transparent;
    border: 1px solid #fff;
    padding: 10px;
    color: #fff;
}
.make-donation select.wpcf7-form-control.wpcf7-select option {
  color: #000000;
}
/*------------------ Top Donator-----------------*/
#top-donator h6 a{
  color: #000;
}
.donar-image img {
  border-radius: 50px;
  height: 100px;
  width: 100px !important;
}
.box-donar{
  border:1px solid #eee;
  border-radius:50px;
  margin-top: 30px;
  margin-right: 12px;
}
span.donated {
  color: #5dbf31;
  font-weight: 550;
}
p.donar_desig {
  margin-bottom: 8px;
}
.box-donar:hover {
  background: #deffd0;
}
/*-------------------------Team -----------------------------*/
.teambox{
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
.teambox img{
  width: 100%;
  height: auto;
}
.teambox .teambox-content{
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0%;
  right: 0%;
  bottom: 22%;
  opacity: 0;
  transform: translateY(-50%) scale(2);
  transition: all 0.2s ease 0s;
  height: 20%;
}
.teambox:hover .teambox-content{
  opacity: 1;
  transform: scale(1);
}
.teambox .teambox-content:after{
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(70, 74, 76, 0.9);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
}
.teambox h4.teamtitle a{
  font-size: 20px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.teambox-content span {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin-bottom: 15px;
}
.teambox .teampost{
  display: block;
  font-size: 13px;
  color: #fff;
  text-transform: capitalize;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.teambox .teamicon{
  padding: 0;
  margin: 0;
  list-style: none;
}
.teambox .teamicon li{
  display: inline-block;
  margin-left: 5px;
}
.teambox .teamicon li a{
  display: block;
  width: 35px;
  height: 35px;
  line-height: 33px;
  border-radius: 40% 0;
  border: 2px solid #fff;
  font-size: 17px;
  color: #fff;
  transition: all 0.3s ease 0s;
}
.teambox .teamicon li a:hover{
  background: #fff;
  color: rgb(93,53,176);
}
#team .socialbox {
  text-align: center;
  padding-bottom: 25px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
#team .socialbox a{
  border-radius: 0px;
}
#team .image-title {
  background: #fff;
  padding: 0 15px 10px;
  text-align: center;
}
#team .image-title span {
  color: #5dbf31;
  font-size: 16px;
  font-weight: 600;
  display: block;
}
#team .view_all{
  text-align: center;
}
#team a.theme_button, .help-text a.theme_button{
  background-color: #5dbf31;
}
#team a.theme_button:hover, .help-text a.theme_button:hover{
  color: #091b27;
}
/*------------------------Testimonials -----------------------------*/
#tesimonial-record {
  padding:0;
}

#testimonials .fancy-title {
  margin: 0 auto;
}
.testimonial_box{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: #ffffff;
}
.test_shortcode_bg {
  background-color: #ddd;
  padding: 30px 0;
}
.inner-test-bg .short_text {
  font-size: 15px;
}
.testimonial_box img {
  width: 100px !important;
  border-radius: 50%;
}
#testimonials .owl-carousel .owl-item img, #testimonials img {
  width: 100px !important;
  height: 100px;
  margin: 0;
  position: relative;
  border-radius: 50%;
  margin-bottom: 40px;
}
#testimonials button.owl-prev {
    position: absolute;
    left: 0;
    background: #333333;
    border: none;
    padding: 10px;
}
#testimonials button.owl-next {
    position: absolute;
    right: 0;
    background: #333333;
    border: none;
    padding: 10px;
}
#testimonials button.owl-next i, #testimonials button.owl-prev i{
  color: #ffffff;
}
#testimonials .testimonial_box, .test-shrtpg {    
    padding: 20px 10px;
    position: relative;
}
#testimonials .owl-dots {
  display: block;
}
#testimonials button.owl-dot {
  width: 10px;
  height: 10px;
  margin: 2px;
  background-color: #ffffff;
  border: none;
  border-radius: 50%;
  border:2px solid ;
  border-color: #5dbf31;
}
#testimonials button.owl-dot.active {
  background-color: #5dbf31;
}
#testimonials button:focus {
  outline: inherit !important;
}
#testimonials h4.testimonial_name a {
  color: #000000;
  font-weight: bold;
}
#testimonials cite {
  font-size: 14px;
  display: block;
  font-style: unset;
  color: #5dbf31;
  font-weight: 600;
}
#testimonials .testimonial_box:after {
  content: '';
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 18px solid #ffffff;
  position: absolute;
  top: -18px;
  left: 52px;
  transform: translateX(-50%);
}
#testimonials .testimonial-box {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
}
#testimonials blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 30px;
  line-height: 1.45;
  position: relative;
  color: #383838;
  font-family: Georgia, serif;    
} 
#testimonials blockquote:before {
  display: block;
  content: "\201C";
  font-size: 100px;
  position: absolute;
  left: -10px;
  top: -50px;
  color: #5dbf31;
}
#testimonials blockquote:after {
  display: none;
}
/*------------------------- Partners -----------------------------*/
#our_partners {
  padding: 0;
}
#our_partners .partners_inner {
  border: 1px solid;
  border-radius: 50px;
}
#our_partners .owl-dots {
  text-align: center;
  margin-top: 30px;
}
#our_partners button.owl-dot {
  width: 12px;
  height: 12px;
  margin: 2px;
  background-color: #ffffff;
  border: solid 2px #002b46;
}
#our_partners button.owl-dot.active {
  background-color: #5dbf31;
  border: solid 2px ;
  border-color: #5dbf31;
}
#our_partners button:focus {
  outline: inherit !important;
}
#our_partners .owl-carousel .owl-item img{
  width:auto !important;
}
.partners_inner {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
  background-color: #fff;
  border-radius: 50px;
  margin-bottom: -35px;
  position: relative;
  z-index: 99999;
}
/*------------------Latest Post -----------------*/
.latest_post_text span {
  color: #000000;
  font-weight: bold;
}
#latest_post .about-heading {
  padding: 0;
}
.latest_post_text i{
  color: #5dbf31;
  font-weight: bold;
}
.postbox-content:hover {
  background: #deffd0;
}
.date_div {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #5dbf31;
  padding: 11px;
  color: #ffffff;
  font-weight: bold;
}
.post_thumb {
  position: relative;
}
h4.latest_post_name a {
    font-weight: bold;
}
.tags{
  padding: 25px 0 15px;
  text-transform: uppercase;  
}
.tags a{
  text-transform: capitalize;
  border: solid 1px #66686b;
  padding: 3px 15px;
  border-radius: 15px;
  color: #66686b;
  margin: 2px 5px;
  display: inline-block;
}
.discover-btn {
  border-left: solid 5px ;
  border-color: #5dbf31;
  margin: 20px 0 0;
}
.discover-btn a {
  color: #002b46;
  font-size: 16px;
  font-weight: bold;
  padding-left: 10px;
}
.discover-btn a:hover {
  color: #5dbf31;
}
#latest_post .owl-dots {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
#latest_post button.owl-dot {
  width: 12px;
  height: 12px;
  margin: 2px;
  background-color: #ffffff;
  border: solid 2px #002b46;
  display: block;
  margin: 5px auto;
}
#latest_post button.owl-dot.active {
  background-color: #5dbf31;
  border: solid 2px ;
  border-color: #5dbf31;
}
#latest_post button:focus {
  outline: inherit !important;
}
.postbox-content {
  padding:10px;
  border:1px solid #eee;
}
span.post-author i, span.post-comments i {
  color: #5dbf31;
}
h6.post-title a, span.post-author a, span.post-comments{
  color: #091b27;
}
span.post-author a, span.post-comments {
  font-weight: 600;
  text-transform:uppercase;
  font-size: 12px;
}
.datebox {
    float: left;
    background-color: #5dbf31;
    text-align: center;
    color: #fff;
    padding: 0 12px;
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    right: 2%;
    top: 2%;
}
/*Postbox Hover*/
.postbox .postpic{
    position: relative;
    overflow: hidden;
}
 .postpic img{
    width: 100%;
    height: auto;
}
.post-box-color{
  background-color: #eee;
}
.postbox .postbox-content{
    background: #2b3546;
    text-align: center;
    padding: 23px 30px;
    transition: all 0.3s ease 0s;
}
.postbox:hover .postbox-content{
    background: #5dbf31;
}
.postbox h3.posttitle a{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-top: 0;
}
.postbox .posttext{
    display: block;
    font-size: 14px;
    color: #ffffff ;
    transition: all 0.3s ease 0s;
}
.postbox:hover .posttext{
    color: #fff;
}

/*------------------------- Our Records -----------------------------*/
#our_records {
  padding: 50px 0;
  background-size: 100% 100%;
}

#our_records h6.record_details {
  color: #ffffff;
  font-weight: bold;
  line-height: 34px;
  padding: 0;
}
#our_records h3.record_count {
  color: #5dbf31;
}
#our_records .owl-dots {
  text-align: center;
  margin-top: 30px;
}
#our_records button.owl-dot {
  width: 12px;
  height: 12px;
  margin: 2px;
  background-color: #ffffff;
  border: solid 2px #191b27;
}
#our_records button.owl-dot.active {
  background-color: #ff6589;
  border: solid 2px #ff6589;
}
#our_records button:focus {
    outline: inherit !important;
}
#our_records .counter_inner {
  margin-bottom: 20px;
}
/*------------------ Single Testimonials -----------------*/
#testimonial_single .testimonial_des {
    margin-bottom: 25px;
    color: #555;
    line-height: 24px;
}
#testimonial_single blockquote {
  padding: 1.25em 40px;
  color: #383838;
  background: #ffffff;
  border: 1px solid #ddd;
  width: 100%;
}

/*------------------ Single Team -----------------*/
#project_single {
  padding: 40px 0;
}
#project_single .posttype-box h1 {
    font-size: 40px;
    padding: 0;
    margin: 0;
    line-height: 40px;
    letter-spacing: inherit;
}
#project_single .posttype-box img {
  margin-bottom:20px;
}
#project_single .about-socialbox i {
  background-color: #002b46;
  color: #ffffff;
  padding: 10px;
  margin: 15px 0;
}
#project_single .about-socialbox p {
  text-align: justify;
  font-size: 16px;
}
/*-------------------------Single Property Page -----------------------------*/
.prop_more_details {
  margin: 20px 0;
}
.feature-box img {
  width: auto;
  margin-bottom: 15px;
}
.feature-box {
  position: relative;
}
.feature-box .carousel-control-prev-icon, .feature-box .carousel-control-next-icon{
  background-image: none;
}
.feature-box i{
    border: 1px solid #ffffff;
    padding: 0 12px;
}
.feature-box .carousel-control-next, .feature-box .carousel-control-prev{
  opacity: 1;
}
.meta-content {
  width: 100%;
  float: left;
  display: block;
  margin-top: 10px;
}
span.Address {
    font-size: 15px;
}
span.Address i {
  margin-right: 5px;
}
.comp_price {
    margin-left: 11px;
    color: #bbb;
}
.prop-bx {
  padding: 4px 0px;
  text-align: left;
}
.fetaures {
  width: 100%;
  float: left;
  margin: 20px 0;
  border: solid 1px #ccc;
  padding: 15px;
}
.row.feature_row {
  margin: 0;
}
.feature_row i, span.Address i {
  font-size: 20px;
  margin-right: 9px;
  color: #002b46;
}
.property_desc {
  width: 100%;
  display: block;
  float: left;
}
.property_desc h4 {
  color: #002b46;
  font-weight: bold;
}
.prop_more_details p.property_price {
  background-color: #002b46;
  display: inline-block;
  padding: 10px 15px;
  color: #fff;
  font-size: 18px;
  float: right;
}
.prop_more_details .comp_price {
  margin-left: 11px;
  color: #ffffff;
}
/*------------------------- Testimonial Shortcode --------------------------*/
.testimonial-shortcode .testimonials_inner {
    border: solid 2px #002b46;
}
.our_testimonials_outer.testimonial-shortcode {
    margin-top: 2em;
}
.testimonial-shortcode .testimonials_inner:hover{
  border: solid 2px #fec200;
}
h1.staf-testimonial_title {
  font-size: 24px;
  font-weight: bold;
}
.testimonial-shortcode .testimonials-icon img {
  width: 100%;
}
/*------------------ Contact Page -----------------*/
.c_icon {
  display: table;
  margin: 0 auto;
  padding: 25px 8px;
  border: 1px solid ;
  border-color: #5dbf31;
  border-radius: 50%;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form form {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  width: 100%;
  background-color: #ffffff;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  background-color: #f2f2f2;
  border: 2px solid #f2f2f2;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  width: 100% !important;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 12px 23px 0;
  height: auto;
  float: left;

}
.contac_form.col-md-12 {
  margin-top: 20px;
}
section#contact-box{
  padding:0;
  margin:0;
}
.contact-info {
  font-size: 14px;
  line-height: 26px;
  padding: 0;
  width: 100%;
}
.inner-cont {
  padding: 10px 5px;
  background: #ffffff;
}
.contac_form h3 {
  text-align: center;
  margin: 20px auto;
  display: table;
}
.contact-email i, .contact-address i, .contact-phone i {
  text-align: center;
  background-color: transparent;
  border-radius: 50%;
  font-size: 38px;
  color: #5dbf31;
  margin: 0 auto;
  text-align: center;
  width: 87px;
  display: inline-table;
}
.contact-info .head{
  color:#000;
}
.contact-address, .contact-email, .contact-phone {
  margin: 20px 0;
}
.c_content span {
  font-size: 18px;
}
.c_content p{
  font-size: 16px;
}
.contac_form form {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 20px;
}
.contact-color-bg {
  background: #deffd0;
}
.contac_form .fancy-title {
    width: 250px;
    margin: 0 auto;
}
.contac_form label{
  width: 100%;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
  width: 100%;
}
h1.entry-title {
  padding-top: 1em;
}
/*---------------- Footer Section ----------------------*/
.footer-top {
  padding-bottom: 50px;
}
.footer-top-col h3 {
  font-size: 20px;
  font-weight: bold;
}
.outer-footer {
  background-size: 100% 100%;
}
#footer form.search-form{
  border: none;
  background: transparent;
  padding: 0;
}
#footer form.search-form input{
  float: none;
  border: 1px solid;
  margin: 0 2px;
}
#footer input, #footer textarea{
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
#footer textarea{
  height: 100px;
}
#footer p.post-date {
    color: #ffffff;
    font-size: 11px !important;
}
.copyright p {
  font-size: 14px;
  color: #81919c;
  margin-bottom: 0;
}
.socialbox {
  text-align: right;
}
.main_sociobox {
    padding: 20px 0;
}
#footer{ 
  text-align:center;
  color:#81919c;
  padding:4em 0 0 0px;
  text-align:left;
}
.footer_hide{
  display:none;
}
.footer-top-col {
  border-left: solid 5px ;
  border-color: #5dbf31;
  padding-left: 15px;
}
#footer .copyright .socialbox a {
  border: none;
  border-radius: 0%;
  background: none;
  color: #81919c;
}
#footer .copyright .socialbox a i:hover{
  color:#5dbf31;
}
.container #blog-right-sidebar h3, #footer h3{
  color:#5dbf31;
  text-align:left;
  font-size:24px;
  padding:0 0 17px 0;
}
.newsletter-form input[type="email"]
{
  width: 100%;
}
.newsletter-form input[type="email"]::placeholder
{
  color: black;
  padding-left: 10px;
  font-style: italic;
}
.newsletter-form input[type="submit"]
{
 
  margin-left: 0;
  position: absolute;
  top: 0%;
  right: 3%;
  color: #000;
   
}
#footer .copyright p{
  font-size:14px;
  text-align:left;
  color:#81919c;
}
#footer .copyright a {
  color: #5dbf31;
  cursor: pointer;
}
#footer input{
  padding:8px 8px; 
  float:left;
  margin:5px 0;
  border-radius:0px;
}
#footer input[type="submit"] {
  padding: 8px 10px;
  background-color: #5dbf31;
  color: #ffffff;
  text-transform: uppercase;
}
#footer .copyright{
  text-align:center; 
}
#footer ul {
    margin: 0;
}
#footer ul li{
  list-style:none;
  margin:0 0 5px 0;
  text-align:left;
  padding: 5px;
}
#footer ul li a{
  color:#81919c;
}
#footer p{
font-size:14px;
margin: 0;
line-height: 20px;
}
.widget_recent_entries img {
  width: 100px;
}
#footer h3 {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
}
#footer h3:after {
  position: absolute;
  height: 2px;
  width: 50px;
  background-color: #5dbf31;
  bottom: 0px;
  content: "";
  right: 0;
  left: 0;
}
.footer-cols {
  padding-bottom: 40px;
}
.about_me table, .about_me td, .about_me th{
  border: none;
  margin:0;
}
.about_me p.message {
    margin-bottom: 20px !important;
}

/* --------- Social Icon Widget ------- */
.social_widget a {
  color: #ffffff;
  padding: 7px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
.social_widget a:hover{
  background-color: #5dbf31;
  border: 1px solid ;
  border-color: #5dbf31;
}
/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */
#full-width-blog .postbox {
   width: 100%;
   border: none;
}
#full-width-blog .postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:0;
  padding: 0;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
}
.blogimg-full img{
  width: 100%;
}
.read-more-icon{
  text-align: center;
  margin: -55px 0 0 0;
  z-index: 999;
}
.read-more-icon a:hover{
  opacity: 0.9;
}
.continue-read a {
  color: rgba(19, 10, 138, 0.6);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px #bbb;
  padding: 10px 20px 10px 20px;
  border-radius: 6px; 
  display: block; 
  background: #fff;
}
.continue-read a:hover{
  background: #18304c;
  color:#fff;
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
   margin-bottom: 39px;
   border: none;
   border-radius: 6px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
a.post-readmore {
   font-size: 18px;
   border-bottom: 1px solid;
}
a.post-readmore i {
   margin-left: 8px !important;
   font-size: 18px;
   border-bottom: 1px solid #ffffff;
   padding-bottom: 2px;
}
.widget_recent_entries li {
  margin: 10px;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none;
  font-size:12px; 
  font-weight:bold; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:14px;
  text-transform:uppercase;
  margin:14px 0 0 0;
  display:table;
}
.metabox {
    color: #000;
    padding: 5px 0;
    clear: both;
    margin: 10px 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #5dbf31;
}
.metabox .entry-date{
  background:url('assets/images/date.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 13px 0 0;
}
.metabox .entry-author{
  background:url('assets/images/author.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-comments{
  background:url('assets/images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
#sidebar span.comment-author-link {
    margin-left: 14px;
}
.post-featured img {
  width: 100%;
}
/* --------- Inner Pages --------- */
.more_info a {
  background: #333;
  color: #ffffff;
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  background: #ffffff;
  color: #333333;
}
ol.carousel-indicators {
  bottom:20px;
}
ol.carousel-indicators li {
  max-width: 10px;
  padding: 5px;
  background-color: #fff;
  border-radius: 50%;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background-color:  #5dbf31;
  color: #ffffff !important;
  border: 1px solid ;
  border-color:#5dbf31;
}
.navigation span.page-numbers.current{
  background: #ffffff;
  border: 1px solid;
  border-color:  #5dbf31;
  color: #000000 !important;
}
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
  color: #000;
}
.blog-icon i {
  font-size: 20px;
  background: #bbb;
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  color: #fff;
  margin-right: 1%;
}
.blog-icon i:hover {
    background: #d3da36;
    color: #fff;
}
.blog-icon i.fa-google-plus {
    padding: 12px 10px 12px 11px
}
aside#search-3 {
  padding: 0 !important;
}
.feature-image-box img{
  width:100%;
}
.feature-image-box img a:hover{
  opacity:0.8;
}
.post-singlepage {
  border: solid 1px #bbb;
  box-shadow: 0 0 1px #bbb;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#f1f1f1; 
  color:#000;
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs a:hover{
  background-color:#5dbf31;
}
.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/
#comments{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#comments h2.comments-title{
  font-size:20px; 
  font-weight:bold;
}
#comments h3.comment-reply-title{
  font-size:20px; 
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  padding:12px 10px; 
  font-size:18px;
}
#comments input[type="submit"].submit {
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  color: #ffffff;
  border-left: 1px solid ;
  border-right: 1px solid ;
  border-bottom: 3px solid;
  border-color:  #5dbf31;
  text-transform: uppercase;
  border-top: none;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#comments .reply{
  text-align:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  text-align:left;
  margin-left:7%;
}
#comments .comment-author{  
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
}
#comments .comment-author.vcard img {
  padding: 2px;
}
/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
}
#slider img {
    width: 100%;
}
#slider h2 {
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  font-family: 'Montserrat';
  letter-spacing: 0;
}
#slider p{ 
  color: #ffffff;
  margin: 15px 0 15px 0;
  line-height: 25px;
  border-radius: 0 0 5px 5px;
  letter-spacing: 2px;
  font-size: 17px;
}
#slider p.price {
  font-size: 22px !important;
}
.slider-box {
   max-width: 700px;
}
#slider .carousel-caption {
  top: 50%;
  transform: translateY(-50%); 
  bottom: inherit;
  text-align: left;
  left: 10%;
  right: 10%;
}
.inner_carousel{
  padding: 20px 20px;
}
a.blog-more{ 
  display:inline-block; 
  font:400 16px 'Roboto Condensed', sans-serif; 
  padding:10px 30px; 
  margin-top:21px; 
  border-radius:4px; 
  -moz-border-radius:4px; 
  -webkit-border-radius:4px; 
  -o-border-radius:4px; 
  -ms-border-radius:4px; 
  margin-right:15px;
}
#slider .carousel-control-next, #slider .carousel-control-prev {
  width: 10%;
}

#slider .carousel-item-next,
#slider .carousel-item-prev,
#slider .carousel-item.active {
    display: block !important;
  }
#slider .carousel-control-prev-icon,
#slider .carousel-control-next-icon{
  background-image:none; 
}
#slider .carousel-control-next,
#slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider a i {
  padding: 10px 15px;
  background-color: #091b27;
  font-size: 20px;
  color:#fff;
}
#slider a i:focus,
#slider a i:active,
#slider a i:hover{
  background: #5dbf31;
  border: none;
  transition: all 0.5s ease-out;
}
.inner_carousel h2 small {
  color: #5dbf31;
  display:block;
  margin-bottom: 20px;
  font-weight: bold;
}
#slider a.read-more.font-weight-bold.btn.btn-primary.theme_button {
  background: transparent;
  border: 2px solid;
  border-color: #fff;
  margin-right: 20px;
}
#slider a.read-more.font-weight-bold.btn.btn-primary.theme_button:hover {
  background-color: #5dbf31;
  border-color: #5dbf31;
  color:#fff;
}
span.sliderdots.active{

    border-radius: 50px;
    border: 2px solid #fff;
    padding: 3px 0;
    background-color: transparent;
}
span.sliderdots{
    
    padding: 3px;
    
}
/*--------------- Sidebar -----------------*/
#sidebar .textwidget input[type="submit"]{
  width: 100%;
}
#sidebar .textwidget label {
    width: 100%;
    float: left;
    margin-bottom: 0;
}
#sidebar .textwidget input[type="submit"] {
    background: #333;
    border: none;
    color: #ffffff;
    padding: 14px 0;
    font-size: 15px;
    margin: 0;
}
#sidebar form{
  display: table;
  width: 100%;
  border: 1px solid #bbb;
}
#sidebar h3 {
   margin: 0 0 10px;
   font-size: 20px;
   color: #5dbf31;
}
#sidebar h3:after{
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background: #d6d6d4;
  margin-top: 7px;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar input[type="search"] {
  background:transparent;
  padding:10px 10px; 
  border:none; 
  font-size:15px; 
  color:#000;width:100%;
}
#sidebar label{
  width:71%;
  float:left;
  margin-bottom:0;
}
#sidebar input[type="submit"]{
  background:transparent; 
  border:none; 
  color:#000000;
  padding:14px 0;
  font-size:10px; 
  margin:0;
}
#sidebar aside{
  margin-bottom:30px;
  background: #eee;
  padding: 10px;
}
#sidebar ul {
  list-style:none;
  margin:0; 
  padding:0; 
  font-size:17px;
}
#sidebar ul li{ 
  line-height: 32px;
  background: url('./assets/images/arrow-right.png') no-repeat 0px 10px;
}
#sidebar ul li a{ 
  color:rgba(0, 0, 0, 0.78);
  padding-left: 15px;
}
#sidebar .tagcloud a{
  background:#eeeeee; 
  color:#000; 
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px; 
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background:#3890cb;
}
#sidebar .widget_recent_entries ul li{ 
  background: none;
}
#sidebar .post-content {
    line-height: 20px;
    margin-bottom: 15px;
}
span.credit_link a {
  color: #5dbf31;
}
a.custom_google {
  background: #da4835;
}
a.custom_linkedin {
  background: #007bb5;
}
a.custom_pinterest {
  background: #d73431;
}
a.vk {
  background: #507299;
}
a.custom_tumblr {
  background: #36465d;
}
a.flicker {
  background: #b517ad;
}
a.custom_facebook {
  background: #3c5a99;
}
a.custom_twitter {
  background: #55acee;
}
a.custom_instagram {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}
a.custom_youtube {
  background: #d12122;
}

/*------------- Page -----------------*/
.title-box{
  color:#fff;
  text-transform:uppercase;  
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  font-size: 34px;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
.shrtcod-pg{
  border:1px solid #bbb;
  /*background-color: #cbe9e2;*/
}
.shrt_socio i{
  border: 1px solid #bbb;
  padding: 10px;
  margin-right: 10px;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px; 
  font-weight:bold;
  margin: 10px 0;
}
 
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #333333; 
  color:#ffffff;
  font-weight:normal;
}

/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories a {
  color: #333333;
}
.content_boxes {
    padding: 0;
    border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
/*-------------- Main Title ---------------*/
.main_title h1:after{
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: #5dbf31;
  margin-top: 7px;
}
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  border-radius: 50%;
  width: 36px;
  margin: 0 4px;
  text-align: center;
}
.share_icon i.fab.fa-facebook-f{
  background-color: #3c5a99;
}
.share_icon i.fab.fa-linkedin-in{
  background-color: #007bb5;
}
.share_icon i.fab.fa-google-plus-g{
  background-color: #da4835;
}
.share_icon i.fab.fa-twitter{
  background-color: #55acee;
}
.services_inner h4, .services_inner .short_text {
    color: #ffffff;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.menubar.scrolled li.search-box {
    display: block !important;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
}
button.owl-prev, button.owl-next {
  background: #ffffff;
  border: 1px solid #000;
  padding: 6px 9px;
}
.owl-nav {
  margin: 12px auto;
  display: none;
}
button.owl-next.disabled, button.owl-prev.disabled {
    background: #bbb;
}
/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
    font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce .quantity input{
  padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #5dbf31;
  border-radius: 0;
  padding: 10px 14px;
  color: #ffffff;
  border: solid 1px #5dbf31;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: #5dbf31;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background: #ffffff;
  color: #333333;
  border: 1px solid ;
  border-color: #5dbf31;
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title {
  text-align: center;
}
.woocommerce ul.products li.product .price{
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid #ddd;
  padding-bottom: 17px;
}
.woocommerce span.onsale{
  background-color: #5dbf31;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
    max-width: 100%;
}
input#password, input#reg_password {
    padding: 10px;
}
.woocommerce div.product form.cart .variations select{
  background-color: #ffffff; 
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
    width: 100%;
    max-width: 100%;
}
.woocommerce a.added_to_cart {
    padding: 0 .5em .5em;
    display: inline-block;
}
.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
    border-top: solid 1px #000;
}
.form-row {
    display: block;
}
/*-------------- media section ---------------*/
@media screen and (max-width:767px) {
  #header .logo{
    text-align: center;
  }
  .top-menu {
    text-align: left;
    padding: 0;
  }
  .top-menu ul{
    margin: 0;
  }
  .top-menu ul li {
    padding: 8px;
  }
  .top-menu ul li:nth-child(1){
    padding-left: 0;
  }
  .contact_details {
    padding: 12px 0;
    position: static;
    right: 0;
    top: 50%;
    transform: unset;
  }
  .search-box span {
    float: right;
  }
  .thumb_image_border{
    width: 83%;
    height: 238px;
    margin-left: 30px;
  }
  .contact_details ul li{
    text-align: left;
    display: block;
    color: #ffffff;
    text-align: left !important;
  }
  .about-content a {
    margin-bottom: 10px;
  }
  .about-content{
    margin: 0;
  }
  .top_bar_btn {
    text-align: right;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  #slider h2.font-weight-bold {
      display: none;
  }
  #slider p.font-weight-bold {
      display: none;
  }
  #our-services .page-box{
    margin-bottom:0.5em;
    margin-top:20px;
  }
  .gallery-image img{
    height: 140px !important;
  }
  div#TB_window {
    width: 90% !important;
  }
  #testimonials .owl-dots {
    text-align: center;
    margin-top: 20px;
  }
  #our_records h4, .counter_inner {
    text-align: center;
  }
  .testimonialwrapper-box{
    margin-bottom: 50px;
  }
  #header .logo a.custom-logo-link{
    position: static;
  }
  .mid-content {
    position: static;
    top: 0;
    transform: unset;
  }
  .fadeInRight{
    animation-name: unset !important;
  }
  .socialbox {
    text-align: center;
  }
  .site-title{
    font-size: 34px;
  }
  .site-description{
    font-size: 14px;
  }
  .main-header{
    margin-bottom: 25px;
  }
  .header-title{
    padding: 30px 0;
  }
  .main-title{
    font-size: 30px;
  }
  #masthead{
    min-height: 60px;
  }
  #masthead #site-branding img,
  #masthead.scrolled #site-branding img{
    max-height: 40px;
    width: auto;
  }
  .main-navigation li,
  #masthead.scrolled .main-navigation li{
    display: block;
    line-height: 1.5 !important;
  }
  .sf-arrows .sf-with-ul{
    padding-right: 0;
  }
  .menu > ul > li > a{
    padding: 10px 0;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .slide-cta{
    float: none;
    width: 100%;
    padding: 15px 0 0 0;
    text-align: center;
  }
  #home-slider-section .bx-wrapper .bx-controls-direction a{
    display: none;
  }
  .slide-button-left,
  .slide-button-right{
    padding: 7px 25px 7px 25px;
    min-width: 160px;
    font-size: 16px;
  }
  #slider p {
    display: none;
  }
  .about-sec,
  .about-image{
    width: auto;
    float: none;
  }
  .about-sec{
    margin-bottom: 40px;
  }
  .about-image{
    max-width: 400px;
    margin: 0 auto;
  }
  #cta-section .cta-left{
    width: 100%;
    float: none;
    text-align: center;
  }
  .site-info{
    float: none;
    width: 100%;
    text-align: center;
  }
  #footer-menu ul {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
  .woocommerce div.product div.images .flex-control-thumbs{
    margin: 10px 0 0 0;
  }
  .innermenubox {
    position: static;
  }
  .contact-box .wpcf7 input[type="text"],
  .contact-box .wpcf7 input[type="email"],
  .contact-box .wpcf7 textarea{
    width: 100% !important;
  }
   .topsocial {
    margin-top: 0px;
  }
  #our_causes span.progress_percentage {
    padding-left: 8px;
  }
}
@media screen and (max-width:576px) {

  .col-lg-2.col-md-7.col-sm-7.col-7.top_bar_btn {
    text-align: right;
 }

  section h3, .abouticon-heading h4{
    font-size: 20px;
  }
  
  #slider .carousel-caption.d-none.d-md-block {
      display: none !important;
  }
  blockquote{
    width: 100%;
  }
  #testimonials blockquote:after{
    right:0;
  }
  #testimonials blockquote{
    width:225px;
  }
  .media-small {
    padding-left: 10px !important;
  }
  .small_media {
    /*padding: 10px 0;*/
  }
  .copyright p{
    text-align: center !important;
    padding: 5px 0;
  }
 
  #slider p{
    margin: 0 0 9px 0;
  }
  #slider h5{
    font-size: 16px;
  }
  #slider a i{
    padding: 1px;
  }
  section h2{
    font-size: 22px;
  }
  .top-icon{
      top: -1%;
  }
  .above_title {
    margin-top: 2%;
  }
  .menubar {
    padding: 0 15px;
  }
  .serach_inner input.search-field {
    width: 85%;
  }
  .home.page-template .menubar {
    margin-bottom: 10px;
    margin-top: 5px;
    padding-right: 0;
  }
  #our_causes span.progress_percentage {
    padding-left: 5px;
  }
}
@media screen and (max-width:719px) {
  .menubar.scrolled.hmenu {
    background-color: #222222;
    height: auto; 
  }
  .contact-info {
    margin: 0 !important;
  }
  .search-box{
    float: none;
  }
  .menubar .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  span{
    text-align: center;
  }
  #need_help{
    background-size: cover;
  }

}
@media screen and (max-width:768px) {
  .top_social {
    padding: 10px 0;
    margin-left: 0;
  }
  .menubar {
    position: relative;
    right: 0;
  }


}
@media screen and (max-width:991px) {
  
   #team .team-image img {
    width: 100% !important;
  }
  .toggle-nav {
    right: 0px;
  }
  .search-box{
    float: none;
  }
  .search-box form.search-form{
    margin: 0 auto;
  }
  .social-box .social-media {
    padding-top: 21px;
  }
  #slider h2 {
    font-size: 36px;
  }
  #footer input[type="submit"] {
    padding: 9px 3%;
  }
  .socialbox a i{
    font-size: 12px;
    width: auto;
  }
  small {
    font-size: 13px !important;
  }
  #slider a i {
    padding: 5px 8px;
    font-size: 15px;
  }
  .teambox{
    margin-bottom: 30px;
  }   
  .postbox{ 
    margin-bottom: 20px; 
  }
  .top_social a.facebook {
    padding: 6px 9px;
  }
  .newsletter-form input[type="submit"]{
    top: 22%;
  }
  #slider a.read-more.font-weight-bold.btn.btn-primary.theme_button{
    display: none;
  }
  #slider .inner_carousel h2 small{
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 1024px){

  .col-lg-2.col-md-7.col-sm-7.col-7.top_bar_btn {
    text-align: right;
}
  .tpmail p.hi_bold{
    margin-left: 12px;
  }
  .top_bar_btn a.theme_button {
    position: static;
    top: 0;
    transform: unset;
  }
  .thumb_image_border{
    display: none;
  }
  .main-navigation ul ul{
    background-color: transparent;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .toggle-nav {
    display: none;
    position: relative;
    float: left;
    right: 15px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin: 0 auto;
    z-index: 999999;
    right: 0;
    text-align: right;
    right: 0;
    margin-right: 0;
    top: 5px;
  }
  .toggle-nav i {
    font-size: 29px;
    color: #000000;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  .toggle-nav{
    display: block;
  }
  .innermenubox {
    position: static;
    padding-bottom: 10px;
  }

  .main-navigation a{
    color: #444;
  }
  .main-navigation .menu{
    float: none;
    text-align: center;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  .main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }
  .menu > ul > li:hover:before, 
  .menu > ul > li.current_page_item:before, 
  .menu > ul > li.current-menu-item:before{
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    border-top-color: #333;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{ 
    width:100%;
    margin-top:0; 
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #303030 solid; 
    display:block;
    text-align:left;
    float:none;
    width: 100%;
  }
  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
  }
  .nav ul li a:hover{
    color:#ff8a00;
  }
  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .top_bar_btn{
    padding:0;
  }
  #testimonials blockquote{
    width: 350px;
  }
}