body {

    direction: rtl;

    float: left;

    overflow-x: hidden;

    width: 100%;

}
body.rtl {direction:ltr;}

.theme-layout,
.theme-layout *,
.footer-bottom,
.footer-bottom *,
#wpml_credit_footer{direction:rtl;}

#top-bar li i {

    margin-left: 5px;

    margin-right: 0;

}

#top-bar ul{

    float:right;

}

.search-box{

    float:left;

}

.logo{

    float:right;

}

.logo img {

    float: right;

}

.logo h1{

    margin-left:0;

    margin-right:10px;

}

.menu {

    float: left;

    margin-left: 50px;

    margin-right:0;

}

.btn-don.header-btn {
    float: left;
}
#menu-navigation li {
    float: right;
}
.header-social {float: left;}
.our-causes{

    direction:ltr;

}

.our-causes .flex-control-nav{

    right:auto;

    left:15px;

}

.sec-heading h2:before,

.sec-heading h2:after{

    left:auto;

    right:15px;

}

.cause-heading,

.our-causes-hover{

    direction:rtl;

}

.our-causes-hover span.needed-amount{

    text-align:left;

}

.cause-heading span{

    float:left;

}

.carusal-image-thumb img{

    float:right;

}

.carusal-image-thumb strong{

    float:right;

    margin-right:10px;

    margin-left:0;

}

.carusal-image-thumb-name{

    float:right;

    margin-right:5px;

    margin-left:0;

}

.desc > h3{

    text-align:right;

}

.carusal-our-news{

    float:right;

}

.message-box{

    left:50px;

    right:auto;

}

.message-box-title{

    float:left;

}

.message-box-title > span {

    float: right;

    margin-left: 10px;

    margin-right: 0;

}

.message-box-title > p{

    float: right;

}

.message-box-title > i{

    float:left;

    margin-left:10px;

    margin-right:0;

}

.submit-btn{

    float:left;

}

.footer-bottom p{

    float:right;

}

.footer-bottom ul {

    float: left;

}

.footer_carousel{

    direction:ltr;

}

.review{

    direction:rtl;

}

.review i {

    float: right;

    margin-left: 5px;

    margin-right: 0;

    padding-right: 15px;

    padding-left: 0;

}

.review > p{

    direction:rtl;

    border-right:1px solid #6F6F6F;

    border-left:0 none;

    padding-left:0;

    padding-right:15px;

}

.review > p:after{

    left:auto;

    right:0;

}

.review:after{

    left:auto;

    right:40px;

}

.review > p:before{

    left:auto;

    right:-3px;

}

.from{

    float:right;

    text-align:right;

}

.footer_carousel .flex-control-nav{

    right:auto;

    left:0;

}

.footer-widget-title h4:after{

    right:auto;

    left:-110%;

}

.footer-widget-title h4{

    float:right;

}

.contact-details li span i{

    margin-left:10px;

    margin-right:0;

}

.desc > p{

    text-align:right;

}

.posts-carousel .flex-direction-nav{

    left:0;

}

.posts-carousel{

    direction:ltr;

}

.carou-post > h4{

    float:right;

}

.carou-post{

    direction:rtl;

}

.carou-post > a{

    float:left;

}

.upcoming-event li i {

    margin-left: 10px;

    margin-right: 0;

}

.donate-message > a{

    float:left;

}

.shop{

    direction:ltr;

}

.shop .flex-direction-nav{

    right:auto;

    left:15px;

}

.item-detail{

    direction:rtl;

}

.item-detail > h3{

    float:right;

}

.welcome-box{

    padding:24px 130px 24px 245px;

}

.welcome-box > p {

    float: right;

    margin-left: 0;

    margin-right: 102px;

}

.welcome-box span{

    right:auto;

    left:0;

    -webkit-border-radius:0 5px 5px 0;

    -moz-border-radius:0 5px 5px 0;

    -ms-border-radius:0 5px 5px 0;

    -o-border-radius:0 5px 5px 0;

    border-radius:0 5px 5px 0;

}

