/*
Theme Name: Foster Charity Pro
Theme URI:  https://www.themeseye.com/wordpress/charity-wordpress-theme/
Author: Themes Eye
Author URI: https://www.themeseye.com/
Description: This charity WordPress theme is versatile, robust, clean and beautiful. It is designed to give a skin to websites built for charities, non-profit organizations, NGOs, welfare committees, amnesty organizations, disaster relief force and for arranging donation camps, fundraising events, political campaigns, rallies and other socially and environmentally beneficial work for masses and nature. It is an interacting theme with user-friendly interface of both front end and back end to facilitate its usage to both its admin and customers. Make it stand alone among hundreds of other sites in terms of design by taking away clichéd layouts and formulating new combinations of header and footer. This charity WordPress theme is built on Bootstrap framework giving a strong foundation and making it responsive to have fluidity in its layout to adjust on any screen size. It is coded from scratch with clean and secure codes leading to a bug-free website.
Version: 1.0
License: GNU General Public License
License URI:license.txt
Text Domain: foster-charity-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Foster Charity Pro WordPress Theme has been created by Themes Eye(https://www.themeseye.com/), 2018.
Foster Charity 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: 15px;
  color:#000000; 
  font-family: 'Josefin Sans';
  font-weight: 300;
}
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{ 
  font-family:Josefin Sans;
  margin:0;
  padding:10px 0;
  line-height: 1.4;
  letter-spacing: 1px;
  color:#000000;
}
p{
  font-family:Open Sans;
  margin:0 0 15px; 
  padding:0;
  font-size:16px;
  font-weight:300;
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none; 
  color:#fa7e1a;
}
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;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
}

/*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{
  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: 5px 20px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  font-size: 15px;
  margin-left: 5px;
  margin-top: 5px;
  background-color: #fa7e1a;
}
input[type="submit"]:hover{
  cursor: pointer;
}
textarea {
    height: 100px;
}
.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;
    color: #000000;
}
#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
    color: #ffffff;
}
#footer .social_widget {
    padding-top: 35px;
}
#footer_box img.image {
    padding-top: 25px;
}
.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: #fa7e1a;
  border: solid 1px #fa7e1a;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 18px 20px;
  font-size: 14px;
  font-weight: bold;
  background: transparent !important;
  border-radius: 0;
  display: inline-block;
  padding: 15px 20px;
  cursor: pointer;
  margin-top: 20px;
}
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;
  display: inline-block;
  text-transform: uppercase;
  padding: 20px 30px;
  box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);
  cursor: pointer;
  transition: all ease-in-out 300ms;
  -moz-box-shadow: 5px 5px 1px 1px #000;
  -webkit-box-shadow: 5px 5px 1px 1px #000;
  box-shadow: 5px 5px 1px 1px #000;
  margin-top: 20px;
}
a.theme_white_button{
  background-color: #ffffff;
  color: #fa7e1a;
  border: 1px solid #fa7e1a;
}
a.theme_button:hover {
 
}
a.theme_white_button:hover {
  color: #ffffff;
  background-color: #fa7e1a;
  -moz-box-shadow: 5px 5px 1px 1px #000;
  -webkit-box-shadow: 5px 5px 1px 1px #000;
  box-shadow: 5px 5px 1px 1px #000;
  transform: translate(0px, -10px) scale(1.0);
  border: 1px solid #ffffff;
}
a.read-more.font-weight-bold.btn.btn-primary.theme_button{
 margin-left:10px;
 margin-right: 10px;
}
/*-----------------Search pop up----------------*/
.serach_outer {
  width: 300%;
  overflow: hidden;
  transition: 0.5s;
  z-index: 99999;
  position: absolute;
  top: 70px;
  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: #fa7e1a !important;
  cursor: pointer;
  font-weight: bold;
}
.serach_inner form.search-form {
  display: table;
  border: 1px solid #fa7e1a !important;
  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 {
  background-color: #fa7e1a;
  padding: 12px 15px;
  cursor: pointer;
  display: inline-block;
}
.search-box i {
  color: #ffffff;
}
/*---------------------------Top Bar----------------------------*/
span.hi_normal {
    color: #fff;
    padding-right: 10px !important;
}
#header span.hi_normal i.fas.fa-envelope {
    color: #fa7e1a;
    font-size: 18px;
    padding-right: 7px;
}
#header a.donate_now i.fas.fa-hand-holding-usd {
    color: #fa7e1a;
    padding-right: 10px;
    font-size: 18px;
}
a.donate_now {
    color: #fa7e1a !important;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    border: solid 2px #fa7e1a;
    padding: 12px;
    margin-left: 10px;
}
#header .socialbox a i {
    color: #000000 !important;
    z-index: 999;
}
.socialbox a {
    padding: 12px 7px;
    background: #ffffff;
    margin-right: 7px;
    color: #000000;
}
.socialbox a:hover {
    background: #fa7e1a;
    color: #ffffff;
}
.mail_and_donate {
    margin: 0 auto;
    float: right;
}
a.calling {
    background: #0d0d0d;
    margin-right: -13px;
    margin-top: 1px;
    margin-bottom: 2px;
}
#nav-header a.calling i {
    color: #fa7e1a;
    font-size: 25px;
    position: relative;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom:5px;
}
#nav-header span.contact_number {
    color: #fa7e1a;
    font-weight: 700;
    font-size: 15px;
}
.search {
    padding-top: 20px;
    padding-right: 25px;
    color: #fff;
}
#nav-header .contact_details{
  background: #000;
  margin-top: 2px !important;
  margin-bottom: 2px;
  margin-left: -2px;
}
/* --------------------------Header---------------------------- */
.home #masthead {
  background-color: transparent !important;
  position: absolute !important;
  width: 100% !important;
  padding: 10px 0 !important;
  z-index: 99 !important;
}
#masthead{
	position:relative;
	background:#000;
	margin-bottom:25px;
}
#masthead{
    position:relative !important;
    background:#000 !important;
}
body.archive.tag #masthead {
    position: relative;
    background:#000;
}
body.archive.category.category-uncategorized #masthead {
    position: relative;
    background: #000;
}
body.attachment.attachment-template-default #masthead {
    position: relative;
    background: #000;
}
body.archive.post-type-archive.post-type-archive-product #masthead {
    position: relative;
    background: #000;
}
body.page-template.page-template-page-template.page-template-contact #masthead {
    position:relative;
    background: #000;
}
#header .logo img{
  max-height: 123px;
  width: auto;
}
#header {
  width: 100%;
  float: left;
  padding-top:25px;
}
#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;
}
.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: 0px 0;
  text-align: center;
}
#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: #2b3546;
  text-transform: uppercase;
  font-size: 26px;
}
.logo p{ 
  color: #2b3546;
  margin-bottom: 0;
  font-size: 14px;
}
#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
.menubar .social-media{
  padding:12px 0; 
  text-align:center;
}
.menubar {
    background: #fa7e1a;
    width: 91%;
}
div#nav-header {
    padding-top: 25px;
    padding-left: 110px;
}
.scrolled {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 9999999;
  background:#fff;
}
#masthead.scrolled {
  padding: 5px;
  background: #ffffff;
}
#site-navigation {
    width: 100%;
}
.socialbox {
    margin: 0 auto;
}
/*----------------Menu bar-----------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
  text-align: right;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
  text-align: left;
  margin: 0px;
}
#nav-header .main-navigation .current_page_item, .main-navigation .current-menu-item, .main-navigation .current_page_ancestor{
    border-bottom: solid 2px #fff;
}

.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: #ffffff;
  padding: 0;
  font-size: 16px;
  position: relative;
  font-weight: 400;
}
.main-navigation a:hover{
 
}
.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: #75caf7;
}*/

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

