/* Override RTL navbar-nav float */
@media (min-width: 768px) {
    .navbar-nav {
        float: left !important;
    }
}

/*Fonts*/
@font-face {
    font-family: 'Noto Kufi Arabic';
    font-style: normal;
    font-weight: 400;
    src: url(Fonts/NotoKufiArabic-Regular.eot);
    src: url(Fonts/NotoKufiArabic-Regular.eot?#iefix) format('embedded-opentype'), url(Fonts/NotoKufiArabic-Regular.woff2) format('woff2'), url(Fonts/NotoKufiArabic-Regular.woff) format('woff'), url(Fonts/NotoKufiArabic-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Noto Kufi Arabic';
    font-style: normal;
    font-weight: 700;
    src: url(Fonts/NotoKufiArabic-Bold.eot);
    src: url(Fonts/NotoKufiArabic-Bold.eot?#iefix) format('embedded-opentype'), url(Fonts/NotoKufiArabic-Bold.woff2) format('woff2'), url(Fonts/NotoKufiArabic-Bold.woff) format('woff'), url(Fonts/NotoKufiArabic-Bold.ttf);
}

/*Reset*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    box-sizing: border-box;
}

/*Layout*/
a,
a:hover,
a:focus,
a:active,
a:visited {
    text-decoration: none;
    background: none;
}

i {
    font-style: normal;
}

a {
    color: #ffffff;
}

a:hover {
    color: #f0931e;
}

body {
    font-family: 'Noto Kufi Arabic';
    font-size: 13px;
    color: #4f4f4f;
    overflow-x: hidden;
}

.mobile-header {
    display: none;
}

/** { font-family: 'Noto Kufi Arabic' !important; color: #4f4f4f; }*/
*.fa {
    font-family: 'FontAwesome' !important;
    font-weight: normal;
}

.number {
    font-family: Arial !important;
}

.search-horizontal *::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ccc !important;
}

.search-horizontal *::-moz-placeholder {
    /* Firefox 19+ */
    color: #ccc !important;
}

.search-horizontal *:-ms-input-placeholder {
    /* IE 10+ */
    color: #ccc !important;
}

.search-horizontal *:-moz-placeholder {
    /* Firefox 18- */
    color: #ccc !important;
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    z-index: 1000000;
}

.navbar-header {
    margin-right: 125px;
}

nav a:focus {
    background: none !important;
}

nav *,
a,
header,
img,
h2,
.tab,
.arrow,
button {
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

nav .upper {
    /*background: url(Images/header.right-maroon.png) no-repeat right top #f0931e;*/
    background-color: #e6e7e7;
    height: 62px;
    overflow: hidden;
}

nav .upper * {
    color: black;
    font-size: 13px !important;
}

nav .container {
    position: relative;
    z-index: 1;
}

nav .main-nav {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    background: rgba(5, 15, 46, .65);
}

nav .main-nav.overlay {
    background: rgba(5, 15, 46, .5);
}

nav .main-nav.overlay a {
    color: white;
    padding: 20px 45px;
}

nav .main-nav li {
    display: inline-block;
    text-align: center;
}

nav .main-nav a {
    color: #fff;
    font-size: 18px !important;
    margin: 5px 0px 0;
    padding: 20px 45px;
}

nav .main-nav a:hover,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #143959 !important;
    color: #b6c9ff;
}

.navbar-brand {
    padding: 0;
}

.navbar-brand:hover {
    background-color: transparent !important;
}

.navbar-nav>li>a {
    padding: 7px 20px;
    margin: 13px 3px;
    background: none;
}

.navbar-nav>li>a.separator {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

nav .upper a:hover {
    background: #8b6912b7;
    color: #ffffff;
}

.header-left {
    /* background: url(Images/header.left-maroon.png) no-repeat left center #f0931e;*/
    background-color: #e6e7e7;
    height: 62px;
    width: 300px;
    position: absolute;
    top: 0;
    left: 0;
}

.navbar-nav>li>a.square {
    padding: 7px;
    min-width: 37px;
    text-align: center;
    border-radius: 0;
}

.en {
    font-family: Tahoma !important;
    font-weight: normal;
    border-radius: 0;
}

.navbar-nav>li>a.border {
    border: 1px solid #8b6912b7;
    padding: 6px 20px;
    border-radius: 0;
}

.navbar-nav>li>a.border.square {
    padding: 6px 7px;
}

.navbar-nav>li>a.red-back {
    background: #143959 !important;
    border-radius: 0;
}

.navbar-nav>li>a.red-back:hover {
    background: #119baf !important;
    color: white;
}

.navbar-nav>li>a.green-back {
    background: #119baf !important;
    border-radius: 0;
}

.navbar-nav>li>a.green-back:hover {
    background: #53711e !important;
    color: white;
}

.navbar-nav>li>a.with-image img {
    position: absolute;
    top: -7px;
    right: -13px;
}

.navbar-nav>li>a.with-image {
    margin-right: 20px;
}

.navbar-nav>li>a.with-image span {
    padding-right: 25px;
}

.navbar-nav>li>.shopping a {
    border-radius: 0;
}

nav .upper .shopping a:hover {
    background: none !important;
}

.navbar-nav>li>a .fa-shopping-cart {
    font-size: 28px !important;
    margin-top: -1px;
    color: #8b6912b7;
}

.navbar-nav>li>a:hover .fa-shopping-cart {
    color: #fff;
}

.badge {
    background: white;
    color: #143959;
    font-size: 13px !important;
    width: 20px;
    height: 20px;
    text-align: center;
    position: absolute;
    top: -2px;
    right: 6px;
    border-radius: 10px !important;
}

.badge {
    color: white;
    background: red;
}

.nav>li {
    position: initial;
}

.mobile-header {
    background: #143959;
    color: #ffffff;
    overflow: hidden;
    padding: 0 11px;
}

.mobile-header ul li {
    float: right;
}

.mobile-header ul li:before {
    content: "|";
    margin-left: 4px;
}

.mobile-header ul li:first-child:before,
.mobile-header ul li.user-area:before {
    content: "";
    margin-left: 0px;
}

.mobile-header .shopping {
    position: relative;
}

.mobile-header .shopping .badge {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    font-size: 10px !important;
    width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 0;
    border-radius: 50% !important;
}

.mobile-header ul li a {
    padding: 6px 3px;
    display: inline-block;
    font-size: 20px;
}

.mobile-header ul li.user-area a {
    float: right;
    font-size: 15px;
}

.mobile-header ul li.user-area img {
    float: left;
}

.mobile-header ul li img {
    height: 23px;
    margin: 1px 0;
}

.mobile-header .user-area {
    float: left;
}

.mobile-header .user-area span {
    float: right;
}


.dropdown-submenu {
    position: relative;
    background-color: #143959;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

.dropdown-menu {
    padding: 0;
    margin: 0;
    width: 500px;
    background-color: #143959;
    border-radius: 0;
    right: 0px;
    border: none;
}

.content {
    margin-top: 62px;
    overflow-x: hidden;
}

.button-group {
    width: 100%;
}

.button-group,
.button-group>li {
    display: inline-block;
    text-align: center;
}

.button-group a,
.button-group input,
.button-group .dropdown-toggle {
    background: rgba(255, 255, 255, .8) !important;
    border: 1px solid #333;
    border-radius: 4px;
    display: inline-block;
    padding: 3px 10px;
    color: #000;
    font-size: 16px !important;
    width: 70px;
    text-align: center;
}

.button-group a:hover {
    text-decoration: none;
    background: rgba(255, 255, 255, 1) !important;
}

.button-group a.active-button {
    background: #143959 !important;
    font-weight: bold;
    border-color: transparent;
    color: white;
    padding: 3px 10px;
}

.button-group a.active-button:hover {
    background: #119baf !important;
}

.button-group a.donate:before {
    content: url(Images/donate.png);
    vertical-align: middle;
    height: 29px;
    margin-left: 10px;
    display: inline-block;
}

.button-group a.donate {
    width: auto;
}

.button-group .dropdown-menu {
    min-width: 85px;
    left: 0;
}

.button-group .dropdown-menu a {
    width: auto;
    border: none;
}

.button-group .dropdown-toggle {
    width: auto;
    height: 31px;
}

.button-group input {
    text-align: right;
}

.button-group input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
}

.button-group input::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
}

.button-group input:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
}