.stories-carousel .flex-direction-nav{

    right:auto;

    left:15px;

}

.stories-carousel{

    direction:ltr;

}

.story {

    direction: rtl;

}

.story > span {

    border-left: 0 none;

    border-right: 1px dotted #E5E5E5;

    float: right;

    margin-left: 0;

    margin-right: 20px;

    padding-left: 0;

    padding-right: 20px;

}

.story > span i{

    margin-right:0;

    margin-left:10px;

}

.story > h6{

    float:right;

}

.story-img span {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}

.recent-event li ,.recent-event.previous-event ul li {

    float: right;

    margin-left: 0;

    margin-right: 20px;

}

.recent-event li i {

    margin-left: 10px;

    margin-right: 0;

}

.previous-event .recent-event-img{

    float: right;

}

.recent-event.previous-event > h4{

    margin-right:10px;

    margin-left:0;

}

.cause-title {

    border-right: 1px solid #D4D2D2;

    border-left: 0 none;

    left: 0;

    right: 15%;

}

.cause-title h2{

    float:right;

}

.sec-title h1{

    float:right;

    padding-left:0;

    padding-right:15px;

}

.sec-title h1:after{

    right:auto;

    left:-55%;

}

.sec-title h1:before{

    left:auto;

    right:0;

}

.needed-amount{

    float:right;

}

.needed-amount > h5 span{

    right:auto;

    left:0;

}

.causes-carousel{

    direction:ltr;

}

.cause-tabber li a span{

    left:auto;

    right:0;

}

.event-intro > a{

    float:right;

    margin-left:30px;

    margin-right:0;

}

.event-intro > a i {

    margin-right:0;

    margin-left: 10px;

}

.block .post-meta > li{

    float:right;

}

.post-meta > li a i {

    margin-right: 0;

    margin-left: 10px;

}

.progress-report > h6{

    float:right;

}

.progress-report > span{

    float:left;

    margin-right:0;

    margin-left:40px;

}

.progress-bar{

    float:right;

}

.about-charity-desc ul li{

    float:right;

    margin-left:45px;

}

.social-connect h3{

    float:right;

}

.countries{

    direction:ltr;

}

.sidebar-title{

    border-right:5px solid;

    border-left:0;

}

.sidebar-title > h4:after{

    right:auto;

    left:-55%;

}

.sidebar-title > h4{

    float:right;

    padding-right:15px;

}

.search-button{

    float:left;

}

.profile-info{

    float:right;

}

.profile-info li span{

    float:right;

}

.profile-info li span i{

    margin-left:10px;

    margin-right:0;

}

.gallery-image > span{

    left:auto;

    right:0;

    -webkit-border-radius:3px 0 0;

    -moz-border-radius:3px 0 0;

    -ms-border-radius:3px 0 0;

    -o-border-radius:3px 0 0;

    border-radius:3px 0 0;

}

.gallery-image:hover > span{

    right:50%;

    left:auto;

    margin-right:-100px;

    margin-left:0;

}

.post-meta{

    float:right;

    border-left:1px solid #D1CFCF;

    border-right:0;

}

.post-desc {

    float: right;

    padding-right: 30px;

}

.post-desc .image-lists {

    float: left;

    margin-right: 40px;

    margin-left:0;

}

.post-meta:before{

    left:-7.5px;

    right:auto;

}

.post .cloud-tags h3 {

    float: right;

    margin: 12px 0 12px 20px;

}

.cloud-tags a{

    float: right;

}

.comments li .comment img{

    left:auto;

    right:20px;

}

.reply{

    right:auto;

    left:20px;

}

.comments ul li .comment{

    padding:20px 120px 20px 20px;

}

.comments ul li ul {

    border-right: 1px solid #EBEBEB;

    border-left: 0 none;

    margin: 30px 55px 0 0;

    padding: 26px 60px 1px 0;

}