.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%);
}

/*----------------------Mobile Menu Icon------------------------------*/

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

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #000000;
}

.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;
}
.main-navigation ul ul li{
  padding: 10px;
}
/*----------------------  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;
  color: #22272b;
  padding: 0 0 10px;
  margin: 0;
  font-weight: 900;
  letter-spacing: 3px;
}
section h3 {
  font-weight: 900;
  color: #000000;
  padding: 0;
}
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;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/*--------------------- Section Heading------------------------*/
.section-heading p{
  max-width: 600px;
  width: 100%;
  margin: 15px auto 25px;
  line-height: 24px;
}
/*------------------------- About-----------------------------*/
.about_box .icon_about {
    background-color: #003056;
}
.about_box:hover .icon_about {
    background-color: #fa7e1a;
}
.about_box:hover .icon_about{
  transition: all ease-in-out 300ms;
  -moz-box-shadow: 5px 5px 1px 1px #003056;
  -webkit-box-shadow: 5px 5px 1px 1px #003056;
  box-shadow: 5px 5px 1px 1px #003056;
}
.about_box .icon_about i {
  color: #ffffff;
}
.about_box i {
  width: 45px;
  color: #003056;
  transition-property: transform;
}
.about_box:hover i {
  color: #003056;
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
p.subtext{
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
}
.read_more{
  color: #003056;
}
.read_more i{
  width: auto;
  padding-left: 5px;
}
#about .section-heading h3 {
    font-style: italic;
    font-weight: 600;
    color: #000000;
}
#about .overlay {
    background: transparent !important;
    height: 100%;
    transition: .5s ease;
    opacity: 1;
    position: absolute;
    text-align: center;
    padding: 25px 40px 25px 25px;
    margin-top:40px;
}
#about p.about_details {
    font-size: 14px;
    margin-top: 27px !important;
    color:#ffffff;
}
#about h5{
    color: #ffffff;
}
#about h5:after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    margin-top: 10px;
    background: #fff;
    margin-left: 40%;
    margin-bottom: 12px;
}
#about .section-heading {
    padding-top: 40px;
}
/*------------------ How We Work-----------------*/
#how-we-work {
  background-color: #57b8ec;;
}
#how-we-work .work-box{
  background-color: #fa7e1a;
  padding: 15px 0;
  transition: all ease-in-out 300ms;
  -moz-box-shadow: 8px 8px 1px 1px #003056;
  -webkit-box-shadow: 8px 8px 1px 1px #003056;
  box-shadow: 8px 8px 1px 1px #003056;
}
#how-we-work .work-box:hover img{
  transform: rotateY(180deg);
  transition: all 0.3s ease-in-out 0s;
}
#how-we-work .work-box-outer:hover .work-box {
  background-color: #003056;
  transition: 0.3s;
  -moz-box-shadow: 8px 8px 1px 1px #ffffff;
  -webkit-box-shadow: 8px 8px 1px 1px #ffffff;
  box-shadow: 8px 8px 1px 1px #ffffff;
}
#how-we-work .work-box-outer:hover .work-box:before{
  border-left-color: #fa7e1a;
  transition: 0.3s;
}
#how-we-work .work-box h4 a {
  color: #ffffff;
}
/*------------------------- Work -----------------------------*/

@media only screen and (max-width: 990px) {
    #our_work .box{
        margin-bottom: 20px;
    }
}

/*------------------------- Records Section -----------------------------*/
#records .section-heading h3 {
    color: #fa7e1a;
    font-weight: 400;
    padding-top: 18px;
    font-size: 30px;
    padding-bottom: 15px;
    font-family: Josefin sans-serif
}
#records .section-heading p {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    padding-bottom: 18px;
    font-family: Open sans-serif;
}
#records a.read-more {
    color: #ffffff !important;
    font-weight: 500;
    text-transform: uppercase;
    background: #fa7e1a;
    padding: 12px;
    font-size: 13px;
}
#records .records-box-icon i {
    color: #fa7e1a;
    font-size: 25px;
    padding: 15px;
    border-radius: 50%;
    border: solid 2px #fff;
}
#records .records-box-contents h4 {
    font-family: Josefin sans-serif;
    color: #fa7e1a;
    font-size: 30px;
    padding: 0px;
    margin-left: 2px;
}
#records h6 {
    color: #fff;
    padding: 0px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: Josefin sans-serif;
}
#records .records-box-contents {
    padding-left: 10px;
}
/*------------------------- Causes Need Attention -----------------------------*/
.service-box-content, .postbox-content {
    background: #ffffff;
    position: relative;
}
.service-box-content i {
  background-color: #fa7e1a;
  padding: 5px;
  border-radius: 50%;
  font-size: 10px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
}
#attention .attention-box h4 a {
  color: #000000;
}
#attention .attention-image:hover img{
  width: 100%;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
#attention .attention-image {
    position: relative;
    overflow: hidden;
}
#attention .attention-image img{
  width: 100%;
}
#attention .section-heading h3 {
    padding-bottom: 50px !important;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}
#attention .attention-box {
    border: solid 1px #DCDCDC;
}
#attention .attention-box.first h4 {
    padding: 40px 15px 15px 20px;
}
#attention .attention-box.first .attention_content {
    padding: 5px 18px;
}
#attention .attention-box.row h4 {
    padding-top: 25px;
    padding-left: 25px;
}
#attention .attention-box.first .donate_now {
    padding:12px 0px 45px 18px;
    text-transform: uppercase;
    color: #fa7e1a;
    font-weight: 500;
    font-size: 15px;
}
#attention .attention-box.row .attention_content {
    padding-left: 25px;
}
#attention .attention-box.row .donate_now {
    padding: 12px 0px 60px 25px;
    text-transform: uppercase;
    color: #fa7e1a;
    font-weight: 500;
    font-size: 12px;
}
#attention span.goal_label {
    color: #fa7e1a;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    padding-left: 15px;
}
#attention span.goal_amount {
    font-size: 14px;
    font-weight: 500;
}
#attention span.raised_label {
    color: #fa7e1a;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}
#attention span.raised_amount {
    font-size: 14px;
    font-weight: 500;
}
#attention .attention-box .goals_raised {
    border-top: solid 1px #dcdcdc;
}
#attention .attention-box .goal.col-md-6 {
    border-right: solid 1px #dcdcdc;
    padding:10px;
}
#attention .attention-box .raised.col-md-6 {
    padding:10px;
}
section#attention {
    padding: 80px 0;
}
#attention .section-heading h3 {
    color: #000000;
}
/*------------------------- Charity Donors -----------------------------*/
#charity_donors .donors-box h4 a {
  color: #000000;
}
#charity_donors .donors-image:hover img{
  width: 100%;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