.button-group input:-moz-placeholder {
    /* Firefox 18- */
    color: #000;
}

h1 {
    font-size: 28px;
    color: #4f4f4f;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

h1:before,
h1:after {
    content: url(Images/square.png);
    margin: 40px 20px;
    display: inline-block;
}

h2 {
    font-size: 20px;
}

.clear {
    clear: both;
}

.section {
    padding-bottom: 40px;
}

.content .gray {
    background: #e7e7e7;
}

/* Equal height project cards */
.projects-container {
    display: flex;
    flex-wrap: wrap;
}

.projects-container>.project {
    display: flex;
    margin-bottom: 30px;
}

.projects-container>.project>.project-thumb {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.projects-container>.project>.project-thumb>.project-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.projects-container>.project>.project-thumb>.project-content>.default-view {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.project-thumb header {
    background: #143959;
    color: white;
    overflow: hidden;
    height: 30px;
}

.project-thumb header a {
    color: white;
    font-size: 16px !important;
    padding: 8px 10px;
}

.project-thumb header .share {
    float: right;
}

.project-thumb header.hover {
    background: #30437E;
}

.project-thumb header .need {
    float: left;
    background: #143959;
}

.project-thumb header .need:hover {
    background: #119baf;
}

.project-thumb header .bank {
    float: left;
    background: #119baf;
}

.project-thumb header .bank:hover {
    background: #57781f;
}

.project-content a {
    font-size: 16px;
}

.project-thumb header .share:after {
    content: "";
    height: 20px;
    width: 20px;
    background: url(Images/small-icons.png) no-repeat -5px 3px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    float: left;
    margin-top: -3px;
}

.project-thumb header .need:after {
    content: "";
    height: 20px;
    width: 20px;
    background: url(Images/small-icons.png) no-repeat -7px -37px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    float: left;
    margin-top: -3px;
}

.project-thumb header .bank:after {
    content: "";
    height: 20px;
    width: 20px;
    background: url(Images/small-icons.png) no-repeat -8px -83px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    float: left;
    margin-top: -3px;
}

.project-thumb .icon {
    width: 100%;
    background: url(Images/large-icons.png) no-repeat center 23px #119baf;
    height: 140px;
}

.project-thumb .icon.orphans {
    background-position: center 23px;
}

.project-thumb .icon.watering {
    background-position: center -330px;
}

.project-thumb .icon.mosque {
    background-position: center -144px;
}

.project-thumb .project-content {
    background: white;
    text-align: center;
    overflow: hidden;
    padding: 20px;
}

.project-thumb .project-content h2 {
    padding: 0px 10px 10px;
    font-weight: bold;
    font-size: 23px !important;
}

.project-thumb .project-content .price {
    padding: 15px 30px 15px 0;
    display: inline-block;
}

.project-thumb .project-content .price .number {
    color: #143959;
    font-weight: bold;
    font-size: 35px !important;
    display: inline-block;
}

.project-thumb .project-content .price i {
    color: #858585;
    font-size: 14px !important;
    vertical-align: 4px;
    margin-right: 4px;
}

.project-thumb .separator {
    height: 1px;
    background: #b7b7b7;
    margin: 15px 0;
}

.project-thumb table {
    width: 100%;
}

.project-thumb table.info td {
    text-align: center;
    vertical-align: middle;
    padding: 0px 0px 10px 0px;
}

.project-thumb table.info thead td {
    width: 30%;
    font-size: 18px;
}

.project-thumb table.info .number {
    font-size: 20px !important;
    font-weight: bold;
}

.project-thumb table.info i {
    font-size: 16px !important;
    vertical-align: 2px;
}

.project-donate label {
    font-size: 16px;
    margin: 0px 10px 10px 0;
}

.project-thumb .project-progress .left {
    float: left;
}

.project-thumb .project-progress .done {
    float: right;
}

.project-thumb .project-progress .caption {
    font-size: 16px !important;
    margin-bottom: 10px;
}

.project-thumb .project-progress .number {
    font-size: 20px !important;
    font-weight: bold;
}

.project-thumb .project-progress i {
    font-size: 16px !important;
    vertical-align: 2px;
}

.project-thumb .project-progress .progress {
    margin-top: 10px;
}

.progress-bar {
    background: #82a830;
    border-radius: 4px;
}

.progress {
    background: #d1d3d4;
    height: 10px;
    border-radius: 4px;
}

.project-thumb .project-donate i {
    font-size: 12px !important;
    vertical-align: 2px;
}

.project-thumb .project-donate td {
    text-align: right;
    padding-right: 10px;
    padding-bottom: 15px;
}

.project-thumb .project-donate td:nth-child(2n) {
    padding-right: 100px;
}

.project-thumb footer {
    background: #f0931e;
    height: 31px;
}

input[type="radio"] {
    display: none;
}

input[type="radio"]+label span {
    padding-right: 10px;
}

input[type="radio"]+label a {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 1px;
    vertical-align: middle;
    background: white;
    border: 1px solid #c6c6c6;
    cursor: pointer;
    border-radius: 100%;
}

input[type="radio"]:checked+label a {
    background: #f0931e;
    border: 1px solid transparent;
}

.project-donate input[type="text"],
.newsletter input[type="text"] {
    width: 100%;
    border: 1px solid #30437E;
    padding: 8px 13px;
    color: #143959;
    font-size: 15px !important;
}

.project-donate input[type="text"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #143959;
}

.project-donate input[type="text"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #143959;
}

.project-donate input[type="text"]:-ms-input-placeholder {
    /* IE 10+ */
    color: #143959;
}

.project-donate input[type="text"]:-moz-placeholder {
    /* Firefox 18- */
    color: #143959;
}

a.primary-button {
    display: inline-block;
    background: #143959;
    padding: 16px;
    font-weight: bold;
    color: white;
    width: 69%;
    float: right;
    margin: 1% 0% 0% 1%;
    font-size: 16px;
    text-align: center;
}

a.primary-button:hover {
    background: #119baf;
}

a.add-to-basket {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    height: 48px;
    margin-top: 1%;
    background: #f0931e;
    color: #fff;
    font-size: 22px;
    text-decoration: none;
}

a.add-to-basket:hover {
    background-color: #143959;
    color: #fff;
}

.project-donate .cart-icon,
a.add-to-basket .cart-icon {
    font-size: 22px !important;
    color: #fff !important;
    line-height: 1;
    pointer-events: none;
}

.project-thumb footer .video-icon {
    height: 20px;
    width: 36px;
    background: url(Images/small-icons.png) no-repeat 5px -133px;
    display: inline-block;
    margin: 5px;
    vertical-align: middle;
    float: left;
}

.project-thumb footer .image-icon {
    height: 20px;
    width: 26px;
    background: url(Images/small-icons.png) no-repeat -2px -198px;
    display: inline-block;
    margin: 5px;
    vertical-align: middle;
    float: left;
}

.project-thumb footer .add-icon {
    height: 20px;
    width: 23px;
    background: url(Images/small-icons.png) no-repeat -7px -264px;
    display: inline-block;
    margin: 5px 5px 5px 15px;
    vertical-align: middle;
    float: left;
}

.project-thumb footer a:hover {
    opacity: .4;
}

.project-content .thumb {
    min-width: 100%;
}

.project-content p.body {
    background: #d0dbfb;
    color: #42599e;
    text-align: justify;
    padding: 20px;
    line-height: 26px;
    font-size: 18px;
}

/*.project-content p.body, .image-view-gallery, .video-view-gallery { height: 246px; }*/
.project-content {
    position: relative;
}

.project-content .section {
    padding: 0;
}

.text-view,
.image-view,
.video-view {
    position: absolute;
    z-index: 1;
    top: 0;
    margin: 0 20px 20px;
    overflow: hidden;
    left: 0px;
}

.news .jcarousel>ul>li {
    border-bottom: 1px solid #bbb;
    padding-bottom: 15px;
}

.news .jcarousel>ul>li:last-child {
    border-bottom: none;
}

.news .jcarousel .media-left img {
    width: 229px;
}

.news .jcarousel h4 {
    font-size: 15px !important;
    text-align: justify;
}

.news .jcarousel p.body {
    font-size: 14px !important;
    text-align: justify;
    line-height: 17px;
}

.news .jcarousel p.meta * {
    color: #30437E;
}

.news .jcarousel p.meta .number {
    font-size: 14px !important;
    color: #9b9b9b;
}

.main-news .jcarousel-wrapper.responsive,
.main-news .jcarousel.responsive>ul>li {
    border-color: #e7e7e7;
}

.main-news img {
    width: 100%;
}

.main-news h2 {
    background: #4f4f4f;
    color: white;
    font-size: 14px !important;
    text-align: center;
    padding: 10px;
    line-height: 20px;
}

.rotate {
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.rotate-right {
    /* Safari */
    -webkit-transform: rotate(90deg);
    /* Firefox */
    -moz-transform: rotate(90deg);
    /* IE */
    -ms-transform: rotate(90deg);
    /* Opera */
    -o-transform: rotate(90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.dark-image-back {
    background: url(Images/dark-back.jpg) no-repeat center center #080e1e;
    background-attachment: fixed;
    background-size: cover;
}

.dark-back {
    background: #4e5158;
}

.dark-image-back h1,
.dark-back h1 {
    color: #8ca4ec;
}

.projects h2 {
    color: white;
}

.projects * {
    text-align: center;
}

.projects .image-wrapper {
    width: 100%;
    height: 127px;
    text-align: center;
    opacity: .9;
    padding-top: 5px;
    display: inline-block;
}

.projects .image-wrapper * {
    opacity: .9;
    max-width: 100%;
}

.projects .image-wrapper:hover {
    padding-top: 0px;
    display: inline-block;
    opacity: 1;
}

.projects .image-wrapper:hover * {
    opacity: 1;
}

.image-wrapper h2 {
    text-align: center;
    line-height: 26px;
    color: #555;
    font-size: 14px;
}

.projects>div {
    margin: 30px 0;
}

.video-section {
    text-align: center;
}

.nav-pills {
    display: inline-block;
    width: 100%;
    margin-top: 0;
}

.nav-pills li {
    float: none;
    display: inline-block;
    font-size: 17px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #C86297;
}

.nav-pills>li>a {
    color: #b1b1b1;
}

.video-gallery,
.video {
    margin-top: 50px;
}

.video-gallery li {
    overflow: hidden;
}

.video-gallery li img {
    border-radius: 5px;
    width: 100%;
}

.video-gallery li h4 {
    text-align: right;
    font-size: 12px !important;
    margin-top: 10px;
    margin-bottom: 20px;
}

.video-gallery .jcarousel-wrapper.vertical .jcarousel-control-prev,
.video-gallery .jcarousel-wrapper.vertical .jcarousel-control-next {
    left: 110px;
}

.video-thumb {
    position: relative;
}

.play-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(Images/play.png) no-repeat center center;
    background-size: 50px;
}

.play-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.video .play-icon {
    background-size: 68px;
}

.video-gallery .jcarousel-wrapper,
.video-gallery .jcarousel {
    height: 474px;
}

.partners {
    background: url(Images/partners-back.gif) no-repeat center top #4e5158;
}

.partners h1 {
    color: white;
}

.partner-wrapper img {
    border-radius: 5px;
    margin: 20px 0;
    width: 100%;
}

.newsletter {
    padding: 20px 0;
}

.newsletter .section {
    padding-bottom: 20px;
}

.newsletter h4 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #143959;
}

.newsletter input[type="text"] {
    padding-right: 40px;
    background: url(Images/newsletter.png) no-repeat 325px 10px;
    border-color: #efefef;
    border-radius: 5px;
    color: #4f4f4f;
}

.newsletter input[type="text"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #4f4f4f;
}

.newsletter input[type="text"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #4f4f4f;
}

.newsletter input[type="text"]:-ms-input-placeholder {
    /* IE 10+ */
    color: #4f4f4f;
}

.newsletter input[type="text"]:-moz-placeholder {
    /* Firefox 18- */
    color: #4f4f4f;
}

.newsletter .newsletterfield {
    position: relative;
}

.newsletter input[type="submit"] {
    background: url(Images/newsletter.png) no-repeat 10px -47px #C86297;
    position: absolute;
    top: 0;
    left: 15px;
    border: none;
    width: 46px;
    border-radius: 5px;
    height: 46px;
}

.footer {
    background: #143959;
    color: #fff;
    padding: 40px 0;
    position: relative;
}

.footer p {
    font-size: 13px;
    line-height: 22px;
    text-align: justify;
    opacity: .8;
}

.footer h4 {
    margin-bottom: 20px;
}

.footer .links ul {
    width: 50%;
    float: right;
}

.footer .links ul a {
    padding: 0 0 20px 0;
    color: white;
    font-size: 14px;
    display: inline-block;
}

.footer .links ul a:hover {
    color: #C86297;
}

.footer p.copyright {
    background-color: #3d424c;
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 6px;
}

.socialtop {
    list-style: outside none none;
    width: 63px;
    position: absolute;
    top: 130px;
    left: 10px;
    z-index: 5000;
}

.socialtop ul li a {
    float: left;
    list-style: none;
    width: 52px;
    height: 52px;
    margin: 3px;
    position: relative;
    display: inline-block;
}

.socialtop ul li a {
    background: url(Images/social-icons.png) no-repeat 0 -2px;
}

.socialtop ul li a:hover {
    background: none;
}

.socialtop ul li a span {
    background: url(Images/social-icons.png) no-repeat 0 0;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    -webkit-transition: opacity .15s;
    -moz-transition: opacity .15s;
    -o-transition: opacity .15s;
    transition: opacity .15s;
}

.socialtop ul li a:hover span {
    background: url(Images/social-icons.png) no-repeat 0 0;
    opacity: 1;
}

.socialtop ul li a.facebook {
    background-position: 0 -2px;
}

.socialtop ul li a.facebook span,
.socialtop ul li a.facebook:hover span {
    background-position: -60px -2px;
}

.socialtop ul li a.youtube {
    background-position: 0 -58px;
}

.socialtop ul li a.youtube span,
.socialtop ul li a.youtube:hover span {
    background-position: -60px -58px;
}

.socialtop ul li a.twitter {
    background-position: 0px -113px;
}

.socialtop ul li a.twitter span,
.socialtop ul li a.twitter:hover span {
    background-position: -59px -113px;
}

.socialtop ul li a.insta {
    background-position: 0 -167px;
}

.socialtop ul li a.insta span,
.socialtop ul li a.insta:hover span {
    background-position: -60px -167px;
}

.socialtop ul li a.gplus {
    background-position: 0px -221px;
}

.socialtop ul li a.gplus span,
.socialtop ul li a.gplus:hover span {
    background-position: -60px -221px;
}

.socialtop ul li a.sound {
    background-position: 0px -274px;
}

.socialtop ul li a.sound span,
.socialtop ul li a.sound:hover span {
    background-position: -60px -274px;
}

.socialtop ul li a.snap {
    background-position: 0px -327px;
}

.socialtop ul li a.snap span,
.socialtop ul li a.snap:hover span {
    background-position: -60px -327px;
}

.quick-donate {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 2000000;
    min-width: 100px;
    margin-right: -446px;
}

.quick-donate .quick-donate-tab {
    background: #143959;
    border-radius: 4px;
    transform-origin: bottom right;
    position: absolute;
    left: -194px;
    transform: rotate(90deg);
    bottom: 230px;
}

.quick-donate .quick-donate-tab:hover {
    background: #119baf;
}

.quick-donate .quick-donate-tab a {
    color: white;
    padding: 10px 15px;
    display: inline-block;
    font-size: 16px;
}

.quick-donate .quick-donate-tab a i {
    vertical-align: -1px;
}

.quick-donate .quick-help-tab {
    background: #30437E;
    border-radius: 4px;
    transform-origin: bottom right;
    position: absolute;
    left: -165px;
    transform: rotate(90deg);
    bottom: 377px;
}

.quick-donate .quick-help-tab:hover {
    background: #30437E;
}

.quick-donate .quick-help-tab a {
    color: white;
    padding: 10px 15px;
    display: inline-block;
    font-size: 16px;
}

.alarm-icon:after {
    content: "";
    height: 16px;
    width: 24px;
    background: url(Images/small-icons.png) no-repeat 3px -222px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
    background-size: 21px;
    float: left;
    margin-top: -2px;
}

.quick-donate .panel {
    width: 440px;
    border-radius: 4px 0 0 4px;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, .4);
}

.quick-donate .quick-donate-tab li.arrow {
    height: 16px;
    background: #119baf;
    cursor: pointer;
    border-radius: 0px 0 4px 4px;
}

.quick-donate .quick-help-tab li.arrow {
    height: 16px;
    background: #30437E;
    cursor: pointer;
    border-radius: 0px 0 4px 4px;
}

.quick-donate li.arrow.collapsed {
    height: 0;
}

.quick-donate li.arrow.collapsed span {
    display: none;
}

.quick-donate li.arrow span {
    transform: rotate(-90deg);
    position: absolute;
    font-size: 25px;
    bottom: -5px;
    left: 50%;
    display: inline-block;
    color: white;
}

.nav-tabs {
    margin: 20px auto;
    width: 390px;
    margin-bottom: 0;
    max-width: 100%;
}

.nav-tabs>li {
    text-align: center;
}

.nav-tabs>li>a {
    border-radius: 0;
    color: white;
    margin-right: -1px;
}

.nav-tabs>li:nth-child(1) {
    background: #30437E;
}

.nav-tabs>li:nth-child(2) {
    background: #30437E;
}

.nav-tabs>li:nth-child(3) {
    background: #30437E;
}

.nav-tabs>li:hover {
    background: #304a98;
}

.nav-tabs>li a:hover,
.nav-tabs>li a:focus {
    background: none;
    border: 1px solid transparent;
}

.nav-tabs>li.active {
    background: #fff;
}

.nav-tabs>li.active a {
    color: #143959 !important;
}

.tab-content {
    /*border: 1px solid #ddd;*/
    border-top: none;
    width: 391px;
    margin: 0 auto 20px;
    max-width: 100%;
}

.tab-content .project-donate {
    padding: 20px;
}

.tab-content table {
    margin: 20px 0;
}

.tab-content input.default {
    border-color: #ddd;
    margin-bottom: 10px;
    color: #4f4f4f;
}

.tab-content input.default::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #4f4f4f;
}

.tab-content input.default::-moz-placeholder {
    /* Firefox 19+ */
    color: #4f4f4f;
}

.tab-content input.default:-ms-input-placeholder {
    /* IE 10+ */
    color: #4f4f4f;
}

.tab-content input.default:-moz-placeholder {
    /* Firefox 18- */
    color: #4f4f4f;
}

.middle {
    vertical-align: middle;
}

.project-donate .country {
    font-weight: bold;
    margin: 10px 0;
}

.project-donate .number.remaining {
    font-size: 24px;
}

.project-donate .number.large {
    font-size: 43px;
    vertical-align: -2px;
    margin-top: 10px;
    display: inline-block;
    color: #143959;
}

.progress-circle {
    margin: 20px 30px 20px 20px;
}

.project-donate .caption {
    margin-bottom: 7px;
    margin-top: 20px;
}

.project-donate .row {
    margin: 15px 0;
}

.video-view-gallery .video-thumb img {
    width: 100%;
    margin-bottom: 10px;
}

.project-thumb footer i {
    font-size: 20px;
    margin: 5px;
}

.popover-share li {
    float: left;
    width: 40px;
    text-align: center;
    font-size: 20px;
}

.popover-share li:after {
    content: "|";
    float: right;
    color: #e8e8e8;
    font-weight: normal;
    margin-left: 0px;
    padding-top: 2px;
    font-size: 15px;
    font-family: arial;
}

.popover-share li:last-child:after {
    content: "";
}

.popover-content {
    padding: 0px 2px;
}

.popover-share i {
    color: #9a9a9a !important;
}

.popover.right>.arrow {
    left: -8px;
    margin-top: -5px;
}

.popover>.arrow {
    border-width: 8px;
}

.popover.right>.arrow:after {
    bottom: -7px;
    left: 1px;
}

.popover-share li i:hover {
    color: #626262 !important;
}

.popover.bottom li {
    float: none;
    width: auto;
}

.popover.bottom li:after {
    content: "";
}

a.share {
    cursor: pointer;
}

.text-xs-center {
    text-align: center;
}

.collapse.in .navbar-nav>li>a {
    padding: 8px 0px;
    margin: 3px auto;
    text-align: center;
    background: #602242;
    width: 50%;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.collapse.in .navbar-nav>li>a.border.square,
.collapse.in .navbar-nav>li>a.separator {
    display: none;
}

.collapse.in .navbar-nav>li>a.with-image {
    margin: 20px 25px;
}

.collapse.in .navbar-nav>li.shopping {
    display: none;
}

.navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-toggle {
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    margin-right: auto;
    background: #742951;
}

.collapse.in .navbar-nav {
    display: block !important;
}

.navbar-nav .main {
    display: none;
}

.collapse.in .navbar-nav .main {
    display: block;
}

.col-xs-offset-1 {
    margin-right: 0;
}


.ls-bottom-nav-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.ls-fullwidth .ls-bottom-slidebuttons,
.ls-fullwidth .ls-nav-start,
.ls-fullwidth .ls-nav-stop,
.ls-fullwidth .ls-nav-sides {
    top: -235px;
}

#layerslider .dropup {
    vertical-align: -14px;
    margin-left: 1px;
}

.dropup li {
    float: right;
    width: 50%;
}

.dropup ul {
    width: 241px;
    right: -83px;
}

.fa-angle-double-down {
    position: absolute;
    top: 550px;
    background: url(Images/arow-down.png);
    display: block;
    text-indent: 100000px;
    width: 27px;
    height: 20px;
    left: 50%;
    margin-left: -23px;
    font-size: 34px !important;
    z-index: 200;
    cursor: pointer;
}

#layerslider-container-fw .fa-spinner {
    position: absolute;
    top: 200px;
    color: #143959;
    left: 50%;
    margin-left: -60px;
    font-size: 80px !important;
    z-index: 200;
}

.projects .jcarousel,
.partners .jcarousel {
    background: none;
}

.projects .jcarousel-wrapper,
.partners .jcarousel-wrapper {
    border: none;
}

.projects .jcarousel>ul>div,
.partners .jcarousel>ul>div {
    margin-top: -5px;
}

.projects .jcarousel-wrapper.responsive .jcarousel-control-prev,
.partners .jcarousel-wrapper.responsive .jcarousel-control-prev {
    right: -25px;
    color: white;
}

.projects .jcarousel-wrapper.responsive .jcarousel-control-next,
.partners .jcarousel-wrapper.responsive .jcarousel-control-next {
    left: -25px;
    color: white;
}

.projects .jcarousel {
    padding-bottom: 10px;
}

/*Search*/
.arrowUpOpenSearchVerticalForm {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f5f5f5 !important;
    position: fixed;
    z-index: 100000001;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    display: none;
}

#OpenSearchVerticalForm.newserach {
    width: 100%;
    height: auto;
    z-index: 100000000;
    padding: 10px;
    max-width: 250px;
    direction: rtl;
    background: #f5f5f5;
    position: fixed;
    display: none;
}