.comments ul li ul li:before{

    left:auto;

    right:-7%;

}

.sidebar-list li a{

    direction:ltr;

    text-align:right;

}

.post-meta li > span{

    float:right;

}

.theme-list li i {

    float: right;

    margin-right: 0;

    margin-left: 10px;

}

.accordion_toggle a span{

    float:right;

    margin-left:20px;

    margin-right:0;

}

.panel-title > a:after{

    right:auto;

    left:15px;

}

.alert-box i{

    float:right;

    margin-left:20px;

    margin-right:0;

}

.element .alert-box > h4{

    float:right;

}

.cap {

    float: right;

    margin-left: 15px;

    margin-right: 0;

}

.price-table li i {

    margin-left: 10px;

    margin-right: 0;

}

#html5-image {

    right: 0;

}



.item-detail > span span {

    float: left;

}

.item-detail > a {

    float: left;

}

.main-blog .post-meta > li{

    float:right;

    margin-right:0;

    margin-left:10px;

}

.event-post-detail .post-meta {

    margin: 0;

}

.event-detail h2 {

    float: right;

    padding-left: 20px;

    padding-right: 0;

}

.event-detail h2:before, .event-detail h2:after {

    left: auto;

    right: 100%;

}

.event-detail > ul li strong {

    float: right;

    padding-left: 5px;

    padding-right: 0;

}

.post-meta {

    margin-left: 30px;

    margin-right: 0;

}



.single-service > span {

    float: right;

    margin-left: 30px;

    margin-right: 0;

}

.benifits > ul li i {

    float: right;

    margin-left: 15px;

    margin-right: 0;

}

.sec-heading2 h2 {

    float: right;

}