#charity_donors .donors-image {
    position: relative;
    overflow: hidden;
}
#charity_donors .donors-image img{
  width: 100%;
}
#charity_donors .section-heading h3 {
    padding-bottom: 50px !important;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: #000000;
}
#charity_donors .donors-box {
    border: solid 1px #DCDCDC;
}
#charity_donors .donors-box.first h4 {
    padding: 25px 15px 15px 20px;
}
#charity_donors .donors-box.first .donors_content {
    padding: 5px 18px;
    color: #aaaaaa;
}
#charity_donors .donors-box.row h4 {
    padding-top: 25px;
    padding-left: 25px;
    font-size: 15px;
    text-transform: uppercase;
}
#charity_donors .donors-box.first .designation {
    padding: 0px 0px 5px 18px;
    color: #fa7e1a;
    font-weight: 500;
    font-size: 15px;
}
#charity_donors .donors-box.row .donors_content {
    padding-left: 25px;
    color: #aaaaaa;
}
#charity_donors .donors-box.row .designation {
    padding: 0px 0px 12px 25px;
    color: #fa7e1a;
    font-weight: 500;
    font-size: 15px;
}
#charity_donors .box{
  position:relative;
  box-shadow:0 0 5px #b3b3b3;
}
#charity_donors .box img{
  width:100%;
  height: auto;
}
#charity_donors .box .overlay{
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  transition: .5s ease;
  position: absolute;
  text-align: center;
  padding: 15px;
  opacity: 0;
  bottom: 0;
  color: #fff;
}
#charity_donors .box:hover .overlay {
    opacity: 1;
}
#charity_donors .box .overlay_content {
  padding-top: 30%;
  margin: 0;
  list-style: none;
  height: 100%;
  color: #ffffff;
  text-align: center;
}
#charity_donors .box .overlay_content li{
  display:inline-block;
  margin-right:10px;
}
#charity_donors .box .overlay_content li a{
  border:1px solid #808080;
  padding:8px;
  color:#fff;
  font-size:20px;
  background:rgba(255,255,255,0.2);
  transition: all 0.40s ease 0s;
}
#charity_donors .box .overlay_content li a:hover{
    background:rgba(0,0,0,0.1);
    text-decoration:none;
}
/*----------------------------Upcoming Events------------------------*/
#events .events-box h4 a {
  color: #000000;
  text-transform: uppercase;
}
#events .events-image:hover img{
  width: 100%;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
#events .events-image {
    position: relative;
    overflow: hidden;
}
#events .events-image img{
  width: 100%;
}
#events .section-heading h3 {
    padding-bottom: 50px !important;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: #000;
}
#events .events-box {
    border: solid 1px #DCDCDC;
}
#events .events-box.first h4 {
    padding: 40px 15px 15px 20px;
}
#events .events-box.first .events_content {
    padding: 5px 18px;
    color: #888888;
}
#events .events-box.row h4 {
    padding-top: 25px;
    padding-left: 25px;
    text-transform: uppercase;
}
#events .events-box.first .date {
    padding:12px 0px 45px 18px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 500;
    font-size: 12px;
    padding-top: 20px;
}
#events .events-box.row .events_content {
    padding-left: 25px;
    color: #888888;
}
#events .events-box.row .date {
    padding: 0px 0px 85px 25px;
    text-transform: uppercase;
    color: #000000 !important;
    font-weight: 600;
    font-size: 12px;
}
#events span.time_icon {
    color: #fa7e1a;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    padding-right: 10px;
}
#events span.time_field {
    font-size: 14px;
    font-weight: 500;
    padding-left: 15px;
}
#events span.location_icon {
    color: #fa7e1a;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    padding-right: 10px;
}
#events span.location_field {
    font-size: 14px;
    font-weight: 500;
    padding-left: 25px;
}
#events .events-box .time_location {
    border-top: solid 1px #dcdcdc;
}
#events .events-box .time.col-md-6 {
    border-right: solid 1px #dcdcdc;
    padding:10px;
}
#events .events-box .location.col-md-6 {
    padding:10px;
}
section#events {
    padding: 80px 0;
}
#events .third-box {
    position: absolute;
    right: 0;
}
#events .events-box.first .date i {
    color: #fa7e1a;
}
#events .events-box.row .date i {
    color: #fa7e1a;
    padding-right: 7px;
}
/*------------------------- Our Facilities -----------------------------*/
#our_facilities {
  padding: 50px 0;
  background-size: 100% 100%;
}
#our_facilities .counter-icon {
  text-align: left;
}
#our_facilities h4 {
  font-size: 15px;
  text-transform: uppercase;
  color: #000;
  line-height: 25px;
  padding: 0;
  font-weight: 700;
}
#our_facilities p {
  font-size: 14px;
  color: #000;
}
#our_facilities .owl-dots {
  text-align: center;
  margin-top: 30px;
}
#our_facilities button.owl-dot {
  width: 12px;
  height: 12px;
  margin: 2px;
  background-color: #ffffff;
  border: solid 2px #191b27;
}
#our_facilities button.owl-dot.active {
  background-color: #ff6589;
  border: solid 2px #ff6589;
}
#our_facilities button:focus {
    outline: inherit !important;
}
#our_facilities .counter_inner {
  margin-bottom: 20px;
}
.facilities-box-icon {
    padding: 15px;
}
#our_facilities .facilities-box-icon i {
    color: #fff;
    font-size: 27px;
    margin: 0 auto;
    text-align:center;
    vertical-align:center;
}
#our_facilities .section-heading h3 {
    color: #1a1919;
}
#our_facilities .section-heading h3 {
    color: #1a1919;
    text-transform: uppercase;
}
#our_facilities .section-heading h3:after {
    content: "";
    display: block;
    width: 115px;
    height: 2px;
    margin-top: 10px;
    background: #f15d28;
    margin-left: 46%;
    margin-bottom: 12px;
}
a.facilities-icon-image {
    position: absolute;
    margin: 0 auto;
    text-align: center;
    transform: translateX(-50%);
    padding: 12px 12px 12px 12px;
    background: #f15d28;
    border-radius: 50%;
}
/*------------------------- Records -----------------------------*/
.choose-box-content, .choose-box-content h4 {
    color: #ffffff;
}
.choose-box-content h4{
  font-size: 30px;
}
.choose-box-icon i {
  font-size: 42px;
  padding-top: 10px;
  color: #ffffff;
}
/*------------------------Urgent Causes-----------------------*/
section#urgent_cause {
    padding: 0px !important;
}
#urgent_cause a.theme_button_cause {
    background: #fa7e1a;
    padding: 8px 30px 7px 10px;
    color: #ffffff;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
}
#urgent_cause .cause_title {
    padding-top: 25px;
    padding-bottom: 25px;   
}
#urgent_cause img.urgent_cause_icons{
    width: 55px;
    padding-bottom: 5px;
    border-radius: 50%;
}
#urgent_cause .cause_image {
    float: left;
    padding-top: 25px;
}
#urgent_cause .organizer_name {
    padding-top: 70px;
    float: left !important;
    margin: 0 auto;
    color: #fa7e1a;
    font-weight: 500;
    padding-left: 15px;
}
#urgent_cause span.by_text {
    color: #000;
    font-weight: 300 !important;
}
#urgent_cause .location_name {
    padding-top: 69px;
    float: right;
    font-weight: 500;
}
#urgent_cause .location_name i {
    color: #fa7e1a;
    padding-right: 10px;
}
#urgent_cause .donation {
    color: #000 !important;
    font-weight: 500;
}
#urgent_cause a.donate_now_posttype {
    padding: 12px;
    background: #fa7e1a;
    color: #fff !important;
    font-weight: 500;
    font-size: 12px;
    margin-left: 15px;
    margin-top: 15px;
    text-transform: uppercase;
}
#urgent_cause a.donate_now_posttype i {
    padding-right: 10px;
}
#urgent_cause .progress-bar{
    width: 90%;
    margin-left: 12px;
    height: 7px;
    padding-right: 20px;
    line-height: 40px;
    background-color: #cbcbcb;
    margin-bottom: 10px; 
}
#urgent_cause .skills {
  text-align: right;
  padding-right: 20px;
  line-height: 40px;
  color: #000;
}
#urgent_cause .html {
  height: 3px;
  background-color: #fa7e1a;
 }
 #urgent_cause p.tech{
  font-weight: 700;
 }
 #urgent_cause .owl-nav {
    display: block !important; 
    margin: 12px auto;
    right: 55px;
    position: absolute;
    top: 25px;
 }
 #urgent_cause .owl-nav button.owl-next {
    margin-left: 12px !important;
    background: #000;
    border:none;
    padding: 5px 10px 5px 10px;
  }
 #urgent_cause .owl-nav i{
  color:#fff !important;
  padding-top:2px !important;
 }
 #urgent_cause .owl-nav button.owl-prev {
    background: #fa7e1a;
    border: none;
    padding: 5px 10px 5px 10px;
}
#urgent_cause img.cause-image {
    width: 100%;
}
div#urgent_cause {
    padding-bottom: 10px;
}
/*------------------------- Team -----------------------------*/
#team .box{
  position:relative;
  box-shadow:0 0 5px #b3b3b3;
}
#team .box img{
  width:100%;
  height: auto;
}
#team .box .over-layer{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  background-color :#fa7e1a;
  transform:translate(0,0);
  transition:all 0.30s linear 0s;
}
#team .box:hover .over-layer{
    transform: translate(-18px,-18px);
    opacity: 1;
}
#team .box .work_content {
  padding: 30px;
  margin: 0;
  list-style: none;
  height: 100%;
  color: #ffffff;
  text-align: center;
}
#team .box .work_content li{
  display:inline-block;
  margin-right:10px;
}
#team .box .work_content li a{
  border:1px solid #808080;
  padding:8px;
  color:#fff;
  font-size:20px;
  background:rgba(255,255,255,0.2);
  transition: all 0.40s ease 0s;
}
#team .box .work_content li a:hover{
    background:rgba(0,0,0,0.1);
    text-decoration:none;
}
h3.title a {
  color: #ffffff;
}
.post_dec {
    font-size: 15px;
    color: #828282;
    padding: 0px;
}
.box-search-icon a i {
  color: #ffffff;
}
.box-search-icon a {
  background-color: #003056;
  padding: 10px 12px;
  border-radius: 50%;
}
.box-search-icon {
  position: absolute;
  bottom: 10%;
  right: 0;
  padding: 30px;
}
@media only screen and (max-width: 990px) {
    #team .box{
        margin-bottom: 20px;
    }
}
h4.teamtitle a {
  color: #ffffff;
}
#team .box {
    margin: 11px;
    overflow: visible;
}
#team .socialbox i {
  color: #ffffff;
  width: 17px;
  text-align: center;
}
#team .socialbox{
  margin-top: 30px;
}
#team .socialbox a {
    padding: 10px;
}
#team .socialbox a:hover {
    background-color: #000;
}
.teambox-content {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  left: 50%;
  width: 100%;
  padding: 12px;
}
/*-------------------------We Are Expert -----------------------------*/
#we_are_expert {
  background-size: 100% 100%;
  background-attachment: unset;
}
h3.white_head_title {
  color: #2b3546;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.left_content {
  color: #ffffff;
}
#we_are_expert .progress {
  margin-bottom: 20px;
}
/*--------------------Video Section----------------*/
/* Outer */
.popup {
  width:100%;
  height:100%;
  display:none;
  position:fixed;
  top:0px;
  left:0px;
  background: rgba(0, 0, 0, 0.77);
  z-index: 9999;
}