button.accordion {
    background-color: #f5f5f5;
    cursor: pointer;
    border: none;
    outline: none;
    font-size: 15px;
    transition: .4s;
    padding: 10px 15px;
    color: #333;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#OpenSearchVerticalForm .glyphicon-search {
    color: #a7a7a7;
    margin: 7px 15px;
}

.txtSearchWordVertical {
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #a7a7a7;
    font-size: 9px;
    height: 35px;
    margin: 16px 0;
    width: 100% !important;
    font-size: 11px;
    background-color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}

#OpenSearchVerticalForm .select-newserach {
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    color: #a7a7a7;
    height: 40px;
    margin: 8px 0;
    padding: 0 5px;
    width: 100%;
    background-color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    text-indent: .01px;
    text-overflow: '';
    background-image: url(images/arow.png) !important;
    background-position: 10px;
    background-repeat: no-repeat;
    background-size: 10px;
    line-height: 18px;
}

.padding0 {
    padding: 0 !important;
}

#OpenSearchVerticalForm .select-newserach option {
    background-color: #fff;
    border: none;
    margin: 10px 0;
}

.margin-20-bottom-lg {
    margin-bottom: 20px;
    overflow: hidden;
}

/*Login*/
.arrowUpLogin {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #F5F5F5;
    position: fixed;
    z-index: 10000001;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    display: none;
}