/*===== Responsive Header =====*/
.responsive-header {
    float: left;
    display: none;
    position: relative;
    width: 100%;
    z-index: 99999;
}
.responsive-topbar {
    background: #0d0d0d none repeat scroll 0 0;
    float: left;
    width: 100%;
}
.responsive-topbar-info {
    float: left;
    width: 100%;
}
.responsive-topbar-info > ul {
    background: #1f1f1f none repeat scroll 0 0;
    float: left;
    width: 100%;
}
.responsive-topbar-info > ul > li {
    border-right: 1px solid #0d0d0d;
    color: transparent;
    cursor: pointer;
    float: left;
    font-family:roboto;
    font-size: 11px;
    padding: 8px 15px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    white-space: nowrap;
    text-indent: 6px;
    width:8%;
}
.responsive-topbar-info > ul > li:last-child {border-right: 0 none;}
.responsive-topbar-info > ul > li i {
    color: #9f9f9f;
    font-size: 13px;
    margin-right: 5px;
}
.responsive-topbar-info > ul > li.active {
    color: #9f9f9f;
    width:84%;
}
.responsive-socialbtns {
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
.responsive-socialbtns > ul {
    display: inline-block;
    margin-bottom: -8px;
}
.responsive-socialbtns > ul > li {
    color: #666;
    float: left;
    font-size: 9px;
    margin-right: 3px;
}
.responsive-socialbtns > ul > li:last-child {margin-right: 0;}
.responsive-socialbtns > ul > li > a {
    background: #fff none repeat scroll 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    color: inherit;
    float: left;
    height: 28px;
    line-height: 28px;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    width: 28px;
}
.responsive-socialbtns > ul > li:hover > a {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}
.responsive-logomenu {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding: 25px 0;
    width: 100%;
}
.responsive-logomenu a {float: left;}
.menu-btn {
    background: #1f1f1f none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 9px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    text-align: center;
    width: 30px;
}
.responsive-menu {
    background: #1f1f1f none repeat scroll 0 0;
    height: 100%;
    padding-right: 30px;
    position: fixed;
    right: -260px;
    top: 0;
    width: 260px;
    -webkit-transition: all 600ms cubic-bezier(0.900, 0, 0.485, 1); /* older webkit */
    -webkit-transition: all 600ms cubic-bezier(0.900, -0.025, 0.485, 1.055);
    -moz-transition: all 600ms cubic-bezier(0.900, -0.025, 0.485, 1.055);
    -o-transition: all 600ms cubic-bezier(0.900, -0.025, 0.485, 1.055);
    transition: all 600ms cubic-bezier(0.900, -0.025, 0.485, 1.055); /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.900, 0, 0.485, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.900, -0.025, 0.485, 1.055);
    -moz-transition-timing-function: cubic-bezier(0.900, -0.025, 0.485, 1.055);
    -o-transition-timing-function: cubic-bezier(0.900, -0.025, 0.485, 1.055);
    transition-timing-function: cubic-bezier(0.900, -0.025, 0.485, 1.055); /* custom */
}
.responsive-menu.slidein {right: 0;}
.close-btn {
    border: 1px solid #5d5d5d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #5d5d5d;
    cursor: pointer;
    float: right;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    text-align: center;
    width: 30px;
}
.responsive-menu > ul,
.responsive-menu > div > ul{
    float: left;
    margin-top: 30px;
    width: 100%;
}
.responsive-menu > ul li,
.responsive-menu > div > ul li{
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 12px;
    margin-bottom: 2px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.responsive-menu > ul li:last-child,
.responsive-menu > div > ul li:last-child {margin-bottom: 0;}
.responsive-menu > ul li a,
.responsive-menu > div > ul li a {
    color: inherit;
    float: left;
    padding: 15px 15px 15px 40px;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    width: 100%;
}
.responsive-menu > ul > li > a,
.responsive-menu > div > ul > li > a {background: #2a2a2a none repeat scroll 0 0;}
.responsive-menu > ul li ul,
.responsive-menu > div > ul li ul {
    float: left;
    display: none;
    text-transform: initial !important;
    width: 100%;
}
.responsive-menu > ul li > a:before,
.responsive-menu > div > ul li > a:before{
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 25px;
    position: absolute;
    top: 22px;
    width: 3px;
}
.responsive-menu > ul li ul li a,
.responsive-menu > div > ul li ul li a {
    padding-bottom: 8px;
    padding-top: 8px;
}
.responsive-menu > ul li ul li,
.responsive-menu > div > ul li ul li {
    font-size: 12px;
    text-transform: initial;
}
.responsive-menu > ul li ul li a::before,
.responsive-menu > div > ul li ul li a::before {top: 15px;}
.responsive-menu > ul li ul,
.responsive-menu > div > ul li ul{
    margin-bottom: 15px;
    margin-top: 15px;
}
.responsive-menu > ul li ul ul,
.responsive-menu > div > ul li ul ul{
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 20px;
}
.responsive-header .responsive-donate {
    border: 0 none;
    color: #fff;
    float: left;
    font-family:roboto;
    font-size: 12px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
@media (max-width:980px){
    header,
    #top-bar,
    .show-header{display:none!important;}
    .responsive-header{display:block;}
}

.sec-title h2 {float: right;}
.staff .col-md-3, .dict_team .col-md-6  {float: right;}
.sec-heading4 {text-align: right;}
.ongoing-projects .flex-direction-nav {right: 100%;}
.flex-viewport .col-md-6, .our-project-box .col-md-6, .our-project-box .col-md-6 .col-md-5 {
    float: right;
}

header.header2 #menu-navigation li a {
    font-size: 14px;
}

recent-news h4 a {
    font-size: 20px;
}
.footer-bottom ul, .footer-bottom li {
    float: right;
}
footer .col-md-4 {
    float: right;
}
.contact-details {
    float: right;
}
.contact-details li span {
    float: right;
    width: auto;
}
.contact-details li span i {
    float: right;
}
.contact-details li p {
    text-align: right;
    unicode-bidi: bidi-override;
}
.contact-details li p {direction: rtl;}
.newsletter > h4 { float: right; }