/* Inner */
.popup-inner {
  max-width:1000px;
  width:90%;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  box-shadow:0px 2px 6px rgba(0,0,0,1);
  border-radius:3px;
}

/* Close Button */
.popup-close {
  width:30px;
  height:30px;
  padding-top:4px;
  display:inline-block;
  position:absolute;
  top:0px;
  right:0px;
  transition:ease 0.25s all;
  -webkit-transform:translate(50%, -50%);
  transform:translate(50%, -50%);
  border-radius:1000px;
  background:rgba(0,0,0,0.8);
  font-family:Arial, Sans-Serif;
  font-size:20px;
  text-align:center;
  line-height:100%;
  color:#fff;
}

.popup-close:hover {
  -webkit-transform:translate(50%, -50%) rotate(180deg);
  transform:translate(50%, -50%) rotate(180deg);
  background:rgba(0,0,0,1);
  text-decoration:none;
}
.adopt_inner h2, .adopt-editor{
  color: #ffffff;
}
.adopt_outer {
  background: #f33e17;
}
.over_video{
  position: relative;
}
.over_video img {
  width: 100%;
}
.ps_video {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  margin: 0 auto;
  text-align: center;
  padding: 5px;
  border-radius: 50%;
  background: #499e85;
}
.ps_video i {
  color: #ffffff;
  font-size: 22px;
  padding: 17px 19px;
  border-radius: 50%;
  text-align: center;
  background-color: #fa7e1a;
  cursor: pointer;
}