.basketNotificationLogin {
    width: 100%;
    height: auto;
    position: fixed;
    background-color: #F5F5F5;
    z-index: 10000000;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    max-width: 420px;
    display: none;
}

.loginDiv {
    text-align: center;
    margin: 23px 0px;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin-right: 1px;
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.registration-height {
    max-height: 70vh;
    overflow: auto;
}

.form-group {
    display: inline-block;
    margin-bottom: 1px;
    width: 100%;
}

.form-group {
    font-size: 11px;
}

.separate {
    overflow: hidden;
}

.separate hr {
    border-top: 1px solid #e4e4e4;
    margin-top: 22px;
    margin-bottom: 22px;
}

.separate p {
    margin-top: -50px;
    text-align: center;
    background-color: #f5f5f5;
    padding: 20px;
    color: #8c8c8c;
    display: block;
    width: 70px;
    margin-left: auto;
    margin-right: auto;
}

.flag-container {
    z-index: 99999 !important;
}

.intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px;
}

.intl-tel-input.allow-dropdown .flag-container {
    right: auto;
    left: 0;
}

.intl-tel-input.allow-dropdown .flag-container {
    border: none;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag {
    direction: ltr;
    text-align: left;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 80px;
    cursor: pointer;
}

.intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    height: 100%;
    padding: 0 0 0 8px;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
    background-color: transparent;
    display: table;
}