/*------------------------- Gallery -----------------------------*/
/* Image Hover */
.view {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.view .mask,
.view .content { 
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.view img {
  display: block;
  position: relative;
  width:100%;
}
.second-effect .mask {
  opacity: 0;
  overflow:visible;
  border:0px solid rgba(0,0,0,0.7);
  box-sizing:border-box;
  transition: all 0.4s ease-in-out;
 }
.second-effect:hover .mask {
  opacity: 1;
}
.second-effect:hover a.info {
  opacity:1;
  transform:scale(1,1);
  transition-delay:0.3s;
}
#gallery p{
  text-align:center;
  font-size: 35px;
}
.single-post .gallery-image img {
  height: 150px;
}
.gallery-image img{
  height:250px !important;
  width:100%;
}
.gallery_img{
  width: 100%;
  height: 100%;
}
#TB_ajaxContent{
  padding: 1% !important;
  width:auto !important; 
  height:auto !important;
}
#TB_ajaxWindowTitle{
  text-align:center;
  color: #001e44;
  text-transform: capitalize;
}
/* gallery */
figure.gallery-item {
  width: 20%;
  float: left;
}
.gallery-image {
  height: 100%;
  margin-bottom: 30px;
}
.view img {
  display: block;
  position: relative;
  width:100%;
  height:200px;
}
.bwt_img {
    height: 100%;
    width: 100%;
}
.view a.info {
  background: url(assets/images/link.png) center no-repeat;
  display: inline-block;
  text-decoration: none;
  padding: 0;
  text-indent: -9999px;
  width: 50px;
  height: 50px;
  top: 43%;
  transform: translate(-50%);
  border-radius: 50%;
}
.second-effect a.info {
  position:relative;
  opacity:0;
  transform:scale(0,0);
  transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  outline:none;
}
.second-effect:hover .mask {
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
}
.second-effect:hover a.info {
  opacity:1;
  transform:scale(1,1);
  transition-delay:0.3s;
}
.secondry-menu ul {
  padding: 50px 0;
  margin: 0;
  text-align: center;
}
.secondry-menu li {
  display: inline-block;
  padding: 5px 25px;
}
.secondry-menu li a {
  color: #929292 !important;
  font-size: 14px;
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-weight: bold;
}
.secondry-menu li a:hover {
  color: #ffbf43;
}
.row-eq-height > [class^=col] {
  display: flex;
  flex-direction: column;
}
.head-inner.text-center {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}
#TB_window {
  position: fixed;
  background-color: #fff;
  z-index: 100050;
  visibility: hidden;
  text-align: left;
  top: 50%;
  left: 50%;
  -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  transform: translate(-50%,-50%);
  margin: 0 !important;
}
/*------------------------Testimonials -----------------------------*/
#testimonials{
  background:#000;
}
#tesimonial-record {
  padding:0;
}
#testimonials .fancy-title {
  margin: 0 auto;
}
.test_shortcode_bg {
  background-color: #ddd;
  padding: 30px 0;

}
.inner-test-bg .short_text {
  font-size: 18px;
  font-weight: 400;
}
.testimonial_box img {
  width: 100px !important;
  border-radius: 50%;
}
#testimonials .owl-carousel .owl-item img, #testimonials img {
  width: 75px !important;
  height: 75px;
  margin: 0;
  position: relative;
  border-radius: 50%;
}
#testimonials button.owl-prev {
    position: absolute;
    left: 0;
    background: transparent;
    border: none;
    padding: 10px;
}
#testimonials button.owl-next {
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    padding: 10px;
}
#testimonials button.owl-next i, #testimonials button.owl-prev i{
  color: #003056;
}
#testimonials .testimonial_box, .test-shrtpg {    
    padding: 20px 10px;
    position: relative;
    text-align: center;
    border: solid 1px #fa7e1a;
    margin-top: 25px;
}
#testimonials .owl-nav {
  display: none;
}
#testimonials .owl-dots {
  display: block;
  text-align: center;
  margin-top: 35px;
  margin-bottom: 25px;
}
#testimonials i {
    color: #fff;
    font-size: 22px;
    margin-left: 75%;
}
#testimonials button.owl-dot {
    width: 12px;
    height: 12px;
    margin: 2px;
    background-color: transparent;
    border: solid 2px #fff;
}
#testimonials button.owl-dot.active {
    background: #fa7e1a;
    border: solid 2px #fa7e1a;
}
#testimonials button:focus {
  outline: inherit !important;
}
#testimonials h4.testimonial_name a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
}
#testimonials cite {
  font-size: 14px;
  display: block;
  font-style: unset;
}
#testimonials .testimonial_box:after{
  content: '';
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fa7e1a;
  position: absolute;
  top: -15px;
  left: 100px;
  transform: translateX(-50%);
} 
.row.inner-test-bg {
    padding-top: 15px;
}
/*#testimonials .testimonial-box {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
}*/
.testimonial_auther {
  text-align: center;
  margin: 0 auto;
  display: table;
}
#testimonials blockquote {
  font-size: 12px;
  width: 100%;
  margin: 0.25em 0;
  padding: 0.25em 30px;
  line-height: 1.45;
  position: relative;
  color: #fff;
} 
/*#testimonials blockquote:after {
  display: block;
  content: "\201D";
  font-size: 80px;
  position: absolute;
  bottom: -90px;
  color: #fff !important;
  font-family: Georgia, serif;
}*/
#testimonials ul li {
  display: inline-block;
  list-style: none;
  vertical-align: middle;
  margin-left: 15px;
}
#testimonials h3 {
    color: #fff;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 35px;
    padding-top: 30px;
}
#testimonials h4.testimonial_name {
    color: #fa7e1a;
}
/*------------------------- Partners -----------------------------*/
#our_partners {
  padding: 0;
}
#our_partners .owl-carousel {
  padding: 25px 0;
}
#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: #fa7e1a;
  border: solid 2px #fa7e1a;
}
#our_partners button:focus {
  outline: inherit !important;
}
/*------------------Latest News -----------------*/
.latest_news_text span {
    color: #000000;
    font-weight: bold;
}
#latest_news .about-heading {
  padding: 0;
}
.latest_news_text i{
  color: #fa7e1a;
  font-weight: bold;
}
.post_thumb {
  position: relative;
}
h4.latest_news_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 #fa7e1a;
  margin: 20px 0 0;
}
.discover-btn a {
  color: #002b46;
  font-size: 16px;
  font-weight: bold;
  padding-left: 10px;
}
.discover-btn a:hover {
  color: #fa7e1a;
}
#latest_news .owl-dots {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
#latest_news button.owl-dot {
  width: 12px;
  height: 12px;
  margin: 2px;
  background-color: #ffffff;
  border: solid 2px #002b46;
  display: block;
  margin: 5px auto;
}
#latest_news button.owl-dot.active {
  background-color: #fa7e1a;
  border: solid 2px #fa7e1a;
}
#latest_news button:focus {
  outline: inherit !important;
}
#latest_news .section-heading h3 {
  text-align: center;
  color: #000000;
  font-weight: 600;
  font-size: 25px;
  padding-top: 25px;
  padding-bottom: 35px;
  text-transform: uppercase;
}
#latest_news span.author_icon {
    color: #fa7e1a;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    padding-right: 10px;
}
#latest_news span.author_field {
    font-size: 14px;
    font-weight: 500;
    padding-left: 15px;
}
#latest_news span.comments_icon {
    color: #fa7e1a;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    padding-right: 10px;
}
#latest_news span.comments_field {
    font-size: 14px;
    font-weight: 500;
    padding-left: 25px;
}
#latest_news .postbox .author_comments {
    border-top: solid 1px #dcdcdc;
}
#latest_news .postbox .author_comments.col-md-6 {
    border-right: solid 1px #dcdcdc;
    padding:10px;
}
#latest_news .postbox .comments.col-md-6 {
    padding:10px;
}
.date_div_first {
    padding: 12px 0px 45px 12px;
}
.date_div_second {
    padding: 12px 0px 35px 12px;
}
h3.posttitle_first.text-left {
    padding-top: 35px;
}
#latest_news .postbox h3.posttitle_first a {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    margin-top: 0;
    padding: 10px;
    text-transform: uppercase;
}
#latest_news span.entry-date.price.pull-right {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}
#latest_news .date_div_first i {
    font-size: 12px;
    color:#fa7e1a;
}
#latest_news .date_div_second i {
    font-size: 12px;
    color:#fa7e1a;
}
.author.col-md-6 {
    border-right: solid 1px #dcdcdc;
    padding: 10px;
}
/*Postbox Hover*/
.postbox .postpic{
    position: relative;
    overflow: hidden;
}
.postbox .postpic:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.postbox:hover .postpic:before{
    opacity: 0.4;
}
.postbox .postpic:after{
    content: "";
    width: 100%;
    position: absolute;
    top: -35%;
    background: rgba(0, 0, 0, 0.6);
    transform: rotate(10deg);
    transition: all 0.4s ease 0s;
}
.postbox:hover .postpic:after{
    left: -50%;
}
.postbox .postpic img{
    width: 100%;
    height: auto;
}
.postbox .posticon-1{  left: 0; }
.postbox .posticon-2{ right: 0; }
.postbox:hover .posticon-1,
.postbox:hover .posticon-2{
    opacity: 1;
}
.postbox .posticon-1 a,
.postbox .posticon-2 a{
    display: inline-block;
    font-size: 25px;
    color: #fff;
    position: relative;
    top: 47%;
}
.postbox .postbox-content{
    text-align: center;
    transition: all 0.3s ease 0s;
}
.postbox h3.posttitle a{
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    margin-top: 0;
    padding:10px;
    text-transform: uppercase;
}
.postbox .posttext{
    display: block;
    color: #7f7f7f;
    transition: all 0.3s ease 0s;
    padding-left: 10px;
}
/*------------------------- Our Records -----------------------------*/
#our_records {
  padding: 50px 0;
  background-size: 100% 100%;
}
#our_records .counter-icon {
  text-align: left;
}
#our_records h4 {
  font-size: 34px;
  color: #ffffff;
  font-weight: bold;
  line-height: 34px;
  padding: 0;
}
#our_records p {
  font-size: 14px;
  color: #ffffff;
}
#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 Work -----------------*/
a.post_taxonomy {
  font-size: 18px;
  color: #000000;
}
a.work_url {
  display: table;
  margin-top: 10px;
  padding: 10px;
  background-color: #fa7e1a;
  color: #ffffff;
  font-weight: bold;
}
/*------------------ 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 -----------------*/
#team_single {
  padding: 40px 0;
}
#team_single .posttype-box h1 {
    font-size: 40px;
    padding: 0;
    margin: 0;
    line-height: 40px;
    letter-spacing: inherit;
}
#team_single .posttype-box img {
  margin-bottom:20px;
}
#team_single .about-socialbox i {
  background-color: #fa7e1a;
  color: #ffffff;
  padding: 10px;
  margin: 15px 0;
}
#team_single .about-socialbox p {
  text-align: justify;
  font-size: 16px;
}
/*------------------------- 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 -----------------*/
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form  {
  box-shadow: 0 0 15px 6px #ccc;
  padding: 15px;
}
.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%;
}
.contact-box {
    margin-top: 25px;
}
.inner-cont {
  padding: 10px 5px;
  background: #ffffff;
}
.contac_form h3 {
  text-align: center;
}
.contact-email i, .contact-address i, .contact-phone i {
  text-align: center;
  background-color: transparent;
  border-radius: 50%;
  font-size: 38px;
  color: #fa7e1a;
  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;
}
.contac_form .fancy-title {
    width: 250px;
    margin: 0 auto;
}
.contac_form label{
  width: 100%;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
    width: 100%;
}
/*---------------- Custom Footer ----------------------*/
#footer .textwidget p {
    padding-top: 25px;
}
.footer-contactmap {
  background-color: #333;
}
.footer_form .section-heading h3 {
  color: #ffffff;
  font-size: 18px;
  display: table;
  text-align: center;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.5);
  padding: 11px;
}
.footer_form .section-heading p{
  color: #ffffff;
}
.footer_form input[type="text"], .footer_form  input[type="tel"], .footer_form  input[type="email"], .footer_form  input[type="phno"], .footer_form  input[type="password"], .footer_form  textarea {
  font-size: 16px;
  padding: 5px 10px;
  margin-bottom: 20px;
  height: auto;
  width: 45%;
  margin: 5px;
  border: none;
  background: #ffffff;
  color: #a9a9a9;
}
.footer_form  textarea {
  height: 75px;
  width:92%;
}

.footer_form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a9a9a9;
}
.footer_form input::-moz-placeholder { /* Firefox 19+ */
  color: #a9a9a9;
}
.footer_form input:-ms-input-placeholder { /* IE 10+ */
  color: #a9a9a9;
}
.footer_form input:-moz-placeholder { /* Firefox 18- */
  color: #a9a9a9;
}
.footer_form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a9a9a9;
}
/*---------------- Footer Contact Details ----------------------*/
.footer_details {
  color: #ffffff;
}
.footer_details i {
  font-size: 28px;
  padding: 4px 12px;
  color: #fa7e1a;
}
.footer_details .socialbox i{
  font-size: 16px;
  color: #ffffff;
}
.footer_details .socialbox a{
  padding: 8px 0px;
  margin-bottom: 5px;
  display: inline-block;
}
.footer_details .socialbox a:hover {
    background: #fa7e1a;
}
.footer_details .socialbox a:hover i{
  color: #000000;
}
div#footer {
    background-size: cover;
}
/*-----------------Want to join section------------------*/
.want_to_join .section-heading a {
    background: #fa7e1a;
    padding: 8px 15px 8px 15px;
    color: #ffffff !important;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
}
.want_to_join .section-subtitle p {
    padding-top: 30px;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}
.text p {
    font-size: 15px;
    padding-bottom: 10px;
}
.text {
    color: #7a7a7a;
}
/*---------------- Footer Section ----------------------*/
#custom_footer {
  background-color: #000000;
}
.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: 20px 2px;
}
#footer input, #footer textarea{
    background-color: transparent;
    border-bottom: 1px solid #434343;
    font-style: italic;
    color: #ffffff;
}
#footer textarea{
  height: 100px;
}
#footer p.post-date {
    color: #ffffff;
    font-size: 11px !important;
}
.copyright {
  background-color: #000000;
  border-top: 1px solid #292b2c;
  background-size: cover;
}
.copyright p {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 0;
  text-align: center;
}
.main_sociobox {
    padding: 20px 0;
}
#footer{ 
  text-align:center;
  color:#fff;
  padding:3em 0 0 0px;
  text-align:left;
  background-color: #2e2e2e;
}
#footer i.fa.fa-map-marker {
    color: #fa7e1a;
}
#footer .about_me {
    width: 100%;
    background: #000;
    padding: 20px;
}
i.fas.fa-phone-square {
    color: #fa7e1a;
}
i.fas.fa-envelope-square {
    color: #fa7e1a; 
}
.footer_hide{
  display:none;
}
.footer-top-col {
    border-left: solid 5px #fa7e1a;
    padding-left: 15px;
}
.container #blog-right-sidebar h3, #footer h3{
  color:#fa7e1a;
  text-align:left;
  font-size:24px;
  padding:0 0 17px 0;
}
#footer .copyright p{
  font-size:14px;
  text-align:center;
  color:#ffffff;
}
#footer .copyright a {
    color: #fff;
	cursor: pointer;
}
#footer input{
  padding: 10px 0px;
  float:left;
  margin:5px 0;
  border-radius:0px;
}
#footer input[type="submit"] {
  padding: 8px 10px;
  background-color: #fa7e1a;
  color: #ffffff;
  text-transform: uppercase;
}
#footer .copyright{
  text-align:center; 
  margin:30px 0 0 0;
  padding-top:40px;
}
#footer ul {
    margin: 0;
    text-align: center;
}
#footer ul li a{
  color:#ffffff;
}
#footer p{
font-size:14px;
margin: 0;
line-height: 20px;
}
.widget_recent_entries img {
  width: 100px;
}
#footer h3 {
  color: #fa7e1a;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
  padding-top: 25px;
}
#footer h3:after {
  position: absolute;
  height: 2px;
  width: 95px;
  background-color: #ffffff !important;
  bottom: 0px;
  content: "";
  right: 0;
  left: 0;
}
.footer-nav.row {
    padding-top: 35px;
    padding-bottom: 35px;
}
.footer-cols {
  padding-bottom: 40px;
  border-bottom: solid 1px #434343;
  padding-bottom: 25px;
}
.about_me table, .about_me td, .about_me th{
  border: none;
}
.about_me p.message {
    margin-bottom: 20px !important;
}
.foster-charity-credit, .foster-charity-credit a{
  color: #ffffff;
}
/* --------- 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;
}
/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */
.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;
   border: solid 1px #dcdcdc;
}
.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;
}
.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;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 75px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}
ol.carousel-indicators li {
  max-width: 10px;
  padding: 5px;
  color: transparent !important;
  border:solid 1px #fff;
  background-color: transparent;
}
.carousel-indicators{
  background: transparent !important;
}
.carousel-indicators .active{
  background: #fa7e1a;
  border: solid 1px #fa7e1a ;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background: #fa7e1a;
  color: #ffffff !important;
  border: 1px solid #fa7e1a;
}
.navigation span.page-numbers.current{
  background: #ffffff;
  border: 1px solid #fa7e1a;
  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:#fa7e1a;
}
.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;
  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%;
}
.slide_next_image img{
  width: auto !important;
  height: 100%;
}
#slider h2 {
  color: #ffffff;
  font-weight: 700;
  font-size: 36px;
  letter-spacing: 0;
  margin-top: 5px;
}
#slider .slider-box h6{
  color:#fa7e1a;
  text-transform:uppercase;
  font-weight:700;
  font-size:15px;
}
#slider p {
  color: #ffffff;
  font-weight: 500;
  margin: 15px 0 15px 0;
  border-radius: 0 0 5px 5px;
  font-size: 18px;
}
#slider p.price {
  font-size: 22px !important;
}
.slider-box {
  display:block;
  position:absolute;
  top:55%;
  transform:translateY(-50%);
  text-align: center;
  width:750px;
  left:18%;
}
#slider .carousel-caption {
  top: 0;
  bottom: inherit;
  text-align: left;
  left: 0;
  right: 0;
  margin: 0 !important;
  padding: 0 !important;
  bottom: 0;
}
.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: 5%;
}