.intl-tel-input .selected-flag .iti-flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0;
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(images/flags1.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0;
}

.intl-tel-input .selected-flag .iti-arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
}

.intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 -259px 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 150px;
    overflow-y: scroll;
    width: 340px;
    direction: ltr;
}

.intl-tel-input .country-list .country {
    padding: 9px 10px;
}

.intl-tel-input .country-list .country:hover {
    background: rgba(0, 0, 0, .05);
    cursor: pointer;
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
    margin-right: 6px;
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
    vertical-align: middle;
}

.intl-tel-input .country-list .flag-box {
    display: inline-block;
    width: 20px;
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(images/flags1.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px;
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
    margin-right: 6px;
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
    vertical-align: middle;
}

.intl-tel-input .country-list .country .dial-code {
    color: #999;
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel] {
    padding-right: 6px;
    margin-left: 0;
}

.form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 0px 15px;
    font-size: 12px;
    line-height: 1.3;
    color: #4b4b4b;
    background-color: #fff;
    background-image: none;
    border: 1px solid #eeeeee;
    border-radius: 0px;
    -webkit-box-shadow: none;
    text-align: right;
    font-size: 11px;
    direction: rtl;
    box-shadow: none;
    margin-bottom: 7px;
}

.form-control-login {
    width: 66.66666667%;
    float: right;
    text-align: right;
    border-radius: 0;
}

.loginBtn-update {
    color: #fff !important;
    background-color: #143959 !important;
    border-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    float: right !important;
    height: 42px;
    font-size: 12px;
}

input[disabled],
input[disabled]:hover {
    border: 1px solid #eee;
}

.loginBtn {
    width: 120px !important;
    color: #143959 !important;
    background-color: #fff !important;
    border-color: #143959 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    float: right !important;
    font-size: 12px;
    height: 40px !important;
}

.loginBtn:hover,
.loginBtn:focus,
.loginBtn:active,
.loginBtn.active {
    width: 120px !important;
    color: #fff !important;
    background-color: #143959 !important;
    border-color: #143959 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    float: right !important;
    font-size: 12px;
    height: 40px !important;
}

.basketNotificationLogin .row {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1170px;
}

.loginFacebookBtn {
    color: #fff !important;
    background-color: rgb(59, 89, 153) !important;
    border-color: rgb(59, 89, 153) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    float: right;
}

.logingoogleBtn {
    color: #fff !important;
    background-color: rgb(225, 47, 47) !important;
    border-color: rgb(225, 47, 47) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    float: right;
}

.loginSocialBtnPopup,
.loginSocialBtnPopup:hover,
.loginSocialBtnPopup:active,
.loginSocialBtnPopup:focus {
    width: 50% !important;
}

.btn {
    border-radius: 0;
}

.oncedonat {
    background-color: #143959 !important;
    color: #fff;
    font-size: 11px;
    /* margin-right: 5px; */
    border-color: transparent !important;
    height: 35px;
}

.intl-tel-input .country-list .country.highlight {
    background-color: rgba(0, 0, 0, .05);
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
    margin-right: 6px;
    float: left;
}

/*Flags*/
.iti-flag.be {
    width: 18px;
}

.iti-flag.ch {
    width: 15px;
}

.iti-flag.mc {
    width: 19px;
}

.iti-flag.ne {
    width: 18px;
}

.iti-flag.np {
    width: 13px;
}

.iti-flag.va {
    width: 15px;
}

.button-group li.visible-xs {
    display: inline-block !important;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-size: 5630px 15px;
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0 0;
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0;
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0;
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0;
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0;
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0;
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0;
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0;
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0;
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0;
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0;
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0;
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0;
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0;
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0;
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0;
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0;
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0;
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0;
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0;
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0;
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0;
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0;
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0;
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0;
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0;
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0;
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0;
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0;
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0;
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0;
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0;
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0;
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0;
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0;
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0;
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0;
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0;
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0;
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0;
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0;
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0;
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0;
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0;
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0;
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0;
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0;
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0;
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0;
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0;
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0;
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0;
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0;
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0;
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0;
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0;
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0;
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0;
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0;
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0;
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0;
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0;
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0;
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0;
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0;
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0;
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0;
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0;
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0;
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0;
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0;
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0;
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0;
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0;
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0;
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0;
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0;
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0;
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0;
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0;
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0;
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0;
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0;
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0;
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0;
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0;
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0;
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0;
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0;
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0;
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0;
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0;
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0;
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0;
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0;
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0;
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0;
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0;
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0;
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0;
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0;
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0;
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0;
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0;
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0;
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0;
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0;
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0;
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0;
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0;
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0;
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0;
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0;
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0;
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0;
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0;
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0;
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0;
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0;
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0;
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0;
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0;
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0;
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0;
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0;
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0;
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0;
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0;
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0;
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0;
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0;
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0;
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0;
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0;
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0;
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0;
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0;
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0;
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0;
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0;
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0;
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0;
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0;
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0;
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0;
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0;
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0;
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0;
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0;
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0;
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0;
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0;
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0;
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0;
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0;
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0;
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0;
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0;
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0;
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0;
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0;
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0;
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0;
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0;
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0;
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0;
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0;
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0;
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0;
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0;
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0;
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0;
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0;
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0;
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0;
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0;
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0;
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0;
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0;
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0;
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0;
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0;
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0;
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0;
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0;
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0;
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0;
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0;
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0;
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0;
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0;
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0;
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0;
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0;
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0;
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0;
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0;
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0;
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0;
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0;
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0;
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0;
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0;
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0;
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0;
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0;
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0;
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0;
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0;
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0;
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0;
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0;
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0;
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0;
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0;
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0;
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0;
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0;
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0;
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0;
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0;
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0;
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0;
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0;
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0;
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0;
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0;
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0;
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0;
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0;
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0;
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0;
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0;
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0;
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0;
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0;
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0;
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0;
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0;
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0;
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0;
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0;
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0;
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0;
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0;
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0;
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0;
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0;
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0;
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0;
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0;
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0;
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0;
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0;
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0;
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0;
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0;
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url("images/flags1.png");
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0;
}

.panel .fa-remove {
    display: none;
}

.button-group.mobile {
    margin: 20px 0;
}

.button-group.mobile li {
    width: 40%;
    margin: 2px 0;
}

.button-group.mobile li a,
.button-group.mobile input {
    width: 100%;
    border: none;
    border-radius: 0;
    color: #fff;
    background: #30437E !important;
    padding: 8px;
    font-size: 18px !important;
}

.button-group.mobile input {
    text-align: center;
    height: 38px;
    vertical-align: bottom;
    float: right;
    background: #30437E !important;
    font-size: 14px !important;
}

.button-group.mobile a.donate {
    float: left;
    background: #143959 !important;
    font-size: 14px !important;
    font-weight: normal;
}

.button-group.mobile input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff !important;
}

.button-group.mobile input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff !important;
}

.button-group.mobile input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff !important;
}

.button-group.mobile input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff !important;
}

.button-group.mobile li.green a {
    background: #119baf !important;
    margin-top: -2px;
    font-size: 14px !important;
}

.button-group.mobile li.pink a {
    background: #143959 !important;
    margin-top: -2px;
    font-size: 14px !important;
}


.button-group.mobile a.donate:before {
    content: "";
    vertical-align: middle;
    height: 22px;
    margin-left: 10px;
    display: inline-block;
    background-size: 23px;
    background-image: url(Images/donate.png);
    width: 23px;
}

h1.without-margin {
    margin-top: 10px;
}

h1.without-margin:before,
h1.without-margin:after {
    content: "";
    margin: 8px 10px;
    background-image: url(Images/square.png);
    background-size: 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: -9px;
}

.project-thumb .project-content h2 .price {
    display: none;
}

/*News*/
#newsslider .title-overlay {
    background: rgba(0, 0, 0, .5);
    padding: 120px 0px 0 0px;
    height: 100%;
    text-align: center;
}

#newsslider .title-overlay h1:before,
#newsslider .title-overlay h1:after {
    display: none;
}

#newsslider .title-overlay h1 {
    color: white;
    text-align: center;
    font-size: 25px;
}

.news-thumb .news-image img {
    width: 100%;
}

.news-thumb {
    margin-top: 30px;
}

.news-thumb h2 {
    color: #30437E;
    margin: 15px 10px 20px 10px;
    font-size: 18px;
    line-height: 22px;
}

.news-thumb p {
    line-height: 22px;
    margin: 0 10px 15px 10px;
    font-size: 15px;
}

.left-bar img {
    width: 100%;
}

.left-bar {
    margin-top: 30px;
}

.left-bar li {
    margin-bottom: 20px;
}

a.active-button {
    background: #143959 !important;
    font-weight: bold;
    border-color: transparent;
    color: white;
    padding: 20px 30px;
    text-align: center;
    font-size: 16px;
}

a.active-button:hover {
    background: #119baf !important;
}

.left-bar a.active-button {
    width: 100%;
    display: inline-block;
}

a.more-button {
    background: #939598 !important;
    font-weight: bold;
    border-color: transparent;
    color: white;
    padding: 20px 30px;
    text-align: center;
    font-size: 16px;
    width: 100%;
    display: inline-block;
}

a.more-button:hover {
    background: #7d7f82 !important;
}

a.more-button.active {
    background: #30437E !important;
}

a.more-button:hover {
    background: #30437E !important;
}

a.blue-button {
    background: #30437E !important;
    border-color: transparent;
    color: white;
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
    display: inline-block;
}

a.blue-button:hover {
    background: #30437E !important;
}

a.white-button {
    background: #fff !important;
    border-color: transparent;
    color: #30437E;
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
    display: inline-block;
}

a.white-button:hover {
    background: #ccc !important;
}

.after-listing {
    margin-top: 30px;
}

#newsslider.details .title-overlay {
    padding: 20px;
    height: auto;
    bottom: 20px;
    position: absolute;
    width: 100%;
}

.news-container.details {
    margin: 30px 0;
}

.news-container p.body {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 10px;
}

.news-container span.date {
    font-style: italic;
    color: #30437E;
    font-family: Arial;
    display: inline-block;
    margin-bottom: 20px;
}

.news-container li {
    float: none !important;
    margin: 5px 0;
}