#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: 12px 16px;
  background-color: #fa7e1a;
  font-size: 22px;
  color: #000000;
}
#slider a i:focus,
#slider a i:active,
#slider a i:hover{
  background: #ffffff !important;
  border: none;
  transition: all 0.5s ease-out;
}
#slider .inner_carousel h6 small {
  color: #fa7e1a;
  display: block;
  margin-bottom: 15px;
  font-size: 20px !important;
  text-transform: uppercase;
}
.slide_next_image img {
  text-align: right;
  float: right;
}

/*Fade slider*/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
/*--------------- Sidebar -----------------*/
/* Sidebar */
#sidebar td#prev a {
 color: #6c6c6c;
}
#sidebar caption {
 font-weight: bold;
 color: #6c6c6c;
 font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
 border: 1px solid #e1e1e1;
 text-align: center;
}
#sidebar td {
 padding: 7px;
 color: #6c6c6c;
}
#sidebar th {
 text-align: center;
 padding: 5px;
 color: #6c6c6c;
}
#sidebar select {
 padding: 10px 5px;
 border: solid 1px #e1e1e1;
 color: #6c6c6c;
 background: transparent;
}
#sidebar form{
 text-align: center;
}
#sidebar h3 {
 font-size: 16px;
 display: table;
 color: #6a6a6a;
 font-weight: 700;
 letter-spacing: 2px;
 background-color: #fff;
 padding: 0px 10px;
 margin: -28px auto 28px auto;
}
#sidebar input[type="search"] {
 padding:10px 10px;
 font-size:15px;
 margin-bottom: 10px;
 color:#6c6c6c;
 border: solid 1px #e1e1e1;
 width: 100%;
}
#sidebar label{
 margin-bottom: 0;
 width: 100%;
}
#sidebar input[type="submit"]{
 background-color :#fa7e1a;
 color:#fff;
 padding:10px 0;
 font-size:12px;
 width: 100%;
 letter-spacing: 2px;
 font-weight: bold;
}
#sidebar .widget {
 padding: 20px;
 border: 1px solid #e1e1e1;
 margin-bottom: 50px;
}
#sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 17px;
}
#sidebar ul li{
 color: #6f6f6f;
 font-size: 11px;
 border-bottom: 1px solid #e1e1e1;
}
#sidebar ul li a {
 color: #000000;
 font-size: 15px;
 font-weight: 300;
}
#sidebar .tagcloud a{
 border: solid 1px #e1e1e1;
 color:#6c6c6c;
 font-size:15px !important;
 padding:5px 18px;
 margin:0 0 5px;
 display:inline-block;
}
#sidebar .tagcloud a:hover{
 background:#ec1d23;
 color: #fff;
}
span.credit_link a {
  color: #fa7e1a
}
/*------------- 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;
  padding-top: 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: #fa7e1a;
  margin-top: 7px;
}
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  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 !important;*/
  margin: 0 auto;
}
#our_partners img{
  width: auto !important;
}
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: #fa7e1a;
  border-radius: 0;
  padding: 10px 14px;
  color: #ffffff;
  border: solid 1px #fa7e1a;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: #fa7e1a;
}
.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 #fa7e1a;
}
#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: #fa7e1a;
}
.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;
}
.product-template-default #masthead {
    position: relative;
    background: #000;
}
body.archive.tax-product_cat #masthead {
    position: relative;
    background: #000;
}
.page-template-default #masthead {
    position: relative;
    background: #000;
}
#records .records-box-icon a:hover i {
    background: #fff;
}
/*-------------- media section ---------------*/
@media screen and (max-width:400px) {
  #about .overlay img {
    margin-top: 0px;
  }
  #about h5 {
    font-size: 20px !important;
  }
  p.about_details {
    display: block !important;
    font-size: 12px !important;
  }
} 
@media screen and (max-width:576px) {
  #slider h2 {
    font-size: 14px !important;
  }
  #slider .inner_carousel h2 small{
    font-size: 12px !important;
    margin-bottom: 6px;
  }
  .slider-box{
    left: 12%;
  }
  #slider a.theme_button{
    padding: 9px 10px;
    margin-top: 0px;
    font-size: 10px;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: none !important;
  }
  blockquote{
    width: 100%;
  }
  #our_work .box:hover .over-layer, #team .box:hover .over-layer {
    transform: translate(-9px,-9px);
  }
  #testimonials .owl-nav{
    visibility: hidden;
  }
  #testimonials blockquote:after{
    right:0;
  }
  #testimonials blockquote{
    width:225px;
    margin: 0 auto;
    font-size: 16px;
  }
  .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%;
  }
  .contact-info{
    text-align: center;
  }
  a.donate_now {
    font-size: 8px;
  }
  span.hi_normal {
    font-size: 12px;
  }
  .top_social {
    text-align: center !important;
    margin-top: 25px;
  }
  .menubar {
    width: 100%;
  }
  div#nav-header {
    padding-left: 0px !important;
  }
  .mail_and_donate {
    margin: 0 auto;
    text-align: center;
  }
  .slider-box {
    width: 280px;
  }
  #about .section-heading h3 {
    font-size: 22px;
  }
  #about .overlay {
    margin-top: 0px;
  }
  #about p.about_details {
    margin-top: 15px !important;
  }
  section#welcome {
    padding: 0px;
  }
  #urgent_cause p.pledged_name {
    font-size: 12px;
  }
  #urgent_cause p.subtitle {
    font-size: 12px;
  }
  section#records {
    margin: -75px 0px;
  }
  section.want_to_join {
    margin: -75px 0px;
  } 
  #charity_donors .donors-box {
    margin-bottom: 25px;
  }
  #footer input {
    margin-left: 20px;
    margin-top: 20px;
  }
  #events .section-heading h3 {
    padding-bottom: 25px !important;
    padding-top: 25px;
  }
  #slider .carousel-control-next, #slider .carousel-control-prev {
    width: 10%;
  }
  #footer input[type="submit"] {
    width: 40%;
  }
   #charity_donors .section-heading h3 {
    padding-top: 25px;
  }
  #slider-box{
    display:block !important;
  }
  #events .third-box {
    position: relative;
  }
  #about .about_box {
    margin-bottom: 25px;
  }
  .mail_and_donate {
    margin-top: 25px;
  }
  .mail_and_donate {
    margin: 0 auto;
    text-align: center;
    float:none;
    margin-top: 18px;
  }
  #slider a.theme_button {
    display: none !important;
  }
  #about .overlay {
    padding-top: 50px !important;
  }
  #about h5 {
    font-size: 20px !important;
  }
  p.about_details {
    display: block !important;
    font-size:15px !important;
  }
  #about h5:after {
    margin-left: 40% !important;
  }
  #about img.about-img {
    width: 100%;
  }
  #about .overlay {
    padding: 0px 40px 25px 26px;
    margin-top: 100px !important;
  }
  #about h5 {
    font-size: 25px !important;
  }
  p.about_details {
    display: block !important;
    font-size: 12px !important;
  }
  .overlay img {
    margin-top: 50px;
  }
  .search {
    padding-top: 25px !important;
  }
   #masthead{
    position:relative;
    background:#000;
   }
}  
@media screen and (max-width:767px) {
  .about_box {
    margin-bottom: 30px;
  }
  .post_dec{
    display: none;
  }
  .contact_details {
    padding: 12px 0;
    position: static;
    right: 0;
    top: 50%;
    transform: unset;
  }
  .logo_footer {
    margin-bottom: 20px;
  }
  .postbox h3{
    line-height: 22px;
  }
  .postbox .postbox-content{
    padding: 5px 15px;
  }
  .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;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  #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;
  }
  .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: inline-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;
  }
  .socialbox a {
    padding: 5px 2px !important;
    margin-right: 0px !important;
  }
  .mail_donate.row {
    margin-top: 30px;
  }
  .toggle-nav {
    float: left;
    margin-top: 15px;
  }
  .slider-box {
    margin-left: -15% !important;
  }
  #slider h2 {
    display:none !important;
  }
  a.theme_button {
    margin-top: 10px;
  }
  .slider-box {
    top: 60%;
  }
  #nav-header span.contact_number {
    font-size: 12px;
  }
  #slider a i {
    padding: 5px 5px;
  }
  a.read-more.font-weight-bold.btn.btn-primary.theme_button {
    margin-top: 25px;
  }
  .toggle-nav {
    float: left !important;
  }
  div#nav-header {
    padding-left: 65px;
  }
  #urgent_cause .organizer_name {
    padding-top: 70px !important;
    font-size: 15px !important;
  }
  #urgent_cause .location_name {
    float: left;
  }
  #events .third-box {
    position: relative;
  }
  .slider-box {
    left: 0% !important;
    bottom: 35%;
  }
  .carousel-indicators {
    bottom: 10px;
  }
  #slider h6 {
    display: none;
  }
  a.read-more.font-weight-bold.btn.btn-primary.theme_button {
    margin-top: 50px;
  }
  #about .overlay {
    padding: 0px 40px 25px 26px;
    margin-bottom: 20px !important;
  }
  #about p.about_details {
    font-size: 14px;
    margin-top: 27px !important;
    color: #ffffff;
    display: none;
  }
}
@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;
  }
  #we_are_expert{
    background-size: cover;
  }
  #portfolio .box .post{
    text-align: left;
  }
  .image-box.media {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 991px) {
  .post_dec{
    display: none;
  }
  .owl-nav {
    top: 7px;
  }
  section#welcome {
    padding: 15px 0px;
  }
  #slider .slider-box {
    left: 0% !important;
    bottom: 35%;
  }
  #about p.about_details {
    margin-top: 0px !important;
  }
  #about .overlay {
    padding: 0px;
    margin-top: 0px;
  }
  #about h5 {
    font-size: 15px;
  }
  #about p.about_details {
    font-size: 9px;
  }
  #attention .attention-box.row h4 {
    padding-top: 0px;
  }
  #attention .attention-box.row .attention_content {
    font-size: 12px;
  }
  #attention .attention-box.row h4 {
    font-size: 12px !important;
  }
  #attention span.goal_amount {
    font-size: 10px;
  }
  #attention span.raised_label {
    font-size: 10px;
  }
  #attention span.raised_amount {
    font-size: 10px;
  }
  #attention span.goal_label {
    font-size: 10px;
    padding-left: 5px;
  }
  #attention .attention-box.row .donate_now {
    padding: 5px 0px 0px 25px !important;
  }
  #attention .attention-box.row .attention_content {
    font-size: 10px;
  }
  #attention .attention-box.first h4 {
    padding: 15px 15px 15px 20px;
  }
  .carousel-indicators {
    bottom: 15px;
  }
  .carousel-indicators {
    bottom: 15px !important;
  }
  #about .overlay {
    padding: 0px 35px 18px 40px !important;
  }
  #about h5:after {
    margin-left: 27%;
  }
  #urgent_cause .organizer_name {
    padding-top: 50px;
    font-size: 12px;
  }
  #urgent_cause p.pledged_name {
    font-size: 12px;
  }
  #urgent_cause p.subtitle {
    font-size: 12px;
  }
  #urgent_cause a.donate_now_posttype {
    margin-top: 0px;
  }
  #records .records-box-contents h4 {
    margin-top: 15px;
  }
  #records .records-box-contents h4 {
    margin-left: 0px !important;
  }
  #records h6 {
    margin-left: 0px !important;
  }
  #records .section-heading h3 {
    font-size: 30px;
  }
  #records .section-heading p {
    font-size: 15px !important;
    padding-bottom: 25px !important;
  }
  #records .section-heading h3 {
    padding-bottom: 15px;
  }
  #about .overlay {
    padding: 0px 40px 25px 26px;
    margin-top: 40px !important;
  }
  #about h5 {
    font-size: 12px;
  }
  #about p.about_details {
    font-size: 7px;
  }
  .image-box.media {
    margin-bottom: 15px;
  }
  #about h5 {
    font-size: 20px;
  }
  #about p.about_details {
    font-size: 15px;
  }
  #nav-header .main-navigation .current_page_item, .main-navigation .current-menu-item, .main-navigation .current_page_ancestor {
    border-bottom: none !important;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px){
   #how-we-work .work-box:before{
     border-left: 46px solid #2b3546;
     border-top: 54px solid transparent;
  }
   #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: 20px;
  }
  #slider .inner_carousel h2 small{
    margin-bottom: 4px;
    font-size: 16px !important;
  }
  #slider a.theme_button{
    padding: 10px 11px;
    margin-top: 0px;
  }
  #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; 
  }
   .mail_donate.row {
    margin-top: 30px;
  }
  .toggle-nav {
    float: left !important;
    margin-top: 5px !important;
  }
  .carousel-indicators {
    bottom: 30px;
  }
  #urgent_cause .cause_title {
    padding-bottom: 15px;
  } 
  #urgent_cause .owl-nav {
    top: 0px;
  }
  #urgent_cause .cause_image {
    padding-top: 0px;
  }
  #urgent_cause .organizer_name {
    padding-top: 50px;
  }
  #urgent_cause .location_name {
    text-align: center;
    padding-top:40px;
  }
  #urgent_cause .cause_title {
    padding-top: 0px;
  }
  #attention .attention-box.row .donate_now {
    padding: 12px 0px 35px 25px;
  }
  #attention .attention-box.row .attention_content {
    font-size: 12px;
  }
  #attention .attention-box.row h4 {
    font-size: 18px;
  }
  #attention .attention-box.first h4 {
    font-size: 18px;
  }
  #attention .attention-box.first .attention_content {
    font-size: 12px;
  }
  .post_dec {
    font-size: 12px;
  }
  .slider-box {
    left: 0%;
  }
  #about .overlay {
    padding: 0px 40px 25px 26px;
    margin-top: 20px;
  }
  #about p.about_details {
    margin-top: 15px !important;
  }
  section#welcome {
    padding: 0px;
  }
  #records .records-box-contents h4 {
    margin-left: 15px;
  }
  #records h6 {
    margin-left: 15px;
  }
  #records .records-box-contents h4 {
    font-size: 20px;
  }
  #records .section-heading h3 {
    font-size: 25px;
  }
  #records .section-heading p {
    font-size: 14px;
    padding-bottom: 0px;
  }
  #records .section-heading h3 {
    padding-bottom: 0px;
  }
  #events .events-box.row .date {
    padding: 7px 0px 14px 25px;
  }
  #events .events-box.first .events_content {
    padding: 0px 18px;
  }
  #events .events-box.first h4 {
    padding: 20px 15px 15px 20px;
  }
  #events span.time_field {
    font-size: 13px;
  }
  #events span.location_field {
    font-size: 13px;
  }
  .slider-box {
    left: 14%;
  }
}
@media screen and (max-width: 1024px){
  .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: block;
    position: relative;
    float: right;
    right: 15px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin: 0 auto;
    z-index: 999999;
    right: 0;
    text-align: right;
    right: 0;
    margin-right: 0;
    margin-top: 20px;
  }
  .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;
	}
  .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%;
    padding: 5px;
  }
  .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;
  }
  #how-we-work .work-box:before{
    right: -12px;
    border-left: 43px solid #2b3546;
  }
}