.news-container .popover {
    background: #c5c5c5;
    border-radius: 3px;
    border: none;
}

.news-container .popover>.arrow:after {
    border-left-color: #c5c5c5;
}

.news-container .popover-content {
    background: #c5c5c5;
    border: none;
}

.news-container .popover-share i {
    color: white !important;
}

.news-container .popover-share li:after {
    display: none;
}

.news-container .comments-area {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
    overflow: hidden;
    clear: both;
    margin-top: 30px;
}

.news-container textarea {
    max-width: 96%;
    width: 96%;
    border: 1px solid #ccc;
    margin: 2% 2%;
    height: 100px;
}

.news-container .comments-area a {
    margin: 10px;
}

.banner img {
    max-width: 100%;
}

/*Projects*/
#projectsslider .content-overlay {
    text-align: center;
    height: 100%;
}

#projectsslider .section {
    background: rgba(14, 28, 45, .8);
    margin: 0 1%;
    float: right;
    padding: 80px 5% 0;
    height: 100%;
}

#projectsslider .section:first-child {
    width: 48%;
}

#projectsslider .section:last-child {
    width: 28%;
}

/* When stats bar is hidden, single section fills full width */
#projectsslider .no-stats .section:first-child,
#projectsslider .no-stats .section:only-child {
    width: 96%;
    float: left;
}

/* Responsive: expand overlay width on smaller screens when stats hidden */
@media (max-width: 1200px) {
    #projectsslider .ls-s-1.no-stats-slider {
        width: 40% !important;
    }
}

@media (max-width: 992px) {
    #projectsslider .ls-s-1.no-stats-slider {
        width: 55% !important;
    }
}

#projectsslider .content-overlay h2,
#projectsslider .content-overlay .caption {
    color: #7994e3;
    font-weight: bold;
}

#projectsslider .content-overlay .caption {
    font-size: 16px;
}

#projectsslider .content-overlay p {
    font-size: 15px;
    color: white;
}

#projectsslider .content-overlay p.border {
    padding: 2% 5%;
    margin: 20px 0;
    width: 90%;
    border: 1px solid #7994e3;
}

#projectsslider .content-overlay h4 {
    color: white;
    margin: 10px;
}

#projectsslider .content-overlay .separator {
    border-bottom: 1px dashed #7994e3;
    margin: 15px 0;
}

#projectsslider .content-overlay h2 .number {
    font-size: 28px;
    color: #143959;
    margin: 10px 0 0 0;
    display: inline-block;
}

#projectsslider .content-overlay h2 i {
    font-size: 14px;
    color: #143959;
    margin: 20px 0 0 0;
}

#projectsslider .content-overlay mark {
    background: #90b913;
    color: white;
    padding: 1px 4px;
    margin: 1px;
}

#projectsslider .content-overlay .padding-right20 {
    padding-right: 20px;
}

#projectsslider .content-overlay input[type="radio"]+label a {
    background: transparent;
    border: 1px solid #7994e3;
    cursor: pointer;
    border-radius: 100%;
}

#projectsslider .content-overlay input[type="radio"]:checked+label a {
    background: #7994e3;
}

#projectsslider .content-overlay input[type="radio"]+label {
    width: 39%;
    margin: 4px 5%;
}

#projectsslider .content-overlay input[type="radio"]+label span {
    font-size: 20px;
    color: #f0931e;
    cursor: pointer;
    font-weight: normal;
    vertical-align: -3px;
    padding-left: 10px;
}

#projectsslider .content-overlay input[type="radio"]+label i {
    font-size: 13px;
    color: #7994e3;
    cursor: pointer;
}

#projectsslider .content-overlay .quantity-container {
    border: 1px solid #7994e3;
    padding: 5px 10px 5px 0;
    position: relative;
}

#projectsslider .content-overlay .quantity-container span {
    color: white;
    font-size: 18px;
}

#projectsslider .content-overlay .quantity-container input {
    color: #f0931e;
    font-size: 26px;
    font-weight: bold;
    font-family: Arial;
    width: 30%;
    background: none;
    border: none;
    text-align: center;
    vertical-align: middle;
}

#projectsslider .content-overlay .quantity-container .add {
    color: #add9ff;
    font-size: 20px;
    background: #394668;
    width: 35px;
    text-align: center;
    display: inline-block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 37px;
    vertical-align: middle;
}

#projectsslider .content-overlay .quantity-container .minus {
    color: #add9ff;
    font-size: 20px;
    background: #394668;
    width: 35px;
    text-align: center;
    display: inline-block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0px;
    vertical-align: middle;
}

#projectsslider .content-overlay .primary-button {
    width: 69%;
    padding: 9px 0;
}

#projectsslider .content-overlay .add-to-basket {
    height: 49px;
    width: 30%;
}

.projects-page .image-wrapper:hover h2 {
    color: #143959;
}

.jcarousel.responsive.back-white {
    background: #ffffff;
}

.jcarousel-wrapper.responsive.back-white {
    border-left: 10px solid #ffffff;
    border-right: 10px solid #ffffff;
    border-top: 20px solid #ffffff;
    border-bottom: 20px solid #ffffff;
}

.projects-page .filters {
    background: #f0931e;
    padding: 7px;
    overflow: hidden;
}

.projects-page .filters span {
    color: #30437E;
    padding: 10px;
}

.projects-page select {
    width: 98%;
    margin: 0 auto;
    background: #30437E;
    color: white;
    padding: 5px;
    border: none;
}

.projects-page input {
    width: 98%;
    margin: 0 auto;
    background: #fff;
    color: #30437E;
    text-align: center;
    padding: 5px;
    border: none;
}

.projects-page input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #30437E !important;
}

.projects-page input::-moz-placeholder {
    /* Firefox 19+ */
    color: #30437E !important;
}

.projects-page input:-ms-input-placeholder {
    /* IE 10+ */
    color: #30437E !important;
}

.projects-page input:-moz-placeholder {
    /* Firefox 18- */
    color: #30437E !important;
}

.projects-page .filters div {
    padding: 0;
    text-align: center;
}

.projects-list {
    margin: 30px 0;
    overflow: hidden;
    background: #f1f1f1;
}

.projects-list .project-thumb {
    margin: 20px 0;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, .4);
}

.projects-list .project-thumb .progress-bar {
    background: #143959;
}

.projects-list.inside .project-thumb p {
    font-size: 18px;
    text-align: justify;
    line-height: 20px
}

.projects-list.inside .project-thumb p .number {
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    margin: 0 5px
}

#map {
    height: 500px
}

#projectsslider .ls-s-2 h1 {
    color: white;
    text-align: right;
    font-weight: normal
}

#projectsslider .ls-s-2 h1:before,
#projectsslider .ls-s-2 h1:after {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-image: url("images/flags1@2x.png");
    }
}

.iti-flag.np {
    background-color: transparent;
}

/*Scroll bar*/
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #143959;
    border-left: 1px solid #C86297;
    border-right: 1px solid #C86297;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .3);
    border-radius: 0;
    background-color: #f9f7f7;
    width: 4px;
}

@media screen and (max-width: 1210px) {
    .socialtop {
        display: none !important;
    }

    .video-thumb img {
        width: 100%;
    }

    .navbar-header {
        margin-right: 1%;
    }

    .navbar-brand {
        height: auto;
    }
}


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

    h1:before,
    h1:after {
        content: "";
        margin: 30px 10px;
        /*  background-image: url(Images/square.png);*/
        background-size: 10px;
        display: inline-block;
        width: 10px;
        height: 10px;
        vertical-align: -32px;
    }

    .mobile-header,
    .navbar-toggle {
        display: block;
    }

    .content {
        margin-top: 87px;
    }

    .navbar-header {
        width: 100%;
    }

    .main-nav,
    .navbar-nav {
        display: none !important;
    }

    .news {
        margin: 50px 0px 10px 0px;
    }

    nav .upper {
        overflow: auto;
        min-height: 62px;
        height: auto;
        /*  background: url(Images/header.left-maroon.png) no-repeat -120px top #143959;*/
    }

    .meta {
        margin-top: 10px;
    }

    .video-gallery .jcarousel-wrapper.vertical .jcarousel-control-prev,
    .video-gallery .jcarousel-wrapper.vertical .jcarousel-control-next {
        left: 45%;
    }

    .newsletter input[type="text"] {
        padding-right: 5px;
        background: none;
    }

    .links {
        clear: both;
        margin-top: 20px;
    }

    .apps {
        margin-top: 20px;
    }

    .navbar-header {
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .project-thumb .project-content .price {
        padding: 15px 0px 15px 0;
    }

    .project-thumb table.info thead td {
        font-size: 16px;
    }

    .project-content .info img {
        max-width: 50%;
    }

    .newsletterfield {
        margin-top: 20px;
    }

    .newsletter h4,
    .newsletter p {
        text-align: center;
    }

    .navbar-header {
        margin-right: 0px;
    }

    .header-left {
        display: none;
    }

    .col-xs-offset-1 {
        margin-right: 8.33333333%;
    }

    .footer img {
        max-width: 100%;
    }

    h1 {
        font-size: 4vw;
    }

    .quick-donate .quick-donate-tab {
        left: auto;
        transform: none;
        bottom: 0px;
        right: 50%;
        margin-right: -109px;
        border-radius: 0;
    }

    .quick-donate .quick-help-tab {
        transform: none;
        left: auto;
        bottom: 0px;
        right: 50%;
        margin-right: 29px;
        border-radius: 0;
    }

    .quick-donate .quick-help-tab .arrow,
    .quick-donate .quick-donate-tab .arrow {
        display: none;
    }

    .quick-donate-tab:after {
        content: '';
        background-image: url(Images/quickcorners.png);
        background-position: 0 0;
        height: 34px;
        width: 30px;
        position: absolute;
        left: -27px;
        display: block;
        bottom: 0;
    }

    .quick-donate-tab:before {
        content: '';
        background-image: url(Images/quickcorners.png);
        background-position: 2px -267px;
        height: 34px;
        width: 30px;
        position: absolute;
        right: -27px;
        display: block;
        bottom: 0;
    }

    .quick-help-tab:after {
        content: '';
        background-image: url(Images/quickcorners.png);
        background-position: 2px -131px;
        height: 35px;
        width: 30px;
        position: absolute;
        left: -27px;
        display: block;
        bottom: 0;
    }

    .quick-help-tab:before {
        content: '';
        background-image: url(Images/quickcorners.png);
        background-position: 0px -397px;
        height: 35px;
        width: 30px;
        position: absolute;
        right: -27px;
        display: block;
        bottom: 0;
    }

    .alarm-icon:after {
        content: "";
        height: 17px;
        width: 24px;
    }

    .quick-donate {
        width: 100%;
        margin: 0;
    }

    .quick-donate .panel {
        width: 100%;
        display: none;
        margin-bottom: -15px;
        border-radius: 0;
    }

    .panel .fa-remove {
        float: left;
        margin: 10px;
        font-size: 23px;
        display: block;
    }

    .quick-donate .quick-help-tab a,
    .quick-donate .quick-donate-tab a {
        padding: 10px 4px;
        font-size: 14px;
    }

    .projects .image-wrapper {
        padding-top: 30px;
    }


    .navbar-collapse {
        background: #742951;
    }

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 410px;
    }

    .navbar-collapse .nav {
        margin: 40px 0;
    }

    .navbar-nav .mobile-hide {
        display: none !important;
    }

    .donation .project-thumb .project-content {
        padding: 10px;
    }

    .donation .project-thumb .icon {
        display: none;
    }

    .donation .project-thumb .project-content h2 {
        font-size: 5.2vw !important;
        padding: 0;
    }

    .donation .project-thumb .project-content h2 {
        background: url(Images/mobile-icons.png) right center no-repeat;
        padding-right: 35px;
        background-size: 35px 35px;
        padding-bottom: 0;
    }

    .donation .project-thumb .project-content .price {
        display: none;
    }

    .donation .project-thumb .project-content h2 .price {
        display: inline-block;
    }

    .donation .project-thumb .project-content h2 .price .number {
        font-size: 5.6vw !important;
    }

    .donation .project-thumb .project-content h2 .price i {
        font-size: 4vw !important;
        vertical-align: 2px;
        margin-right: 0px;
    }

    .donation .project-thumb table.info tbody td {
        padding: 0px;
    }

    .donation .project-thumb .separator {
        margin: 8px 0;
    }

    .text-view,
    .image-view,
    .video-view {
        margin: 0 10px 20px;
    }

    .donation .project-donate input[type="text"] {
        width: 50%;
        border: 1px solid #30437E;
        padding: 8px 13px;
        color: #143959;
        float: right;
        height: 48px;
        font-size: 15px !important;
    }

    .donation a.primary-button {
        display: inline-block;
        background: #143959;
        padding: 16px;
        font-weight: bold;
        height: 48px;
        color: white;
        width: 23%;
        float: right;
        margin: 0 1%;
        font-size: 16px;
        text-align: center;
    }

    .donation a.add-to-basket {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 23%;
        height: 48px;
        margin: 0 1%;
        background: #30437E;
        color: #fff;
        font-size: 22px;
    }
}

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

@media screen and (max-width: 400px) {
    .project-donate label {
        font-size: 15px;
        margin: 0px 0px 10px 0;
    }

    .project-donate .row div {
        padding: 0;
    }
}

@media screen and (max-width: 630px) {
    .projects img {
        width: 80%;
    }

    .projects h2 {
        font-size: 3vw;
    }

    .ls-bottom-slidebuttons {
        display: none !important;
    }

    .projects>div {
        margin: 0 0 10px 0;
    }

    .media-list .media-left {
        display: block;
        text-align: center;
    }

    .media-list .media-heading {
        text-align: center !important;
    }

    .media-list .media-left img {
        width: 90% !important;
        max-width: 300px;
        margin: 10px auto;
    }
}

/* Preset Donation Amounts */
.preset-amounts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 10px;
    direction: rtl;
}

.preset-amount-option {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
}

.preset-amount-option input[type="radio"] {
    display: none;
}

.preset-amount-option span {
    display: block;
    width: 100%;
    padding: 8px 10px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 13px;
    color: #555;
    background: #fff;
    transition: all .2s ease;
}

.preset-amount-option span i {
    font-style: normal;
    font-size: 11px;
    color: #999;
}

.preset-amount-option input[type="radio"]:checked+span {
    background: #143959;
    color: #fff;
    border-color: #143959;
    font-weight: bold;
    box-shadow: 0 2px 8px rgba(142, 50, 99, .25);
}

.preset-amount-option input[type="radio"]:checked+span i {
    color: rgba(255, 255, 255, .8);
}

.preset-amount-option:hover span {
    border-color: #143959;
    color: #143959;
}

.donate-amount-custom {
    margin-top: 5px;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}