@charset "UTF-8";
.image-responsive,
img,
.image-full,
.popup-add-cart .product-thumbnail img {
	height: auto
}

@import url(https://fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);
@import url('https://fonts.googleapis.com/css?family=Tajawal');
@import url('https://fonts.googleapis.com/css?family=Cairo');

body{
    direction: rtl;
    font-family: 'Cairo' !important;
}

input,select,option,label,input::placeholder,textarea,textarea::placeholder{
    font-family: 'Cairo';
}

.clearfix{
    clear:both;
}
input{
    text-align: right;
}

.image-full,
.popup-add-cart .product-thumbnail img {
	width: 100%
}

.pull-left {
	float: left;
}

.pull-right {
	float: right
}

.ph__bottom{
    text-align: center;
}
.unstyled.ph__nav{
    display: inline-block !important;
}

.my-position {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
}

.clear-fix,
dl.data-list,
.row,
form.form-core,
.product-list,
.popup-add-cart .popup-cart-product,
.popup-add-cart .popup-add-cart-actions,
.control-group.\--donation-field .wrap,
.section-hero.\--style-donate,
.table-core__meta,
.page-sitemap__categories,
.page-sitemap__pagination__grid-items,
.page-sitemap__links__grid-items,
.page-sitemap__products ul,
.ph__top,
.ph__nav,
.grid-block,
.grid-flex .ie,
.grid-banner,
.grid-banner__column-one,
.w-tabs.\--style-pointer.\--steps a,
.w-tabs.\--style-pointer-small .w-tabs__nav,
.w-feed,
.donation-summary-box.\--type-qurbani .donation-summary-box__price-box,
.orphans-summary-box__meta-list,
.fundraising-summary-box__stats,
.checkout-summary-box__meta,
.w-image.\--description-left,
.w-downloads,
.w-downloads__box,
.w-video,
.control-group,
form.form-core .controls,
form.form-core .controls ul.inline,
form.form-core .controls ul.tabs,
form.form-core .controls ul.flex-control-nav,
form.form-core .controls ul.box-social__actions,
.i3-flexslider .slides,
.i3-flexslider .slides-nested,
.i3-slider .slides,
.i3-slider .slides-nested {
	*zoom: 1
}

.clear-fix:before,
dl.data-list:before,
.row:before,
form.form-core:before,
.product-list:before,
.popup-add-cart .popup-cart-product:before,
.popup-add-cart .popup-add-cart-actions:before,
.control-group.\--donation-field .wrap:before,
.section-hero.\--style-donate:before,
.table-core__meta:before,
.page-sitemap__categories:before,
.page-sitemap__pagination__grid-items:before,
.page-sitemap__links__grid-items:before,
.page-sitemap__products ul:before,
.ph__top:before,
.ph__nav:before,
.grid-block:before,
.grid-flex .ie:before,
.grid-banner:before,
.grid-banner__column-one:before,
.w-tabs.\--style-pointer.\--steps a:before,
.w-tabs.\--style-pointer-small .w-tabs__nav:before,
.w-feed:before,
.donation-summary-box.\--type-qurbani .donation-summary-box__price-box:before,
.orphans-summary-box__meta-list:before,
.fundraising-summary-box__stats:before,
.checkout-summary-box__meta:before,
.w-image.\--description-left:before,
.w-downloads:before,
.w-downloads__box:before,
.w-video:before,
.control-group:before,
form.form-core .controls:before,
form.form-core .controls ul.inline:before,
form.form-core .controls ul.tabs:before,
form.form-core .controls ul.flex-control-nav:before,
form.form-core .controls ul.box-social__actions:before,
.i3-flexslider .slides:before,
.i3-flexslider .slides-nested:before,
.i3-slider .slides:before,
.i3-slider .slides-nested:before,
.clear-fix:after,
dl.data-list:after,
.row:after,
form.form-core:after,
.product-list:after,
.popup-add-cart .popup-cart-product:after,
.popup-add-cart .popup-add-cart-actions:after,
.control-group.\--donation-field .wrap:after,
.section-hero.\--style-donate:after,
.table-core__meta:after,
.page-sitemap__categories:after,
.page-sitemap__pagination__grid-items:after,
.page-sitemap__links__grid-items:after,
.page-sitemap__products ul:after,
.ph__top:after,
.ph__nav:after,
.grid-block:after,
.grid-flex .ie:after,
.grid-banner:after,
.grid-banner__column-one:after,
.w-tabs.\--style-pointer.\--steps a:after,
.w-tabs.\--style-pointer-small .w-tabs__nav:after,
.w-feed:after,
.donation-summary-box.\--type-qurbani .donation-summary-box__price-box:after,
.orphans-summary-box__meta-list:after,
.fundraising-summary-box__stats:after,
.checkout-summary-box__meta:after,
.w-image.\--description-left:after,
.w-downloads:after,
.w-downloads__box:after,
.w-video:after,
.control-group:after,
form.form-core .controls:after,
form.form-core .controls ul.inline:after,
form.form-core .controls ul.tabs:after,
form.form-core .controls ul.flex-control-nav:after,
form.form-core .controls ul.box-social__actions:after,
.i3-flexslider .slides:after,
.i3-flexslider .slides-nested:after,
.i3-slider .slides:after,
.i3-slider .slides-nested:after {
	display: table;
	content: "";
	zoom: 1;
	*display: inline
}

.clear-fix:after,
dl.data-list:after,
.row:after,
form.form-core:after,
.product-list:after,
.popup-add-cart .popup-cart-product:after,
.popup-add-cart .popup-add-cart-actions:after,
.control-group.\--donation-field .wrap:after,
.section-hero.\--style-donate:after,
.table-core__meta:after,
.page-sitemap__categories:after,
.page-sitemap__pagination__grid-items:after,
.page-sitemap__links__grid-items:after,
.page-sitemap__products ul:after,
.ph__top:after,
.ph__nav:after,
.grid-block:after,
.grid-flex .ie:after,
.grid-banner:after,
.grid-banner__column-one:after,
.w-tabs.\--style-pointer.\--steps a:after,
.w-tabs.\--style-pointer-small .w-tabs__nav:after,
.w-feed:after,
.donation-summary-box.\--type-qurbani .donation-summary-box__price-box:after,
.orphans-summary-box__meta-list:after,
.fundraising-summary-box__stats:after,
.checkout-summary-box__meta:after,
.w-image.\--description-left:after,
.w-downloads:after,
.w-downloads__box:after,
.w-video:after,
.control-group:after,
form.form-core .controls:after,
form.form-core .controls ul.inline:after,
form.form-core .controls ul.tabs:after,
form.form-core .controls ul.flex-control-nav:after,
form.form-core .controls ul.box-social__actions:after,
.i3-flexslider .slides:after,
.i3-flexslider .slides-nested:after,
.i3-slider .slides:after,
.i3-slider .slides-nested:after {
	clear: both
}

.fade {
	opacity: 0;
	display: block
}

.fade.in {
	opacity: 1;
	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block
}

figure,
figcaption {
	margin: 0;
	padding: 0;
	border: 0
}

form,
fieldset,
label,
legend,
button,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
q,
s,
small,
strike,
strong,
sub,
sup,
tt,
var,
samp,
dd,
dl,
dt,
li,
ol,
ul,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	line-height: 1
}

.product-detail .price-box .add-to-cart-column .btn.is-loading span.loader,
.flex-control-nav a,
.popup-close,
.ui-dialog-titlebar-close .ui-icon,
.promotions-container .select-promotion-products a.removePromotion {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

body {
	font-family: "Cairo", serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: inherit;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	line-height: 1.3;
	font-family: "Cairo", sans-serif;
	font-weight: 300
}

h1,
.h1 {
	font-size: 40px;
	font-size: 2.5rem
}

h2,
.h2 {
	font-size: 35px;
	font-size: 2.2rem
}

h3,
.h3,
.ui-dialog-title {
	font-size: 29px;
	font-size: 1.85rem
}

h4,
.h4 {
	font-size: 27px;
	font-size: 1.7rem
}

h5,
.h5 {
	font-size: 20px;
	font-size: 1.3rem
}

h6,
.h6 {
	font-size: 16px;
	font-size: 1rem
}

p {
	font-family: "Cairo", serif;
	line-height: inherit;
	margin-bottom: 32px;
	margin-bottom: 2rem
}

strong {
	font-style: inherit
}

ul,
ol {
	margin-bottom: 32px;
	margin-bottom: 2rem;
	margin-left: 2em
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin-bottom: 0
}

ul {
	list-style: disc
}

ol {
	list-style: decimal
}

li {
	line-height: 1.5
}

small {
	font-size: .8em
}

dl {
	margin-bottom: 32px;
	margin-bottom: 2rem
}

dl dt,
dl dd {
	line-height: 1.5
}

dl dd {
	line-height: 1.5
}

em {
	font-style: italic;
	font-weight: inherit;
	line-height: inherit
}

abbr {
	font-size: .9em;
	text-transform: uppercase;
	border-bottom: 1px dotted #ddd;
	cursor: help
}

code {
	color: inherit;
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
	padding: .18em .4em;
	font-family: Menlo, Monaco, "Courier New", "Cairo" , monospace;
	font-size: .9em;
	border-radius: 3px
}

hr,
.hr {
	margin: 0;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	border: 0;
	border-bottom: 1px solid #CCC
}

span.hr {
	display: block
}

.hr-dotted {
	border-bottom-style: dashed
}

.bold,
strong,
dl dt {
	font-weight: 700
}

ul.unstyled,
ul.tabs,
.i3-flexslider ul.slides,
.i3-flexslider ul.slides-nested,
.i3-slider ul.slides,
.i3-slider ul.slides-nested,
ul.flex-direction-nav,
ul.flex-control-nav,
ul.box-social__actions,
ul.pf__nav,
.map-popup__highlights ul,
ul.w-styled-list,
ol.unstyled,
ol.tabs,
.i3-flexslider ol.slides,
.i3-flexslider ol.slides-nested,
.i3-slider ol.slides,
.i3-slider ol.slides-nested,
ol.flex-direction-nav,
ol.flex-control-nav,
ol.box-social__actions,
ol.pf__nav,
ol.w-styled-list {
	list-style: none;
	margin-left: 0
}
.ul.unstyled{
    display: inline-block !important;
    text-align: center;
}

ul.inline li,
ul.tabs li,
ul.flex-control-nav li,
ul.box-social__actions li,
ol.inline li,
ol.tabs li,
ol.flex-control-nav li,
ol.box-social__actions li {
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1
}

.strike-out {
	text-decoration: line-through
}

.text-align-right {
	text-align: right
}

.truncate-text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

dl.data-list {
	margin-bottom: 0
}

dl.data-list dt {
	float: right
}

dl.data-list dd {
	overflow: hidden;
	text-align: right
}

.arrow {
	background: #efefef;
	width: 300px;
	height: 50px;
	margin-bottom: 4rem;
	position: relative
}

.arrow:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #000
}

div[class*="offset-pad-"],
div[class*="offset-pad-"] .row div[class*="col-"],
.offset-pad-1.ctc-col-parent .row div[class*="col-"],
form.form-core input,
form.form-core textarea,
form.form-core select,
.btn-block,
.promotions-container .promotion-product input[name^=quantity] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.offset-bottom-10 {
	margin-bottom: 100px!important
}
.i3-slider{
    margin-bottom: 45px;
}

.offset-bottom-9 {
	margin-bottom: 90px!important
}

.offset-bottom-8 {
	margin-bottom: 80px!important
}

.offset-bottom-7 {
	margin-bottom: 70px!important
}

.offset-bottom-6 {
	margin-bottom: 60px!important
}

.offset-bottom-5 {
	margin-bottom: 50px!important
}

.offset-bottom-4 {
	margin-bottom: 40px!important
}

.offset-bottom-3 {
	margin-bottom: 30px!important
}

.offset-bottom-2 {
	margin-bottom: 20px!important
}

.offset-bottom-1 {
	margin-bottom: 10px!important
}

.offset-bottom-0 {
	margin-bottom: 0!important
}

.offset-bottom {
	margin-bottom: 32px!important;
	margin-bottom: 2rem!important
}

.offset-bottom-none {
	margin-bottom: 0!important
}

.offset-bottom-half {
	margin-bottom: 16px;
	margin-bottom: 1rem
}

.relate-to-this {
	position: relative
}

.row {
	width: 100%
}

.hide {
	display: none!important
}

.transparent {
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden
}

.\+i3TODO {
	outline: 2px dashed red
}

html,
body {
	font-size: 16px;
	color: #333;
	line-height: 1.5
}

i.icon {
	vertical-align: top;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	line-height: 1
}

i.glyph-icon,
.popup-close,
.ui-dialog-titlebar-close .ui-icon,
.promotions-container .select-promotion-products a.removePromotion,
.accordian-link span.icon {
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	width: 16px;
	height: 16px;
	background-image: url(../images/glyph-icon-sprite.png);
	background-repeat: no-repeat
}

.image-full,
.popup-add-cart .product-thumbnail img {
	display: block
}

.image-content {
	display: block;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	margin-right: 32px;
	margin-right: 2rem;
	margin-left: 32px;
	margin-left: 2rem
}

.image-content.pull-left {
	margin-left: 0
}

.grid-table {
	display: table;
	width: 100%
}

.grid-table .grid-table-row {
	display: table-row
}

.grid-table .grid-table-cell {
	display: table-cell
}

.grid-table.two-blocks .grid-table-cell {
	width: 50%
}

.grid-table.three-blocks .grid-table-cell {
	width: 33%
}

.grid-table.four-blocks .grid-table-cell {
	width: 25%
}

.grid-table.five-blocks .grid-table-cell {
	width: 20%
}

.ctc-col-parent {
	float: none!important
}

.ctc-col-parent .col-33 {
	width: 33.33%!important
}

div[class*="offset-pad-"].offset-bottom-1 .row div[class*="col-"] {
	margin-bottom: 10px
}

div[class*="offset-pad-"].offset-bottom-2 .row div[class*="col-"] {
	margin-bottom: 20px
}

div[class*="offset-pad-"].offset-bottom-3 .row div[class*="col-"] {
	margin-bottom: 30px
}

div[class*="offset-pad-"].offset-bottom-4 .row div[class*="col-"] {
	margin-bottom: 40px
}

div[class*="offset-pad-"].offset-bottom-5 .row div[class*="col-"] {
	margin-bottom: 50px
}

div[class*="offset-pad-"].offset-bottom-6 .row div[class*="col-"] {
	margin-bottom: 60px
}

div[class*="offset-pad-"].offset-bottom-7 .row div[class*="col-"] {
	margin-bottom: 70px
}

div[class*="offset-pad-"].offset-bottom-8 .row div[class*="col-"] {
	margin-bottom: 80px
}

div[class*="offset-pad-"].offset-bottom-9 .row div[class*="col-"] {
	margin-bottom: 90px
}

div[class*="offset-pad-"].offset-bottom-10 .row div[class*="col-"] {
	margin-bottom: 100px
}

.offset-pad-1 {
	padding-left: 5px;
	padding-right: 5px
}

.offset-pad-1.ctc-col-parent {
	padding-left: 0;
	padding-right: 0;
	margin-left: -5px;
	margin-right: -5px
}

.offset-pad-1.ctc-col-parent .row div[class*="col-"] {
	padding: 0 5px
}

.offset-pad-2 {
	padding-left: 10px;
	padding-right: 10px
}

.offset-pad-2.ctc-col-parent {
	padding-left: 0;
	padding-right: 0;
	margin-left: -10px;
	margin-right: -10px
}

.offset-pad-2.ctc-col-parent .row div[class*="col"] {
	padding: 0 10px
}

.offset-pad-3 {
	padding-left: 15px;
	padding-right: 15px
}

.offset-pad-3.ctc-col-parent {
	padding-left: 0;
	padding-right: 0;
	margin-left: -15px;
	margin-right: -15px
}

.offset-pad-3.ctc-col-parent .row div[class*="col"] {
	padding: 0 15px
}

.offset-pad-4 {
	padding-left: 20px;
	padding-right: 20px
}

.offset-pad-4.ctc-col-parent {
	padding-left: 0;
	padding-right: 0;
	margin-left: -20px;
	margin-right: -20px
}

.offset-pad-4.ctc-col-parent .row div[class*="col"] {
	padding: 0 20px
}

.offset-pad-5 {
	padding-left: 25px;
	padding-right: 25px
}

.offset-pad-5.ctc-col-parent {
	padding-left: 0;
	padding-right: 0;
	margin-left: -25px;
	margin-right: -25px
}

.offset-pad-5.ctc-col-parent .row div[class*="col"] {
	padding: 0 25px
}

.offset-pad-6 {
	padding-left: 30px;
	padding-right: 30px
}

.offset-pad-6.ctc-col-parent {
	padding-left: 0;
	padding-right: 0;
	margin-left: -30px;
	margin-right: -30px
}

.offset-pad-6.ctc-col-parent .row div[class*="col"] {
	padding: 0 30px
}

.offset-pad-7 {
	padding-left: 35px;
	padding-right: 35px
}

.offset-pad-7.ctc-col-parent {
	padding-left: 0;
	padding-right: 0;
	margin-left: -35px;
	margin-right: -35px
}

.offset-pad-7.ctc-col-parent .row div[class*="col"] {
	padding: 0 35px
}

.offset-pad-8 {
	padding-left: 40px;
	padding-right: 40px
}

.offset-pad-8.ctc-col-parent {
	padding-left: 0;
	padding-right: 0;
	margin-left: -40px;
	margin-right: -40px
}

.offset-pad-8.ctc-col-parent .row div[class*="col"] {
	padding: 0 40px
}

.offset-pad-9 {
	padding-left: 45px;
	padding-right: 45px
}

.offset-pad-9.ctc-col-parent {
	padding-left: 0;
	padding-right: 0;
	margin-left: -45px;
	margin-right: -45px
}

.offset-pad-9.ctc-col-parent .row div[class*="col"] {
	padding: 0 45px
}

.offset-pad-10 {
	padding-left: 50px;
	padding-right: 50px
}

.offset-pad-10.ctc-col-parent {
	padding-left: 0;
	padding-right: 0;
	margin-left: -50px;
	margin-right: -50px
}

.offset-pad-10.ctc-col-parent .row div[class*="col"] {
	padding: 0 50px
}

.ctc-entity-banners {
	position: relative
}

.ctc-entity-banners img {
	display: block;
	margin: 0 auto;
    /*height: 600px;*/
}

[class*="col-"] {
	float: right
}

.col-100,
.w-100 {
	width: 100%
}

.offset-100 {
	margin-left: 100%
}

.col-99,
.w-99 {
	width: 99%
}

.offset-99 {
	margin-left: 99%
}

.col-98,
.w-98 {
	width: 98%
}

.offset-98 {
	margin-left: 98%
}

.col-97,
.w-97 {
	width: 97%
}

.offset-97 {
	margin-left: 97%
}

.col-96,
.w-96 {
	width: 96%
}

.offset-96 {
	margin-left: 96%
}

.col-95,
.w-95 {
	width: 95%
}

.offset-95 {
	margin-left: 95%
}

.col-94,
.w-94 {
	width: 94%
}

.offset-94 {
	margin-left: 94%
}

.col-93,
.w-93 {
	width: 93%
}

.offset-93 {
	margin-left: 93%
}

.col-92,
.w-92 {
	width: 92%
}

.offset-92 {
	margin-left: 92%
}

.col-91,
.w-91 {
	width: 91%
}

.offset-91 {
	margin-left: 91%
}

.col-90,
.w-90 {
	width: 90%
}

.offset-90 {
	margin-left: 90%
}

.col-89,
.w-89 {
	width: 89%
}

.offset-89 {
	margin-left: 89%
}

.col-88,
.w-88 {
	width: 88%
}

.offset-88 {
	margin-left: 88%
}

.col-87,
.w-87 {
	width: 87%
}

.offset-87 {
	margin-left: 87%
}

.col-86,
.w-86 {
	width: 86%
}

.offset-86 {
	margin-left: 86%
}

.col-85,
.w-85 {
	width: 85%
}

.offset-85 {
	margin-left: 85%
}

.col-84,
.w-84 {
	width: 84%
}

.offset-84 {
	margin-left: 84%
}

.col-83,
.w-83 {
	width: 83%
}

.offset-83 {
	margin-right: 83%
}

.col-82,
.w-82 {
	width: 82%
}

.offset-82 {
	margin-right: 82%
}

.col-81,
.w-81 {
	width: 81%
}

.offset-81 {
	margin-right: 81%
}

.col-80,
.w-80 {
	width: 80%
}

.offset-80 {
	margin-right: 80%
}

.col-79,
.w-79 {
	width: 79%
}

.offset-79 {
	margin-right: 79%
}

.col-78,
.w-78 {
	width: 78%
}

.offset-78 {
	margin-right: 78%
}

.col-77,
.w-77 {
	width: 77%
}

.offset-77 {
	margin-right: 77%
}

.col-76,
.w-76 {
	width: 76%
}

.offset-76 {
	margin-right: 76%
}

.col-75,
.w-75 {
	width: 75%
}

.offset-75 {
	margin-right: 75%
}

.col-74,
.w-74 {
	width: 74%
}

.offset-74 {
	margin-right: 74%
}

.col-73,
.w-73 {
	width: 73%
}

.offset-73 {
	margin-left: 73%
}

.col-72,
.w-72 {
	width: 72%
}

.offset-72 {
	margin-right: 72%
}

.col-71,
.w-71 {
	width: 71%
}

.offset-71 {
	margin-right: 71%
}

.col-70,
.w-70 {
	width: 70%
}

.offset-70 {
	margin-right: 70%
}

.col-69,
.w-69 {
	width: 69%
}

.offset-69 {
	margin-right: 69%
}

.col-68,
.w-68 {
	width: 68%
}

.offset-68 {
	margin-left: 68%
}

.col-67,
.w-67 {
	width: 67%
}

.offset-67 {
	margin-right: 67%
}

.col-66,
.w-66 {
	width: 66%
}

.offset-66 {
	margin-right: 66%
}

.col-65,
.w-65 {
	width: 65%
}

.offset-65 {
	margin-right: 65%
}

.col-64,
.w-64 {
	width: 64%
}

.offset-64 {
	margin-right: 64%
}

.col-63,
.w-63 {
	width: 63%
}

.offset-63 {
	margin-right: 63%
}

.col-62,
.w-62 {
	width: 62%
}

.offset-62 {
	margin-right: 62%
}

.col-61,
.w-61 {
	width: 61%
}

.offset-61 {
	margin-right: 61%
}

.col-60,
.w-60 {
	width: 60%
}

.offset-60 {
	margin-right: 60%
}

.col-59,
.w-59 {
	width: 59%
}

.offset-59 {
	margin-right: 59%
}

.col-58,
.w-58 {
	width: 58%
}

.offset-58 {
	margin-right: 58%
}

.col-57,
.w-57 {
	width: 57%
}

.offset-57 {
	margin-right: 57%
}

.col-56,
.w-56 {
	width: 56%
}

.offset-56 {
	margin-right: 56%
}

.col-55,
.w-55 {
	width: 55%
}

.offset-55 {
	margin-right: 55%
}

.col-54,
.w-54 {
	width: 54%
}

.offset-54 {
	margin-right: 54%
}

.col-53,
.w-53 {
	width: 53%
}

.offset-53 {
	margin-left: 53%
}

.col-52,
.w-52 {
	width: 52%
}

.offset-52 {
	margin-right: 52%
}

.col-51,
.w-51 {
	width: 51%
}

.offset-51 {
	margin-right: 51%
}

.col-50,
.w-50 {
	width: 50%
}

.offset-50 {
	margin-right: 50%
}

.col-49,
.w-49 {
	width: 49%
}

.offset-49 {
	margin-right: 49%
}

.col-48,
.w-48 {
	width: 48%
}

.offset-48 {
	margin-right: 48%
}

.col-47,
.w-47 {
	width: 47%
}

.offset-47 {
	margin-left: 47%
}

.col-46,
.w-46 {
	width: 46%
}

.offset-46 {
	margin-right: 46%
}

.col-45,
.w-45 {
	width: 45%
}

.offset-45 {
	margin-right: 45%
}

.col-44,
.w-44 {
	width: 44%
}

.offset-44 {
	margin-right: 44%
}

.col-43,
.w-43 {
	width: 43%
}

.offset-43 {
	margin-right: 43%
}

.col-42,
.w-42 {
	width: 42%
}

.offset-42 {
	margin-right: 42%
}

.col-41,
.w-41 {
	width: 41%
}

.offset-41 {
	margin-right: 41%
}

.col-40,
.w-40 {
	width: 40%
}

.offset-40 {
	margin-left: 40%
}

.col-39,
.w-39 {
	width: 39%
}

.offset-39 {
	margin-right: 39%
}

.col-38,
.w-38 {
	width: 38%
}

.offset-38 {
	margin-right: 38%
}

.col-37,
.w-37 {
	width: 37%
}

.offset-37 {
	margin-right: 37%
}

.col-36,
.w-36 {
	width: 36%
}

.offset-36 {
	margin-right: 36%
}

.col-35,
.w-35 {
	width: 35%
}

.offset-35 {
	margin-right: 35%
}

.col-34,
.w-34 {
	width: 34%
}

.offset-34 {
	margin-left: 34%
}

.col-33,
.w-33 {
	width: 33%
}

.offset-33 {
	margin-right: 33%
}

.col-32,
.w-32 {
	width: 32%
}

.offset-32 {
	margin-right: 32%
}

.col-31,
.w-31 {
	width: 31%
}

.offset-31 {
	margin-right: 31%
}

.col-30,
.w-30 {
	width: 30%
}

.offset-30 {
	margin-right: 30%
}

.col-29,
.w-29 {
	width: 29%
}

.offset-29 {
	margin-right: 29%
}

.col-28,
.w-28 {
	width: 28%
}

.offset-28 {
	margin-right: 28%
}

.col-27,
.w-27 {
	width: 27%
}

.offset-27 {
	margin-right: 27%
}

.col-26,
.w-26 {
	width: 26%
}

.offset-26 {
	margin-right: 26%
}

.col-25,
.w-25 {
	width: 25%
}

.offset-25 {
	margin-right: 25%
}

.col-24,
.w-24 {
	width: 24%
}

.offset-24 {
	margin-right: 24%
}

.col-23,
.w-23 {
	width: 23%
}

.offset-23 {
	margin-right: 23%
}

.col-22,
.w-22 {
	width: 22%
}

.offset-22 {
	margin-right: 22%
}

.col-21,
.w-21 {
	width: 21%
}

.offset-21 {
	margin-right: 21%
}

.col-20,
.w-20 {
	width: 20%
}

.offset-20 {
	margin-right: 20%
}

.col-19,
.w-19 {
	width: 19%
}

.offset-19 {
	margin-right: 19%
}

.col-18,
.w-18 {
	width: 18%
}

.offset-18 {
	margin-left: 18%
}

.col-17,
.w-17 {
	width: 17%
}

.offset-17 {
	margin-right: 17%
}

.col-16,
.w-16 {
	width: 16%
}

.offset-16 {
	margin-right: 16%
}

.col-15,
.w-15 {
	width: 15%
}

.offset-15 {
	margin-right: 15%
}

.col-14,
.w-14 {
	width: 14%
}

.offset-14 {
	margin-right: 14%
}

.col-13,
.w-13 {
	width: 13%
}

.offset-13 {
	margin-right: 13%
}

.col-12,
.w-12 {
	width: 12%
}

.offset-12 {
	margin-right: 12%
}

.col-11,
.w-11 {
	width: 11%
}

.offset-11 {
	margin-right: 11%
}

.col-10,
.w-10 {
	width: 10%
}

.offset-10 {
	margin-right: 10%
}

.col-9,
.w-9 {
	width: 9%
}

.offset-9 {
	margin-right: 9%
}

.col-8,
.w-8 {
	width: 8%
}

.offset-8 {
	margin-right: 8%
}

.col-7,
.w-7 {
	width: 7%
}

.offset-7 {
	margin-right: 7%
}

.col-6,
.w-6 {
	width: 6%
}

.offset-6 {
	margin-right: 6%
}

.col-5,
.w-5 {
	width: 5%
}

.offset-5 {
	margin-right: 5%
}

.col-4,
.w-4 {
	width: 4%
}

.offset-4 {
	margin-right: 4%
}

.col-3,
.w-3 {
	width: 3%
}

.offset-3 {
	margin-right: 3%
}

.col-2,
.w-2 {
	width: 2%
}

.offset-2 {
	margin-right: 2%
}

.col-1,
.w-1 {
	width: 1%
}

.offset-1 {
	margin-left: 1%
}

[class*=content-col-] {
	margin-left: 4.4%;
	float: right
}

[class*=content-col-]:first-child {
	margin-left: 0
}

[class*=content-col-]:last-child {
	float: right
}

.content-col-1 {
	width: 4.3%
}

.content-col-2 {
	width: 13%
}

.content-col-3 {
	width: 21.679%
}

.content-col-4 {
	width: 30.37%
}

.content-col-5 {
	width: 39.1%
}

.content-col-6 {
	width: 47.8%
}

.content-col-7 {
	width: 56.5%
}

.content-col-8 {
	width: 65.2%
}

.content-col-9 {
	width: 73.9%
}

.content-col-10 {
	width: 82.6%
}

.content-col-11 {
	width: 91.3%
}

.content-col-12 {
	width: 100%
}

.form-horizontal .control-label {
	width: 200px
}

form.form-core {
	margin-bottom: 32px;
	margin-bottom: 2rem;
	font-size: 16px;
	font-size: 1rem
}

.form-filters.form-horizontal {
	margin-bottom: 0
}

.form-filters.form-horizontal .control-label {
	width: auto
}

.form-filters.form-horizontal .inline li,
.form-filters.form-horizontal .tabs li,
.form-filters.form-horizontal .flex-control-nav li,
.form-filters.form-horizontal .box-social__actions li {
	float: right;
	margin-right: 1em
}

.control-group {
	margin-bottom: 32px;
	margin-bottom: 2rem;
	position: relative
}

.control-label {
	display: block;
	font-size: 1rem;
	padding: .5em;
	padding-left: 0
}

.form-horizontal label.control-label {
	float: right;
	margin-bottom: 0;
	padding: .8em;
	padding-left: 0;
	padding-bottom: 0
}

form.form-core.form-horizontal .btn {
	margin-top: .18em
}

form.form-core.form-horizontal .controls {
	overflow: hidden;
	padding: .18em
}

form.form-core.form-horizontal .controls ul li>label:first-child {
	margin-top: .5em
}

form.form-core .controls {
	position: relative
}

form.form-core .controls .control-wrap {
	position: relative
}

form.form-core .controls ul {
	list-style: none;
	margin: 0
}

form.form-core .controls ul li {
	position: relative;
	margin-bottom: 4px
}

form.form-core .controls ul li label.control-label {
	margin-left: .5em;
	margin-top: .5em;
	width: 90px;
	display: block;
	float: right
}

form.form-core .controls ul li label.control-label.middle-label {
	width: auto
}

form.form-core .controls ul.inline li,
form.form-core .controls ul.tabs li,
form.form-core .controls ul.flex-control-nav li,
form.form-core .controls ul.box-social__actions li {
	float: right;
	display: block;
	margin-right: 1em
}

form.form-core fieldset {
	margin-bottom: 32px;
	margin-bottom: 2rem
}

form.form-core fieldset legend {
	display: block;
	font-size: 2em;
	line-height: 1.5;
	padding-bottom: .5em
}

form.form-core label {
	margin-bottom: .5em;
	line-height: 1.5;
	color: inherit
}

form.form-core label,
form.form-core input,
form.form-core select,
form.form-core textarea,
form.form-core .uploader,
form.form-core .selector {
	font-size: 1em
}

form.form-core input[type=checkbox],
form.form-core input[type=radio] {
	cursor: pointer
}

form.form-core input,
form.form-core textarea,
form.form-core select,
form.form-core .uneditable-input {
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1
}

form.form-core input[type="text"],
form.form-core input[type="password"],
form.form-core input[type="number"],
form.form-core textarea,
form.form-core select,
form.form-core .uneditable-input,
form.form-core .uploader,
form.form-core .selector,
form.form-core .add-on {
	padding: .5em;
	line-height: normal;
	border: 1px solid #CCC;
	-webkit-transition: .2s;
	transition: .2s
}

form.form-core input,
form.form-core textarea,
form.form-core select {
	width: 100%;
	*width: 90%
}

form.form-core input[type=checkbox],
form.form-core input[type=radio] {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	line-height: normal;
	border: none
}

form.form-core input[type=button],
form.form-core input[type=reset],
form.form-core input[type=submit] {
	width: auto;
	height: auto
}

form.form-core input:focus,
form.form-core textarea:focus,
form.form-core select:focus,
form.form-core .uploader.focus,
form.form-core .selector.focus {
	outline: 0;
	border-color: #666
}

form.form-core input[type=file]:focus,
form.form-core input[type=submit]:focus,
form.form-core input[type=button]:focus {
	outline: 1px dotted #666
}

form.form-core .uneditable-input,
form.form-core .uploader.disabled,
form.form-core .selector.disabled,
form.form-core input[disabled],
form.form-core select[disabled],
form.form-core textarea[disabled],
form.form-core input[readonly],
form.form-core select[readonly],
form.form-core textarea[readonly] {
	display: block;
	cursor: not-allowed
}

form.form-core input[type="submit"][disabled],
form.form-core input[type="button"][disabled] {
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1
}

form.form-core select[multiple] {
	height: inherit
}

form.form-core .selector {
	line-height: normal;
	position: relative;
	display: block;
	background-position: 20px center;
	background-repeat: no-repeat;
	background-image: url(../images/selector.png);
	padding-right: 20px;
	*margin-top: 1px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

form.form-core .selector select {
	border: initial;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0
}

form.form-core .selector span {
	display: block;
	width: auto;
    text-align: right;
	white-space: nowrap;
	overflow: hidden
}

form.form-core .uploader {
	display: block;
	position: relative;
	cursor: pointer
}

form.form-core .uploader input[type=file] {
	border: initial;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	cursor: pointer
}

form.form-core .uploader span.filename {
	display: block;
	width: auto;
	padding-right: 150px;
	line-height: normal;
	overflow: hidden
}

form.form-core .uploader span.action {
	display: block;
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	bottom: 0;
	padding: .7em 0;
	font-size: .85em;
	border-left: 1px solid #CCC;
	text-align: center;
	width: 120px;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #FFF
}

form.form-core .radio {
	position: relative;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
    margin-right: -8px;
}

form.form-core .radio.hover span.checked {
	background-position: -64px -9px
}

form.form-core .radio.focus span {
	background-position: -28px -9px
}

form.form-core .radio.disabled span {
	background-position: -46px -9px
}

form.form-core .radio.hover span.checked,
form.form-core .radio.focus span.checked {
	background-position: -64px -9px
}

form.form-core .radio span.checked {
	background-position: -64px -9px
}

form.form-core .radio input[type=radio] {
	border: initial;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	/*opacity: 0;*/
	width: 100%;
	height: 100%;
	background: none
}

form.form-core .radio span {
	background-image: url(/_ui/media/std/components/uniform-form/sprite.png);
	background-position: left top;
	position: relative;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	text-align: center;
	width: 18px;
	height: 18px;
	background-position: -10px -9px
}

form.form-core .checker {
	position: relative;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	vertical-align: middle
}

form.form-core .checker.hover span {
	background-position: -28px -33px
}

form.form-core .checker.focus span {
	background-position: -28px -33px
}

form.form-core .checker.disabled span {
	background-position: -46px -33px
}

form.form-core .checker span.checked {
	background-position: -64px -33px
}

form.form-core .checker input[type=checkbox] {
	border: initial;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	background: none
}

form.form-core .checker span {
	background-image: url(/_ui/media/std/components/uniform-form/sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	text-align: center;
	position: relative;
	width: 18px;
	height: 18px;
	background-position: -10px -33px
}

form.form-core textarea {
	min-height: 130px;
	resize: vertical
}

form.form-core .input-prepend .add-on,
form.form-core .input-append .add-on {
	background: #f5f5f5;
	display: table-cell;
	*display: none;
	padding: .5em;
	line-height: 1;
	color: #bbb;
	text-align: center;
	text-shadow: 0 1px 0 #FFF;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	vertical-align: middle
}

form.form-core .input-prepend {
	display: table;
	width: 100%
}

form.form-core .input-prepend .add-on {
	border-right: 0
}

form.form-core .input-prepend input,
form.form-core .input-prepend .selector,
form.form-core .input-prepend .uploader {
	display: table-cell
}

form.form-core .input-append {
	display: table;
	width: 100%
}

form.form-core .input-append .add-on {
	border-left: 0
}

form.form-core .input-append input,
form.form-core .input-append .selector,
form.form-core .input-append .uploader {
	display: table-cell
}

form.form-core p.error-text {
	margin-top: .5em;
	margin-bottom: 0;
	color: #b94a48
}

form.form-core p.error-text .label {
	margin-right: 1em
}

form.form-core .help-block {
	display: block;
	margin: 5px 0
}

form.form-core .help-inline,
form.form-core .help-block {
	font-size: .9em;
	line-height: 1.5;
	color: #BFBFBF
}

form.form-core .help-inline {
	padding-left: 5px;
	*position: relative;
	*top: -5px
}

form.form-core div.control-group.error>label,
form.form-core div.control-group.error span.help-inline,
form.form-core div.control-group.error span.help-block {
	color: #b94a48
}

form.form-core div.control-group.error input,
form.form-core div.control-group.error textarea {
	border-color: #eed3d3
}

form.form-core div.control-group.error input:focus,
form.form-core div.control-group.error textarea:focus {
	border-color: #eed3d3
}

form.form-core div.control-group.error .input-prepend span.add-on,
form.form-core div.control-group.error .input-append span.add-on {
	background: #f2dede;
	border-color: #eed3d3;
	color: #b94a48
}

form.form-core div.control-group.success>label,
form.form-core div.control-group.success span.help-inline,
form.form-core div.control-group.success span.help-block {
	color: #468847
}

form.form-core div.control-group.success input,
form.form-core div.control-group.success textarea {
	border-color: #d0e9c6
}

form.form-core div.control-group.success input:focus,
form.form-core div.control-group.success textarea:focus {
	border-color: #d0e9c6
}

form.form-core div.control-group.success .input-prepend span.add-on,
form.form-core div.control-group.success .input-append span.add-on {
	background: #dff0d8;
	border-color: #d0e9c6;
	color: #dff0d8
}

form.form-core .stars i {
	background-image: url(../images/star-sprite.png);
	background-size: cover;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1
}

form.form-core.form-horizontal .stars i {
	margin-top: 10px
}

a.btn {
	text-decoration: none
}

.btn,
.ui-button {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	padding: .5em 1em;
	background-color: #FFF;
	color: #333;
	font-size: 16px;
	font-size: 1rem;
	line-height: normal!important;
	border: 1px solid #CCC;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.btn.active,
.btn:hover,
.btn:active,
.ui-button.active,
.ui-button:hover,
.ui-button:active {
	border-color: #000
}

.btn:focus,
.ui-button:focus {
	outline: 1px dotted #666;
	border-color: #000
}

.btn.disabled,
.btn[disabled],
.ui-button.disabled,
.ui-button[disabled] {
	cursor: default;
	opacity: .6
}

.btn-large {
	font-size: 19px;
	font-size: 1.2rem
}

.btn-small {
	font-size: 13px;
	font-size: .85rem
}

.btn-block {
	display: block;
	text-align: center;
	width: 100%
}

.ie7 .btn-block {
	width: 90%
}

.btn-primary {
	color: #FFF;
	background-color: #e30044;
	border-color: #e30044
}

.btn-primary.active,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	color: #FFF;
	border-color: #b00035
}

.btn-secondary {
	color: #FFF;
	background-color: #77b524;
	border-color: #77b524
}

.btn-secondary.active,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
	color: #FFF;
	border-color: #5b8a1c
}

.btn-error {
	color: #FFF;
	background-color: #c73f38;
	border-color: #c73f38
}

.btn-error.active,
.btn-error:hover,
.btn-error:active,
.btn-error:focus {
	color: #FFF;
	border-color: #9f322d
}

.btn-warning {
	color: #FFF;
	background-color: #f9a021;
	border-color: #f9a021
}

.btn-warning.active,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
	color: #FFF;
	border-color: #e18706
}

.btn-success {
	color: #FFF;
	background-color: #7ec09c;
	border-color: #7ec09c
}

.btn-success.active,
.btn-success:hover,
.btn-success:active,
.btn-success:focus {
	color: #FFF;
	border-color: #5caf82
}

.badge,
form.form-core p.error-text .label {
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	color: inherit;
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
	padding: .18em .4em;
	font-family: Menlo, Monaco, "Cairo" , "Courier New", monospace;
	font-size: .9em;
	border-radius: 3px
}

i.glyph-icon.contrast.glass {
	background-position: -368px -16px
}

i.glyph-icon.contrast.music {
	background-position: -384px -16px
}

i.glyph-icon.contrast.search {
	background-position: -400px -16px
}

i.glyph-icon.contrast.envelope {
	background-position: -416px -16px
}

i.glyph-icon.contrast.heart {
	background-position: -432px -16px
}

i.glyph-icon.contrast.star {
	background-position: -448px -16px
}

i.glyph-icon.contrast.star-empty {
	background-position: -464px -16px
}

i.glyph-icon.contrast.user {
	background-position: -480px -16px
}

i.glyph-icon.contrast.film {
	background-position: -496px -16px
}

i.glyph-icon.contrast.thumbs-big {
	background-position: -512px -16px
}

i.glyph-icon.contrast.thumbs-small {
	background-position: -528px -16px
}

i.glyph-icon.contrast.thumbs-list {
	background-position: -544px -16px
}

i.glyph-icon.contrast.ok {
	background-position: -560px -16px
}

i.glyph-icon.contrast.remove,
.contrast.popup-close,
.ui-dialog-titlebar-close .contrast.ui-icon {
	background-position: -576px -16px
}

i.glyph-icon.contrast.zoom {
	background-position: -592px -16px
}

i.glyph-icon.contrast.zoom-out {
	background-position: -608px -16px
}

i.glyph-icon.contrast.off {
	background-position: -624px -16px
}

i.glyph-icon.contrast.signal {
	background-position: -640px -16px
}

i.glyph-icon.contrast.cogwheel {
	background-position: -656px -16px
}

i.glyph-icon.contrast.bin,
.promotions-container .select-promotion-products a.contrast.removePromotion {
	background-position: -672px -16px
}

i.glyph-icon.contrast.home {
	background-position: -368px -32px
}

i.glyph-icon.contrast.file {
	background-position: -384px -32px
}

i.glyph-icon.contrast.time {
	background-position: -400px -32px
}

i.glyph-icon.contrast.road {
	background-position: -416px -32px
}

i.glyph-icon.contrast.download {
	background-position: -432px -32px
}

i.glyph-icon.contrast.download-round {
	background-position: -448px -32px
}

i.glyph-icon.contrast.upload-round {
	background-position: -464px -32px
}

i.glyph-icon.contrast.inbox {
	background-position: -480px -32px
}

i.glyph-icon.contrast.circle-play {
	background-position: -496px -32px
}

i.glyph-icon.contrast.repeat {
	background-position: -512px -32px
}

i.glyph-icon.contrast.refresh {
	background-position: -528px -32px
}

i.glyph-icon.contrast.list {
	background-position: -544px -32px
}

i.glyph-icon.contrast.lock {
	background-position: -560px -32px
}

i.glyph-icon.contrast.flag {
	background-position: -576px -32px
}

i.glyph-icon.contrast.headphones {
	background-position: -592px -32px
}

i.glyph-icon.contrast.volume-off {
	background-position: -608px -32px
}

i.glyph-icon.contrast.volume-down {
	background-position: -624px -32px
}

i.glyph-icon.contrast.volume-up {
	background-position: -640px -32px
}

i.glyph-icon.contrast.qrcode {
	background-position: -656px -32px
}

i.glyph-icon.contrast.barcode {
	background-position: -672px -32px
}

i.glyph-icon.contrast.tag {
	background-position: -368px -48px
}

i.glyph-icon.contrast.tags {
	background-position: -384px -48px
}

i.glyph-icon.contrast.book {
	background-position: -400px -48px
}

i.glyph-icon.contrast.bookmark {
	background-position: -416px -48px
}

i.glyph-icon.contrast.print {
	background-position: -432px -48px
}

i.glyph-icon.contrast.camera {
	background-position: -448px -48px
}

i.glyph-icon.contrast.font {
	background-position: -464px -48px
}

i.glyph-icon.contrast.font-bold {
	background-position: -480px -48px
}

i.glyph-icon.contrast.font-italic {
	background-position: -496px -48px
}

i.glyph-icon.contrast.text-height {
	background-position: -512px -48px
}

i.glyph-icon.contrast.text-width {
	background-position: -528px -48px
}

i.glyph-icon.contrast.align-left {
	background-position: -544px -48px
}

i.glyph-icon.contrast.align-center {
	background-position: -560px -48px
}

i.glyph-icon.contrast.align-right {
	background-position: -576px -48px
}

i.glyph-icon.contrast.justify {
	background-position: -592px -48px
}

i.glyph-icon.contrast.list {
	background-position: -608px -48px
}

i.glyph-icon.contrast.left-indent {
	background-position: -624px -48px
}

i.glyph-icon.contrast.right-indent {
	background-position: -640px -48px
}

i.glyph-icon.contrast.facetime {
	background-position: -656px -48px
}

i.glyph-icon.contrast.image {
	background-position: -672px -48px
}

i.glyph-icon.contrast.pencil {
	background-position: -368px -64px
}

i.glyph-icon.contrast.map-marker {
	background-position: -384px -64px
}

i.glyph-icon.contrast.adjust {
	background-position: -400px -64px
}

i.glyph-icon.contrast.tint {
	background-position: -416px -64px
}

i.glyph-icon.contrast.edit {
	background-position: -432px -64px
}

i.glyph-icon.contrast.share {
	background-position: -448px -64px
}

i.glyph-icon.contrast.check {
	background-position: -464px -64px
}

i.glyph-icon.contrast.move {
	background-position: -480px -64px
}

i.glyph-icon.contrast.step-backward {
	background-position: -496px -64px
}

i.glyph-icon.contrast.fast-backward {
	background-position: -512px -64px
}

i.glyph-icon.contrast.backward {
	background-position: -528px -64px
}

i.glyph-icon.contrast.play {
	background-position: -544px -64px
}

i.glyph-icon.contrast.pause {
	background-position: -560px -64px
}

i.glyph-icon.contrast.stop {
	background-position: -576px -64px
}

i.glyph-icon.contrast.forward {
	background-position: -592px -64px
}

i.glyph-icon.contrast.fast-forward {
	background-position: -608px -64px
}

i.glyph-icon.contrast.step-forward {
	background-position: -624px -64px
}

i.glyph-icon.contrast.eject {
	background-position: -640px -64px
}

i.glyph-icon.contrast.thin-left-arrow {
	background-position: -656px -64px
}

i.glyph-icon.contrast.thin-right-arrow {
	background-position: -672px -64px
}

i.glyph-icon.contrast.circle-plus {
	background-position: -368px -80px
}

i.glyph-icon.contrast.circle-minus {
	background-position: -384px -80px
}

i.glyph-icon.contrast.circle-remove {
	background-position: -400px -80px
}

i.glyph-icon.contrast.circle-ok {
	background-position: -416px -80px
}

i.glyph-icon.contrast.circle-question {
	background-position: -432px -80px
}

i.glyph-icon.contrast.circle-info {
	background-position: -448px -80px
}

i.glyph-icon.contrast.screenshot {
	background-position: -464px -80px
}

i.glyph-icon.contrast.remove-empty {
	background-position: -480px -80px
}

i.glyph-icon.contrast.ok-empty {
	background-position: -496px -80px
}

i.glyph-icon.contrast.ban {
	background-position: -512px -80px
}

i.glyph-icon.contrast.left-arrow {
	background-position: -528px -80px
}

i.glyph-icon.contrast.right-arrow {
	background-position: -544px -80px
}

i.glyph-icon.contrast.up-arrow {
	background-position: -560px -80px
}

i.glyph-icon.contrast.down-arrow {
	background-position: -576px -80px
}

i.glyph-icon.contrast.share-big {
	background-position: -592px -80px
}

i.glyph-icon.contrast.resize-full {
	background-position: -608px -80px
}

i.glyph-icon.contrast.resize-small {
	background-position: -624px -80px
}

i.glyph-icon.contrast.plus {
	background-position: -640px -80px
}

i.glyph-icon.contrast.minus {
	background-position: -656px -80px
}

i.glyph-icon.contrast.asterix {
	background-position: -672px -80px
}

i.glyph-icon.contrast.circle-exc {
	background-position: -368px -96px
}

i.glyph-icon.contrast.gift {
	background-position: -384px -96px
}

i.glyph-icon.contrast.leaf {
	background-position: -400px -96px
}

i.glyph-icon.contrast.fire {
	background-position: -416px -96px
}

i.glyph-icon.contrast.eye-open {
	background-position: -432px -96px
}

i.glyph-icon.contrast.eye-close {
	background-position: -448px -96px
}

i.glyph-icon.contrast.warning-sign {
	background-position: -464px -96px
}

i.glyph-icon.contrast.plane {
	background-position: -480px -96px
}

i.glyph-icon.contrast.calendar {
	background-position: -496px -96px
}

i.glyph-icon.contrast.random {
	background-position: -512px -96px
}

i.glyph-icon.contrast.comments {
	background-position: -528px -96px
}

i.glyph-icon.contrast.magnet {
	background-position: -544px -96px
}

i.glyph-icon.contrast.thin-up-arrow,
.accordian-link.active span.contrast.icon {
	background-position: -560px -96px
}

i.glyph-icon.contrast.thin-down-arrow,
.accordian-link span.contrast.icon {
	background-position: -576px -96px
}

i.glyph-icon.contrast.retweet {
	background-position: -592px -96px
}

i.glyph-icon.contrast.shopping-cart {
	background-position: -608px -96px
}

i.glyph-icon.contrast.folder {
	background-position: -624px -96px
}

i.glyph-icon.contrast.folder-open {
	background-position: -640px -96px
}

i.glyph-icon.contrast.resize-vert {
	background-position: -656px -96px
}

i.glyph-icon.contrast.resize-hor {
	background-position: -672px -96px
}

i.glyph-icon.contrast.phone {
	background-position: -368px -112px
}

i.glyph-icon.contrast.mobile {
	background-position: -384px -112px
}

i.glyph-icon.glass {
	background-position: -16px -16px
}

i.glyph-icon.music {
	background-position: -32px -16px
}

i.glyph-icon.search {
	background-position: -48px -16px
}

i.glyph-icon.envelope {
	background-position: -64px -16px
}

i.glyph-icon.heart {
	background-position: -80px -16px
}

i.glyph-icon.star {
	background-position: -96px -16px
}

i.glyph-icon.star-empty {
	background-position: -112px -16px
}

i.glyph-icon.user {
	background-position: -128px -16px
}

i.glyph-icon.film {
	background-position: -144px -16px
}

i.glyph-icon.thumbs-big {
	background-position: -160px -16px
}

i.glyph-icon.thumbs-small {
	background-position: -176px -16px
}

i.glyph-icon.thumbs-list {
	background-position: -192px -16px
}

i.glyph-icon.ok {
	background-position: -208px -16px
}

i.glyph-icon.remove,
.popup-close,
.ui-dialog-titlebar-close .ui-icon {
	background-position: -224px -16px
}

i.glyph-icon.zoom {
	background-position: -240px -16px
}

i.glyph-icon.zoom-out {
	background-position: -256px -16px
}

i.glyph-icon.off {
	background-position: -272px -16px
}

i.glyph-icon.signal {
	background-position: -288px -16px
}

i.glyph-icon.cogwheel {
	background-position: -304px -16px
}

i.glyph-icon.bin,
.promotions-container .select-promotion-products a.removePromotion {
	background-position: -320px -16px
}

i.glyph-icon.home {
	background-position: -16px -32px
}

i.glyph-icon.file {
	background-position: -32px -32px
}

i.glyph-icon.time {
	background-position: -48px -32px
}

i.glyph-icon.road {
	background-position: -64px -32px
}

i.glyph-icon.download {
	background-position: -80px -32px
}

i.glyph-icon.download-round {
	background-position: -96px -32px
}

i.glyph-icon.upload-round {
	background-position: -112px -32px
}

i.glyph-icon.inbox {
	background-position: -128px -32px
}

i.glyph-icon.circle-play {
	background-position: -144px -32px
}

i.glyph-icon.repeat {
	background-position: -160px -32px
}

i.glyph-icon.refresh {
	background-position: -176px -32px
}

i.glyph-icon.list {
	background-position: -192px -32px
}

i.glyph-icon.lock {
	background-position: -208px -32px
}

i.glyph-icon.flag {
	background-position: -224px -32px
}

i.glyph-icon.headphones {
	background-position: -240px -32px
}

i.glyph-icon.volume-off {
	background-position: -256px -32px
}

i.glyph-icon.volume-down {
	background-position: -272px -32px
}

i.glyph-icon.volume-up {
	background-position: -288px -32px
}

i.glyph-icon.qrcode {
	background-position: -304px -32px
}

i.glyph-icon.barcode {
	background-position: -320px -32px
}

i.glyph-icon.tag {
	background-position: -16px -48px
}

i.glyph-icon.tags {
	background-position: -32px -48px
}

i.glyph-icon.book {
	background-position: -48px -48px
}

i.glyph-icon.bookmark {
	background-position: -64px -48px
}

i.glyph-icon.print {
	background-position: -80px -48px
}

i.glyph-icon.camera {
	background-position: -96px -48px
}

i.glyph-icon.font {
	background-position: -112px -48px
}

i.glyph-icon.font-bold {
	background-position: -128px -48px
}

i.glyph-icon.font-italic {
	background-position: -144px -48px
}

i.glyph-icon.text-height {
	background-position: -160px -48px
}

i.glyph-icon.text-width {
	background-position: -176px -48px
}

i.glyph-icon.align-left {
	background-position: -192px -48px
}

i.glyph-icon.align-center {
	background-position: -208px -48px
}

i.glyph-icon.align-right {
	background-position: -224px -48px
}

i.glyph-icon.justify {
	background-position: -240px -48px
}

i.glyph-icon.list {
	background-position: -256px -48px
}

i.glyph-icon.left-indent {
	background-position: -272px -48px
}

i.glyph-icon.right-indent {
	background-position: -288px -48px
}

i.glyph-icon.facetime {
	background-position: -304px -48px
}

i.glyph-icon.image {
	background-position: -320px -48px
}

i.glyph-icon.pencil {
	background-position: -16px -64px
}

i.glyph-icon.map-marker {
	background-position: -32px -64px
}

i.glyph-icon.adjust {
	background-position: -48px -64px
}

i.glyph-icon.tint {
	background-position: -64px -64px
}

i.glyph-icon.edit {
	background-position: -80px -64px
}

i.glyph-icon.share {
	background-position: -96px -64px
}

i.glyph-icon.check {
	background-position: -112px -64px
}

i.glyph-icon.move {
	background-position: -128px -64px
}

i.glyph-icon.step-backward {
	background-position: -144px -64px
}

i.glyph-icon.fast-backward {
	background-position: -160px -64px
}

i.glyph-icon.backward {
	background-position: -176px -64px
}

i.glyph-icon.play {
	background-position: -192px -64px
}

i.glyph-icon.pause {
	background-position: -208px -64px
}

i.glyph-icon.stop {
	background-position: -224px -64px
}

i.glyph-icon.forward {
	background-position: -240px -64px
}

i.glyph-icon.fast-forward {
	background-position: -256px -64px
}

i.glyph-icon.step-forward {
	background-position: -272px -64px
}

i.glyph-icon.eject {
	background-position: -288px -64px
}

i.glyph-icon.thin-left-arrow {
	background-position: -304px -64px
}

i.glyph-icon.thin-right-arrow {
	background-position: -320px -64px
}

i.glyph-icon.circle-plus {
	background-position: -16px -80px
}

i.glyph-icon.circle-minus {
	background-position: -32px -80px
}

i.glyph-icon.circle-remove {
	background-position: -48px -80px
}

i.glyph-icon.circle-ok {
	background-position: -64px -80px
}

i.glyph-icon.circle-question {
	background-position: -80px -80px
}

i.glyph-icon.circle-info {
	background-position: -96px -80px
}

i.glyph-icon.screenshot {
	background-position: -112px -80px
}

i.glyph-icon.remove-empty {
	background-position: -128px -80px
}

i.glyph-icon.ok-empty {
	background-position: -144px -80px
}

i.glyph-icon.ban {
	background-position: -160px -80px
}

i.glyph-icon.left-arrow {
	background-position: -176px -80px
}

i.glyph-icon.right-arrow {
	background-position: -192px -80px
}

i.glyph-icon.up-arrow {
	background-position: -208px -80px
}

i.glyph-icon.down-arrow {
	background-position: -224px -80px
}

i.glyph-icon.share-big {
	background-position: -240px -80px
}

i.glyph-icon.resize-full {
	background-position: -256px -80px
}

i.glyph-icon.resize-small {
	background-position: -272px -80px
}

i.glyph-icon.plus {
	background-position: -288px -80px
}

i.glyph-icon.minus {
	background-position: -304px -80px
}

i.glyph-icon.asterix {
	background-position: -320px -80px
}

i.glyph-icon.circle-exc {
	background-position: -16px -96px
}

i.glyph-icon.gift {
	background-position: -32px -96px
}

i.glyph-icon.leaf {
	background-position: -48px -96px
}

i.glyph-icon.fire {
	background-position: -64px -96px
}

i.glyph-icon.eye-open {
	background-position: -80px -96px
}

i.glyph-icon.eye-close {
	background-position: -96px -96px
}

i.glyph-icon.warning-sign {
	background-position: -112px -96px
}

i.glyph-icon.plane {
	background-position: -128px -96px
}

i.glyph-icon.calendar {
	background-position: -144px -96px
}

i.glyph-icon.random {
	background-position: -160px -96px
}

i.glyph-icon.comments {
	background-position: -176px -96px
}

i.glyph-icon.magnet {
	background-position: -192px -96px
}

i.glyph-icon.thin-up-arrow,
.accordian-link.active span.icon {
	background-position: -208px -96px
}

i.glyph-icon.thin-down-arrow,
.accordian-link span.icon {
	background-position: -224px -96px
}

i.glyph-icon.retweet {
	background-position: -240px -96px
}

i.glyph-icon.shopping-cart {
	background-position: -256px -96px
}

i.glyph-icon.folder {
	background-position: -272px -96px
}

i.glyph-icon.folder-open {
	background-position: -288px -96px
}

i.glyph-icon.resize-vert {
	background-position: -304px -96px
}

i.glyph-icon.resize-hor {
	background-position: -320px -96px
}

i.glyph-icon.phone {
	background-position: -16px -112px
}

i.glyph-icon.mobile {
	background-position: -32px -112px
}

.alert-box {
	font-size: 16px;
	font-size: 1rem;
	padding: .5em 1em;
	padding-right: 2em;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	position: relative;
	background-color: #000;
	color: #FFF
}

.alert-box .close {
	color: #FFF;
	position: absolute;
	right: .5em;
	top: .35em;
	font-weight: 700;
	font-size: 20px;
	opacity: .5;
	line-height: 1
}

.alert-box .close:hover {
	text-decoration: none;
	opacity: .9;
	cursor: pointer
}

.alert-box-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d3
}

.alert-box-error .close {
	color: #b94a48
}

.alert-box-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d0e9c6
}

.alert-box-success .close {
	color: #468847
}

table.table-core {
	width: 100%;
	padding: 0;
	background-color: #FFF;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	font-size: 1em;
	border-collapse: collapse
}

table.table-core th,
table.table-core td {
	padding: 10px 10px 9px;
	line-height: 1.5;
	text-align: right
}

table.table-core th {
	padding-top: 9px;
	font-weight: 700;
	vertical-align: middle
}

table.table-core td {
	vertical-align: top;
	border-top: 1px solid #ddd
}

table.table-core tbody th {
	border-top: 1px solid #ddd;
	vertical-align: top
}

table.table-core.table-condensed th,
table.table-core.table-condensed td {
	padding: 4px 5px
}

table.table-core.table-bordered {
	border: 1px solid #ddd;
	border-collapse: separate;
	*border-collapse: collapse
}

table.table-core.table-bordered th+th,
table.table-core.table-bordered td+td,
table.table-core.table-bordered th+td {
	border-left: 1px solid #ddd
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
	background-color: #f9f9f9
}

.table-striped tbody tr td,
.table-striped tbody tr th {
	-webkit-transition: background-color .2s ease;
	transition: background-color .2s ease
}

.table-striped tbody tr:hover td,
.table-striped tbody tr:hover th {
	background-color: #f5f5f5
}

table.table-core .header {
	cursor: pointer
}

table.table-core .header:after {
	content: "";
	float: right;
	margin-top: 7px;
	border-width: 0 4px 4px;
	border-style: solid;
	border-color: #000 transparent;
	visibility: hidden
}

table.table-core .headerSortUp,
table.table-core .headerSortDown {
	background-color: rgba(141, 192, 219, 0.25);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75)
}

table.table-core .header:hover:after {
	visibility: visible
}

table.table-core .headerSortDown:after,
table.table-core .headerSortDown:hover:after {
	visibility: visible;
	opacity: 60
}

table.table-core .headerSortUp:after {
	border-bottom: none;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #000;
	visibility: visible;
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .6;
	filter: alpha(opacity=60)
}

.pagination {
	margin-bottom: 32px;
	margin-bottom: 2rem
}

.pagination ul {
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	margin-left: 0;
	margin-bottom: 0
}

.pagination.pagination-rounded ul {
	border-radius: 3px
}

.pagination li {
	display: inline
}

.pagination a {
	float: right;
	padding: .5em 1em;
	line-height: 1.5;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 0
}

.pagination .active a {
	background-color: #f5f5f5;
	cursor: default
}

.pagination .disabled a,
.pagination .disabled a:hover,
.pagination a.disabled,
.pagination a.disabled:hover {
	cursor: default;
	opacity: .5
}

.pagination li:first-child a {
	border-left-width: 1px
}

.pagination.pagination-rounded li:first-child a {
	border-radius: 3px 0 0 3px
}

.pagination.pagination-rounded li:last-child a {
	border-radius: 0 3px 3px 0
}

.pagination-centered {
	text-align: center
}

.pagination-right {
	text-align: right
}

.tabs {
	border-bottom: 1px solid #CCC
}

.tabs a {
	display: block;
	padding: .5em 1em;
	text-decoration: none;
	margin-bottom: -1px
}

.tabs .active a,
.tabs a.active {
	border: 1px solid #CCC;
	border-bottom-color: #FFF
}

.tabs-rounded .active a {
	border-radius: 3px 3px 0 0
}

.tabs-centered {
	text-align: center
}

.tabs-right {
	text-align: right
}

.ie7 .cart-core .cart-footer .promo-code .input-promo {
	width: 80%
}

.ie7 .cart-core .cart-footer .promo-code form.form-core .controls {
	zoom: normal
}

.cart-empty-alert {
	padding: 20px;
	border: 1px solid #efefef;
	margin-bottom: 32px;
	margin-bottom: 2rem
}

.cart-core .cart-header {
	display: block;
	padding-bottom: 20px;
	text-transform: uppercase;
	font-size: 10px;
	border-bottom: 1px solid #efefef
}

.cart-core .cart-header ul {
	margin: 0
}

.cart-core .mobile-label {
	position: absolute;
	left: 0;
	font-weight: 700;
	display: none
}

.cart-core .column-thumbnail {
	width: 40%;
	float: right;
	width: 10%;
	margin-right: 2%
}

.cart-core .column-bundles {
	width: 52%;
	margin-right: 2%;
	float: right
}

.cart-core .column-products {
	width: 40%;
	margin-right: 2%;
	float: right
}

.cart-core .column-price {
	width: 10%;
	margin-right: 2%;
	float: right
}

.cart-core .column-quantity {
	width: 10%;
	margin-right: 2%;
	float: right;
	text-align: left
}

.cart-core .column-remove {
	width: 10%;
	margin-right: 2%;
	float: right
}

.cart-core .column-total {
	width: 10%;
	float: right
}

.cart-core .column-delivery {
	width: 50%;
	float: right
}

.cart-core .column-price-summary {
	width: 45%;
	float: right
}

.cart-core .cart-body .item-media {
	background-color: #efefef
}

.cart-core .cart-body .item-title {
	margin: 0
}

.cart-core .cart-body .item-description {
	font-size: .88em
}

.cart-core .cart-body .item-remove {
	display: block
}

.cart-core .cart-body .item-quantity {
	width: 80%
}

.cart-core .cart-body .item-promo-info {
	padding: 5px;
	float: right
}

.cart-core .cart-body .item-bundle-product {
	margin-bottom: 10px
}

.cart-core .cart-body .item-bundle-product .media {
	width: 20%;
	float: right;
	background-color: #efefef
}

.cart-core .cart-body .item-bundle-product .content {
	width: 77%;
	float: right
}

.cart-core .cart-body .action-promotion {
	font-size: 12px;
	text-transform: uppercase
}

.cart-core .cart-body .action-promo {
	float: right
}

.cart-core .cart-body .action-promo a {
	display: block;
	padding: 5px 10px;
	background-color: #FFF;
	color: #666
}

.cart-core .cart-body .action-promo a i.icon {
	margin-right: 10px
}

.cart-core .cart-body .cart-row {
	border-bottom: 1px solid #efefef;
	padding: 20px 0;
	position: relative
}

.cart-core .cart-body .cart-row.bundle {
	border: 1px solid #efefef
}

.cart-core .cart-body .promo-row {
	background-color: #efefef;
	padding: 5px;
	border-top: 0
}

.cart-core .cart-body .arrow-top {
	width: 0;
	height: 0;
	position: absolute;
	top: -20px;
	left: 12%;
	border: 10px solid #efefef;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent
}

.cart-core .cart-footer form.form-core.form-horizontal .controls {
	margin-left: 40%
}

.cart-core .cart-footer form.form-core.form-horizontal .control-group>.control-label {
	padding-right: 0;
	width: 40%
}

.cart-core .cart-footer form.form-core.form-horizontal .control-group>.control-label.select-label {
	padding-top: 0
}

.cart-core .cart-footer .promo-code {
	border-bottom: 1px solid #efefef;
	padding: 20px 0
}

.cart-core .cart-footer .promo-code form.form-core {
	margin: 0
}

.cart-core .cart-footer .promo-code form.form-core .control-group {
	margin: 0
}

.cart-core .cart-footer .promo-code form.form-core .controls ul li {
	margin: 0
}

.cart-core .cart-footer .promo-code .button-promo {
	width: 40px;
	position: absolute;
	right: .18em;
	top: .18em;
	bottom: .18em;
	background-color: #333
}

.cart-core .cart-footer .delivery-methods {
	padding: 20px 0
}

.cart-core .cart-footer .price-summary {
	padding: 10px 0
}

.cart-core .cart-footer .price-summary dl {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #efefef
}

.cart-core .cart-footer .price-summary dl:last-child {
	border-bottom: 0
}

.cart-core .cart-footer .price-summary dl dt {
	font-weight: 400;
	text-transform: uppercase;
	float: right;
	padding-top: 7px
}

.cart-core .cart-footer .price-summary dl dd {
	margin: 0;
	font-size: 20px;
	float: right
}

.cart-core .cart-footer-actions {
	padding: 20px 0;
	border-top: 1px solid #efefef;
	text-align: right
}

.product-box {
	position: relative
}

.product-box .meta {
	font-size: .8em
}

.product-box .meta .meta-title {
	margin-bottom: 5px
}

.product-box .meta .meta-sub-title {
	text-transform: uppercase
}

.product-box .meta li {
	margin-bottom: 5px;
	padding-top: 5px;
	border-top: 1px solid #efefef
}

.product-list {
	margin-bottom: 32px;
	margin-bottom: 2rem
}

.product-list .product-box-media {
	margin-bottom: 0;
	float: right;
	width: 20%;
	margin-right: 5%
}

.product-list .product-box-details {
	overflow: hidden;
	margin-bottom: 0
}

.product-list .product-box-details .title {
	margin-bottom: 0
}

.product-box-media,
.product-box-details {
	margin-bottom: 32px;
	margin-bottom: 2rem
}

.product-box.selectable-product .product-box-media {
	position: relative
}

.product-box.selectable-product .product-box-media .product-box-overlays {
	padding: 10px;
	background-color: #333;
	background-color: rgba(0, 0, 0, 0.5)
}

.product-box.selectable-product .product-box-media label {
	display: none
}

.product-box.selectable-product .product-box-media input[type="text"] {
	width: 50px;
	margin-left: 5px;
	border: 0;
	background-color: #FFF;
	padding: 5px
}

.product-box-details .title {
	height: 2.5em
}

.product-box-details .title.no-height {
	height: auto
}

.product-box-overlays {
	position: absolute
}

.product-box-overlays.top {
	top: 0
}

.product-box-overlays.left {
	left: 0
}

.product-box-overlays.right {
	right: 0
}

.product-box-overlays.bottom {
	bottom: 0
}

.product-detail .price-box {
	position: relative;
	border: 1px solid #efefef
}

.product-detail .price-box .prices-column {
	overflow: hidden
}

.product-detail .price-box .quantity-column {
	width: 50px;
	float: right
}

.product-detail .price-box .add-to-cart-column {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0
}

.product-detail .price-box .prices-column {
	padding: 5px 10px
}

.product-detail .price-box .prices-column .price {
	font-size: 20px;
	margin-top: .7em;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1
}

.product-detail .price-box .add-to-cart-column {
	border-left: 1px solid #efefef;
	padding: 5px 10px
}

.product-detail .price-box .add-to-cart-column .btn {
	margin-top: .45em
}

.product-detail .price-box .add-to-cart-column .btn span.loader {
	display: none
}

.product-detail .price-box .add-to-cart-column .btn.is-loading span.loader {
	margin-left: 1em;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	width: 16px;
	height: 16px;
	background: url(/_ui/media/std/components/loaders/16/circle-white.gif)
}

.product-detail .price-box .quantity-column {
	padding: 5px;
	border-right: 1px solid #efefef;
	text-align: center
}

.product-detail .price-box .quantity-column label {
	display: block;
	margin-bottom: .3em;
	font-size: 11px;
	text-transform: uppercase
}

.product-detail .price-box .quantity-column input[type="number"] {
	padding: .2em;
	text-align: center
}

.product-detail .main-image {
	position: relative;
	border: 1px solid #efefef
}

.product-detail .zoom-image {
	position: absolute;
	right: -1px;
	bottom: -1px;
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid #efefef;
	padding: 5px
}

.product-detail .zoom-image:hover {
	border-color: #333
}

.product-detail .zoom-image i.icon {
	margin-right: .5em
}

.product-detail .image-thumbs {
	padding: 10px;
	border: 1px solid #efefef;
	border-top: 0
}

.product-detail .image-thumbs li.thumbs a {
	display: block;
	border: 1px solid #efefef
}

.product-detail .image-thumbs li.thumbs a:hover {
	border-color: #333
}

.product-detail .image-thumbs .slides,
.product-detail .image-thumbs .grid-block,
.product-detail .image-thumbs .grid-block li {
	margin-bottom: 0
}

.product-detail .image-thumbs .flex-direction-nav a {
	opacity: .8;
	filter: alpha(opacity=80)
}

.product-detail .hidden {
	visibility: hidden;
	overflow: hidden;
	height: 0
}

* html .slides,
html .slides-nested {
	height: 1%
}

.i3-flexslider,
.i3-slider {
	position: relative
}

.i3-flexslider .slides,
.i3-slider .slides {
	z-index: 1
}

.i3-flexslider .slides,
.i3-flexslider .slides-nested,
.i3-slider .slides,
.i3-slider .slides-nested {
	zoom: 1
}

.i3-flexslider .slides>li,
.i3-flexslider .slides-nested>li,
.i3-slider .slides>li,
.i3-slider .slides-nested>li {
	position: relative;
	display: none
}

.i3-flexslider .slides img,
.i3-flexslider .slides-nested img,
.i3-slider .slides img,
.i3-slider .slides-nested img {
	width: 100%;
	height: auto;
	display: block
}

.flex-pauseplay span {
	text-transform: capitalize
}

.flex-direction-nav {
	margin-bottom: 0
}

.flex-direction-nav a {
	position: absolute;
	display: block;
	font-size: 0;
	z-index: 2;
	top: 50%;
	margin-top: -25px
}

.flex-direction-nav a:after {
	text-indent: 0;
	font-family: "Cairo";
	font-size: 50px;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.flex-direction-nav .flex-next {
	right: 25px
}

.flex-direction-nav .flex-next:after {
	content: ""
}

.flex-direction-nav .flex-prev {
	left: 25px
}

.flex-direction-nav .flex-prev:after {
	content: ""
}

.flex-direction-nav .flex-disabled {
	opacity: .1;
	filter: alpha(opacity=10)
}

.flexslider-nav-nested .flex-direction-nav .flex-next {
	right: 0
}

.flexslider-nav-nested .flex-direction-nav .flex-prev {
	left: 0
}

.flexslider-nav-on-hover .flex-direction-nav {
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	opacity: 0;
	filter: alpha(opacity=0)
}

.flex-slider-synched-nav ul.slides li {
	cursor: pointer;
	margin-right: 10px;
	border: 1px solid #CCC
}

.flex-slider-synched-nav ul.slides li img {
	display: block
}

.flex-slider-synched-nav ul.slides li.flex-active-slide {
	border-color: #333
}

.i3-flexslider:hover.flexslider-nav-on-hover .flex-direction-nav {
	opacity: 1;
	filter: alpha(opacity=100)
}

.flex-control-nav {
	text-align: center;
	display: block
}

.flex-control-nav li:first-child a {
	margin-left: 0
}

.flex-control-nav li:last-child a {
	margin-right: 0
}

.flex-control-nav a {
	display: block;
	width: 10px;
	height: 10px;
	background-color: #333;
	border-radius: 50%;
	cursor: pointer;
	margin: 0 .5em
}

.flex-control-nav a.flex-active {
	opacity: .5;
	filter: alpha(opacity=50)
}

.popup-heading {
	padding: 20px;
	margin: -20px 0 20px -20px;
	border-bottom: 1px solid #ccc
}

.popup-heading .title {
	margin-bottom: 0;
	padding: 0
}

.popup-close {
	display: block;
	position: absolute;
	right: 8px;
	top: 8px;
	cursor: pointer;
	opacity: .5
}

.popup-close:hover {
	opacity: 1
}

.ui-widget-overlay {
	position: fixed;
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0
}

.ui-dialog {
	margin: 0;
	padding: 20px;
	background: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
	position: absolute;
	z-index: 1000
}

.ui-dialog-title {
	display: block;
	margin-bottom: 1em;
	margin-top: -5px
}

.ui-dialog-titlebar-close {
	position: absolute;
	top: 5px;
	right: 0;
	padding: 5px 10px;
	opacity: .5
}

.ui-dialog-titlebar-close:hover {
	opacity: 1
}

.ui-dialog-titlebar-close .ui-icon {
	display: block
}

.popup-add-cart {
	position: relative
}

.popup-add-cart .popup-product-info {
	width: 60%
}

.popup-add-cart .popup-cart-product {
	margin-bottom: 20px
}

.popup-add-cart .product-thumbnail {
	width: 36%;
	background: #efefef;
	float: right;
	border: 1px solid #CCC;
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1)
}

.popup-add-cart .product-thumbnail img {
	display: block
}

.popup-add-cart .product-info {
	padding: 0 20px;
	overflow: hidden
}

.popup-add-cart .product-info p {
	margin-bottom: 5px
}

.popup-add-cart .product-info .price {
	margin-bottom: 10px
}

.popup-add-cart .promo-message {
	border-top: 1px solid #CCC;
	margin: 0 0 0 -20px;
	padding: 20px;
	padding-bottom: 0
}

.popup-add-cart .popup-cart-info {
	width: 40%;
	position: absolute;
	border-left: 1px solid #CCC;
	top: 0;
	right: 0;
	bottom: -20px
}

.popup-add-cart .popup-cart-info .popup-heading {
	margin: 0 -20px 20px 0
}

.popup-add-cart .popup-add-cart-actions {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 0
}

.popup-add-cart .popup-add-cart-actions a {
	float: right
}

.popup-add-cart .popup-add-cart-actions a:last-child {
	float: right
}

.popup-add-cart .popup-cart-table-footer {
	font-weight: 700;
	padding: 10px 0;
	position: absolute;
	bottom: 64px;
	left: 20px;
	right: 0;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef
}

.popup-add-cart .popup-cart-table-footer .popup-tfooter-title {
	float: right
}

.popup-add-cart .popup-cart-table-footer .popup-tfooter-tprice {
	float: right
}

.popup-cart-table {
	position: absolute;
	bottom: 106px;
	top: 74px;
	left: 20px;
	right: -20px;
	padding-right: 20px;
	overflow-y: auto
}

.popup-cart-table .popup-table-head {
	padding: 0 0 5px;
	font-size: 11px;
	text-transform: uppercase;
	margin-right: 5px
}

.popup-cart-table .popup-table-body {
	margin-right: 5px;
	font-size: 11px
}

.popup-cart-table .popup-table-body .row {
	padding: 10px 0;
	border-bottom: 1px dashed #ccc
}

.popup-cart-table .popup-table-body .row:last-child {
	border-bottom: 0
}

.popup-cart-table .popup-cart-title {
	width: 90%;
	float: right
}

.popup-cart-table .product-title-media {
	width: 40px;
	float: right;
	margin-right: 10px;
	display: block;
	border: 1px solid #CCC
}

.popup-cart-table .product-title-info {
	overflow: hidden
}

.popup-cart-table .product-title-info a {
	display: block;
	text-decoration: none;
	padding-bottom: 5px
}

.popup-cart-table .product-title-info .option,
.popup-cart-table .product-title-info .price {
	display: block;
	padding-bottom: 5px
}

.popup-cart-table .field-it {
	display: block;
	border: 1px solid #CCC;
	padding: 5px
}

.popup-cart-table .popup-cart-qty {
	width: 10%;
	float: right;
	text-align: center
}

.promotions-container .tabs {
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	border-color: #000
}

.promotions-container .tabs .active a,
.promotions-container .tabs a.active {
	border-color: #000;
	background-color: #000;
	color: #FFF
}

.promotions-container .border-one,
.promotions-container .border-two {
	position: absolute;
	top: -20px;
	bottom: -20px;
	width: 20px;
	border-right: 1px solid #CCC
}

.promotions-container .border-one {
	left: 38%
}

.promotions-container .border-two {
	left: 69%
}

.promotions-container .promotion-product-media {
	margin-bottom: 32px;
	margin-bottom: 2rem
}

.promotions-container .promotion-product {
	position: relative
}

.promotions-container .promotion-product .title {
	font-size: 12px
}

.promotions-container .promotion-product input[name^=quantity] {
	position: absolute;
	left: 10%;
	top: 0;
	border: 1px solid #CCC;
	padding: 5px 0;
	width: 30px;
	text-align: center
}

.promotions-container .promotion-product input[name^=quantity]:focus {
	outline: none
}

.promotions-container .select-promotion-products {
	font-size: 12px
}

.promotions-container .select-promotion-products li {
	position: relative;
	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC
}

.promotions-container .select-promotion-products a {
	text-decoration: none
}

.promotions-container .select-promotion-products a.removePromotion {
	position: absolute;
	right: 0;
	top: 5px;
	display: block
}

.accordian-link {
	display: block;
	position: relative
}

.accordian-link span.icon {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px
}

.accordian-body {
	display: none
}

.cookie-detail-container {
	position: relative;
	padding-right: 250px;
	border-bottom: 1px solid #CCC;
	padding-top: 20px
}

.cookie-detail-container .controller {
	position: absolute;
	right: 0;
	top: 20px;
	width: 150px
}

.cookie-detail-container .immitate-control {
	cursor: default!important
}

.cookie-detail-container label,
.cookie-detail-container .immitate-control {
	display: block;
	cursor: pointer;
	margin-bottom: 0;
	height: 50px;
	width: 150px;
	position: relative;
	-webkit-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
	background-color: #FFF;
	-webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	overflow: hidden
}

.cookie-detail-container label.disable,
.cookie-detail-container .immitate-control.disable {
	background-color: #efefef
}

.cookie-detail-container label.disable span,
.cookie-detail-container .immitate-control.disable span {
	margin-left: -100px
}

.cookie-detail-container label.disable span i,
.cookie-detail-container .immitate-control.disable span i {
	border-radius: 5px 0 0 5px
}

.cookie-detail-container label.disable span i:after,
.cookie-detail-container .immitate-control.disable span i:after {
	opacity: .2;
	background-position: -16px 0
}

.cookie-detail-container label.enable,
.cookie-detail-container .immitate-control.enable {
	color: #FFF;
	background-color: #27b654
}

.cookie-detail-container label.enable i,
.cookie-detail-container .immitate-control.enable i {
	background-color: #1f9143;
	position: relative
}

.cookie-detail-container label.enable i:after,
.cookie-detail-container .immitate-control.enable i:after {
	background-position: 0 0
}

.cookie-detail-container label span,
.cookie-detail-container .immitate-control span {
	display: block;
	height: 20px;
	width: 250px;
	-webkit-transition: margin-left .2s ease-in-out;
	transition: margin-left .2s ease-in-out
}

.cookie-detail-container label em,
.cookie-detail-container .immitate-control em {
	display: block;
	font-style: normal;
	width: 100px;
	float: right;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding-top: 18px;
	text-transform: uppercase
}

.cookie-detail-container label i,
.cookie-detail-container .immitate-control i {
	display: block;
	height: 50px;
	width: 50px;
	float: right;
	background-color: #efefef;
	-webkit-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
	border-radius: 0 5px 5px 0;
	-webkit-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.2)
}

.cookie-detail-container label i:after,
.cookie-detail-container .immitate-control i:after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 18px;
	top: 17px;
	background-image: url(/_ui/media/dist/cookies/sprite.png);
	background-repeat: no-repeat
}

.cookie-detail-container input[type="checkbox"] {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute
}

.cookies {
	position: fixed;
	bottom: 0;
	right: 0;
	background: #e30044;
	padding: 10px 15px;
	height: 45px;
	width: 90px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 10001;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #fff;
	-webkit-box-shadow: -3px 0 38px rgba(0, 0, 0, 0.5);
	box-shadow: -3px 0 38px rgba(0, 0, 0, 0.5)
}

.cookies .expand-title {
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	font-size: 13px;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	font-weight: 700
}

.cookies .expand-title:hover {
	text-decoration: underline
}

.cookies.expanded {
	width: 374px;
	height: 245px
}

.cookies.expanded .padding {
	left: 0
}

.cookies.expanded .cookie-close {
	opacity: 1;
	filter: alpha(opacity=100)
}

.cookies.expanded .expand-title {
	display: none
}

.cookies .title {
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: 700
}

.cookies .padding {
	padding: 15px 25px;
	position: absolute;
	left: -999px;
	width: 310px;
	height: 195px
}

.cookies p {
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 20px
}

.cookies .cookie-close {
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 1.5em;
	color: #fff;
	padding: 0;
	line-height: 1;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	color: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	text-decoration: none;
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.ie8 .cookies .cookie-close {
	text-decoration: none;
	padding: 0;
	background-color: transparent;
	color: #fff
}

.cookies .cookie-close:before {
	content: "\00d7";
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: inherit;
	display: inline-block;
	vertical-align: middle
}

.cookies .action-links {
	padding: 0;
	margin: 0
}

.cookies .action-links li {
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	padding: 1px 10px 1px 0;
	margin-right: 10px;
	border-right: 1px solid #fff
}

.cookies .action-links li a {
	color: #fff
}

.cookies .action-links li a:hover {
	text-decoration: none
}

.cookies .action-links li a:focus {
	color: #000
}

.cookies .action-links li:last-child {
	border: none
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	font-family: inherit;
	vertical-align: baseline;
	*vertical-align: middle
}

button,
input {
	line-height: normal;
	*overflow: visible
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button
}

input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

textarea {
	overflow: auto;
	vertical-align: top
}

input[type=checkbox],
input[type=radio] {
	cursor: pointer
}

sub,
sup {
	font-size: .75em;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

audio,
canvas,
video {
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1
}

audio:not([controls]) {
	display: none
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	max-width: 100%
}

q:before,
q:after,
blockquote:before,
blockquote:after {
	content: ""
}

a:focus {
	outline: thin dotted
}

a {
	color: #98012e
}

a:hover,
a:active {
	outline: 0;
	color: #000
}

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

html,
body {
	padding: 0;
	margin: 0
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

body {
	/* min-width: 980px; */
	/* max-width: 1920px; */
	width:100%;
	margin-left: auto;
	margin-right: auto;
	position: relative
}

a {
	text-decoration: none
}

.ctc-entity table td {
	padding: 0 28px
}

.ctc-entity table td h4 {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 10px
}

.ctc-entity table td p {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 0
}

.video-iframe iframe {
	margin: 0 auto;
	display: block
}

.quick-donate-fixed {
	position: fixed;
	width: 100%;
	z-index: 999;
	bottom: 0!important;
	left: 0
}

.container {
	max-width: 1320px;
	margin: 0 auto;
	-webkit-transition: .5s;
	transition: .5s;
	padding-left: 10px;
	padding-right: 10px
}

.container__padded {
	padding: 30px
}

.container__white-bg {
	background-color: #fff
}

.container__grey-bg {
	background-color: #f1f1f1
}

.container__green-bg {
	background-color: #71a363
}

.container__brown-bg {
	background-color: #f5efe1
}

.container__blue-bg {
	background-color: #d7e8f7
}

.container__blue-grey-bg {
	background-color: #d2dce3
}

.container__light-blue-bg {
	background-color: #f4f9fc
}

.container__khakki-bg {
	background-color: #eeede8
}

.container__toggle {
	display: none
}

.container__toggle.\--active {
	display: block
}

.container__overlay {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #f5efe1;
	z-index: 5;
	opacity: 0;
	-webkit-transition: opacity .2s;
	transition: opacity .2s
}

.container__overlay.\--show {
	right: 0;
	bottom: 0;
	opacity: .5
}

.container.\--responsive {
	max-width: 1700px;
	padding-left: 30px;
	padding-right: 30px
}

.container.\--responsive-medium {
	max-width: 1360px;
	padding-left: 30px;
	padding-right: 30px
}

.container.\--edge-to-edge {
	max-width: 1920px;
	padding-left: 0;
	padding-right: 0
}

.container.\--small {
	padding-left: 10%;
	padding-right: 10%;
	max-width: 1920px
}

.container.\--restrict {
	max-width: 1020px;
	padding-left: 30px;
	padding-right: 30px
}

.container.\--restrict .container {
	width: 100%;
	padding-left: 0;
	padding-right: 0
}

.container.\--narrow {
	max-width: 730px;
	padding-left: 30px;
	padding-right: 30px
}

.container.\--narrow .container {
	width: 100%;
	padding-left: 0;
	padding-right: 0
}

.container.\--mini {
	max-width: 1120px;
	padding-left: 30px;
	padding-right: 30px
}

.container.\--mini .container {
	width: 100%;
	padding-left: 0;
	padding-right: 0
}

.container.\--style-medium {
	max-width: 1170px;
	padding-left: 30px;
	padding-right: 30px
}

.container.\--style-medium .container {
	width: 100%;
	padding-left: 0;
	padding-right: 0
}

@media (min-width: 1170px) {
	.container__pad-large {
		padding: 30px 95px
	}
}

@font-face{
    font-family: 'Cairo';
    src: url(../fonts/DinNextRegular.otf);
}

@font-face {
	font-family: 'Cairo';
	src: url(../fonts/hrf.eot?-b0jxs);
	src: url(../fonts/hrf.eot?#iefix-b0jxs) format("embedded-opentype"), url(../fonts/hrf.ttf?-b0jxs) format("truetype"), url(../fonts/hrf.woff?-b0jxs) format("woff"), url(../fonts/hrf.svg?-b0jxs#ghdisplay) format("svg");
	font-weight: 400;
	font-style: normal
}

[class^="icon-"],
[class*="icon-"] {
	font-family: 'Cairo';
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-chevron-with-circle-up:before {
	content: "\e922"
}

.icon-chevron-with-circle-down1:before {
	content: "\e923"
}

.icon-shopping-cart:before {
	content: "\e918"
}

.icon-chevron-with-circle-right:before {
	content: "\e90f"
}

.icon-chevron-with-circle-down:before {
	content: "\e910"
}

.icon-circle-with-minus:before {
	content: "\e911"
}

.icon-reply:before {
	content: "\e91f"
}

.icon-commnet:before {
	content: "\e920"
}

.icon-like:before {
	content: "\e921"
}

.icon-subscribe:before {
	content: "\e91d"
}

.icon-unsubscribe:before {
	content: "\e91e"
}

.icon-chevron-right-circle:before {
	content: "\e91b"
}

.icon-googleplus:before {
	content: "\e919"
}

.icon-instagram:before {
	content: "\e91a"
}

.icon-credit-card:before {
	content: "\f09d"
}

.icon-newspaper-o:before {
	content: "\f1ea"
}

.icon-share-alt:before {
	content: "\e90c"
}

.icon-pinterest:before {
	content: "\e90d"
}

.icon-long-arrow-right:before {
	content: "\e909"
}

.icon-long-arrow-left:before {
	content: "\e909"
}

.icon-youtube:before {
	content: "\e900"
}

.icon-flickr:before {
	content: "\e901"
}

.icon-linkedin:before {
	content: "\e902"
}

.icon-twitter:before {
	content: "\e903"
}

.icon-facebook:before {
	content: "\e904"
}

.icon-search:before {
	content: "\e905"
}

.icon-chevron-right:before,
.map-popup__highlights ul a:after {
	content: "\e907"
}

.icon-chevron-left:before {
	content: "\e907"
}

.icon-download-arrow:before {
	content: "\e91c"
}

.icon-play-alt:before {
	content: "\e912"
}

.icon-close-circle:before {
	content: "\e90a"
}

.icon-check-circle:before {
	content: "\e90b"
}

.icon-clock:before {
	content: "\e913"
}

.icon-clock2:before {
	content: "\e914"
}

.icon-profile:before {
	content: "\e90e"
}

.icon-menu:before {
	content: "\e917"
}

.icon-photo:before {
	content: "\e916"
}

.icon-calendar:before {
	content: "\e915"
}


.slides .btn{
    padding: 15px 50px !important;
    font-size: 18px !important;
}

.btn {
	padding: 10px 15px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1!important;
	border-radius: 3px;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	text-transform: uppercase
}

.btn i {
	margin-right: 5px;
	margin-top: 5px;
	font-size: 11px
}

.btn.btn-primary:hover {
	border-color: #b00035;
	background-color: #b00035
}

.btn.btn-tertiary {
	background-color: #165782;
	color: #FFF;
	border-color: #165782
}

.btn.btn-tertiary:hover {
	background-color: #0b273b;
	border-color: #0b273b
}

.btn.btn-white {
	background-color: #FFF;
	color: #207bb8;
	border-color: #207bb8
}

.btn.btn-white:hover {
	color: #000;
	border-color: #000
}

.btn.btn-yellow {
	background-color: #edb321;
	color: #333;
	border-color: #edb321
}

.btn.btn-yellow:hover {
	color: #333;
	background-color: #f1c350;
	border-color: #f1c350
}

.btn.btn-transparent {
	background-color: transparent;
	color: #FFF;
	border-color: #FFF
}

.btn.btn-transparent:hover {
	color: #FFF;
	border-color: #FFF
}

.btn.btn-transparent-black {
	background-color: transparent;
	color: #333;
	border-color: #333
}

.btn.btn-transparent-black:hover {
	color: #333;
	border-color: #333
}

.btn.btn-block {
	width: 100%!important;
	display: block
}

.btn.btn-small {
	padding: 5px 15px
}

.btn.btn-medium {
	padding: 15px
}

.btn.btn-large {
	padding: 18px 30px;
}

.btn.btn-xlarge {
	padding: 20px 30px;
	font-size: 20px
}

.btn.btn-xlarge i.icon {
	font-size: 18px
}

#i3-HRF .\+ff-slab {
	font-family: 'Raleway', sans-serif;
	font-weight: 700
}

#i3-HRF .\+ff-normal {
	font-family: "Cairo", serif
}

#i3-HRF .\+fc-maroon {
	color: #e11d4c
}

#i3-HRF .\+fc-blue {
	color: #165782
}

#i3-HRF .\+fc-green {
	color: #81A330
}

#i3-HRF .\+fc-yellow {
	color: #eec447
}

#i3-HRF .\+fc-light-yellow {
	color: #ffeaab
}

#i3-HRF .\+fc-grey {
	color: #333
}

#i3-HRF .\+fc-white {
	color: #fff
}

#i3-HRF .\+fc-light-grey {
	color: #666
}

#i3-HRF .\+fc-dark-blue {
	color: #2e4352
}

#i3-HRF .\+fc-dark-red {
	color: #98012e
}

#i3-HRF .\+fs-xl {
	font-size: 60px
}

#i3-HRF .\+fs-lg {
	font-size: 18px
}

#i3-HRF .\+fs-md {
	font-size: 15px
}

#i3-HRF .\+fs-sm {
	font-size: 13px
}

#i3-HRF .\+fw-bold {
	font-weight: 700
}

#i3-HRF .\+fw-normal {
	font-weight: 400
}

#i3-HRF .\+fw-light {
	font-weight: 300
}

#i3-HRF .\+bc-green {
	background: #71a363
}

#i3-HRF .\+tt-upp {
	text-transform: uppercase
}

#i3-HRF .\+tt-uppercase {
	text-transform: uppercase
}

#i3-HRF .\+tt-lowercase {
	text-transform: lowercase
}

#i3-HRF .\+tt-captialize {
	text-transform: captialize
}

#i3-HRF .\+tt-none {
	text-transform: none
}

#i3-HRF .\+ta-right {
	text-align: right
}

#i3-HRF .\+ta-left {
	text-align: left
}

#i3-HRF .\+ta-center {
	text-align: center
}

#i3-HRF .\+m-auto {
	margin-left: auto;
	margin-right: auto
}

#i3-HRF .\+offset-bottom {
	margin-bottom: 75px
}

#i3-HRF .\+hometext-offset-top {
	margin-top: 50px
}

#i3-HRF .\+line-through {
	text-decoration: line-through
}

#i3-HRF .\+block {
	display: block
}

#i3-HRF .\+inline-block {
	display: inline-block!important
}

#i3-HRF .\+flex {
	-js-display: flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex
}

#i3-HRF .\+ls-two {
	letter-spacing: 0
}

#i3-HRF .\+align-middle {
	vertical-align: middle;
	display: inline-block
}

#i3-HRF .\+display-table {
	display: table
}

#i3-HRF .\+display-table-cell {
	display: table-cell
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility
}

h1,
h2,
h3,
h4,
h5 {
	text-transform: uppercase;
	color: #28324e;
}

h1.\--normalize,
h2.\--normalize,
h3.\--normalize,
h4.\--normalize,
h5.\--normalize {
	font-family: "Cairo", serif;
	text-transform: none;
	color: #165782;
	letter-spacing: 0;
	font-weight: 400
}

small {
	font-size: 12px
}

blockquote {
	margin-bottom: 30px;
	margin-left: 0;
	font-size: 38px;
	font-weight: 300;
	line-height: 1.3;
	background-color: #f1f1f1;
	padding: 30px;
	color: #333
}

.f-s-small {
	font-size: 12px
}

.f-s-large {
	font-size: 36px;
	font-weight: 300;
	line-height: 1.4
}

.f-s-medium {
	font-size: 22px;
	line-height: 1.4
}

.f-s-14pt {
	font-size: 14pt
}

.f-s-12pt {
	font-size: 12pt
}

.fund-add .radio {
	display: table-cell!important
}

.cms-content {
	font-size: 18px;
	color: #666
}

.cms-content h1,
.cms-content h2,
.cms-content h3,
.cms-content h4,
.cms-content h5 {
	text-transform: none
}

.cms-content ul:not(.slides):not(.flex-direction-nav):not(.unstyled):not(.tabs):not(.flex-direction-nav):not(.flex-control-nav):not(.box-social__actions):not(.pf__nav):not(.w-styled-list):not(.grid-block):not(.grid-flex) {
	margin-left: 0
}

.cms-content ul:not(.slides):not(.flex-direction-nav):not(.unstyled):not(.tabs):not(.flex-direction-nav):not(.flex-control-nav):not(.box-social__actions):not(.pf__nav):not(.w-styled-list):not(.grid-block):not(.grid-flex)>li {
	color: #165782;
	padding-right: 30px;
	list-style: none;
	margin-bottom: 10px;
	position: relative
}

/*.cms-content ul:not(.slides):not(.flex-direction-nav):not(.unstyled):not(.tabs):not(.flex-direction-nav):not(.flex-control-nav):not(.box-social__actions):not(.pf__nav):not(.w-styled-list):not(.grid-block):not(.grid-flex)>li:before {*/
/*	font-family: 'Cairo';*/
/*	speak: none;*/
/*	font-style: normal;*/
/*	font-weight: 400;*/
/*	font-variant: normal;*/
/*	text-transform: none;*/
/*	line-height: 1;*/
/*	display: inline-block;*/
/*	vertical-align: middle;*/
/*	-webkit-font-smoothing: antialiased;*/
/*	-moz-osx-font-smoothing: grayscale;*/
/*	content: '\e909';*/
/*	position: absolute;*/
/*	top: 4px;*/
/*	right: 0*/
/*}*/

.cms-content table {
	width: 100%;
	border: 1px solid #CCC;
	margin-bottom: 40px
}

.cms-content table tr:first-child td {
	background-color: #efefef;
	font-weight: 400
}

.cms-content table th {
	background-color: #efefef
}

.cms-content table th,
.cms-content table td {
	padding: 10px;
	border-left: 1px solid #CCC
}

.cms-content table th:first-child,
.cms-content table td:first-child {
	border-left: 0
}

.control-group p.error {
	text-align: left;
	font-weight: 700;
	text-align: right;
}

form.form-core .i3-template-part .uploader.disabled {
	display: inline-block!important
}

form.form-core .input-prepend .add-on,
form.form-core .input-append .add-on {
	padding-left: 1.2em;
	padding-right: 1.2em;
	color: #666;
	background-color: #EFEFEF
}

form.form-core .mce-tinymce {
	border: 1px solid #CCC;
	border-bottom: 0
}

form.form-core .help-block {
	color: #165782
}

form.form-core input[type=submit].btn-block {
	width: 100%
}

form.form-core.form-horizontal .control-group {
	margin-bottom: 20px
}

form.form-core.form-horizontal label.control-label {
	padding-top: 1.4em
}

form.form-core.form-horizontal .control-group.\--large .control-label {
	font-size: 20px;
	padding-top: 1.2em
}

form.form-core.form-horizontal .control-group.\--large input[type="text"],
form.form-core.form-horizontal .control-group.\--large input[type="password"],
form.form-core.form-horizontal .control-group.\--large input[type="number"],
form.form-core.form-horizontal .control-group.\--large textarea,
form.form-core.form-horizontal .control-group.\--large select,
form.form-core.form-horizontal .control-group.\--large .uneditable-input,
form.form-core.form-horizontal .control-group.\--large .uploader,
form.form-core.form-horizontal .control-group.\--large .selector,
form.form-core.form-horizontal .control-group.\--large .add-on {
	font-size: 20px
}

form.form-core.form-horizontal .control-group.\--large input[type="text"],
form.form-core.form-horizontal .control-group.\--large input[type="password"],
form.form-core.form-horizontal .control-group.\--large input[type="number"] {
	font-size: 44px;
	padding: 5px
}

@media (max-width: 1200px) {
	form.form-core.form-horizontal label.control-label {
		width: 160px
	}
}

form.form-core p {
	line-height: 1.4
}

form.form-core input[type="text"],
form.form-core input[type="password"],
form.form-core input[type="number"],
form.form-core textarea,
form.form-core select,
form.form-core .uneditable-input,
form.form-core .uploader,
form.form-core .selector,
form.form-core .add-on {
	background-color: #FFF;
	padding: 1.05em
}

form.form-core input[type="text"]:focus,
form.form-core input[type="password"]:focus,
form.form-core input[type="number"]:focus,
form.form-core textarea:focus,
form.form-core select:focus,
form.form-core .uneditable-input:focus,
form.form-core .uploader:focus,
form.form-core .selector:focus,
form.form-core .add-on:focus {
	border-color: #000
}

form.form-core label .checker {
	margin-top: -2px
}

form.form-core .selector {
	text-align: left
}

form.form-core label.control-label {
	text-transform: uppercase;
	color: #333;
	font-size: 14px;
	padding: 1em .5em .5em
}

@media (min-width: 1200px) {
	form.form-core label.control-label {
		letter-spacing: 0
	}
}

form.form-core .checker span {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	background-image: url(../images/sprite.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-left: 7px;
    margin-top: 2px;
}

form.form-core .checker span.checked {
	background-position: 0 -60px
}

form.form-core .checker.hover span,
form.form-core .checker:hover span,
form.form-core .checker.focus span {
	background-image: url(../images/sprite.png);
	background-position: 0 0;
	background-repeat: no-repeat
}

form.form-core .checker.hover span.checked,
form.form-core .checker:hover span.checked,
form.form-core .checker.focus span.checked {
	background-position: 0 -60px
}

form.form-core .checker-small {
	font-size: 15px;
	color: #4c5860
}

form.form-core .checker-small.\--active {
	color: #207bb8
}

form.form-core .checker-small .checker span {
	width: 12px;
	height: 12px;
	vertical-align: middle;
	background-image: url(../images/sprite.png);
	background-position: 0 -100px;
	background-repeat: no-repeat;
	margin-right: 12px;
	margin-top: -2px;
}

form.form-core .checker-small .checker span.checked {
	background-position: -12px -100px
}

form.form-core .checker-small .checker.hover span,
form.form-core .checker-small .checker:hover span,
form.form-core .checker-small .checker.focus span {
	background-position: 0 -100px
}

form.form-core .checker-small .checker.hover span.checked,
form.form-core .checker-small .checker:hover span.checked,
form.form-core .checker-small .checker.focus span.checked {
	background-position: -12px -100px
}

form.form-core .radio span {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	background-image: url(../images/sprite.png);
	background-position: -30px 0;
	background-repeat: no-repeat;
	margin-right: 7px
}

form.form-core .radio span.checked {
	background-position: -30px -60px
}

form.form-core .radio.hover span,
form.form-core .radio:hover span,
form.form-core .radio.focus span {
	background-image: url(/_ui/themes/hrf/media/sprite.png);
	background-position: -30px 0;
	background-repeat: no-repeat
}

form.form-core .radio.hover span.checked,
form.form-core .radio:hover span.checked,
form.form-core .radio.focus span.checked {
	background-position: -30px -60px
}

form.form-core .price-control.\--last>label {
	border-right: 1px solid #CCC
}

form.form-core .price-control>label {
	cursor: pointer;
	color: #e30044;
	text-align: center;
	-webkit-transition: .2s;
	transition: .2s;
	padding: 5px;
	font-family: "Cairo", serif;
	font-weight: 700;
	font-size: 12px;
	border: 1px solid #CCC;
	border-right: 0;
	display: block
}

form.form-core .price-control>label:hover {
	background-color: #efefef
}

form.form-core .price-control input[type="checkbox"],
form.form-core .price-control input[type="radio"] {
	opacity: 0;
	position: absolute;
	z-index: -1
}

form.form-core .price-control input[type="checkbox"]:checked+label,
form.form-core .price-control input[type="radio"]:checked+label {
	background-color: #e30044;
	color: #FFF;
	border-top-color: #e30044;
	border-bottom-color: #e30044
}

form.form-core .card-control {
	display: inline-block;
	margin-right: 5px;
	padding: 7px;
	cursor: pointer;
	margin-top: 20px
}

form.form-core .card-control:hover label {
	opacity: 1
}

form.form-core .card-control img {
	display: block;
	position: relative;
	z-index: 2
}

form.form-core .card-control label {
	display: block;
	cursor: pointer;
	opacity: .6;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	margin-bottom: 0;
	position: relative;
	text-align: center
}

form.form-core .card-control label>span {
	display: block;
	padding-top: 25px;
	font-size: 14px
}

form.form-core .card-control label:before,
form.form-core .card-control label:after {
	opacity: 0;
	-webkit-transition: opacity .2s;
	transition: opacity .2s
}

form.form-core .card-control label:after {
	content: "";
	display: block;
	position: absolute;
	left: -10px;
	top: -20px;
	right: -10px;
	bottom: 36px;
	border: 3px solid #35873e;
	border-radius: 5px
}

form.form-core .card-control label:before {
	content: "\e90b";
	font-family: 'Cairo';
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	color: #35873e;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 20px;
	position: absolute;
	left: 50%;
	top: -30px;
	margin-left: -10px;
	background-color: #FFF;
	z-index: 1;
	border: 2px solid #FFF
}

form.form-core .card-control input[type="checkbox"],
form.form-core .card-control input[type="radio"] {
	opacity: 0;
	position: absolute;
	z-index: -1
}

form.form-core .card-control input[type="checkbox"]:checked+label,
form.form-core .card-control input[type="radio"]:checked+label {
	opacity: 1
}

form.form-core .card-control input[type="checkbox"]:checked+label>span,
form.form-core .card-control input[type="radio"]:checked+label>span {
	color: #35873e
}

form.form-core .card-control input[type="checkbox"]:checked+label:before,
form.form-core .card-control input[type="checkbox"]:checked+label:after,
form.form-core .card-control input[type="radio"]:checked+label:before,
form.form-core .card-control input[type="radio"]:checked+label:after {
	opacity: 1
}

form.form-core .uploader {
	padding: 2px;
	padding-left: 140px;
	position: relative;
	display: inline-block
}

form.form-core .uploader:after {
	content: "Upload Image";
	display: block;
	position: absolute;
	left: 2px;
	top: 2px;
	bottom: 2px;
	background-color: #efefef;
	padding: 14px 20px 0
}

form.form-core .uploader span.filename {
	display: none
}

form.form-core .uploader span.action {
	position: relative;
	border: 0;
	padding: 17px 80px;
	background-color: #2d6994;
	color: #FFF;
	font-size: 12px;
	margin-left: 5px;
	-webkit-transition: .2s;
	transition: .2s;
	text-shadow: none;
	width: auto;
	border-radius: 3px
}

form.form-core .uploader span.action:before {
	content: "\e916";
	font-family: 'Cairo';
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	margin-right: 10px;
	vertical-align: top
}

form.form-core .uploader input[type=file] {
	opacity: 0
}

form.form-core .uploader:hover span.action {
	background-color: #214d6d
}

form.form-core .radio-check {
	color: #656565;
	font-weight: 700;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: 0;
	cursor: pointer
}

form.form-core .radio-check.\--active {
	color: #e30044
}

form.form-core .radio-check .radio span {
	background-position: -150px 0
}

form.form-core .radio-check .radio span.checked {
	background-position: -150px -60px
}

form.form-core .radio-check .radio.hover span,
form.form-core .radio-check .radio:hover span,
form.form-core .radio-check .radio.focus span {
	background-position: -150px -30px
}

form.form-core .radio-check .radio.hover span.checked,
form.form-core .radio-check .radio:hover span.checked,
form.form-core .radio-check .radio.focus span.checked {
	background-position: -150px -60px
}

form.form-core.form-small .control-group {
	margin-bottom: 10px
}

form.form-core.form-small input[type="text"],
form.form-core.form-small input[type="password"],
form.form-core.form-small input[type="number"],
form.form-core.form-small textarea,
form.form-core.form-small select,
form.form-core.form-small .uneditable-input,
form.form-core.form-small .uploader,
form.form-core.form-small .selector,
form.form-core.form-small .add-on {
	padding: 10px;
	font-size: 14px
}

form.form-core.form-filter input[type="text"],
form.form-core.form-filter input[type="password"],
form.form-core.form-filter input[type="number"],
form.form-core.form-filter textarea,
form.form-core.form-filter select,
form.form-core.form-filter .uneditable-input,
form.form-core.form-filter .uploader,
form.form-core.form-filter .selector,
form.form-core.form-filter .add-on {
	border: 0;
	padding: .8em
}

form.form-core.form-filter .controls.\--date-picker i {
	top: 15px
}

form.form-core.form-search {
	margin-bottom: 0
}

form.form-core.form-search input[type="text"] {
	padding: 1em;
	border: 0
}

form.form-core.form-search input[type="text"]:focus {
	-webkit-box-shadow: 0 0 10px rgba(46, 104, 143, 0.5);
	box-shadow: 0 0 10px rgba(46, 104, 143, 0.5)
}

form.form-core.form-search .btn {
	position: absolute;
	left: 0;
	top: 0;
	border: none;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}

form.form-core.form-search .btn i {
	font-size: 2em;
	color: #2e688f
}

form.form-core.form-theme-blue input[type="text"],
form.form-core.form-theme-blue input[type="password"],
form.form-core.form-theme-blue input[type="number"],
form.form-core.form-theme-blue textarea,
form.form-core.form-theme-blue select,
form.form-core.form-theme-blue .uneditable-input,
form.form-core.form-theme-blue .uploader,
form.form-core.form-theme-blue .selector,
form.form-core.form-theme-blue .add-on {
	background-color: #fafbfc;
	border-color: #b5cfe4
}

form.form-core.form-theme-blue input[type="text"]:focus,
form.form-core.form-theme-blue input[type="password"]:focus,
form.form-core.form-theme-blue input[type="number"]:focus,
form.form-core.form-theme-blue textarea:focus,
form.form-core.form-theme-blue select:focus,
form.form-core.form-theme-blue .uneditable-input:focus,
form.form-core.form-theme-blue .uploader:focus,
form.form-core.form-theme-blue .selector:focus,
form.form-core.form-theme-blue .add-on:focus {
	border-color: #165782
}

form.form-core.form-theme-blue .checker span {
	background-image: url(/_ui/themes/hrf/media/sprite.png);
	background-position: -60px 0;
	background-repeat: no-repeat
}

form.form-core.form-theme-blue .checker span.checked {
	background-position: -60px -60px
}

form.form-core.form-theme-blue .checker.hover span,
form.form-core.form-theme-blue .checker:hover span,
form.form-core.form-theme-blue .checker.focus span {
	background-image: url(/_ui/themes/hrf/media/sprite.png);
	background-position: -60px 0;
	background-repeat: no-repeat
}

form.form-core.form-theme-blue .checker.hover span.checked,
form.form-core.form-theme-blue .checker:hover span.checked,
form.form-core.form-theme-blue .checker.focus span.checked {
	background-position: -60px -60px
}

.controls.\--success {
	position: relative;
	color: #93c750
}

.controls.\--success input {
	border-color: #93c750!important
}

.controls.\--success i.icon {
	position: absolute;
	right: 20px;
	top: 18px;
	font-size: 20px
}

.controls.\--success i.icon:before {
	content: "\e90b"
}

.controls.\--failed {
	position: relative;
	color: #e44848
}

.controls.\--failed input {
	border-color: #e44848!important
}

.controls.\--failed i.icon {
	position: absolute;
	right: 20px;
	top: 18px;
	font-size: 20px
}

.controls.\--failed i.icon:before {
	content: "\e90a"
}

.controls.\--date-picker {
	position: relative
}

.controls.\--date-picker i {
	position: absolute;
	left: 20px;
	top: 22px;
	font-size: 17px
}

.container__blue-bg .control-group {
	padding: 20px;
	background-color: #fff
}

.container__blue-bg .control-group.\--striped {
	padding: 0;
	background-color: transparent
}

.container__blue-bg .control-group.\--striped .control-label {
	color: #2b5981;
	font-size: 16px;
	font-weight: 700
}

.control-group.\--donation-field {
	background-color: #fff;
	padding: 10px 20px 25px
}

.control-group.\--donation-field.\--theme-red .control-label,
.control-group.\--donation-field.\--theme-red .currency,
.control-group.\--donation-field.\--theme-red input {
	color: #a52047
}

.control-group.\--donation-field.\--theme-red-alt .wrap {
	border: 0
}

.control-group.\--donation-field.\--theme-red-alt .control-label {
	width: 50%;
	font-weight: 400;
	padding-top: 19px;
	padding-bottom: 0!important
}

.control-group.\--donation-field.\--theme-red-alt .currency,
.control-group.\--donation-field.\--theme-red-alt input {
	color: #e30044;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-weight: 400;
	font-size: 36px;
	letter-spacing: 0
}

.control-group.\--donation-field.\--theme-red-alt input.field {
	width: 110px
}

.control-group.\--donation-field.\--theme-red-alt ::-webkit-input-placeholder {
	color: #e30044;
	opacity: .7
}

.control-group.\--donation-field.\--theme-red-alt :-moz-placeholder {
	color: #e30044;
	opacity: .7
}

.control-group.\--donation-field.\--theme-red-alt :-ms-input-placeholder {
	color: #e30044;
	opacity: .7
}

.control-group.\--donation-field.\--theme-red-alt :-moz-placeholder {
	color: #e30044;
	opacity: .7
}

.control-group.\--donation-field p.error {
	letter-spacing: 0;
	width: 100%;
	float: right
}

.add-donation-box .control-group.\--donation-field .controls {
	width: 70%
}

.control-group.\--donation-field.\--type-total {
	text-align: center
}

.control-group.\--donation-field.\--type-total .control-label,
.control-group.\--donation-field.\--type-total .controls {
	float: none;
	width: auto;
	display: inline-block;
	vertical-align: middle
}

.control-group.\--donation-field.\--type-total .control-label {
	text-align: right;
	margin: 10px 20px 0 0;
	font-weight: 700
}

.control-group.\--donation-field.\--type-total .field,
.control-group.\--donation-field.\--type-total .currency {
	color: #a52047
}

.control-group.\--donation-field.\--type-total .field {
	width: 250px
}

.control-group.\--donation-field.\--theme-donation-summary {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px
}

.add-donation-box .control-group.\--donation-field.\--theme-donation-summary {
	padding-top: 10px;
	padding-bottom: 10px
}

.control-group.\--donation-field.\--theme-donation-summary .control-label,
.control-group.\--donation-field.\--theme-donation-summary .currency,
.control-group.\--donation-field.\--theme-donation-summary input,
.control-group.\--donation-field.\--theme-donation-summary small {
	color: #e30044
}

.add-donation-box .control-group.\--donation-field.\--theme-donation-summary .field,
.add-donation-box .control-group.\--donation-field.\--theme-donation-summary .currency {
	font-size: 32px;
	letter-spacing: 0;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	float: none
}

.ipad .add-donation-box .control-group.\--donation-field.\--theme-donation-summary .field,
.ipad .add-donation-box .control-group.\--donation-field.\--theme-donation-summary .currency {
	font-size: 27px
}

.add-donation-box .control-group.\--donation-field.\--theme-donation-summary .field {
	width: 120px;
	text-align: left
}

.ipad .add-donation-box .control-group.\--donation-field.\--theme-donation-summary .field {
	width: 82px
}

.control-group.\--donation-field.\--theme-donation-summary small {
	font-size: 12px;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	text-align: left;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	margin-top: 4px
}

.control-group.\--donation-field.\--theme-donation-summary .controls {
	float: none;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	vertical-align: middle
}

.control-group.\--donation-field .wrap {
	border-bottom: 1px dashed #CCC
}

.control-group.\--donation-field .control-label,
.control-group.\--donation-field .currency,
.control-group.\--donation-field .field {
	float: right;
	text-align: left
}

.control-group.\--donation-field .controls {
	float: right
}

.control-group.\--donation-field .control-label {
	width: 30%;
	text-align: right;
	text-transform: uppercase;
	padding: 7px 0 14px;
	font-size: 12px;
	color: #4c5860;
	letter-spacing: 0
}

.control-group.\--donation-field .control-label small {
	display: block;
	font-size: 11px;
	letter-spacing: 0;
	margin-top: 2px
}

.control-group.\--donation-field .currency {
	font-size: 61px;
	font-weight: 700;
	color: #4c5860;
	margin-top: 5px
}

.control-group.\--donation-field .field {
	padding: 0!important;
	border: 0!important;
	font-size: 60px;
	font-weight: 700;
	color: #4c5860;
	letter-spacing: 0;
	width: 160px
}

.control-group.\--donation-field .selector {
	padding: 1.05em 4em 1.05em 1.05em
}

.control-group.\--comment-box {
	background-color: #fff;
	padding: 10px 20px 0;
	text-align: center
}

.control-group.\--comment-box .wrap {
	border: 1px solid #cbcbcb;
	text-align: center
}

.control-group.\--comment-box .control-label {
	text-transform: none;
	letter-spacing: 0;
	font-size: 16px;
	padding-bottom: 0;
	line-height: 1
}

.control-group.\--comment-box .controls {
	overflow: hidden;
	padding: 0 20px
}

.control-group.\--comment-box input[type="text"],
.control-group.\--comment-box textarea {
	border: 0;
	text-align: center;
	padding: 0 0 15px;
	font-size: 22px;
	font-weight: 700;
	color: #e30043;
	text-transform: uppercase;
	letter-spacing: 0
}

.control-group p.error {
	font-size: 12px;
	margin: 5px 0 0;
	color: #c73f38
}

.control-group .fundraisers-add .input-prepend p.add-on {
	padding: 1em;
	line-height: 1.32;
	display: inline-block;
	width: 100%
}

form.form-core.\--style-zakat .control-group.\--type-select {
	padding: 0
}

form.form-core.\--style-zakat .control-group.\--type-select .selector {
	padding: 15px 20px;
	font-size: 18px;
	font-weight: 700;
	border: 2px solid #CCC;
	color: #666
}

form.form-core.\--style-zakat .control-group {
	padding: 0 30px;
	margin-bottom: 30px
}

form.form-core.\--style-zakat .h5 {
	padding-right: 30px;
	text-transform: none;
	font-size: 36px
}

form.form-core.\--style-zakat label.control-label {
	width: 280px;
	text-transform: none;
	letter-spacing: 0;
	padding-top: .7em;
	padding-left: 0
}

form.form-core.\--style-zakat .controls {
	position: relative;
	padding: 0;
	padding-left: 40px
}

form.form-core.\--style-zakat .controls__prefix {
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	font-size: 18px;
	font-weight: 700;
	color: #e30043;
	border: 1px solid #ccc;
	border-right: 0;
	padding: 10px 15px 0
}

form.form-core.\--style-zakat .form-core__zakat {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

form.form-core.\--style-zakat .form-core__zakat>div>div {
	height: 100%
}

hr.\--small {
	width: 100px;
	margin-left: auto;
	margin-right: auto
}

hr.\--edge-to-edge {
	margin-left: -30px;
	margin-right: -30px
}

.container__brown-bg hr {
	border-color: #c7bfac
}

.container__blue-bg hr {
	border-color: #b0c4d5
}

.section-hero {
	position: relative;
	z-index: 1;
	color: #FFF;
	padding: 90px 0 40px;
	margin-bottom: 40px
}

.section-hero a {
	color: #FFF
}

.section-hero a>i.icon {
	margin-left: 10px;
	margin-top: 1px
}

.section-hero.\--plain {
	padding-top: 20px;
	padding-bottom: 20px
}

.section-hero.\--plain .section-hero__head__title {
	margin-bottom: 0
}

.section-hero.\--style-banner {
	padding: 0;
	overflow: hidden
}

.section-hero__contain {
	border: 1px solid #c8456e;
	padding: 30px
}

.section-hero.\--style-donate {
	padding-top: 40px
}

.section-hero.\--style-donate .section-hero__contain {
	padding: 30px 40px
}

.section-hero.\--style-donate .section-hero__head__title {
	margin-bottom: 10px
}

.section-hero.\--style-donate .section-hero__column-two {
	margin-top: 30px
}

.section-hero.\--style-donate .i3-slider .flex-control-nav {
	margin: 0 auto;
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0
}

.section-hero.\--style-donate .i3-slider .flex-control-nav a {
	border-color: #fff
}

.section-hero.\--style-donate .i3-slider .flex-control-nav a.flex-active {
	background: #fff
}

@media (min-width: 1300px) {
	.section-hero.\--style-donate .section-hero__flex-wrap {
		-js-display: flex;
		display: -webkit-box;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex
	}
	.section-hero.\--style-donate .section-hero__column-one,
	.section-hero.\--style-donate .section-hero__column-two {
		-webkit-box-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
	.section-hero.\--style-donate .section-hero__column-one {
		max-width: 550px
	}
	.section-hero.\--style-donate .section-hero__column-two {
		width: 65%;
		margin-top: 0;
		margin-left: 2%
	}
}

@media (min-width: 1500px) {
	.section-hero.\--style-donate .section-hero__column-one {
		max-width: 700px
	}
}

.section-hero__head {
	text-align: center
}

.section-hero__head.\--octagon {
	padding-top: 20px
}

.section-hero__head.\--octagon svg {
	position: absolute;
	top: -55px;
	left: 50%;
	margin-left: -140px;
	z-index: 1
}

.section-hero__head.\--octagon .section-hero__head__small,
.section-hero__head.\--octagon .section-hero__head__title {
	z-index: 2;
	position: relative
}

.section-hero__head.\--octagon .section-hero__head__title {
	line-height: 1
}

.section-hero__head.\--octagon .alpha {
	font-size: 68px;
	letter-spacing: 0px;
	line-height: 1
}

.section-hero__head.\--octagon .beta {
	font-size: 28px;
	font-weight: 700;
	display: block
}

.section-hero__head__small {
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 10px
}

.section-hero__head__campaign-logo {
	display: inline-block;
	vertical-align: top;
	margin-bottom: -60px;
	margin-top: 20px
}

.section-hero__head__title {
	color: #FFF
}

.section-hero__head__title span {
	line-height: 1
}

.section-hero__head__title.\--alpha {
	font-size: 120px;
	font-weight: 700;
	text-align: center
}

.section-hero__head__title.\--alpha span {
	display: inline-block;
	padding: 0 15px
}

.section-hero__head__title.\--alpha span.theme-yellow {
	background-color: #E9A838
}

.section-hero__head__title.\--alpha span.theme-orange {
	background-color: #e58200
}

.section-hero__head__title.\--alpha span.theme-red {
	background-color: #e30044
}

.section-hero__head__title.\--alpha span.theme-green {
	background-color: #7ab632
}

.section-hero__head__title.\--alpha span.theme-blue {
	background-color: #165782
}

.section-hero__head__title.\--beta {
	font-size: 52px;
	font-weight: 300;
	text-align: center
}

.section-hero__head__title.\--beta span {
	display: inline-block;
	padding: 5px 10px;
	letter-spacing: 0px;
	margin-top: -10px
}

.section-hero__head__title.\--beta span.theme-yellow {
	background-color: #d69018
}

.section-hero__head__title.\--beta span.theme-orange {
	background-color: #b26500
}

.section-hero__head__title.\--beta span.theme-red {
	background-color: #b00035
}

.section-hero__head__title.\--beta span.theme-green {
	background-color: #5f8e27
}

.section-hero__head__title.\--beta span.theme-blue {
	background-color: #0f3a56
}

.section-hero__head__title.\--stylized .alpha {
	font-size: 84px;
	font-weight: 700
}

.section-hero__head__title.\--stylized .alpha em {
	background-color: #e30044
}

.section-hero__head__title.\--stylized .beta {
	font-size: 52px;
	background-color: #b90c40;
	font-weight: 300
}

.section-hero__head__title.\--small {
	margin-bottom: 0
}

.section-hero__head__title.\--small .alpha {
	font-size: 50px;
	letter-spacing: 0
}

.section-hero__head__title.\--small .beta {
	font-size: 24px;
	letter-spacing: 0
}

.section-hero__head__title.\--theme-blue .alpha em {
	background-color: #165782
}

.section-hero__head__title.\--theme-blue .beta {
	background-color: #0f4061
}

.section-hero__head__title.\--theme-white .alpha em {
	background-color: #FFF;
	color: #98012e
}

.section-hero__head__title.\--theme-white .beta {
	background-color: #FFF;
	color: #98012e
}

.section-hero__head__title.\--theme-yellow .alpha em {
	background-color: #E9A838
}

.section-hero__head__title.\--theme-yellow .beta {
	background-color: #EFB94F
}

.section-hero__head .alpha {
	font-size: 60px;
	font-weight: 700;
	display: block
}

.section-hero__head .alpha em {
	font-style: normal;
	display: inline-block;
	padding: 0 10px 5px
}

.section-hero__head .alpha+.beta {
	margin-top: -10px
}

.section-hero__head .beta {
	font-size: 30px;
	display: inline-block;
	vertical-align: top;
	padding: 5px 10px;
	letter-spacing: 0px
}

.section-hero__content {
	position: relative;
	z-index: 3
}

.section-hero__content__title {
	text-align: center;
	color: #FFF;
	padding-top: 20px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2)
}

.section-hero__bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 1
}

.section-hero__bg-overlay {
	position: absolute;
	background-color: #185174;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	opacity: .84
}

.section-hero__bg-overlay.\--style-light {
	opacity: .4;
	filter: alpha(opacity=40)
}

.section-hero.\--account {
	padding-top: 30px;
	padding-bottom: 0;
	min-height: 100px
}

.section-hero.\--account .section-hero__bg-overlay {
	bottom: auto;
	height: 100px
}

.section-hero.\--account .section-hero__bg {
	bottom: auto;
	height: 100px
}

.section-hero__thankyou {
	max-width: 690px;
	margin: 0 auto
}

.section-hero__thankyou__title {
	color: #fff;
	font-size: 72px;
	font-weight: 600;
	line-height: 1
}

@media (max-width: 1100px) {
	.section-hero__thankyou__title.\--responsive {
		font-size: 52px
	}
}

.section-hero__thankyou__subtitle {
	color: #fff;
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
	font-family: "Cairo", serif
}

.section-hero__thankyou__msg {
	font-size: 14px;
	letter-spacing: 0
}

.section-hero__thankyou__user {
	font-size: 28px;
	color: #fff;
	text-transform: none;
	font-family: "Cairo", serif;
	font-weight: 500;
	letter-spacing: 0
}

.section-hero__thankyou__ordernumber {
	background-color: #fff;
	color: #333;
	font-size: 24px;
	letter-spacing: 0px;
	border: 5px solid #e9d49a;
	padding: 3px 20px;
	position: relative;
	margin-top: 14px;
	margin-left: 14px;
	margin-right: 14px;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	font-weight: 700
}

.section-hero__thankyou__ordernumber:after {
	position: absolute;
	content: "";
	top: -14px;
	right: -14px;
	left: -14px;
	bottom: -14px;
	z-index: -1;
	background-color: #fdf1d1
}

.section-hero__thankyou .btn {
	letter-spacing: 0;
	padding-left: 60px;
	padding-right: 60px
}

.section-hero .ctc-entity-banners .w-video {
	width: 100%!important
}

.section-hero.\--column-full {
	width: 100%
}

.fade {
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.fade.in {
	opacity: 1
}

.sidebar {
	background: #fff;
	padding: 40px 30px;
	margin-top: 65px
}

.sidebar p {
	font-size: 14px
}

.sidebar__title {
	color: #2d4351;
	font-weight: 700;
	letter-spacing: 0px;
	font-size: 18px;
	margin-bottom: 15px
}

.sidebar form.form-core .control-group .control-label {
	padding: 0;
	margin-bottom: 5px;
	letter-spacing: 0;
	text-transform: none;
	color: #4b575f;
	font-size: 16px;
	font-weight: 700
}

table.table-core a {
	color: #165782
}

table.table-core th,
table.table-core td {
	padding: 30px 50px
}

table.table-core tr:first-child td {
	padding-top: 50px
}

table.table-core tr:hover td {
	background-color: #f0f6fb
}

table.table-core td {
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	border-right: 1px solid #CCC
}

@media (max-width: 1200px) {
	table.table-core td {
		font-size: 14px
	}
}

table.table-core td:last-child {
	border-right: 0
}

table.table-core th {
	font-size: 20px;
	color: #165782;
	font-weight: 400
}

@media (max-width: 1200px) {
	table.table-core th {
		font-size: 14px
	}
}

.table-core__status {
	position: relative;
	padding-right: 20px
}

.table-core__status i {
	position: absolute;
	top: 4px;
	right: 0
}

.table-core__collapsable {
	color: #369
}

.table-core__collapsable i {
	color: #666
}

.table-core a+div {
	padding-top: 15px
}

.table-core__meta {
	padding: 5px 0;
	border-bottom: 1px solid #CCC;
	margin-bottom: 0;
	font-size: 15px;
	color: #666
}

.table-core__meta dt {
	float: right;
	width: 60%
}

.table-core__meta dd {
	float: right;
	width: 35%;
	margin-left: 5%;
	text-align: right
}

.social-feeds {
	background: #f6f7f9;
	padding-top: 60px;
	padding-bottom: 60px
}

.social-feeds__count {
	font-family: "Cairo", sans-serif;
	font-weight: 300;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 50px
}

.social-feeds__count .fb_iframe_widget {
	margin-top: -2px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: top
}

.social-feeds .flexslider .box-social {
	margin: 0 10px
}

.social-feeds .flexslider .flex-direction-nav .flex-prev {
	left: -20px
}

.social-feeds .flexslider .flex-direction-nav .flex-next {
	right: -20px
}

@media (min-width: 1500px) {
	.social-feeds .flexslider .flex-direction-nav .flex-prev {
		left: -50px
	}
	.social-feeds .flexslider .flex-direction-nav .flex-next {
		right: -50px
	}
}

.box-social {
	background-color: #FFF;
	padding: 20px 20px 60px;
	font-size: 14px;
	position: relative;
	border: 1px solid #dfdfdf;
	border-radius: 3px
}

.box-social__content {
	height: 110px;
	overflow: hidden;
	line-height: inherit;
	margin-bottom: 30px
}

.box-social__header {
	font-size: 15px;
	margin-bottom: 20px
}

.box-social__header a {
	text-decoration: none
}

.box-social__header span {
	color: #999;
	font-size: 14px
}

.box-social a {
	color: #3b5998;
	text-decoration: none;
	line-height: inherit
}

.box-social__actions {
	margin-bottom: 0;
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px
}

.box-social__actions a {
	color: #90949c
}

.box-social__actions a:hover {
	color: #757a84
}

.box-social__actions li {
	margin-right: 25px
}

.box-social__actions i {
	margin-top: 4px;
	margin-right: 5px
}

.page-sitemap {
	margin: 40px 0
}

.page-sitemap__categories {
	overflow: hidden;
	margin-left: -30px;
	list-style: none
}

.page-sitemap__categories li {
	width: 50%;
	padding-left: 30px;
	float: right;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.page-sitemap__categories li a {
	color: #333;
	text-decoration: none;
	letter-spacing: 0;
	padding: 18px 20px;
	font-size: 18px;
	display: block;
	border: 1px solid #ccc;
	font-weight: 700;
	background: #f4f4f4
}

.page-sitemap__categories li a:hover {
	background: #fff
}

.page-sitemap__pagination {
	overflow: hidden;
	margin-left: -30px
}

.page-sitemap__pagination__grid-items {
	width: 50%;
	float: right;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.page-sitemap__pagination.\--type-filters {
	list-style: none;
	text-align: center;
	margin: 0;
	padding-left: 30px
}

.page-sitemap__pagination.\--type-filters li {
	color: #333;
	font-size: 18px;
	margin: 0 6px
}

.page-sitemap__pagination.\--type-filters.\--type-page {
	padding-left: 0
}

.page-sitemap__links {
	overflow: hidden;
	margin-left: -30px
}

.page-sitemap__links__grid-items {
	width: 50%;
	float: right;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.page-sitemap__links__title {
	letter-spacing: 0;
	text-transform: uppercase;
	padding-left: 30px
}

.page-sitemap__links__sub-title {
	padding-left: 30px;
	font-size: 12px
}

.page-sitemap__links ul {
	list-style: none;
	margin: 0;
	padding-left: 30px
}

.page-sitemap__links li {
	position: relative;
	padding-left: 30px
}

.page-sitemap__links li a {
	padding: 0;
	margin-bottom: 10px;
	color: #333;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	line-height: 1.2;
	font-size: 16px
}

.page-sitemap__links li a:hover {
	text-decoration: underline
}

.page-sitemap__links li:before {
	content: '\2192';
	position: absolute;
	top: -4px;
	left: 0;
	font-weight: 700;
	font-size: 18px
}

.page-sitemap__links__filter-icon {
	background: url(../images/filter-icon.png);
	width: 12px;
	height: 12px;
	vertical-align: middle;
	display: inline-block
}

.page-sitemap__products .page-sitemap__links {
	margin-left: 0
}

.page-sitemap__products ul {
	padding-left: 0
}

.page-sitemap__products ul>* {
	width: 33%;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	padding-left: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 30px
}

.ph {
	position: relative;
	z-index: 97;
	background-color: #FFF
}

.ph__top {
	position: relative;
	padding: 0 20px;
	height: 100px;
	border-bottom: 1px solid #efeff0
}

@media (min-width: 1441px) {
	.ph__top {
		height: 130px
	}
}

.ph__phone {
	float: right;
	font-size: 14px;
	color: #165782;
	margin-bottom: 0;
	line-height: 1.3;
	padding-left: 20px;
	border-left: 1px solid #efeff0;
	padding-top: 26px;
	padding-bottom: 24px
}

@media (min-width: 1080px) {
	.ph__phone {
		font-size: 16px
	}
}

@media (min-width: 1441px) {
	.ph__phone {
		padding-top: 42px;
		padding-bottom: 38px
	}
}

.ph__phone a {
	display: block;
	font-size: 1.25em;
	color: #a52047;
	letter-spacing: 0;
	margin-top: 8px
}

.ph__phone a:hover {
	color: #000
}

.ph__logo {
	position: relative;
	display: block;
	width: 200px;
	padding-top: 18px;
	float: right
}

.ph__logo img {
	position: relative;
	z-index: 2
}

@media (min-width: 1080px) {
	.ph__logo {
		width: 250px;
		padding-top: 9px
	}
}

@media (min-width: 1441px) {
	.ph__logo {
		position: absolute;
		left: 50%;
		top: 10px;
		padding-top: 0;
		width: 336px;
		margin-left: -168px
	}
	.ph__logo:after {
		content: "";
		display: block;
		width: 40px;
		height: 10px;
		background: #FFF;
		position: absolute;
		bottom: 7px;
		left: 31px;
		z-index: 1
	}
}

.ph__globe-logo {
	float: right;
	margin-right: 20px;
	margin-left: 20px;
	width: 80px;
	margin-top: 10px
}

@media (min-width: 1441px) {
	.ph__globe-logo {
		width: 100px;
		margin-top: 12px
	}
}

.ph__links {
	font-size: 13px;
	text-align: right;
	text-transform: uppercase;
	border-left: 1px solid #efeff0;
	letter-spacing: 0;
	padding: 31px 0px 29px 31px;
	margin-bottom: 0;
	float: right
}

.ph__links a {
	color: #666;
    font-weight: bold;
}

.ph__links a:hover {
	color: #000
}

@media (min-width: 1441px) {
	.ph__links {
		padding: 49px 0px 41px 31px
	}
}

.ph__donate {
	float: right;
	text-align: right;
	padding: 0 30px 0 0px
}

.ph__donate p {
	margin-top: 30px;
	float: right;
    margin-top: 36px;
    font-weight: 600;
	font-size: 16px;
	color: #165782;
	margin-bottom: 0;
	line-height: 1.2
}

.ph__donate p span {
	display: block;
	font-size: 18px;
	color: #a52047;
	letter-spacing: 0
}

.ph__donate .btn {
	margin-top: 30px;
	margin-right: 30px
}

.ph__donate.i3-donation-minicart-show {
	cursor: pointer
}

@media (min-width: 1441px) {
	.ph__donate {
		padding-top: 17px
	}
}

.ph__nav {
	margin-bottom: -5px;
	text-align: center;
	border-bottom: 1px solid #efeff0;
	padding-bottom: 2px
}

.ph__nav>li {
	font-size: 11px;
    float: right;
	display: inline-block;
	vertical-align: top
}

@media (min-width: 1160px) {
	.ph__nav>li {
		font-size: 12px;
		letter-spacing: 0
	}
}

@media (min-width: 1439px) {
	.ph__nav>li {
		font-size: 15px
	}
}

.ph__nav>li>a {
	color: #478ebd;
	display: block;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	text-transform: uppercase;
	padding: 1.3333333333em;
    font-size: 16px;
    font-weight: 600;
}

.ph__nav>li>a:hover {
	background-color: #f5f5f5
}

.ph__nav>li>a>i {
	font-size: 1.4em
}

.ph__nav>li.active>a {
	color: #e30044
}

.ph__nav>li.has-dropdown>a {
	background-color: #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF
}

.ph__nav>li.has-dropdown:hover>a {
	border-right-color: #efeff0;
	border-left-color: #efeff0;
	-webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1)
}

.ph__nav>li.search a {
	padding-top: 1.15em;
	padding-bottom: 1.1em
}

.pn-dropdown {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 97;
	background-color: #225d89;
	padding: 20px 40px;
	text-align: left;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	letter-spacing: 0;
	top: 170px
}

@media (min-width: 1160px) {
	.pn-dropdown {
		top: 146px
	}
}

@media (min-width: 1439px) {
	.pn-dropdown {
		top: 185px
	}
}

.pn-dropdown .container>.row {
	position: relative;
	overflow: hidden
}

.pn-dropdown hr {
	border-color: #207bb8;
	margin-left: -30px;
	margin-right: -30px
}

.pn-dropdown__nav {
	margin-bottom: 0
}

.pn-dropdown__nav li {
	padding: 10px 0;
    text-align: right;
}

.pn-dropdown__nav .active a {
	color: #fff;
	font-weight: 700
}

.pn-dropdown__nav .active a i {
	opacity: 1;
	filter: alpha(opacity=100)
}

.pn-dropdown__nav a {
	color: #fff;
	display: block;
	position: relative;
	padding-right: 0px;
	-webkit-transition: .3s;
	transition: .3s;
	font-size: 18px;
}

.pn-dropdown__nav a i {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: .2s;
	transition: .2s
}

.pn-dropdown__bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(/_ui/themes/hrf/media/uploads/search-bg.jpg) center center no-repeat;
	background-size: cover;
	opacity: .1;
	filter: alpha(opacity=10);
	z-index: 1
}

.pn-dropdown__content {
	padding: 30px;
	text-align: center;
	display: none
}

.pn-dropdown__content__blurb {
	padding-left: 30px;
	padding-right: 30px
}

.pn-dropdown__content>h2 {
	letter-spacing: 0
}

.pn-dropdown__content>h1,
.pn-dropdown__content>h2,
.pn-dropdown__content>h3,
.pn-dropdown__content>h4,
.pn-dropdown__content>h5 {
	color: #fff
}

.pn-dropdown__left-column {
	width: 30%;
	float: right;
	padding: 20px 30px;
	position: relative;
	z-index: 2
}


.pn-dropdown__right-column {
	width: 30%;
	float: right;
	padding: 20px 30px;
	position: relative;
	z-index: 2
}

.pn-dropdown__left-column-bg {
	width: 30%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: #207bb8;
	z-index: 1;
	-webkit-box-shadow: 10px 0 30px rgba(0, 0, 0, 0.2);
	box-shadow: 10px 0 30px rgba(0, 0, 0, 0.2)
}

.pn-dropdown__right-column-bg {
	width: 30%;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #207bb8;
	z-index: 1;
	-webkit-box-shadow: 10px 0 30px rgba(0, 0, 0, 0.2);
	box-shadow: 10px 0 30px rgba(0, 0, 0, 0.2)
}

.pn-dropdown__content-column {
	width: 70%;
	float: right;
	position: relative;
	z-index: 2;
	color: #fff
}

.pn-dropdown .i3-slider.\--control-nav-inset .flex-control-nav {
	bottom: 15px
}

.pf {
	padding-top: 35px;
    padding-bottom: 20px;
	color: #666;
	font-size: 12px;
	margin-bottom: 0px
}
.col-20 p{
    text-align: right;
}

body.no-quick-donate .pf {
	margin-bottom: 40px
}

.pf__title {
	font-family: "Cairo", serif;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0
}

.pf .item li {
	margin-bottom: 10px
}

.pf .item li a {
	font-family: "Cairo", serif;
	font-size: 16px
}

.pf a {
	color: #666
}

.pf a:hover {
	text-decoration: underline
}

.pf .w-social-share {
	margin-top: 6px;
	margin-bottom: 12px
}

.pf__logos {
	margin-top: 10px
}

.pf__links li {
	margin: 0 10px;
	position: relative
}

.pf__links li:last-child:after {
	display: none
}

.pf__links li:after {
	content: "";
	position: absolute;
	height: 20px;
	border-right: 1px solid #CCC;
	top: 0;
	right: -12px
}

.pf__nav {
	font-size: 16px
}

.pf__nav li {
	padding: 5px 0
}

.orphans-popup {
	padding: 40px;
	background-color: #FFF;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
	-webkit-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 2px rgba(0, 0, 0, 0.1)
}

.orphans-popup__title {
	font-family: "hft", serif;
	font-weight: 700;
	color: #333;
	text-align: center;
	letter-spacing: 0px
}

.orphans-popup__title.\--style-large {
	font-size: 36px;
	color: #1b7bc1;
	font-weight: 400;
	letter-spacing: 0
}

.orphans-popup__title.\--style-large+.orphans-popup__desc {
	margin-top: -20px
}

.orphans-popup__desc {
	font-size: 26px;
	color: #666;
	max-width: 694px;
	margin-left: auto;
	margin-right: auto
}

.orphans-popup__desc span {
	color: #e30044
}

.orphans-popup.\--style-static {
	position: static
}

.dialog {
	min-width: 560px;
	padding: 0 20px
}

.dialog .add-donation-box {
	width: 380px
}

.dialog .donation-summary-box__price span {
	font-size: 50px
}

.dialog.\--small {
	min-width: 350px
}

.dialog a {
	color: #165782;
	text-decoration: underline
}

.dialog a:hover {
	text-decoration: none
}

.dialog a.btn {
	text-decoration: none;
	line-height: 1.3
}

.dialog__back {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none!important;
	font-weight: 700
}

.dialog__back i {
	font-size: 14px;
	margin-top: -1px;
	margin-right: 5px
}

.dialog__title {
	padding-top: 10px;
	font-size: 34px;
	color: #333;
	text-align: center;
	font-family: "Cairo", serif;
	font-weight: 400;
	letter-spacing: 0px
}

.dialog__sub {
	margin-top: -10px;
	text-align: center;
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
	position: relative
}

.dialog__sub:after {
	content: "";
	display: block;
	border-top: 1px solid #dbdcde;
	position: absolute;
	width: 20%;
	right: -25%;
	top: 50%
}

.dialog__sub:before {
	content: "";
	display: block;
	border-top: 1px solid #dbdcde;
	position: absolute;
	width: 20%;
	left: -25%;
	top: 50%
}

.dialog hr {
	border-color: #dbdcde;
	margin-left: -40px;
	margin-right: -40px
}

.dialog .control-group.\--donation-field.\--theme-red .control-label {
	min-height: 72px
}

.minicart__body {
	position: fixed;
	top: 90px;
	left: 100px;
	display: none;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	z-index: 99;
	padding: 40px 25px;
	width: 400px;
	-webkit-box-shadow: -1px 15px 30px rgba(0, 0, 0, 0.2);
	box-shadow: -1px 15px 30px rgba(0, 0, 0, 0.2)
}

.minicart.\--active .minicart__overlay {
	display: block
}

.minicart.\--active .minicart__body {
	display: block
}

.minicart__title {
	color: #333;
	letter-spacing: 0px
}

.minicart__overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: #fff;
	opacity: .9;
	filter: alpha(opacity=90);
	z-index: 98;
	display: none
}

.minicart__close {
	position: absolute;
	left: 10px;
	top: 10px;
	border: 1px solid #207bb8;
	color: #207bb8;
	padding: 4px 8px;
	line-height: 1;
	font-size: 20px;
	font-weight: 700
}

.minicart__content .minicart__row:last-child {
	border-bottom: none
}

.minicart__footer {
	padding-top: 30px
}

.minicart__row {
	padding: 25px 15px 25px 0;
	border-bottom: 1px dotted #e6e6e6;
	position: relative
}

.minicart__row__delete {
	color: #e30044;
	font-weight: 700;
	font-size: 20px;
	position: absolute;
	left: 12px;
	top: 24px
}

.ipad .minicart__row {
	padding-right: 25px
}

.ipad .minicart__row .minicart__row__delete {
	right: 18px
}

.minicart__price {
	font-family: 'Cairo', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #e30044;
	font-weight: 700;
	margin-bottom: 2px;
	line-height: 1
}

.minicart__pr-title {
	color: #165782;
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1
}

.minicart .edge-to-edge {
	margin-left: -20px;
	margin-right: -20px
}

.map-popup {
	width: 650px;
	border: 1px solid #decc9f;
	background-color: #fff9ed;
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	padding: 0 60px 20px;
	position: absolute;
	z-index: 99;
	display: none;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(46%);
	transform: translateY(46%);
	margin-left: -700px
}

.map-popup__flag {
	position: absolute;
	width: 165px;
	height: 113px;
	top: -38px;
	right: 60px
}

.map-popup__close {
	position: absolute;
	top: 0;
	right: 0;
	background: #decc9f;
	width: 30px;
	height: 30px;
	display: block;
	cursor: pointer
}

.map-popup__close:after {
	content: '\00d7';
	font-size: 24px;
	padding: 2px 0 0 8px;
	display: inline-block;
	vertical-align: middle
}

.map-popup__country {
	background: #fff4d9;
	display: block;
	padding: 30px 60px;
	margin-left: -60px;
	margin-right: -60px;
	text-transform: uppercase;
	letter-spacing: 0;
	color: #333;
	line-height: 1;
	font-size: 50px;
	font-weight: 700
}

.map-popup__title {
	color: #333;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 0
}

.map-popup__label {
	color: #cb6533;
	font-size: 24px;
	text-transform: uppercase;
	display: block;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cb6533
}

.map-popup__highlights ul {
	color: #2d9daf;
	font-size: 17px
}

.map-popup__highlights ul li+li {
	margin-top: 15px
}

.map-popup__highlights ul a {
	color: #2d9daf;
	display: block
}

.map-popup__highlights ul a:after {
	font-family: 'Cairo';
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 70%;
	margin-left: 10px;
	color: #333
}

.map-popup__highlights ul a:hover {
	color: #1d6672
}

.map-popup__arrow:after,
.map-popup__arrow:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index: 9
}

.map-popup__arrow:after {
	border-color: rgba(255, 250, 237, 0);
	border-left-color: #fffaed;
	border-width: 20px;
	margin-top: -20px
}

.map-popup__arrow:before {
	border-color: rgba(222, 204, 159, 0);
	border-left-color: #decc9f;
	border-width: 22px;
	margin-top: -22px
}

.grid-block {
	overflow: hidden
}

.grid-block>* {
	float: right;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.grid-block.\--border-bottom {
	border-bottom: 1px solid #CCC
}

.grid-block.\--inline-blocks>* {
	float: none;
	display: inline-block;
	margin-right: -4px
}

.grid-block.\--one-two-blocks>* {
	width: 100%
}

@media screen and (min-width: 1400px) {
	.grid-block.\--one-two-blocks>* {
		width: 50%
	}
}

.grid-block.\--two-blocks>* {
	width: 50%
}

.grid-block.\--three-blocks>* {
	width: 33.333%
}

footer.pf .item{
    text-align: right;
}

.grid-block.\--four-blocks>* {
	width: 25%

}

.grid-block.\--five-blocks>* {
	width: 20%
}

.grid-block.\--type-two-blocks>* {
	width: 50%
}

.grid-block.\--type-three-blocks>* {
	width: 33.333%
}

.grid-block.\--style-offset-blocks {
	margin-left: -20px
}

.grid-block.\--style-offset-blocks>* {
	padding-left: 20px;
	padding-bottom: 20px
}

.grid-block.\--style-offset-block-medium {
	margin-left: -10px
}

.grid-block.\--style-offset-block-medium>* {
	padding-left: 10px;
	padding-bottom: 10px
}

ul.grid-block {
	list-style: none;
	padding-left: 0;
	margin-left: 0
}

.grid-block>* {
	position: relative
}

.grid-block__hdivider {
	position: absolute;
	width: 30%;
	top: 40px;
	right: -30%;
	border-top: 1px solid #CCC
}

.grid-block.\--offset-blocks {
	margin-left: -20px
}

.grid-block.\--offset-blocks>* {
	padding-left: 20px;
	padding-bottom: 20px
}

.grid-block.\--offset-blocks-small {
	margin-left: -3px
}

.grid-block.\--offset-blocks-small>* {
	padding-left: 3px;
	padding-bottom: 3px
}

.grid-block.\--offset-blocks-responsive {
	margin-left: -10%
}

.grid-block.\--offset-blocks-responsive>* {
	padding-left: 10%;
	padding-bottom: 5%
}

.grid-block.\--offset-blocks-medium {
	margin-left: -20px
}

.grid-block.\--offset-blocks-medium>* {
	padding-left: 20px;
	padding-bottom: 20px
}

.grid-block.\--offset-blocks-large {
	margin-left: -40px
}

.grid-block.\--offset-blocks-large>* {
	padding-left: 40px;
	padding-bottom: 40px
}

.grid-block.\--style-offsets {
	margin-left: -22px
}

.grid-block.\--style-offsets>* {
	padding-left: 22px;
	padding-bottom: 22px
}

.grid-flex {
	-js-display: flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-moz-align-items: stretch;
	align-items: stretch;
	-ms-flex-flow: row wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row wrap
}

.grid-flex.\--j-content {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.grid-flex.\--j-content-around {
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.grid-flex.\--a-item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-moz-align-items: center;
	align-items: center
}

.grid-flex.\--center-blocks {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-moz-justify-content: center;
	justify-content: center
}

.grid-flex.\--display-column>* {
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.grid-flex__spacer {
	-webkit-box-flex: 1!important;
	-ms-flex-positive: 1!important;
	flex-grow: 1!important
}

.grid-flex.\--two-blocks>* {
	width: 50%;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex
}

.ie8 .grid-flex.\--two-blocks>*,
.ie9 .grid-flex.\--two-blocks>* {
	float: right;
	width: 50%
}

.grid-flex.\--two-blocks-new>* {
	width: 50%
}

.ie8 .grid-flex.\--two-blocks-new>*,
.ie9 .grid-flex.\--two-blocks-new>* {
	float: right;
	width: 50%
}

.grid-flex.\--three-blocks>* {
	width: 33.333%;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex
}

.ie8 .grid-flex.\--three-blocks>*,
.ie9 .grid-flex.\--three-blocks>* {
	float: right;
	width: 33.33%
}

.grid-flex.\--three-blocks-new>* {
	width: 33.333%
}

.ie8 .grid-flex.\--three-blocks-new>*,
.ie9 .grid-flex.\--three-blocks-new>* {
	float: right;
	width: 33.33%
}

.grid-flex.\--four-blocks>* {
	width: 25%;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex
}

.ie8 .grid-flex.\--four-blocks>*,
.ie9 .grid-flex.\--four-blocks>* {
	float: right;
	width: 25%
}

.grid-flex.\--five-blocks>* {
	width: 20%;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex
}

.ie8 .grid-flex.\--five-blocks>*,
.ie9 .grid-flex.\--five-blocks>* {
	float: right;
	width: 20%
}

ul.grid-flex {
	list-style: none;
	padding-left: 0;
	margin-left: 0
}

.grid-flex.\--offset-blocks {
	margin-left: -20px
}

.grid-flex.\--offset-blocks>* {
	padding-left: 20px;
	padding-bottom: 20px
}

.grid-flex.\--mosaic-blocks>* {
	-js-display: flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-moz-flex: 1 25%;
	-ms-flex: 1 25%;
	flex: 1 25%
}

.grid-flex.\--mosaic-blocks> :nth-child(3n+1) {
	-webkit-box-flex: 2;
	-moz-flex: 2 50%;
	-ms-flex: 2 50%;
	flex: 2 50%
}

@media screen and (max-width: 1400px) {
	.grid-flex.\--mosaic-blocks> :first-child {
		-webkit-box-flex: 1;
		-moz-flex: 1 100%;
		-ms-flex: 1 100%;
		flex: 1 100%
	}
}

.grid-flex.\--two-three-blocks>* {
	-js-display: flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-moz-flex: 1 33%;
	-ms-flex: 1 33%;
	flex: 1 33%
}

@media screen and (max-width: 1200px) {
	.grid-flex.\--two-three-blocks>* {
		-webkit-box-flex: 1;
		-moz-flex: 1 50%;
		-ms-flex: 1 50%;
		flex: 1 50%
	}
}

.grid-banner__item {
	padding-bottom: 3px
}

.grid-banner__column-one {
	padding-right: 3px
}

@media (min-width: 1600px) {
	.grid-banner__column-one {
		float: right;
		width: 60%;
		padding-right: 0
	}
}

.grid-banner__column-one .grid-banner__item {
	float: right;
	width: 50%;
	padding-left: 3px
}

@media (min-width: 1600px) {
	.grid-banner__column-two {
		float: right;
		width: 40%
	}
}

.grid-banner__column-two .grid-banner__item {
	padding-right: 3px;
	padding-left: 3px
}

.grid-banner__column-two .quick-project-donation-box {
	height: 100%
}

.grid-checkout__lg-segment {
	width: 100%
}

@media screen and (min-width: 1480px) {
	.grid-checkout__lg-segment {
		width: 63%;
		float: right
	}
}

.grid-checkout__sm-segment {
	width: 100%;
	margin-bottom: 0
}

@media screen and (min-width: 1480px) {
	.grid-checkout__sm-segment {
		width: 35%;
		margin-left: 2%;
		float: right
	}
}

.pagination {
	margin: 0 0 20px;
	position: relative
}

.pagination a {
	padding: 5px 10px;
	font-size: 16px;
	color: #2e6c98;
	border: none;
	margin: 0 3px;
	background: transparent
}

.pagination a:hover {
	color: #333
}

.pagination li.active a {
	border: 1px solid #2e6c98;
	background: transparent
}

.pagination .prev,
.pagination .next {
	position: absolute;
	font-size: 20px;
	top: 50%;
	margin-top: -10px;
	color: #2e6c98
}

.pagination .prev a,
.pagination .next a {
	padding: 0;
	margin: 0;
	color: #2e6c98;
	text-transform: uppercase;
	letter-spacing: 0;
	font-size: 12px;
	display: block
}

.pagination .prev a:hover,
.pagination .next a:hover {
	color: #333
}

.pagination .prev .icon,
.pagination .next .icon {
	position: absolute;
	top: 50%;
	margin-top: -13px;
	font-size: 30px
}

.pagination .prev {
	left: 0;
	padding-left: 35px
}

.pagination .prev .icon {
	left: 0
}

.pagination .next {
	right: 0;
	padding-right: 35px
}

.pagination .next .icon {
	right: 0
}

.section-navigation {
	background-color: #f1f1f1;
	text-align: center;
	font-size: 13px;
	letter-spacing: 0;
	text-transform: uppercase
}

.section-navigation.\--transparent {
	background-color: transparent
}

.section-navigation.\--left-aligned {
	text-align: right
}

.section-navigation.\--left-aligned a {
	padding-left: 30px!important;
	margin-left: 20px
}

.section-navigation.\--large {
	font-size: 15px
}

.section-navigation.\--large a {
	padding-right: 0px;
	padding-left: 30px
}

.section-navigation .active a {
	color: #a52047
}

.section-navigation a {
	display: block;
	padding: 20px;
	color: #3077a6;
	font-size: 16px;
    font-weight: 600
}

.section-navigation a:hover {
	color: #0f517d
}

.w-search {
	position: absolute;
	width: 100%;
	top: -222px;
	left: 0;
	z-index: 96;
	background-color: #205476;
	background-color: rgba(32, 84, 118, 0.9);
	padding: 30px;
	text-align: center;
	color: #FFF;
	-webkit-transition: top .5s ease-in-out;
	transition: top .5s ease-in-out
}

.w-search.\--show {
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
	top: 141px
}

@media (min-width: 1160px) {
	.w-search.\--show {
		top: 145px
	}
}

@media (min-width: 1440px) {
	.w-search.\--show {
		top: 156px
	}
}

.w-search .container {
	position: relative;
	z-index: 2
}

.w-search__bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	opacity: .1
}

.w-search__title {
	color: #FFF;
	margin-top: 30px
}

.w-newsletter {
	padding: 50px 0 10px;
	background-color: #e9eff4;
	text-align: center
}

.w-newsletter__title {
	font-family: "Cairo", serif;
	color: #333;
	font-size: 1.6rem;
    font-weight: bold;
	text-transform: none
}

.w-newsletter__title span {
	color: #207bb8;
	display: inline-block
}

.w-newsletter__title.\--small {
	font-size: 30px
}

.w-newsletter i.icon {
	font-size: 60px;
	color: #207bb8;
	margin-right: 20px;
	vertical-align: middle
}

.w-social-share {
	font-size: 30px
}

.w-social-share.\--share-this {
	text-transform: uppercase;
	text-align: center;
	font-size: 18px
}

.w-social-share.\--share-this li {
	margin: 0 5px;
	opacity: .6
}

.w-social-share.\--share-this li:hover {
	opacity: 1
}

.w-social-share__label {
	font-size: 12px;
	line-height: 2.4;
	margin-right: 10px!important
}

.w-social-share li {
	margin: 0 10px
}

.w-social-share .icon-youtube:before {
	color: #cd201f
}

.w-social-share .icon-flickr:before {
	color: #ff0084
}

.w-social-share .icon-linkedin:before {
	color: #0077b5
}

.w-social-share .icon-twitter:before {
	color: #55acee
}

.w-social-share .icon-facebook:before {
	color: #3b5998
}

.w-social-share .icon-pinterest:before {
	color: #c00
}

.w-social-share .icon-share-alt:before {
	color: #693
}

.w-social-share .icon-instagram:before {
	color: #125688
}

.w-social-share .icon-googleplus:before {
	color: #dd4b39
}

.w-tabs {
	font-size: 18px;
	margin: 0 0 30px -1px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0;
	font-family: "Cairo", sans-serif;
	font-weight: 300;
	font-weight: 700
}

.w-tabs.\--large {
	font-size: 30px
}

.w-tabs.\--style-pointer {
	margin: 0 -10px 60px
}

.w-tabs.\--style-pointer .w-tabs__nav>li {
	padding-left: 10px;
	padding-right: 10px;
	position: relative
}

.w-tabs.\--style-pointer .w-tabs__nav>li.active a {
	background-color: #2d6994;
	color: #FFF
}

.w-tabs.\--style-pointer .w-tabs__nav>li.active:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #2d6994;
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -10px
}

.w-tabs.\--style-pointer .w-tabs__nav>li a {
	background-color: #dedede;
	position: relative
}

.w-tabs.\--style-pointer.\--steps .w-tabs__nav>li.active a>small,
.w-tabs.\--style-pointer.\--steps .w-tabs__nav>li.active a>span {
	background-color: #2d6994
}

.w-tabs.\--style-pointer.\--steps .w-tabs__nav>li.active a>span i {
	background-color: #578db4
}

.w-tabs.\--style-pointer.\--steps a {
	padding: 0
}

.w-tabs.\--style-pointer.\--steps a>small,
.w-tabs.\--style-pointer.\--steps a>span {
	display: block;
	position: relative;
	z-index: 2;
	background-color: #dedede
}

.w-tabs.\--style-pointer.\--steps a>small {
	font-size: 14px;
	float: right;
	padding: 29px 20px
}

.w-tabs.\--style-pointer.\--steps a em {
	display: block;
	border-top: 1px solid #000;
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	z-index: 1;
	opacity: .2
}

.w-tabs.\--style-pointer.\--steps a>span {
	float: left;
	font-size: 26px;
	line-height: 1;
	padding: 22px 20px 0
}

.w-tabs.\--style-pointer.\--steps a>span i {
	font-size: 15px;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	text-align: center;
	background-color: #c1c1c1;
	color: #FFF;
	text-shadow: none;
	padding-top: 10px;
	margin-top: -3px
}

.w-tabs.\--style-pointer-small {
	margin: 0 -10px 60px
}

.w-tabs.\--style-pointer-small .w-tabs__nav {
	margin-left: -10px
}

.w-tabs.\--style-pointer-small .w-tabs__nav>li {
	position: relative;
	padding-left: 10px;
	float: right;
	width: 33.333%
}

.w-tabs.\--style-pointer-small .w-tabs__nav>li.active a {
	background-color: #2d6994;
	color: #FFF
}

.w-tabs.\--style-pointer-small .w-tabs__nav>li.active:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #2d6994;
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -10px
}

.w-tabs.\--style-pointer-small .w-tabs__nav>li.active~li a {
	background-color: #d9d7d0;
	color: #576d7c
}

.w-tabs.\--style-pointer-small .w-tabs__nav>li a {
	background-color: #0f4061;
	color: #FFF;
	position: relative;
	font-size: 24px;
	letter-spacing: 0
}

.w-tabs.\--style-pointer-small .w-tabs__nav>li a small {
	display: block;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0;
	margin-bottom: 5px;
	font-weight: 300
}

.w-tabs.\--style-pointer-small .w-tabs__nav>li.\--disabled a {
	background-color: #d0d0d0!important;
	color: #a2a2a2!important;
	cursor: not-allowed;
	pointer-events: none
}

.w-tabs.\--theme-blue {
	margin-left: -5px;
	margin-right: -5px;
	color: #656565
}

.w-tabs.\--theme-blue .w-tabs__nav>li {
	border: 0;
	padding-left: 5px;
	padding-right: 5px
}

.w-tabs.\--theme-blue .w-tabs__nav>li a {
	border-radius: 3px;
	background-color: #a2bccd;
	color: #fff;
	padding: 15px;
	letter-spacing: 0px;
	font-size: 14px;
	font-weight: 400
}

.w-tabs.\--theme-blue .w-tabs__nav>li.active a {
	background-color: #155781
}

.w-tabs.\--theme-blue .control-group {
	border: 1px solid #ccc;
	padding: 10px 20px;
	margin: 0
}

.w-tabs.\--theme-blue .control-group+.control-group {
	border-top: 0
}

.w-tabs.\--theme-blue .control-group.no-border {
	border: 0;
	padding: 0
}

.w-tabs__nav {
	display: table;
	width: 100%;
	margin-bottom: 0
}

.w-tabs__nav>li {
	display: table-cell;
	padding-left: 1px
}

.w-tabs__nav>li.active {
	border-bottom-color: #fff
}

.w-tabs__nav>li.active a {
	text-shadow: none;
	background-color: #d7e8f7;
	color: #207bb8
}

.w-tabs__nav>li.\--disabled a {
	background-color: #d0d0d0;
	color: #a2a2a2;
	cursor: not-allowed;
	pointer-events: none
}

.w-tabs a {
	display: block;
	padding: 20px 10px;
	text-decoration: none;
	background-color: #d6e0ec;
	color: #576d7c;
	text-shadow: 0 1px 0 #fff
}

.w-account-owner {
	color: #666;
	font-size: 13px
}

.w-account-owner__media {
	overflow: hidden;
	border-radius: 50%;
	width: 105px;
	height: 105px;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid #FFF
}

.w-account-owner__name {
	font-size: 48px;
	margin-bottom: 5px;
	line-height: 1;
	color: #165782
}

.w-account-owner p {
	margin-bottom: 10px
}

.w-account-profile-picture {
	max-width: 220px
}

.w-account-profile-picture img {
	display: block;
	margin-bottom: 10px;
	border-radius: 5px
}

.w-account-profile-picture__wrap {
	padding: 10px;
	border: 1px solid #CCC;
	border-radius: 5px;
	margin-bottom: 10px
}

.w-collapsable {
	display: block;
	line-height: 1.3;
	position: relative
}

.w-collapsable>span {
	display: block;
	padding-right: 30px
}

.w-collapsable>i {
	font-size: 20px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	font-style: normal;
	font-family: "Cairo"
}

.table-fundraising .w-collapsable>i {
	margin-top: -20px
}

.w-collapsable.active {
	color: #369
}

.w-collapsable.active>i:before {
	color: #369;
	content: "\e910"
}

.w-collapsable>i:before {
	content: "\e90f"
}

h1 .w-collapsable>i,
h2 .w-collapsable>i,
h3 .w-collapsable>i,
h4 .w-collapsable>i,
h5 .w-collapsable>i {
	margin-top: 0
}

.w-completion-bar {
	height: 10px;
	background-color: #a6cd9a;
	border-radius: 2px;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden
}

.w-completion-bar__bar {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: -webkit-repeating-linear-gradient(135deg, #4d9b35, #4d9b35 10px, #2b6319 10px, #2b6319 25px);
	background: repeating-linear-gradient(-45deg, #4d9b35, #4d9b35 10px, #2b6319 10px, #2b6319 25px);
	border-radius: 2px 0 0 2px
}

.w-background-image {
	position: relative;
	background: #fff
}

.w-background-image__media {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1
}

.w-background-image.\--padded {
	padding: 60px 0;
	overflow: hidden
}

.w-background-image .container {
	position: relative;
	z-index: 2
}

.w-search-tags {
	color: #333;
	font-size: 13px;
	text-align: center
}

.w-search-tags__tag {
	margin-top: 10px;
	background-color: #bfcdd3;
	margin-right: 20px;
	padding-right: 25px;
	border: 1px solid #a1b5be;
	position: relative
}

.w-search-tags__tag:last-child {
	margin-right: 0
}

.w-search-tags__tag label {
	padding: 6px 10px;
	border-right: 1px solid #a1b5be;
	text-transform: uppercase;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	margin-right: 10px
}

.w-search-tags__tag p {
	margin: 0;
	color: #1f7bb7;
	line-height: 1;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle
}

.w-search-tags__tag i {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -5px;
	font-size: 10px
}

.w-search-filters__title {
	color: #1f7bb7;
	line-height: 1;
	font-weight: 700;
	font-family: "Cairo", serif;
	font-size: 64px;
	margin-right: 25px;
	float: right;
	margin-bottom: 0
}

.w-search-filters__content-wrap {
	overflow: hidden
}

.page-header {
	margin-bottom: 50px;
	text-align: center
}

.page-header__title {
	font-size: 48px;
	letter-spacing: 0px;
	font-weight: 400;
	color: #2e4352
}

.page-header__date {
	font-size: 13px;
	letter-spacing: 0;
	color: #165782;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	vertical-align: middle
}

.page-header .w-social-share {
	padding-left: 20px;
	border-left: 1px solid #ccc;
	margin-left: 20px;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-bottom: 0
}

.page-header .w-social-share li {
	opacity: 1;
	filter: alpha(opacity=100)
}

.w-feed__media {
	border: 1px solid #cbcbcb
}

.w-feed__media img {
	display: block;
	width: 100%
}

.w-feed__content {
	color: #333;
	font-weight: 300;
	overflow: hidden
}

.w-feed__content p {
	margin-bottom: 15px;
	height: 72px;
	overflow: hidden
}

.w-feed__title {
	font-size: 22px;
	margin-bottom: 10px
}

.w-feed__more {
	color: #e30043;
	letter-spacing: 0;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	display: block
}

.w-feed__more i.icon {
	margin: 0 0 0 5px
}

.w-feed.\--left .w-feed__media {
	width: 20%;
	float: right
}

.w-feed.\--left .w-feed__content {
	width: 77%;
	float: right
}

.w-styled-list>li {
	margin-top: 20px;
	text-align: center;
	font-weight: 300
}

.w-styled-list>li:before {
	content: "\e91b";
	font-family: 'Cairo';
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	font-size: 40px;
	color: #155781;
	display: block;
	text-align: center;
	margin-bottom: 10px
}

.module-form {
	padding: 30px;
	background: #d7e8f7
}

.quick-donation-fixed{
    direction: rtl;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 20;
}
.module-form form.form-core .control-group {
	padding: 20px;
	background-color: #fff
}

.module-form form.form-core .control-group input {
	padding: 10px
}

.gallery.thumbnail-gallery {
	background: #000;
	margin-bottom: 30px
}

.gallery.thumbnail-gallery .image-title {
	font-size: 12px;
	font-style: italic;
	background: #000;
	padding: 20px 0 0;
	height: 40px;
	overflow: hidden
}

.gallery.thumbnail-gallery .w-gallery__thumbs {
	background: #000;
	padding: 50px 90px
}

.gallery.thumbnail-gallery .w-gallery__thumbs .slides li {
	margin-right: 4px
}

.gallery.thumbnail-gallery .w-gallery__thumbs .slides li.flex-active-slide {
	outline: 4px solid #eec447;
	outline-offset: -4px
}

.gallery.thumbnail-gallery .w-gallery__thumbs .flex-direction-nav li a {
	color: #fff
}

.gallery.thumbnail-gallery .w-gallery__thumbs .flex-direction-nav li a.flex-prev {
	left: 40px
}

.gallery.thumbnail-gallery .w-gallery__thumbs .flex-direction-nav li a.flex-next {
	right: 40px
}

.gallery.thumbnail-gallery .w-gallery__thumbs .flex-direction-nav li a.flex-disabled {
	color: #1a1a1a;
	opacity: 1
}

.grid-flex .donation-summary-box {
	-js-display: flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.grid-flex .donation-summary-box>a {
	width: 100%
}

.donation-summary-box p {
	font-size: 12px;
	color: #333;
	margin-bottom: 10px
}

.donation-summary-box>a {
	position: relative;
	display: block;
	background-color: #FFF;
	padding: 20px;
	border: 1px solid #FFF;
	-webkit-transition: .2s;
	transition: .2s;
	-webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 2em
}

.container__brown-bg .donation-summary-box>a {
	border-color: transparent
}

.section-hero .donation-summary-box>a {
	margin-bottom: 0
}

.donation-summary-box>a.\--disable {
	opacity: .2
}

.donation-summary-box>a.\--active {
	opacity: 1
}

.donation-summary-box>a.\--active:hover {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.donation-summary-box>a.\--active:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	left: 50%;
	margin-left: -20px;
	border-bottom-color: #d7e8f7;
	bottom: -52px
}

.donation-summary-box>a:hover {
	border-color: #a52047;
	-webkit-transform: scale(0.98);
	transform: scale(0.98)
}

.donation-summary-box__footer {
	position: relative;
	z-index: 3
}

.donation-summary-box__bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 1
}

.donation-summary-box__bg-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	opacity: .85;
	-webkit-transition: opacity .2s;
	transition: opacity .2s
}

.donation-summary-box__content {
	position: relative;
	z-index: 3
}

.donation-summary-box__title {
	font-weight: 400;
	letter-spacing: 0px;
	font-size: 1em;
	color: #132d3e;
	line-height: 1;
	height: 3em;
    font-weight: bold;
	overflow: hidden;
	margin-bottom: 0
}

.donation-summary-box__type {
	font-size: 1.2em;
	font-family: "Cairo", sans-serif;
	font-weight: 300;
	color: #2b8bca;
	min-height: 1.2em;
	position: relative;
	display: block
}

.donation-summary-box__type:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	width: 20px;
	border-top: 1px solid #4e9ad2
}

.donation-summary-box__price {
	color: #e30044;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	line-height: 1;
	font-size: 2em
}

.ipad .donation-summary-box__price {
	font-size: 27px
}

.donation-summary-box__price small,
.donation-summary-box__price span {
	display: inline-block;
	vertical-align: top
}

.donation-summary-box__price small {
	text-align: left;
	margin-top: .55em
}

.donation-summary-box__price__badge {
	border: 1px solid #e30044;
	padding: 5px;
	border-radius: 3px
}

.donation-summary-box__price__breakdown {
	border: 1px solid #c1d1df;
	display: block;
	border-radius: 3px;
	padding: 8px 10px;
	font-size: 16px;
	margin-top: 20px
}

.donation-summary-box__price__breakdown span {
	color: #122c3e;
	letter-spacing: 0;
	font-size: 11px;
	font-weight: 700;
	text-shadow: 0 1px 0 #fff;
	text-transform: uppercase;
	position: relative;
	font-family: "Cairo", serif
}

.donation-summary-box__monthly-price {
	font-size: 18px;
	line-height: 1;
	width: 80%
}

.donation-summary-box__monthly-price label {
	font-size: 12px;
	color: #132d3e;
	display: block;
	font-family: "Cairo", serif;
	font-weight: 400
}

@media (max-width: 1280px) {
	.donation-summary-box__monthly-price {
		width: 100%;
		font-size: 16px;
		margin-top: 10px
	}
	.donation-summary-box__monthly-price label {
		font-size: 11px
	}
}

.donation-summary-box__link {
	color: #c63;
	font-size: 12px;
	text-transform: uppercase
}


.pn-dropdown__content .donation-summary-box__footer .donation-summary-box__link {
	font-size: 16px;
}

.donation-summary-box__link i {
	font-size: 10px;
	margin-top: 5px;
	margin-right: 5px
}

.donation-summary-box.\--content>a {
	background-color: #fff5d6
}

.donation-summary-box.\--content .donation-summary-box__title {
	color: #e65c00;
	margin-bottom: 10px;
	font-size: 18px;
}

.donation-summary-box.\--large {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #333
}

.donation-summary-box.\--large p {
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 20px
}

.donation-summary-box.\--large>a {
	border: 0;
	background-color: #ffe9b0;
	padding: 30px;
	min-height: 245px
}

.donation-summary-box.\--large .donation-summary-box__price {
	font-size: 36px
}

.donation-summary-box.\--large .donation-summary-box__title {
	color: #333;
	margin-bottom: 20px;
	/*height: auto;*/
	font-size: 20px
}

.donation-summary-box.\--large .donation-summary-box__link {
	color: #333;
	font-size: 16px;
	text-transform: none
}

.donation-summary-box.\--large .donation-summary-box__link i {
	font-size: 14px
}

.donation-summary-box.\--font-theme-white p {
	color: #FFF
}

.donation-summary-box.\--font-theme-white .donation-summary-box__title {
	color: #FFF
}

.donation-summary-box.\--font-theme-white .donation-summary-box__price {
	color: #FFF
}

.donation-summary-box.\--font-theme-white .donation-summary-box__type {
	color: #FFF
}

.donation-summary-box.\--font-theme-white .donation-summary-box__type:after {
	border-color: #FFF
}

.donation-summary-box.\--gridify>a {
	padding-bottom: 100px
}

.donation-summary-box.\--gridify .donation-summary-box__footer {
	position: absolute;
	bottom: 30px
}

.donation-summary-box.\--type-qurbani .donation-summary-box__media {
	display: block;
	margin-bottom: 20px;
	text-align: center;
	opacity: .3;
	filter: alpha(opacity=30)
}

.donation-summary-box.\--type-qurbani .donation-summary-box__media img {
	display: inline-block;
	vertical-align: middle
}

.donation-summary-box.\--type-qurbani .donation-summary-box__title {
	color: #656565;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1;
	height: auto
}

.donation-summary-box.\--type-qurbani .donation-summary-box__price-box {
	border: 1px solid #cbcbcb;
	display: block;
	text-align: center;
	line-height: 1;
	letter-spacing: 0
}

.donation-summary-box.\--type-qurbani .donation-summary-box__price-box label {
	color: #656565;
	font-size: 12px;
	letter-spacing: 0;
	font-weight: 300;
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase
}

.donation-summary-box.\--type-qurbani .donation-summary-box__price-box__price {
	float: right;
	width: 65%;
	padding: 10px;
	color: #A9A9A9;
	font-size: 40px;
	font-weight: 700
}

.donation-summary-box.\--type-qurbani .donation-summary-box__price-box__quantity {
	float: right;
	width: 35%;
	padding: 10px;
	border-left: 1px solid #cbcbcb
}

.donation-summary-box.\--type-qurbani .donation-summary-box__price-box__quantity .control-group {
	padding: 0;
	margin-top: -5px
}

.donation-summary-box.\--type-qurbani .donation-summary-box__price-box__quantity .control-group input {
	text-align: center;
	padding: 0;
	border: 0;
	color: #155781;
	font-size: 40px;
	font-weight: 700
}

.donation-summary-box.\--type-qurbani .donation-summary-box__price-box__quantity .control-group input[disabled] {
	cursor: pointer
}

.donation-summary-box.\--type-qurbani .donation-summary-box__price-box__quantity .control-group input[type=number]::-webkit-inner-spin-button,
.donation-summary-box.\--type-qurbani .donation-summary-box__price-box__quantity .control-group input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.donation-summary-box.\--type-qurbani.\--active .donation-summary-box__title {
	color: #a52047
}

.donation-summary-box.\--type-qurbani.\--active .donation-summary-box__media {
	opacity: 1;
	filter: alpha(opacity=100)
}

.donation-summary-box.\--type-qurbani.\--active .donation-summary-box__price-box__price {
	color: #a52047
}

.grid-flex .orphans-summary-box {
	-js-display: flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.grid-flex .orphans-summary-box>a {
	width: 100%
}

.orphans-summary-box img {
	width: 100%
}

.orphans-summary-box>a {
	display: block;
	padding: 25px;
	background-color: #FFF;
	-webkit-transition: .2s;
	transition: .2s;
	position: relative
}

.orphans-summary-box>a:hover {
	-webkit-transform: scale(0.98);
	transform: scale(0.98);
	background-color: #fff5d6
}

.orphans-summary-box>a:hover .orphans-summary-box__title {
	color: #e65c00
}

.orphans-summary-box>a:hover .orphans-summary-box__title span {
	border-color: #e65c00
}

.orphans-summary-box>a:hover .orphans-summary-box__meta-list {
	border-bottom-color: #dacfab
}

.orphans-summary-box>a:hover .orphans-summary-box__meta-list dt {
	color: #333
}

.orphans-summary-box>a:hover .orphans-summary-box__cta {
	color: #e52b59;
	background-color: #FFF;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
}

.orphans-summary-box.\--details .orphans-summary-box__meta-list dd {
	text-align: right
}

.orphans-summary-box__title {
	font-family: "Cairo", serif;
	font-weight: 400;
	font-size: 15px;
	color: #333;
	min-height: 38px
}

.orphans-summary-box__title span {
	border-bottom: 1px solid #333
}

.orphans-summary-box__meta-list {
	font-size: 13px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 8px;
	padding-bottom: 8px;
	color: #333
}

.orphans-summary-box__meta-list:last-child {
	border-bottom: 0
}

.orphans-summary-box__meta-list dt {
	color: #2e6c98;
	float: right;
	width: 50%;
	font-weight: 400
}

.orphans-summary-box__meta-list dd {
	width: 50%;
	float: right
}

.orphans-summary-box__cta {
	display: block;
	font-size: 12px;
	background-color: #e52b59;
	border-radius: 3px;
	padding: 15px 10px;
	text-align: center;
	color: #FFF;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
	-webkit-transition: .3s;
	transition: .3s;
	margin-top: 10px
}

.quick-project-donation-box-slim {
	position: relative;
	background-color: #4a091c;
	text-align: center;
	padding: 20px 50px
}

@media (min-width: 1630px) {
	.quick-project-donation-box-slim {
		padding: 35px 100px
	}
}

.quick-project-donation-box-slim__content {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (min-width: 1630px) {
	.quick-project-donation-box-slim__content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

.quick-project-donation-box-slim__content p {
	font-size: 16px;
	color: #fff;
	line-height: 1.3;
	text-align: center
}

.quick-project-donation-box-slim__content p a {
	color: #fff;
	text-decoration: underline
}

.quick-project-donation-box-slim__content p a:hover {
	color: #fff
}

.quick-project-donation-box-slim__content__col1 {
	display: block;
	text-align: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 13%;
	flex: 0 1 13%
}

@media (max-width: 1629px) {
	.quick-project-donation-box-slim__content__col1 {
		display: block;
		text-align: center
	}
}

@media (min-width: 1630px) {
	.quick-project-donation-box-slim__content__col1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 13%;
		flex: 0 1 13%
	}
}

.quick-project-donation-box-slim__content__col2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}

@media (min-width: 1630px) {
	.quick-project-donation-box-slim__content__col2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto
	}
}

.quick-project-donation-box-slim__content__col3 {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	margin-bottom: 0
}

@media (min-width: 1630px) {
	.quick-project-donation-box-slim__content__col3 {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
		margin-bottom: 0
	}
}

.quick-project-donation-box-slim__content__col4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 21%;
	flex: 0 1 21%;
	padding-left: 10px;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (min-width: 1630px) {
	.quick-project-donation-box-slim__content__col4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 15%;
		flex: 0 1 15%;
		padding-left: 10px;
		text-align: left;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

.quick-project-donation-box-slim__content__col4 .btn {
	height: 90.48%;
	margin-top: -6px
}

#footer-pay-div .quick-project-donation-box-slim__content__col4 .btn {
	height: 100%;
	margin-top: 0;
}


#footer-pay-div  .my-controls {
	margin-top: 4px;
}

.quick-project-donation-box-slim__content__col4 p {
	max-width: 52%;
	float: right;
	padding-left: 10px
}

@media (min-width: 1630px) {
	.quick-project-donation-box-slim__content__col4 p {
		max-width: 52%;
		float: right;
		padding-left: 10px
	}
}

.quick-project-donation-box-slim__content__direct-debit {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 10px
}

.quick-project-donation-box-slim__box {
	padding-left: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (min-width: 1630px) {
	.quick-project-donation-box-slim__box {
		padding-left: 30px
	}
}

.quick-project-donation-box-slim__box__holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.quick-project-donation-box-slim__box__causes {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	margin-bottom: 0
}

.quick-project-donation-box-slim__box__causes .controls .selector {
	padding-top: 27px;
	padding-bottom: 28px
}

.quick-project-donation-box-slim__box__country .controls .selector {
	padding-top: 27px;
	padding-bottom: 28px
}

.quick-project-donation-box-slim__box__wrapper {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	max-width: 70%;
	padding-right: 10px
}

.quick-project-donation-box-slim__box__wrapper .control-group {
	padding-right: 10px
}

.quick-project-donation-box-slim__box__wrapper .control-group.\--donation-field {
	margin-bottom: 0;
	padding: 10px 10px 10px 20px;
	height: 78px
}

.quick-project-donation-box-slim__box__wrapper .control-group.\--donation-field .field,
.quick-project-donation-box-slim__box__wrapper .control-group.\--donation-field .currency {
	font-size: 32px;
	letter-spacing: 0

}

.quick-project-donation-box-slim__box__wrapper .control-group.\--donation-field .currency {
	margin-top: 8px
}

.quick-project-donation-box-slim__box__wrapper .control-group.\--donation-field .field {
	width: 90px;
	margin-top: 6px
}

.quick-project-donation-box-slim__box__wrapper .control-group.\--donation-field .control-label {
	line-height: 1.2;
	margin: 4px 0 0;
    text-align: right;
}

.quick-project-donation-box-slim__box__country {
	min-width: 200px;
	margin-bottom: 0;
    width: 30% !important;
    margin-right: 8px;
    margin-left: 8px;
}

.quick-project-donation-box-slim__box__country .controls input {
	height: 76px
}

.quick-project-donation-box-slim__title {
	color: #FFF;
	font-size: 36px;
	line-height: 1;
	text-align: right;
	margin-bottom: 0
}

@media (min-width: 1630px) {
	.quick-project-donation-box-slim__title {
		text-align: right;
		margin-bottom: 0
	}
}

.quick-project-donation-box-slim__title span {
	display: block;
	font-size: 48px;
	font-weight: 700
}

.quick-project-donation-box-slim__bg {
	opacity: .2;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(/_ui/themes/hrf/media/uploads/quick-donate-bg.jpg) center no-repeat;
	background-size: cover
}

.quick-project-donation-box {
	position: relative;
	background-color: #4a091c;
	text-align: center;
	padding: 50px 20px
}

.quick-project-donation-box__content {
	position: relative;
	z-index: 2
}

.quick-project-donation-box__content p {
	font-size: 20px;
	color: #193446;
	line-height: 1.3;
	text-shadow: 0 1px 1px #fff
}

.quick-project-donation-box__box {
	background-color: #d7ccb9;
	border-radius: 4px;
	padding: 30px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	-webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.5)
}

.quick-project-donation-box__title {
	color: #FFF;
	font-size: 42px;
	line-height: 1
}

.quick-project-donation-box__title span {
	display: block;
	font-size: 72px;
	font-weight: 700
}

.quick-project-donation-box__bg {
	opacity: .2;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(/_ui/themes/hrf/media/uploads/quick-donate-bg.jpg) center no-repeat;
	background-size: cover
}

.quick-donation-box {
	background-color: #FFF
}

.quick-donation-box>form {
	padding: 30px;
	min-height: 290px
}

.quick-donation-box__title {
	text-transform: uppercase;
	color: #333;
	font-family: "Cairo", serif;
	font-weight: 400;
	font-size: 20px;
	margin-bottom: 20px
}

.info-box {
	text-align: center
}

.info-box__media {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 auto 20px
}

.info-box__media img {
	width: 100%
}

.info-box__title {
	margin-bottom: 10px;
	letter-spacing: 0
}

.info-box__subtitle {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
	margin-bottom: 30px;
	display: block;
	min-height: 120px
}

.info-box p {
	font-weight: 300;
	min-height: 120px
}

.add-donation-box {
	text-align: center;
	background-color: #FFF;
	padding: 20px;
	margin-top: 20px
}

.grid-flex .add-donation-box {
	-js-display: flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.grid-flex .add-donation-box>form {
	width: 100%
}

.add-donation-box .control-group.\--donation-field {
	padding: 0
}

.add-donation-box .control-group.\--donation-field .field {
	font-size: 50px;
	width: 150px;
	font-size: 50px
}

.add-donation-box .control-group.\--donation-field .currency {
	font-size: 51px
}

.add-donation-box.\--has-media {
	margin-left: 430px
}

.add-donation-box__media {
	position: absolute;
	left: 0;
	width: 430px;
	top: 0;
	bottom: 0
}

.add-donation-box.\--active .donation-summary-box__price {
	color: #e30044
}

.add-donation-box.\--active .btn {
	border-color: #e30044;
	background-color: #e30044
}

.add-donation-box.\--active .btn:hover {
	border-color: #b00035;
	background-color: #b00035
}

.add-donation-box.\--active .btn i {
	opacity: 0;
	visibility: hidden;
	margin-left: -15px
}

.add-donation-box.\--form-active .btn i {
	visibility: visible;
	opacity: 1;
	margin-left: 0
}

.add-donation-box .btn {
	color: #FFF;
	display: block;
	width: 100%;
	background-color: #b9b9b9;
	border-color: #b9b9b9
}

.add-donation-box__title {
	color: #132d3e;
	font-size: 19px;
	font-family: "Cairo", serif;
	font-weight: 700;
	margin-bottom: 5px;
	letter-spacing: 0px;
	min-height: 48px
}

.add-donation-box .donation-summary-box__price {
	padding: 12px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: 30px;
	color: #666
}

.add-donation-box__sub-title {
	margin-bottom: 20px;
	font-size: 12px;
	color: #516d86;
	min-height: 36px
}

.add-donation-box__radio {
	text-align: center;
	margin-bottom: 30px;
	margin-top: -35px
}

form.form-core .add-donation-box__radio .radio {
	width: 32px;
	height: 32px;
	border: 6px solid #bbd1e4;
	border-radius: 50%
}

form.form-core .add-donation-box__radio .radio input[type=radio] {
	z-index: 2
}

form.form-core .add-donation-box__radio .radio span {
	width: 20px;
	height: 20px;
	background-color: #FFF;
	border-radius: 50%;
	background-image: none;
	margin-right: 0;
	vertical-align: top
}

form.form-core .add-donation-box__radio .radio span.checked:after {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background-color: #e30044;
	border-radius: 50%;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1
}

.fundraising-summary-box {
	text-align: center
}

.grid-flex .fundraising-summary-box {
	-js-display: flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.grid-flex .fundraising-summary-box>a {
	width: 100%
}

.fundraising-summary-box>a {
	display: block;
	-webkit-transition: .2s;
	transition: .2s;
	background-color: #FFF;
	padding: 30px;
	padding-bottom: 20px;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.fundraising-summary-box>a:hover {
	-webkit-transform: scale(0.98);
	transform: scale(0.98)
}

.fundraising-summary-box p {
	font-size: 14px;
	color: #333;
	line-height: 1.3;
	padding-left: 20px;
	padding-right: 20px
}

.fundraising-summary-box__deadline {
	background-color: #4d9b35;
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0;
	padding: 5px 10px;
	display: inline-block;
	font-weight: 700;
	margin-bottom: 15px
}

.fundraising-summary-box__title {
	font-size: 20px;
	font-family: "Cairo", serif;
	margin-bottom: 15px;
	color: #333;
	height: 50px;
	overflow: hidden
}

.fundraising-summary-box__media {
	margin-bottom: 15px
}

.fundraising-summary-box__stats {
	border-bottom: 1px solid #CCC;
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 15px;
	list-style: none
}

.fundraising-summary-box__stats.\--border-top {
	border-bottom: 0;
	border-top: 1px solid #CCC
}

.fundraising-summary-box__stats.\--border-top .fundraising-summary-box__stat {
	padding-top: 15px
}

.fundraising-summary-box__stats.\--two-blocks>li {
	width: 50%
}

.fundraising-summary-box__stats>li {
	float: right;
	width: 33.3333%;
	border-left: 1px solid #CCC
}

.fundraising-summary-box__stats>li:last-child {
	border-left: 0
}

.fundraising-summary-box__stat {
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px
}

.fundraising-summary-box__stat small {
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
	display: block;
	margin-bottom: 5px
}

.fundraising-summary-box__stat span {
	font-family: 'Cairo', sans-serif;
	font-weight: 700;
	font-size: 25px
}

.fundraising-summary-box__stat.\--large span {
	font-size: 36px
}

.fundraising-summary-box__stat.\--large small {
	font-size: 14px
}

.fundraising-summary-box__interaction {
	margin-bottom: 0;
	font-size: 11px!important;
	text-transform: uppercase;
	color: #235b7f!important
}

.event-box {
	position: relative;
	font-size: 14px;
	margin-bottom: 50px;
	/*padding-right: 120px*/
}

.event-box.\--mini {
	padding-left: 0
}

.event-box.\--mini .event-box__cta i {
	margin-top: 10px
}

.event-box.\--no-image a {
	padding-right: 0
}

.event-box__badge {
	font-size: 12px;
	padding: 5px 8px;
	margin-right: 10px;
	color: #333;
	border: 1px solid #333;
	display: inline-block;
	vertical-align: top
}

.event-box>a {
	padding-right: 25%;
	position: relative;
	background-color: #FFF;
	display: block;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	line-height: 1.2;
	min-height: 148px
}

.event-box>a:hover .event-box__cta {
	color: #FFF;
	background-color: #d7b349;
	border-color: #d7b349
}

.event-box__timestamp {
	position: absolute;
	right: -140px;
	top: 50%;
	bottom: 0;
	margin-top: -80px;
	text-align: center;
    width: 100px;
}

.event-box__timestamp span {
	font-weight: 700;
	color: #333;
	text-transform: uppercase;
	line-height: 1.2
}

.event-box__timestamp .m {
	display: block;
	font-size: 14px
}

.event-box__timestamp .d {
	display: block;
	font-size: 60px;
	color: #165782
}

.event-box__timestamp .y {
	font-size: 16px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCC;
	position: relative
}

.event-box__timestamp .y:after {
	content: "";
	display: block;
	height: 30px;
	border-right: 1px solid #CCC;
	position: absolute;
	left: 50%;
	bottom: -30px
}

.event-box__media {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	width: 25%
}

.event-box__title {
	padding: 15px 15px 15px 40px;
	border-bottom: 1px solid #CCC;
	font-size: 20px;
	font-family: "Cairo", serif;
	font-weight: 400;
	margin-bottom: 0;
	color: #165782
}

.event-box__meta {
	color: #a52047!important;
	padding: 15px 15px 15px 40px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 0!important
}

.event-box__content {
	position: relative;
	padding: 15px 40px 15px 130px
}

.event-box p {
	margin-bottom: 15px;
	color: #333;
	-webkit-font-smoothing: antialiased
}

.event-box__sub {
	font-size: 14px;
	font-family: "Cairo", serif;
	font-weight: 400;
	color: #165782;
	margin-bottom: 15px
}

.event-box__cta {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 120px;
	display: block;
	background-color: #fff;
	color: #333;
	text-align: center;
	padding: 20px;
	text-transform: uppercase;
	-webkit-transition: .2s background;
	transition: .2s background;
	border-right: 1px solid #CCC;
	min-height: 90px
}

.event-box__cta i {
	font-size: 30px;
	display: block;
	margin-top: 20px
}

.event-detail-box {
	text-align: center
}

.event-detail-box a {
	color: #165782
}

.event-detail-box p {
	margin-bottom: 15px
}

.event-detail-box .fundraising-summary-box__stats {
	margin-left: -20px;
	margin-right: -20px
}

.event-detail-box hr {
	margin-bottom: 15px
}

.event-detail-box__meta {
	margin-bottom: 15px
}

.event-detail-box__meta dt {
	margin-bottom: 10px;
	font-size: 11px;
	font-family: "Cairo", serif;
	font-weight: 700;
	color: #666;
	text-transform: uppercase
}

.event-detail-box__meta dd {
	font-size: 22px;
	color: #165782
}

@media (min-width: 1200px) {
	.event-detail-box__meta dd li {
		line-height: 1;
		padding: 0 5px;
		letter-spacing: 0
	}
}

.event-detail-box__meta.\--fancy dt {
	text-align: center;
	position: relative
}

.event-detail-box__meta.\--fancy dt span {
	position: relative;
	display: inline-block;
	padding: 5px 15px;
	background-color: #fff;
	z-index: 2
}

.event-detail-box__meta.\--fancy dt:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	border-top: 1px solid #ccc;
	z-index: 1
}

.event-detail-box__wrap {
	background-color: #FFF;
	padding: 20px;
	margin-bottom: 15px
}

.event-detail-box__action {
	background-color: #e30044;
	padding: 25px;
	text-align: center;
	margin-bottom: 15px
}

.event-detail-box__action.\--green {
	background-color: #86a527
}

.event-detail-box__action .btn {
	color: #e30044;
	border: 0
}

.event-detail-box__action__title {
	font-size: 14px;
	font-family: "Cairo", serif;
	font-weight: 700;
	color: #FFF;
	margin-bottom: 15px
}

.event-detail-box__cta {
	font-size: 11px;
	text-transform: uppercase;
	color: #165782;
	letter-spacing: 0
}

.event-detail-box__cta i {
	margin-top: -2px
}

.checkout-summary-box__meta {
	margin-bottom: 20px;
	position: relative;
	padding-right: 30px
}

.checkout-summary-box__meta.\--total dt {
	width: 50%;
	font-size: 30px
}

.checkout-summary-box__meta.\--total dd {
	width: 40%;
	font-size: 36px
}

.checkout-summary-box__meta small {
	padding-top: 5px
}

.checkout-summary-box__meta dt {
	float: right;
	width: 60%;
	font-size: 20px;
	color: #2d6994;
	line-height: 1;
	font-weight: 400
}

.checkout-summary-box__meta dt small {
	font-size: 14px;
	color: #333;
	display: block
}

.checkout-summary-box__meta dd {
	width: 38%;
	margin-left: 2%;
	float: left;
	text-align: left;
	font-size: 24px;
	color: #e30044;
	line-height: 1
}

.checkout-summary-box__meta dd small {
	font-size: 11px;
	color: #333;
	display: block
}

.checkout-summary-box__meta .donate-close {
	position: absolute;
	right: 0;
	top: 0;
	font-weight: 700;
	font-size: 20px
}

.media-center-box {
	text-align: center
}

.grid-flex .media-center-box {
	-js-display: flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.grid-flex .media-center-box>a {
	width: 100%
}

.media-center-box>a {
	display: block;
	-webkit-transition: .2s;
	transition: .2s;
	background-color: #FFF;
	padding: 50px 15px;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.media-center-box>a:hover {
	-webkit-transform: scale(0.98);
	transform: scale(0.98)
}

.media-center-box>a:hover .donation-summary-box__bg-overlay {
	opacity: .9
}

.media-center-box.\--small .media-center-box__title {
	font-size: 25px;
	letter-spacing: 0
}

.media-center-box__title {
	font-size: 40px;
	color: #FFF;
	line-height: 1;
	font-weight: 300;
	letter-spacing: 0
}

.media-center-box__meta {
	text-transform: uppercase;
	color: #FFF;
	font-size: 12px;
	margin-bottom: 0
}

.media-center-box__meta>span {
	display: block;
	font-size: 36px;
	font-family: 'Cairo', sans-serif;
	font-weight: 700;
	margin-bottom: 5px
}

.gallery-box {
	text-align: center;
	overflow: hidden
}

.grid-flex .gallery-box {
	-js-display: flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.grid-flex .gallery-box>a {
	width: 100%
}

.gallery-box>a {
	display: block;
	-webkit-transition: .2s;
	transition: .2s;
	background-color: #FFF;
	padding: 30px 30px 0;
	line-height: 1.3;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.gallery-box>a:hover {
	-webkit-transform: scale(0.98);
	transform: scale(0.98)
}

.gallery-box>a:hover .donation-summary-box__bg-overlay {
	opacity: .9
}

.gallery-box__title {
	font-family: "Cairo", serif;
	font-weight: 400;
	color: #333;
	font-size: 16px;
	margin-bottom: 20px;
	min-height: 40px
}

.gallery-box p {
	font-size: 14px;
	color: #666;
	margin-bottom: 20px
}

.gallery-box .media-center-box__meta {
	margin-bottom: 20px
}

.gallery-box .media-center-box__meta>span {
	margin-bottom: 0
}

.gallery-box__media {
	height: 254px;
	margin-left: -30px;
	margin-right: -30px
}

.gallery-box.\--type-video {
	position: relative
}

.gallery-box.\--type-video a {
	padding-bottom: 254px
}

.gallery-box.\--type-video .gallery-box__media {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: 0;
	margin-right: 0
}

.donation-message-box {
	background-color: #e8eff3;
	padding: 15px;
	text-align: left;
	margin-bottom: 2px
}

.donation-message-box p {
	margin-bottom: 2px
}

.donation-message-box__timestamp {
	font-size: 12px
}

.donation-message-box__msg {
	font-weight: 700;
	color: #165782;
	font-size: 14px
}

.donation-message-box__msg:before {
	content: '"';
	display: inline-block
}

.donation-message-box__donation>span {
	font-size: 24px;
	font-family: 'Cairo', sans-serif;
	font-weight: 700;
	color: #165782;
	display: block;
	line-height: 1;
	margin-bottom: 3px
}

.donation-message-box__donation>small {
	font-size: 13px;
	color: #165782;
	display: block;
	line-height: 1
}

.annual-report-box {
	background: #fff
}

.annual-report-box__content {
	padding: 34px 24px
}

.annual-report-box__title {
	font-size: 22px;
	padding: 0 26px;
	height: 100px;
	overflow: hidden
}

.annual-report-box__detail {
	font-size: 14px;
	line-height: 1.3;
	height: 56px;
	overflow: hidden
}

.annual-report-box .view-detail {
	color: #235b7f;
	background: #fff;
	padding: 20px 0
}

.annual-report-box .view-detail i.icon {
	margin-left: 10px
}

.annual-report-box .view-detail:hover {
	background: #d7b349;
	color: #fff
}

.project-box {
	text-align: center;
	width: 250px;
	margin: 0 auto
}

.project-box a {
	display: block
}

.project-box__media {
	overflow: hidden;
	border-radius: 4px;
	height: 150px;
	background-size: cover;
	background-position: center center;
	margin-bottom: 10px;
	position: relative
}

.project-box__media:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #97002d;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.home-project-block .project-box__media__video {
	width: 110%
}

.project-box__title {
	font-size: 1.2rem;
	font-weight: 700;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}

.project-box:hover .project-box__media:after {
	opacity: .5;
	filter: alpha(opacity=50)
}

.project-box:hover .project-box__title {
	color: #e30044
}

.i3-slider ul.slides {
	margin-bottom: 0
}

.i3-slider .flex-direction-nav .flex-disabled {
	pointer-events: none
}

.i3-slider .flex-direction-nav a {
	z-index: 1;
	color: #165782;
	margin-top: -45px
}

.i3-slider .flex-direction-nav a:hover {
	color: #165782
}

.i3-slider .flex-control-nav {
	margin-top: 30px
}

.i3-slider .flex-control-nav a {
	width: 12px;
	height: 12px;
	border: 1px solid #333;
	background-color: transparent
}

.i3-slider .flex-control-nav a.flex-active {
	opacity: 1;
	background-color: #333
}

.i3-slider.\--offset-2 .slides>li {
	margin-right: 20px;
}

.i3-slider.\--direction-nav-light .flex-direction-nav a {
	color: #a49e95
}

.i3-slider.\--direction-nav-extrude .flex-direction-nav .flex-prev,
.i3-slider.\--direction-nav-extrude .flex-direction-nav .flex-next {
	display: none
}

@media (min-width: 1290px) {
	.i3-slider.\--direction-nav-extrude .flex-direction-nav .flex-prev,
	.i3-slider.\--direction-nav-extrude .flex-direction-nav .flex-next {
		display: block
	}
	.i3-slider.\--direction-nav-extrude .flex-direction-nav .flex-prev {
		left: -80px
	}
	.i3-slider.\--direction-nav-extrude .flex-direction-nav .flex-next {
		right: -80px
	}
}

.i3-slider.\--control-nav-inset .flex-control-nav {
	margin-bottom: 0;
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0
}

.i3-slider.\--control-nav-inset .flex-control-nav a {
	border: 1px solid #FFF
}

.i3-slider.\--control-nav-inset .flex-control-nav a.flex-active {
	background-color: #fff
}

.i3-slider.\--direction-nav-small .flex-direction-nav .flex-disabled {
	opacity: 0;
	filter: alpha(opacity=0)
}

.i3-slider.\--direction-nav-small .flex-direction-nav a {
	margin-top: -10px
}

.i3-slider.\--direction-nav-small .flex-direction-nav a:after {
	font-size: 20px
}

.i3-slider.\--direction-nav-hover {
	overflow: hidden
}

.i3-slider.\--direction-nav-hover .flex-direction-nav .flex-disabled {
	opacity: 0;
	filter: alpha(opacity=0)
}

.i3-slider.\--direction-nav-hover .flex-direction-nav a {
	margin-top: -10px;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out
}

.i3-slider.\--direction-nav-hover .flex-direction-nav a.flex-next {
	right: -100px
}

.i3-slider.\--direction-nav-hover .flex-direction-nav a.flex-prev {
	left: -100px
}

.i3-slider.\--direction-nav-hover:hover .flex-direction-nav a.flex-next {
	right: 25px
}

.i3-slider.\--direction-nav-hover:hover .flex-direction-nav a.flex-prev {
	left: 25px
}

.i3-slider.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.i3-slider.slick-slider .slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}

.i3-slider.slick-slider .slick-list:focus {
	outline: none
}

.i3-slider.slick-slider .slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.i3-slider.slick-slider .slick-track,
.i3-slider.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.i3-slider.slick-slider .slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block
}

.i3-slider.slick-slider .slick-track:before,
.i3-slider.slick-slider .slick-track:after {
	content: "";
	display: table
}

.i3-slider.slick-slider .slick-track:after {
	clear: both
}

.slick-loading .i3-slider.slick-slider .slick-track {
	visibility: hidden
}

.i3-slider.slick-slider .slick-slide {
	float: right;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir="rtl"] .i3-slider.slick-slider .slick-slide {
	float: right
}

.i3-slider.slick-slider .slick-slide>img {
	display: block
}

.i3-slider.slick-slider .slick-slide.dragging {
	pointer-events: none
}

.i3-slider.slick-slider.slick-loading .slick-slide {
	display: none
}

.i3-slider.slick-slider.slick-initialized .slick-slide {
	display: block
}

.i3-slider.slick-slider.slick-loading .slick-slide {
	visibility: hidden
}

.i3-slider.slick-slider.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.i3-slider.slick-slider .slick-arrow.slick-hidden {
	display: none
}

.i3-slider.slick-slider .slick-prev,
.i3-slider.slick-slider .slick-next {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	margin-top: -25px;
	padding: 0;
	border: none;
	outline: none;
	z-index: 9
}

.i3-slider.slick-slider .slick-prev:hover,
.i3-slider.slick-slider .slick-prev:focus,
.i3-slider.slick-slider .slick-next:hover,
.i3-slider.slick-slider .slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent
}

.i3-slider.slick-slider .slick-prev.slick-disabled:before,
.i3-slider.slick-slider .slick-next.slick-disabled:before {
	opacity: .25;
	filter: alpha(opacity=25)
}

.i3-slider.slick-slider .slick-prev:before,
.i3-slider.slick-slider .slick-next:before {
	font-family: 'Cairo';
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 19px;
	line-height: 1;
	color: #a49e95
}

.i3-slider.slick-slider .slick-prev {
	left: -50px
}

@media (max-width: 1024px) {
	.i3-slider.slick-slider .slick-prev {
		left: -20px
	}
}

[dir="rtl"] .i3-slider.slick-slider .slick-prev {
	left: auto;
	right: -50px
}

@media (max-width: 1024px) {
	[dir="rtl"] .i3-slider.slick-slider .slick-prev {
		right: -20px
	}
}

.i3-slider.slick-slider .slick-prev:before {
	content: ""
}

[dir="rtl"] .i3-slider.slick-slider .slick-prev:before {
	content: ""
}

.i3-slider.slick-slider .slick-next {
	right: -50px
}

@media (max-width: 1024px) {
	.i3-slider.slick-slider .slick-next {
		right: -20px
	}
}

[dir="rtl"] .i3-slider.slick-slider .slick-next {
	left: -50px;
	right: auto
}

@media (max-width: 1024px) {
	[dir="rtl"] .i3-slider.slick-slider .slick-next {
		left: -20px
	}
}

.i3-slider.slick-slider .slick-next:before {
	content: ""
}

[dir="rtl"] .i3-slider.slick-slider .slick-next:before {
	content: ""
}

.i3-slider.slick-slider .slick-dots {
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 30px 0 0;
	width: 100%;
	position: absolute
}

.i3-slider.slick-slider .slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	padding: 0;
	cursor: pointer
}

.i3-slider.slick-slider .slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	width: 10px;
	height: 10px;
	outline: none;
	color: transparent;
	cursor: pointer
}

.i3-slider.slick-slider .slick-dots li button:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	border: 2px solid #669e3d;
	width: 10px;
	height: 10px;
	text-align: center;
	background-color: transparent;
	border-radius: 50%
}

.i3-slider.slick-slider .slick-dots li.slick-active button:before {
	background-color: #669e3d
}

.i3-slider.slick-slider.\--style-equal-height-slides .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	display: -webkit-flex
}

.i3-slider.slick-slider.\--style-equal-height-slides .slick-track .slick-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	height: auto
}

.i3-slider.slick-slider.\--style-equal-height-slides .slick-track .slick-slide>div {
	width: 100%;
	height: 100%
}

.ipad .i3-slider.slick-slider.\--style-equal-height-slides .slick-track .slick-slide>div {
	height: auto
}

.i3-slider.slick-slider.\--style-offsets .slick-slide {
	margin: 0 15px
}

.i3-slider.slick-slider.\--style-offsets .slick-list {
	margin: 0 -15px!important
}

.ui-widget-overlay {
	background-color: #FFF;
	opacity: .9
}

.ui-widget-overlay.ui-dialog-map-overlay {
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50)
}

.ui-dialog {
	-webkit-box-shadow: 0 0 80px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 80px rgba(0, 0, 0, 0.15);
	border: 0;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid #ccc
}

.ui-dialog:focus {
	outline: 0
}

.ui-dialog.qurbani-overlay {
	top: 20px!important
}

.ui-dialog .ui-dialog-content {
	margin-top: 30px
}

.ui-dialog .dialog-close {
	position: absolute;
	font-size: 20px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 28px;
	cursor: pointer;
	background-color: #98012E;
	color: #fff;
	border: 1px solid #98012E;
	-webkit-transition: all .2s;
	transition: all .2s;
	top: 10px;
	right: 10px
}

.ui-dialog .dialog-close:hover {
	border-color: #E9A838;
	background-color: #E9A838;
	color: #333
}

.ui-dialog .i3-dialog-footer {
	margin-top: 10px;
	text-align: center
}

.ui-dialog .i3-dialog-footer .btn.i3-button {
	margin: 0 5px
}

.ui-dialog.ui-dialog-map {
	position: fixed!important;
	left: 45%!important;
	top: 20px!important;
	left: 20px!important;
	bottom: 20px!important;
	border-radius: 0
}

.ui-dialog.ui-dialog-map .dialog-close:before {
	content: 'Hover on the image to zoom';
	position: absolute;
	top: 7px;
	left: -310px;
	font-size: 14px;
	color: #000;
	font-family: "Cairo", sans-serif;
	font-weight: 700
}

.ui-datepicker {
	padding: 20px;
	background-color: #FFF;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	margin-top: 20px
}

.ui-datepicker a {
	color: #165782
}

.ui-datepicker-header {
	position: relative;
	text-align: center;
	padding: 0 0 20px
}

.ui-datepicker-prev,
.ui-datepicker-next {
	position: absolute;
	top: 5px;
	cursor: pointer
}

.ui-datepicker-prev>span,
.ui-datepicker-next>span {
	display: none
}

.ui-datepicker-prev:after,
.ui-datepicker-next:after {
	font-family: 'Cairo';
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.ui-datepicker-month {
	font-size: 12px;
	text-transform: uppercase;
	margin-right: 20px;
	font-weight: 700;
	color: #666
}

.ui-datepicker-prev {
	left: 0
}

.ui-datepicker-prev:after {
	content: "\e907"
}

.ui-datepicker-next {
	right: 0
}

.ui-datepicker-next:after {
	content: "\e906"
}

table.ui-datepicker-calendar th {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	color: #666
}

table.ui-datepicker-calendar td,
table.ui-datepicker-calendar th {
	padding: 8px 20px;
	text-align: center
}

.ui-datepicker-week-end {
	background-color: #f7f7f8
}

.ui-datepicker-week-end a {
	color: #666
}

.ui-datepicker-today {
	background-color: #efefef
}

.ui-datepicker-today a {
	color: #000;
	font-weight: 700
}

.ui-datepicker-current-day {
	background-color: #165782
}

.ui-datepicker-current-day a {
	color: #FFF
}

.vjs-default-skin {
	color: #ccc
}

@font-face {
	font-family: 'VideoJS';
	src: url(/_ui/js/std/jquery/video-js/font/vjs.eot);
	src: url(/_ui/js/std/jquery/video-js/font/vjs.eot?#iefix) format("embedded-opentype"), url(/_ui/js/std/jquery/video-js/font/vjs.woff) format("woff"), url(/_ui/js/std/jquery/video-js/font/vjs.ttf) format("truetype"), url(/_ui/js/std/jquery/video-js/font/vjs.svg#icomoon) format("svg");
	font-weight: 400;
	font-style: normal
}

.vjs-default-skin .vjs-slider {
	outline: 0;
	position: relative;
	cursor: pointer;
	padding: 0;
	background-color: #333;
	background-color: rgba(51, 51, 51, 0.9)
}

.vjs-default-skin .vjs-slider:focus {
	-webkit-box-shadow: 0 0 2em #fff;
	box-shadow: 0 0 2em #fff
}

.vjs-default-skin .vjs-slider-handle {
	position: absolute;
	left: 0;
	top: 0
}

.vjs-default-skin .vjs-slider-handle:before {
	content: "\e009";
	font-family: VideoJS;
	font-size: 1em;
	line-height: 1;
	text-align: center;
	text-shadow: 0 0 1em #fff;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.vjs-default-skin .vjs-control-bar {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3em;
	background-color: #07141e;
	background-color: rgba(7, 20, 30, 0.7)
}

.vjs-default-skin.vjs-has-started .vjs-control-bar {
	display: block;
	visibility: visible;
	opacity: 1;
	-webkit-transition: visibility 0.1s, opacity .1s;
	transition: visibility 0.1s, opacity .1s
}

.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
	display: block;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 1s, opacity 1s;
	transition: visibility 1s, opacity 1s
}

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
	display: none
}

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
	display: none
}

.vjs-default-skin.vjs-error .vjs-control-bar {
	display: none
}

.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
	opacity: 1;
	visibility: visible
}

@media \0screen {
	.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
		content: ""
	}
}

.vjs-default-skin .vjs-control {
	outline: none;
	position: relative;
	float: right;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 3em;
	width: 4em
}

.vjs-default-skin .vjs-control:before {
	font-family: VideoJS;
	font-size: 1.5em;
	line-height: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5)
}

.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
	text-shadow: 0 0 1em #fff
}

.vjs-default-skin .vjs-control-text {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.vjs-default-skin .vjs-play-control {
	width: 5em;
	cursor: pointer
}

.vjs-default-skin .vjs-play-control:before {
	content: "\e001"
}

.vjs-default-skin.vjs-playing .vjs-play-control:before {
	content: "\e002"
}

.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
	font-size: 1.5em;
	line-height: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5)
}

.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
	width: 4em;
	left: -2em;
	list-style: none
}

.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
	cursor: pointer;
	float: right
}

.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
	content: "\e006"
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
	content: "\e003"
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
	content: "\e004"
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
	content: "\e005"
}

.vjs-default-skin .vjs-volume-control {
	width: 5em;
	float: right
}

.vjs-default-skin .vjs-volume-bar {
	width: 5em;
	height: .6em;
	margin: 1.1em auto 0
}

.vjs-default-skin .vjs-volume-level {
	position: absolute;
	top: 0;
	left: 0;
	height: .5em;
	width: 100%;
	background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat
}

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
	width: .5em;
	height: .5em;
	left: 4.5em
}

.vjs-default-skin .vjs-volume-handle:before {
	font-size: .9em;
	top: -.2em;
	left: -.2em;
	width: 1em;
	height: 1em
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu {
	display: block;
	width: 0;
	height: 0;
	border-top-color: transparent
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
	height: 0;
	width: 0
}

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
	border-top-color: rgba(7, 40, 50, 0.5)
}

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
	height: 2.9em;
	width: 10em
}

.vjs-default-skin .vjs-progress-control {
	position: absolute;
	left: 0;
	right: 0;
	width: auto;
	font-size: .3em;
	height: 1em;
	top: -1em;
	-webkit-transition: all .4s;
	transition: all .4s
}

.vjs-default-skin:hover .vjs-progress-control {
	font-size: .9em;
	-webkit-transition: all .2s;
	transition: all .2s
}

.vjs-default-skin .vjs-progress-holder {
	height: 100%
}

.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
	position: absolute;
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 0;
	left: 0;
	top: 0
}

.vjs-default-skin .vjs-play-progress {
	background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat
}

.vjs-default-skin .vjs-load-progress {
	background: #646464;
	background: rgba(255, 255, 255, 0.2)
}

.vjs-default-skin .vjs-load-progress div {
	background: #787878;
	background: rgba(255, 255, 255, 0.1)
}

.vjs-default-skin .vjs-seek-handle {
	width: 1.5em;
	height: 100%
}

.vjs-default-skin .vjs-seek-handle:before {
	padding-top: .1em
}

.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
	display: none
}

.vjs-default-skin.vjs-live .vjs-live-display {
	display: block
}

.vjs-default-skin .vjs-live-display {
	display: none;
	font-size: 1em;
	line-height: 3em
}

.vjs-default-skin .vjs-time-controls {
	font-size: 1em;
	line-height: 3em
}

.vjs-default-skin .vjs-current-time {
	float: right
}

.vjs-default-skin .vjs-duration {
	float: right
}

.vjs-default-skin .vjs-remaining-time {
	display: none;
	float: right
}

.vjs-time-divider {
	float: right;
	line-height: 3em
}

.vjs-default-skin .vjs-fullscreen-control {
	width: 3.8em;
	cursor: pointer;
	float: right
}

.vjs-default-skin .vjs-fullscreen-control:before {
	content: "\e000"
}

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
	content: "\e00b"
}

.vjs-default-skin .vjs-big-play-button {
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	font-size: 3em;
	display: block;
	z-index: 2;
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	opacity: 1;
	background: rgba(22, 69, 97, 0.6);
	background-size: cover;
	-webkit-transition: all .4s;
	transition: all .4s
}

.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
	left: 50%;
	margin-left: -2.1em;
	top: 50%;
	margin-top: -1.4em
}

.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
	display: none
}

.vjs-default-skin.vjs-has-started .vjs-big-play-button {
	display: none
}

.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
	display: none
}

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
	outline: 0;
	background: rgba(22, 69, 97, 0.6);
	-webkit-transition: all 0;
	transition: all 0
}

.vjs-default-skin .vjs-big-play-button:before {
	content: "";
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 403px;
	height: 233px;
	background: url(/_ui/themes/hrf/media/video-play-btn.png) center
}

.vjs-error .vjs-big-play-button {
	display: none
}

.vjs-error-display {
	display: none
}

.vjs-error .vjs-error-display {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.vjs-error .vjs-error-display:before {
	content: 'X';
	font-family: "Cairo";
	font-size: 4em;
	color: #666;
	line-height: 1;
	text-shadow: .05em .05em .1em #000;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -.5em;
	width: 100%
}

.vjs-error-display div {
	position: absolute;
	bottom: 1em;
	right: 0;
	left: 0;
	font-size: 1.4em;
	text-align: center;
	padding: 3px;
	background: #000;
	background: rgba(0, 0, 0, 0.5)
}

.vjs-error-display a,
.vjs-error-display a:visited {
	color: #F4A460
}

.vjs-loading-spinner {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 4em;
	line-height: 1;
	width: 1em;
	height: 1em;
	margin-left: -.5em;
	margin-top: -.5em;
	opacity: .75
}

.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
	display: block;
	-webkit-animation: spin 1.5s infinite linear;
	animation: spin 1.5s infinite linear
}

.vjs-error .vjs-loading-spinner {
	display: none;
	-webkit-animation: none;
	animation: none
}

.vjs-default-skin .vjs-loading-spinner:before {
	content: "\e01e";
	font-family: VideoJS;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	text-align: center;
	text-shadow: 0 0 .1em #000
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg)
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

.vjs-default-skin .vjs-menu-button {
	float: right;
	cursor: pointer
}

.vjs-default-skin .vjs-menu {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;
	margin-bottom: 3em;
	border-left: 2em solid transparent;
	border-right: 2em solid transparent;
	border-top: 1.55em solid #000;
	border-top-color: rgba(7, 40, 50, 0.5)
}

.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	width: 10em;
	bottom: 1.5em;
	max-height: 15em;
	overflow: auto;
	left: -5em;
	background-color: #07141e;
	background-color: rgba(7, 20, 30, 0.7);
	-webkit-box-shadow: -.2em -.2em .3em rgba(255, 255, 255, 0.2);
	box-shadow: -.2em -.2em .3em rgba(255, 255, 255, 0.2)
}

.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
	display: block
}

.vjs-default-skin.vjs-scrubbing .vjs-menu-button:hover .vjs-control-content .vjs-menu {
	display: none
}

.vjs-default-skin .vjs-menu-button ul li {
	list-style: none;
	margin: 0;
	padding: .3em 0;
	line-height: 1.4em;
	font-size: 1.2em;
	text-align: center;
	text-transform: lowercase
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
	background-color: #000
}

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
	outline: 0;
	color: #111;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.75);
	-webkit-box-shadow: 0 0 1em #fff;
	box-shadow: 0 0 1em #fff
}

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 2em;
	padding: 0;
	margin: 0 0 .3em;
	font-weight: 700;
	cursor: default
}

.vjs-default-skin .vjs-subtitles-button:before {
	content: "\e00c"
}

.vjs-default-skin .vjs-captions-button:before {
	content: "\e008"
}

.vjs-default-skin .vjs-chapters-button:before {
	content: "\e00c"
}

.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
	width: 24em;
	left: -12em
}

.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
	-webkit-box-shadow: 0 0 1em #fff;
	box-shadow: 0 0 1em #fff
}

.video-js {
	background-color: #fff;
	position: relative;
	padding: 0;
	font-size: 10px;
	vertical-align: middle;
	font-weight: 400;
	font-style: normal;
	font-family: "Cairo", sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.video-js .vjs-tech {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.video-js:-moz-full-screen {
	position: absolute
}

body.vjs-full-window {
	padding: 0;
	margin: 0;
	height: 100%;
	overflow-y: auto
}

.video-js.vjs-fullscreen {
	position: fixed;
	overflow: hidden;
	z-index: 1000;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%!important;
	height: 100%!important;
	_position: absolute
}

.video-js:-webkit-full-screen {
	width: 100%!important;
	height: 100%!important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
	cursor: none
}

.vjs-poster {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	background-color: #fff;
	cursor: pointer;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.vjs-poster img {
	display: block;
	margin: 0 auto;
	max-height: 100%;
	padding: 0;
	width: 100%
}

.video-js.vjs-has-started .vjs-poster {
	display: none
}

.video-js.vjs-audio.vjs-has-started .vjs-poster {
	display: block
}

.video-js.vjs-controls-disabled .vjs-poster {
	display: none
}

.video-js.vjs-using-native-controls .vjs-poster {
	display: none
}

.video-js .vjs-text-track-display {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 3em;
	right: 0;
	pointer-events: none
}

.vjs-caption-settings {
	position: relative;
	top: 1em;
	background-color: #000;
	opacity: .75;
	color: #FFF;
	margin: 0 auto;
	padding: .5em;
	height: 15em;
	font-family: "Cairo", Helvetica, sans-serif;
	font-size: 12px;
	width: 40em
}

.vjs-caption-settings .vjs-tracksettings {
	top: 0;
	bottom: 2em;
	left: 0;
	right: 0;
	position: absolute;
	overflow: auto
}

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
	float: right
}

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
	clear: both
}

.vjs-caption-settings .vjs-tracksettings-controls {
	position: absolute;
	bottom: 1em;
	right: 1em
}

.vjs-caption-settings .vjs-tracksetting {
	margin: 5px;
	padding: 3px;
	min-height: 40px
}

.vjs-caption-settings .vjs-tracksetting label {
	display: block;
	width: 100px;
	margin-bottom: 5px
}

.vjs-caption-settings .vjs-tracksetting span {
	display: inline;
	margin-left: 5px
}

.vjs-caption-settings .vjs-tracksetting>div {
	margin-bottom: 5px;
	min-height: 20px
}

.vjs-caption-settings .vjs-tracksetting>div:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	min-height: 0
}

.vjs-caption-settings label>input {
	margin-right: 10px
}

.vjs-caption-settings input[type="button"] {
	width: 40px;
	height: 40px
}

.vjs-hidden {
	display: none!important
}

.vjs-lock-showing {
	display: block!important;
	opacity: 1;
	visibility: visible
}

.vjs-no-js {
	padding: 2em;
	color: #ccc;
	background-color: #333;
	font-size: 1.8em;
	font-family: "Cairo", sans-serif;
	text-align: center;
	width: 30em;
	height: 15em;
	margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
	color: #F4A460
}

.nano {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.nano .nano-content {
	position: absolute;
	overflow: scroll;
	top: 0;
	left: -20px !important;
	bottom: -20px !important;
	right: 0 !important;
}

.nano .nano-content::-webkit-scrollbar {
	visibility: hidden
}

.has-scrollbar .nano-content::-webkit-scrollbar {
	visibility: visible
}

.nano>.pane-y,
.nano>.pane-x {
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
	visibility: hidden\9;
	opacity: .2;
	bottom: 0;
	left: 0;
	-webkit-transition: .2s;
	transition: .2s;
	border-radius: 5px
}

.nano>.pane-y {
	width: 6px;
	top: 0
}

.nano>.pane-x {
	height: 10px;
	left: 0
}

.nano>.pane-y>.slider-y,
.nano>.pane-x>.slider-x {
	background: #165782;
	background: rgba(22, 87, 130, 0.25);
	position: relative;
	margin: 0 1px;
	border-radius: 3px
}

.nano>.pane-x>.slider-x {
	margin: 1px 0
}

.nano:hover>.pane-y,
.pane-y.active,
.pane-y.flashed,
.nano:hover>.pane-x,
.pane-x.active,
.pane-x.flashed {
	visibility: visible\9;
	opacity: .99
}

.nano>.pane-x {
	background: #e5e5e5;
	position: absolute;
	bottom: 2px;
	right: 2px;
	left: 2px;
	height: 8px;
	-webkit-transition: .2s;
	transition: .2s;
	border-radius: 5px
}

.nano>.pane-x>.slider {
	margin: 0;
	height: 8px
}

.w-image {
	position: relative
}

.w-image__cta {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9
}

.w-image.\--overlay {
	padding: 200px 80px;
	background-color: #44340d;
	position: relative;
	color: #fff;
	text-align: center
}

.w-image.\--overlay .w-image__media {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .4;
	filter: alpha(opacity=40)
}

.w-image.\--overlay .w-image__media .image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.w-image.\--overlay .w-image__media .image a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.w-image.\--overlay p {
	font-size: 40px;
	margin-bottom: 0;
	position: relative;
	z-index: 2;
	line-height: 1.6;
	font-size: 18px
}

.w-image.\--overlay blockquote {
	position: relative;
	z-index: 2;
	background-color: transparent;
	padding: 0;
	margin: 0 15px;
	font-family: "Cairo", sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 90px;
	text-transform: uppercase;
	font-weight: 700
}

.w-image.\--description-left .w-image__media {
	position: relative;
	overflow: hidden
}

.w-image.\--description-left .w-image__media .image {
	z-index: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.w-image.\--description-left .w-image__media .image:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #155781;
	opacity: .5;
	filter: alpha(opacity=50)
}

.w-image.\--description-left p {
	font-size: 40px;
	color: #253e4f;
	margin: 30px 0;
	line-height: 1.3
}

.w-image.\--description-left blockquote {
	z-index: 3;
	position: absolute;
	background-color: transparent;
	padding: 0;
	margin: 0;
	font-family: "Cairo", sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 90px;
	left: 50px;
	right: 50px;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.ie8 .w-image.\--description-left blockquote,
.ie9 .w-image.\--description-left blockquote {
	margin-top: -30px
}

.w-image.\--description-right .\+flex {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.w-image.\--description-right .image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 50%;
	overflow: hidden
}

.w-image.\--description-right .content {
	padding: 50px 50px 0
}

.w-image.\--description-right .content.\+bc-green {
	background: #71a363
}

.w-image.\--description-right .content blockquote {
	background-color: transparent;
	padding: 0
}

.w-image.\--description-right .content blockquote p {
	font-size: 40px
}

.w-image.\--description-right .content * {
	color: #fff
}

.w-image.\--description-right .content p {
	font-size: 22px
}

.w-image.\--description-right .content p:last-child {
	margin-bottom: 50px
}

.w-image__title {
	margin-top: 20px;
	font-weight: 300;
	color: #207bb8;
	font-size: 36px;
	letter-spacing: 0px;
	margin-bottom: 20px;
	text-align: center
}

.w-image.\--country .w-image__caption {
	font-size: 18px;
	text-align: center;
	background: none;
	font-weight: 300
}

.w-image.\--country .w-image__caption p {
	padding: 0
}

.w-image.\--country img {
	margin: 0 auto
}

.w-image img {
	display: block
}

.w-image a {
	display: block
}

.w-image__full {
	width: 100%
}

.w-image__responsive {
	width: auto!important;
	max-width: 100%
}

.w-image__caption {
	font-size: 12px;
	text-align: right
}

.w-image__caption p {
	padding: 5px 0
}

.w-image__caption.\--style-dark {
	background-color: #333;
	color: #fff
}

.w-image__caption.\--absolute {
	background-color: #f1f2e7;
	color: #333;
	font-size: 14px;
	width: 100%;
	bottom: 0;
	left: 0;
	position: absolute;
	text-align: left;
	padding-left: 40px;
	font-style: italic
}

.w-image__caption.\--absolute p {
	margin-bottom: 0
}

.w-image__caption.\--position-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.w-image__caption.\--position-overlay p {
	margin-bottom: 0
}

.w-gallery__thumbs ul.slides li {
	opacity: .5;
	filter: alpha(opacity=50);
	-webkit-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	cursor: pointer
}

.w-gallery__thumbs ul.slides li:hover {
	opacity: .7;
	filter: alpha(opacity=70)
}

.w-gallery__thumbs ul.slides li.flex-active {
	opacity: 1;
	filter: alpha(opacity=100)
}

.w-map img {
	max-width: none
}

.w-map__google-map {
	min-height: 400px
}

.w-map__google-map.\--static {
	min-height: 0
}

.w-map__google-map.\--static img {
	max-width: 100%
}

.w-map__location {
	text-align: center;
	color: #903;
	padding-top: 15px
}

.w-map__location__title {
	margin-bottom: 15px;
	font-size: 11px;
	font-family: "Cairo", serif;
	font-weight: 700;
	color: #666
}

.w-downloads {
	position: relative;
	padding-top: 60px;
	border-top: 1px solid #e9eff4;
	margin-top: 60px
}

.w-downloads__title {
	font-size: 26px;
	color: #2e4352;
	text-align: center;
	font-weight: 300;
	margin-bottom: 30px
}

.w-downloads__box {
	position: relative;
	background-color: #165782;
	max-width: 410px;
	margin: 0 auto 50px;
	border-radius: 6px
}

.w-downloads__box>a {
	display: block;
	color: #272627;
	border-right: 1px solid #FFF;
	text-decoration: none
}

.w-downloads__box>a .left {
	padding: 20px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0;
	float: right;
	width: 70%
}

.w-downloads__box>a .right {
	background: #146;
	padding: 20px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0;
	float: right;
	width: 30%;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}

.w-video {
	min-height: 400px;
	position: relative;
	overflow: hidden
}

.w-video__media img {
	display: block;
	width: 100%
}

.w-video__media .video-js {
	width: 100%!important
}

.w-video.\--type-information-right .w-video__media {
	position: absolute;
	top: 0;
	left: 0;
	right: 50%;
	bottom: 0;
	overflow: hidden
}

.w-video.\--type-information-right .w-video__media .video-js {
	width: 100%!important;
	height: 100%!important
}

.w-video__content {
	width: 50%;
	float: right;
	overflow: hidden;
	padding: 50px 30px;
	font-size: 22px;
	color: #fff
}

.w-video__content p {
	margin-bottom: 0
}

.w-video__title {
	color: #fff;
	margin-bottom: 30px;
	font-size: 38px;
	font-weight: 300;
	line-height: 1.3
}

.w-video.\--type-overlay .w-video__media {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
	padding-bottom: 56.25%
}

.w-video.\--type-overlay .w-video__media.\--style-ratio-4-3 {
	padding-bottom: 75%
}

.w-video.\--type-overlay .w-video__media .video-js {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
	border: 0;
	-webkit-transform: translateY(-25%);
	transform: translateY(-25%);
	background-size: cover
}

.w-video.\--style-ratio-4-3 .w-video__media {
	padding-top: 56.25%;
	position: relative
}

.w-video.\--style-ratio-4-3 iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important
}

.w-video.\--style-ratio-4-3 .video-js {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
	border: 0
}

.w-video.\--style-ratio-5-4 .w-video__media {
	padding-top: 56.25%;
	position: relative
}

.w-video.\--style-ratio-5-4 iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important
}

.w-video.\--style-ratio-5-4 .video-js {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
	border: 0
}

.w-video.\--style-ratio-16-9 .w-video__media {
	padding-top: 56.25%;
	position: relative
}

.w-video.\--style-ratio-16-9 iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important
}

.w-video.\--style-ratio-16-9 .video-js {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
	border: 0
}

.w-video.\--style-ratio-16-10 .w-video__media {
	padding-top: 62.5%;
	position: relative
}

.w-video.\--style-ratio-16-10 iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important
}

.w-video.\--style-ratio-16-10 .video-js {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
	border: 0
}

.table-cart td {
	padding: 20px 30px!important;
	border: 0!important;
	border-bottom: 1px solid #d7e8f7!important;
	vertical-align: middle!important
}

.table-cart__title {
	color: #333;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
	width: 55%
}

.table-cart__title a {
	color: #333
}

.table-cart__donation-type {
	color: #5191c1;
	font-size: 16px;
	text-align: right!important;
	white-space: nowrap
}

.table-cart__donation-type a {
	color: #5191c1
}

.table-cart__remove {
	white-space: nowrap;
	color: #656565;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0;
	text-align: center!important
}

.table-cart__remove i {
	vertical-align: middle;
	font-size: 16px;
	color: #e30043;
	margin: -2px 10px 0 0;
    margin-left: 5px;
}

.table-cart__remove a {
	color: #656565
}

.table-cart__price {
	color: #e30043;
	font-size: 24px;
	font-family: 'Cairo', sans-serif;
	font-weight: 700;
	width: 10%;
	text-align: right!important
}

.cookies-page {
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px
}

.cookies-page__list>ul>li {
	position: relative;
	padding-right: 250px;
	border-bottom: 1px solid #CCC;
	padding-top: 40px;
	padding-bottom: 40px
}

.cookies-page__list>ul>li:last-child {
	border-bottom: 0
}

.cookies-page__title {
	font-size: 32px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px
}

.cookies-page__item-title {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 10px
}

.cookies-page__controller {
	position: absolute;
	right: 0;
	top: 60px;
	width: 150px
}

.cookies-page__immitate-control label {
	display: block;
	cursor: pointer;
	margin-bottom: 0;
	height: 50px;
	width: 150px;
	position: relative;
	-webkit-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
	cursor: default!important;
	background-color: #FFF;
	-webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	overflow: hidden
}

.cookies-page__immitate-control label.\--disable {
	background-color: #efefef
}

.cookies-page__immitate-control label.\--disable span {
	margin-left: -100px
}

.cookies-page__immitate-control label.\--disable span i {
	border-radius: 5px 0 0 5px
}

.cookies-page__immitate-control label.\--disable span i:after {
	opacity: .2;
	content: "\e90a";
	color: #000
}

.cookies-page__immitate-control label.\--enable {
	color: #FFF;
	background-color: #e30044
}

.cookies-page__immitate-control label.\--enable i {
	background-color: #97002d;
	position: relative
}

.cookies-page__immitate-control label.\--enable i:after {
	content: "\e90b"
}

.cookies-page__immitate-control label span {
	display: block;
	height: 20px;
	width: 250px;
	-webkit-transition: margin-left .2s ease-in-out;
	transition: margin-left .2s ease-in-out
}

.cookies-page__immitate-control label em {
	display: block;
	font-style: normal;
	width: 100px;
	float: right;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding-top: 18px;
	text-transform: uppercase
}

.cookies-page__immitate-control label i {
	display: block;
	height: 50px;
	width: 50px;
	float: right;
	background-color: #efefef;
	-webkit-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
	border-radius: 0 5px 5px 0;
	-webkit-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.2)
}

.cookies-page__immitate-control label i:after {
	content: "\e90b";
	font-family: 'Cairo';
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	color: #fff;
	position: absolute;
	left: 18px;
	top: 17px
}

.cookies-page input[type="checkbox"] {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 9
}

.cookies-popover {
	color: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #e30044;
	padding: 17px 0 0;
	text-align: center;
	height: 45px;
	width: 90px;
	overflow: hidden;
	z-index: 10001;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-box-shadow: -3px 0 38px rgba(0, 0, 0, 0.5);
	box-shadow: -3px 0 38px rgba(0, 0, 0, 0.5)
}

.cookies-popover a,
.cookies-popover a:hover {
	color: inherit
}

.cookies-popover__title {
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	font-size: 13px;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	font-weight: 700
}

.cookies-popover__title:hover {
	text-decoration: underline
}

.cookies-popover__title.\--disposable {
	display: block
}

.cookies-popover__wrap {
	padding: 15px 25px 0;
	position: absolute;
	left: -999px;
	width: 310px;
	text-align: left
}

.cookies-popover p {
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 20px
}

.cookies-popover__close {
	font-family: 'Cairo';
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 12px;
	right: -35px;
	color: #fff;
	font-size: 20px;
	opacity: 0;
	filter: alpha(opacity=0);
	text-decoration: none
}

.cookies-popover__close:before {
	content: "\e90a"
}

.cookies-popover__links {
	padding: 0;
	margin: 0
}

.cookies-popover__links li {
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	padding: 5px 10px 5px 0;
	margin-right: 10px;
	border-right: 1px solid #fff
}

.cookies-popover__links li:last-child {
	border: none
}

.cookies-popover.\--expanded {
	width: 375px;
	height: 295px
}

.cookies-popover.\--expanded .cookies-popover__wrap {
	left: 0
}

.cookies-popover.\--expanded .cookies-popover__close {
	opacity: 1;
	filter: alpha(opacity=100)
}

.cookies-popover.\--expanded .cookies-popover__title.\--disposable {
	display: none
}

.fundraiser-alert {
	background-color: #F66;
	padding: 16px 20px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	font-size: 14px
}

.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: right;
	height: 100%;
	min-height: 1px
}

[dir='rtl'] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.my_btn{
    padding: 16px 40px;
    font-size: 17px;
}
.content-snippet *,.content-snippet p{
	font-family: 'Cairo' !important;
}



.swal2-popup{
	font-size: 13px !important;
}

.i3-donation-price-block{
    display: inline-block !important;
    width: 100% !important;
}

.quick-project-donation-box-slim__box__country{
    display: inline-block !important;
    width: 30% !important;
}

#my-side-menu {

}

/*side menu*/
.main-nav {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    background: #FFF;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: all .375s;
}

.main-nav.is-open {
    opacity: 1;
    z-index: 100;
    visibility: visible;
    height: 920px;
}

/* Yellow band effect */
.main-nav::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -15px;
    background: #700032;
    transform-origin: 0 0;
    transform: skew(-14deg) translateX(-120%);
    transition: all .275s .1s;
}

.main-nav.is-open::before {
    transform: skew(-14deg) translateX(0);
}

/* Skewing effect on menu links */
.main-nav ul {
    display: inline-flex;
    flex-direction: column;
    height: 93%; /* Should be 100%, but we have a notice message :D */
    align-items: flex-end;
    justify-content: center;
    transform: translateX(-18%) skew(-16deg);
}

.main-nav li {
    display: block;
    margin: .5rem 0;
    text-align: right;
    transform: skew(16deg);
}

/* Apparition effect on links */
.main-nav a {
    opacity: 0;
    transform: translateY(-10px);
}

.main-nav.is-open a {
    opacity: 1;
    transform: translateY(0);
}
.main-nav li:nth-child(1) a {
    transition: all 275ms 175ms
}
.main-nav li:nth-child(2) a {
    transition: all 275ms 225ms
}
.main-nav li:nth-child(3) a {
    transition: all 275ms 275ms
}
.main-nav li:nth-child(4) a {
    transition: all 275ms 325ms
}
.main-nav li:nth-child(5) a {
    transition: all 275ms 375ms
}


/* Decoration */
.main-nav ul,
.main-nav li {
    list-style: none;
    padding: 0;
}
.main-nav a {
    display: block;
    padding: 12px 0;
    color: #fff;
    font-size: 1.4em;
    text-decoration: none;
    font-weight: bold;
}

/* Burger Style: @see: https://codepen.io/CreativeJuiz/full/oMZNXy */
.open-main-nav {
    position: absolute;
    top: 15px;
    padding-top: 20px;
    right: 15px;
    z-index: 1000;
    background: none;
    border: 0;
    cursor: pointer;
}
.open-main-nav:focus {
    outline: none;

}
.burger {
    position: relative;
    display: block;
    width: 28px;
    height: 4px;
    margin: 0 auto;
    background: #e30044;
    transform: skew(5deg);
    transition: all .275s;
}

.burger:after,
.burger:before {
    content: '';
    display: block;
    height: 100%;
    background: #e30044;
    transition: all .275s;
}

.burger:after {
    transform: translateY(-12px) translateX(-2px) skew(-20deg);
}

.burger:before {
    transform: translateY(-16px) skew(-10deg);
}

/* Toggle State part */
.is-open .burger {
    transform: skew(5deg) translateY(-8px) rotate(-45deg);
}

.is-open .burger:before {
    transform: translateY(0px) skew(-10deg) rotate(75deg);
}

.is-open .burger:after {
    transform: translateY(-12px) translateX(10px) skew(-20deg);
    opacity: 0;
}

/* MENU Text part */
#burger {
    display:none;
}
.burger-text {
    display: block;
    font-size: .675rem;
    letter-spacing: .05em;
    margin-top: .5em;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    color: #5A3B5D;
}

.device {
    position: relative;
    width: 100%;
    height: 600px;
    background: #FFF;
    border: 1px solid #EEE;
    border-radius: 3px;
    box-shadow: 0 0 0 10px rgba(0,0,0,.1);
}

.container-slide {
    position: absolute;
    top: 0; right: 0;
    bottom: 0; left: 0;
    overflow: hidden;
    /*background: linear-gradient(to bottom, #eee, #ddd);*/
    background: #fff0;
    display: none;
}

/*html {*/
/*    height: 100%;*/
/*}*/
/*body {*/
/*    height: 100%;*/
/*    !*display: flex;*!*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

/* Slow motion button */
[id="slowmo"] {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px;
    border: 0;
    font-size: 1rem;
    background: #FEDC2A;
    color: #5A3B5D;
    font-weight: bold;
    cursor: pointer;
    transition: all .275s;
}

[id="slowmo"] span {
    display: block;
    font-weight: normal;
}

[id="slowmo"]:hover,
[id="slowmo"]:focus {
    background: #5A3B5D;
    color: #FEDC2A;
}

[id="slowmo"].is-slowmo span:after {
    content: 'Activated';
    display: block;
    font-weight: bold;
}

/* When slowmotion is activated */

.is-slowmo + .device .open-main-nav .burger,
.is-slowmo + .device .open-main-nav .burger:before,
.is-slowmo + .device .open-main-nav .burger:after,
.is-slowmo + .device .main-nav,
.is-slowmo + .device .main-nav::before,
.is-slowmo + .device .main-nav a {
    transition-duration: 3s;
}
.is-slowmo + .device .main-nav li:nth-child(1) a {
    transition-delay: 1750ms
}
.is-slowmo + .device .main-nav li:nth-child(2) a {
    transition-delay: 2250ms
}
.is-slowmo + .device .main-nav li:nth-child(3) a {
    transition-delay: 2750ms
}
.is-slowmo + .device .main-nav li:nth-child(4) a {
    transition-delay: 3250ms
}
.is-slowmo + .device .main-nav li:nth-child(5) a {
    transition-delay: 3750ms
}

/* Notice */
.notice {
    position: absolute;
    bottom: -15px;
    left: 0; right: 0;
    padding: 20px;
    background: #F2F2F2;
    color: #5A3B5D;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    z-index: 100;
    text-align: center;
}
.notice strong {
    font-weight: 700;
}
.notice a {
    padding: 2px 3px;
    background: #FEDC2A;
    text-decoration: none;
}

#mainDotnateModal {
    height: auto;
    width: auto;
    top: 433.009px;
    right: 39%;
    display: none;
}

#mainDotnateModal .wrap-price {
    display: flex;
    justify-content: center;
    align-items: center;
}

#mainDotnateModal .wrap-price .control-label {
    padding-top: 38px;
}

#priceDonationTwo {
    position: relative;

}

#priceDonationTwo .currency {
    position: absolute;
    top: -24px;
    right: 210px;
    z-index: 1;
}

#priceDonationTwo .priceNumber {
    height: 70px;
    position: absolute;
    width:100%;
    top: -31px;
    text-align: right;
    right: 3px;
    background:transparent !important;
}

.owl-carousel {
    direction: ltr;
}

.header-slide-button {
    position: absolute;
    top: 79%;
    right: 30%;
    width: 20.7%;
    height: 8.77%;
    z-index: 15;
}

#header-my-slide .owl-item img {
    height: 600px;
}


.quick-donation-fixed {
    display: block;
}

.quick-donation-mobile {
    text-align: center;
    /* padding-bottom: 6px; */
    height: 46px;
}

.quick-donation-fixed .quick-donation--box {
    display: block;
}

.quick-donation-mobile a {
    display: none;
    background: #9a4552;
    color: #fff;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
     height: 48px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

#headerDepartmentMain {
    text-align: right;
}

.mainPriceSection .control-label {
	font-size: 18px !important;
}

#carousel-multi-1-0 ul li a,
#carousel-multi-1-1 ul li a {
	font-size: 18px;
}

#carousel-multi-1-0 .get_to_now_dotnate {
	font-size: 18px;
}

/*end side menu*/
/*///////////////////////////////////////// RESPONSIVE //////////////////////////////////////////////// */

@media only screen and (max-width: 1528px) {
    #mainDotnateModal {
        right: 37%;
    }
}

@media only screen and (max-width: 1100px) {
    #mainDotnateModal {
        right: 29%;
    }

	.quick-project-donation-box-slim__box__country {
		/*min-width: 100px;*/
	}

	.quick-donation-fixed .quick-project-donation-box-slim__content__col1 {
		width: 100% !important;
		display: block;
		flex: unset;
		margin-bottom: 40px;
	}

	.quick-donation-fixed .quick-project-donation-box-slim__content {
		flex-wrap: wrap;


	}

	.quick-project-donation-box-slim__title {
		text-align: center;
	}

	#footer-pay-div {
		flex-wrap: wrap;
	}

	#footer-pay-div .quick-project-donation-box-slim__content__col4 {
		flex: unset;
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 40px;
	}

	#footer-pay-div .quick-project-donation-box-slim__content__col4 .btn {
		height: auto;
	}
}

@media only screen and (max-width: 920px) {
    #mainDotnateModal {
        right: 25%;
    }
}

#ramadanPriceSection .lastListPriceInput {
    display: none;
}

#ramadanMainSection .mainPriceSection {
    display: block;
}
@media only screen and (max-width: 767px) {

	#header-my-slide .owl-item img {
		height: auto;
	}
    .ramadan_images > .myCol{
        margin-bottom:0 !important;
    }
    .ramadan_images,    .ramadan_images .myCol{
        padding-left:0  !important;
        padding-right:0 !important;
    }
 
    #ramadanPriceSection .lastListPriceInput {
        display: block;
    }
    
    #ramadanMainSection .w-tabs.\--theme-blue {
        margin-left: 0px;
        margin-right: 0px;
    }

    #ramadanMainSection .oneDonationSectin {
        display: none;
    }

    #ramadanMainSection .w-tabs.\--theme-blue .control-group {
        border: none;
        padding: 0px;
    }



    #payment_departments_section img {
        width: 20px;
        height: 20px;
        top: 25px !important;

    }
    
    #ramadanPriceSection {
        padding-top: 0px !important;
    }

    #ramadanPriceSection .control-group {
        padding-top: 0px !important;
    }

    #ramadanMainSection .control-group {
        padding-top: 0px !important;
    }
    #ramadanPriceSection ul {
        justify-content: normal;
    }
    #ramadanPriceSection ul li {
        width: 50%;
        text-align: center;

        margin-bottom: 10px;
    }
    
    #ramadanPriceSection ul .oud-md-margin-left-10 {
        margin-left: 10px;
    }

    #ramadanPriceSection ul .oud-md-margin-right-10 {
        margin-right: 10px;
    }

    #ramadanPriceSection .radio-check {
        border: 1px solid #cacaca;
        padding: 14px;
    }
    #ramadanPriceSection  label {
        font-size: 20px;
        margin-bottom: 0;
    }

    #ramadanPriceSection .redActive {
        background: #e30044;
        color: #fff;
    }

    #ramadanPriceSection ul li .input-price {
        padding: 11px;
        text-align: center;
    }

    #ramadanMainSection .mainPriceSection {
        display: none;
    }

    #ramadanPriceSection .radio-check .radio span {
        display: none;
    }
    
    #headerDepartmentMain {
    text-align: right;
    }
    
    body .content-snippet h2 {
        text-align: center !important;
    }

    #paymentSection .w-tabs__nav {
        display: block;
    }
    .second_step .col-35,.second_step .col-63{
        width:100% !important;
    }
    #paymentSection .w-tabs__nav li {
        display: block;
    }

    .col-md-100,
    .w-md-100 {
        position:relative;
        width: 100%
    }
    .my-position {
        display: block;
        /*display: none;*/
        position: absolute;
        left: 12px;
        top: 16px;
        z-index: 2;
        border-radius: 50%;
    }
    .first-section-body-one {
        width: 100% !important;
    }
    .first-section-body-two {
        width: 100% !important;
    }

    .form-core__zakat hr.\--edge-to-edge {
        margin-right: 0px;
        margin-left: 0px;
    }

    .form-core__zakat .grid-block.\--two-blocks>* {
        width: 100% !important;
    }
    /**/

    .my-first-section .sidebar {
        display:none;
    }

    .form-core__zakat {
        flex-direction: column;
    }

    .first-section-header {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .first-section-header h3 {
        margin-right: 18px;
    }

    .first-section-header p {
        padding-right: 0 !important;
    }

    .offset-md-0 {
        margin-right: 0;
    }
    .m-md-0 {
        margin-top: 0;
    }

    .mb-md-30 {
        margin-bottom: 30px;
    }
    .quick-donation-mobile a {
        display: block;
    }
    .quick-donation-fixed .quick-donation--box {
        display: none;
    }

    .quick-donation-mobile {
        display: block;
    }
    #header-my-slide .owl-item img {
        height: 300px;
    }
    .header-slide-button {
        top: 70%;
        right: 30%;
        width: 20.7%;
        height: 17.77%;
    }
    .item-my .ctc-banner-background-image {
        /*background-size: 100% 100% !important;*/
        background-position-x: 96% !important;
    }

    .item-my .last-img {
        background-position-x: 61% !important;

    }

    .item-my .my-content {
        height: auto !important;
        width: auto !important;
        line-height: 1.5;
        left: 0 !important;
        top: 45% !important;
    }

    .item-my .my-content-header {
        left: 10% !important;
        width: auto !important;
        top: 40% !important;
    }
    .ctc-entity-banners img {
        height: auto;
    }
    #mainDotnateModal {
        right: 14%;
    }
    #burger {
        display:block;
    }
    .main-nav ul {
        margin-top: 40px;
    }
    .main-nav ul, .main-nav li {
        margin-left: 26px;
    }
	#i3-account-header{
		display: none;
	}
	#i3-donation-header {
		float:none !important;
		display: inline-block;
		padding-top: 28px;
	}
	.ph__top{
		padding:0;
		float:none;
		display: block;
		width: 100%;
	}
	.ph__logo{
		width:200px;
        float:left;
	}
	.ph__donate{
		float:none;
		padding: 0 15px 0 0px;
		display: inline-block;
	}
	.ph__links{
		float:none;
		display: inline-block;
	}
	.ph__donate p{
		margin-top:0;
		float:none;
		font-size: 15px;
		vertical-align: middle;
		padding-top: 2px;
		display: inline-block;
	}
	.ph__donate p span{
		font-size: 14px;
	}
	.ph__donate .btn{
		margin-top:0;
		margin-right:5px;
	}
	.ph__donate .btn{
		font-size: 14px;
	}
	.ph__bottom{
		display: none;
	}
	#i3-HRF .\+hometext-offset-top{
		margin-left: 0;
		margin-right: 0;
		width:100%;
	}
	body .grid-block.\--type-two-blocks>*{
		width:100%;
		padding-left:0;
	}
	.grid-block.\--style-offset-blocks{
		margin-left: 0;
	}
	.f-s-medium{
		display: none;
	}
	body .content-snippet{
		overflow: hidden !important;
	}
	body .content-snippet h2{
		font-size: 12px;
		text-align: right !important;
	}
	body .content-snippet p{
		width:100% !important;
		/*font-size: 12px;*/
		padding: 0 10px 5px 10px;

	}
	#form-newsletter.form-core .controls{
		width:100%;
		margin-left:0;
		margin-bottom: 8px;
	}
	#form-newsletter .actions {
		width:100%;
	}
	.grid-block.\--four-blocks>* {
		width: 48%;
		margin-left: 5px;
        padding-right: 25px;
	}
	.pf__title{
		margin-bottom: 12px;
	}
	body .bottom_footer div{
		width:100%;
	}
	body .bottom_footer div p {
		text-align: center;
	}
	body .quick-project-donation-box-slim{
		padding:15px
	}
	body .quick-project-donation-box-slim__content,.quick-project-donation-box-slim__box{
		display: block;
	}
	.quick-project-donation-box-slim__title span{
		display: inline-block;
	}
	.quick-project-donation-box-slim__title,.quick-project-donation-box-slim__title span{
		font-size: 24px;
		font-weight: 500;
		margin-bottom: 10px;
		text-align: center;
	}
	.quick-project-donation-box-slim__box .control-group.quick-project-donation-box-slim__box__causes{
		display:inline-block;
		/*width:28%;*/
        width: 69% !important;
        margin-bottom: 10px;
	}
	.quick-project-donation-box-slim__content__col2{
		display: block;
	}
	.quick-project-donation-box-slim__box__holder{
		display:inline-block;
		width:68%;
		margin-right:5px !important;
	}
	.quick-project-donation-box-slim__box select{
		padding:5px !important;
	}
	.i3-donation-price-block,.quick-project-donation-box-slim__box__country{
		width:48% !important;
		display: inline-block;
		
	}
	.quick-project-donation-box-slim__box{
		padding-left:0;
	}
	.quick-project-donation-box-slim__box__country{
		min-width: unset;
	}
	.control-group.\--donation-field .controls{
		float:none;
        width: 100% !important;
	}
	.control-group.\--donation-field.\--theme-red .control-label{
		display: none;
	}
	html body .i3-donation-price-block .control-group.\--donation-field{
		padding:0px !important;
		background: none !important;
	}
	body .quick-project-donation-box-slim__content__col4{
		display: block !important;
		text-align: center !important;
		margin-top:10px;
		font-size: 15px;
	}
	body .minicart__body{
		left:7px
	}
	.section-navigation a{
		font-size: 15px;
		padding: 15px;
	}
	.section-navigation{
		margin-bottom: 0px!important;
	}
	.ctc-entity{
		padding:0 !important;
		margin-bottom: 0 !important;
	}
	body .ctc-entity p{
		text-align: right !important;
		font-size: 14px !important;
		margin-bottom: 15px;
		padding-right: 0;
	}
	body .ctc-entity p strong{
		font-size: 11px;
		/* margin-bottom: 15px; */
	}
	body .ctc-entity p b{
		font-size:28px !important;
		/* margin-bottom: 15px; */
	}
	body .content-snippet h2{
		font-size: 16px;
    	font-weight: bold;
	}
	body .module-form form.form-core .control-group {
		padding: 8px;
	}
	body .module-form{
		padding-left: 20px;
    	padding-right: 20px;
	}
	.content-snippet .control-group label{
		width: 100%;
    	display: block;
		font-size: 14px;
	}
	#i3-HRF .container__brown-bg .\+ta-center{
		font-size: 17px !important;
		font-weight: bold !important;
	}
	.container__brown-bg.container__padded{
		padding-left: 15px;
		padding-right: 15px;
	}
	#fundraise-section .owl-carousel .owl-nav .owl-next{
		right: 20px !important;
	}
	#fundraise-section .owl-carousel .owl-nav .owl-prev{
		left: 20px !important;
	}

	body .fundraising-summary-box__stats li{
		padding-right: 0 !important;
	}
	.fundraising-summary-box__stats{
		margin-right: 0 !important;
	}
	.fundraising-summary-box__stat span{
		font-size: 20px !important;
	}
	body .content-snippet h1 span{
		font-size: 20px !important;
	}
	.container__blue-bg{
		padding: 30px 10px;
	}
	table{
		overflow-x: scroll;
	}
	body .container__blue-bg .container__padded{
		padding:30px 0px;
	}
	#i3-HRF .\+ta-center{
		font-size: 24px;
	}
	table.table-core tr:first-child td{
		padding: 16px !important;
	}
	#i3-HRF .\+fw-bold{
		font-size:20px;
	}
	body .container__blue-bg .btn.btn-large {
    	padding: 12px 26px !important;
		font-size:14px !important;
	}
	.pf{
		margin-bottom: 0 !important;
	}
	.pf .pf__links a,.pf .pf__links li{
		font-size:12px;
	}
	.bottom_footer .col-20 img{
		width:50%;
	}
	#orphons-section {
		padding:30px 15px !important;
	}
	#orphons-section .container{
		padding:0 !important;
	}
	.w-tabs.\--style-pointer-small{
		margin-right:0 !important;
		margin-bottom: 30px !important;
	}
	body .w-tabs.\--style-pointer-small .w-tabs__nav>li a{
		font-size: 13px;
		font-weight: 500;
	}
	body .w-tabs.\--style-pointer-small .w-tabs__nav>li a small{
		font-size: 16px;
	}
	body .grid-block.\--offset-blocks{
		margin-left: 0;
	}
	#search-orphons .col-80,#search-orphons .col-15{
		margin-bottom: 5px;
		width:100% !important;
		margin-right: 0 !important;
	}
	.grid-block.\--offset-blocks>*{
		padding-left: 8px;
	}
	#i3-HRF #search-orphons .\+ta-center{
		font-size: 16px;
	}
	#search-orphons select{
		padding: 7px 10px !important;
	}
	.orphans-list ul.grid-flex{
		margin-left: 0px !important;
	}
	.orphans-list .grid-flex.\--three-blocks>*{
		width:100% !important;
		display: block !important;
		padding-left: 0 !important;
	}
	body .container__brown-bg.container__padded .container{
		padding-left: 0 !important;padding-right: 0 !important;
	}
	ul.grid-flex.\--offset-blocks{
		margin-left: 0px !important;
	}
	ul.grid-flex.\--three-blocks>*{
		width:100% !important;
		display: block !important;
		padding-left:0 !important;
	}
	.donation-summary-box__title{
		overflow: unset !important;
	}
	body .section-hero__head__small{
		font-size: 16px;
	}
	.section-hero__head__title.\--stylized .beta,.section-hero__head .alpha{
		display: inline-block !important;
		font-size: 30px !important;
		letter-spacing: 0;
		font-weight: 500;
		margin-top:0 !important;
	}
	.section-hero__content .w-40 {
		width:100%;
	}
	.section-hero__content .w-40 p{
		font-size: 18px;
	}
	.grid-flex.\--four-blocks>*{
		display: block !important;
		width:100% !important;
		padding-left: 0 !important;
	}
	.media-center-box__title{
		font-size: 28px;
	}
	.grid-flex.\--offset-blocks>*{
		display: block !important;
		width:100% !important;
		padding-left: 0 !important;
	}
	.cms-content .offset-pad-4.ctc-col-parent .row div[class*="col"]{
		width:100% !important;
	}
	h5.\--normalize{
		font-size: 15px;
		font-weight: 600;

	}
	.w-collapsable>i{
		transform: translateY(-50%);
	}
	body form.form-core.form-horizontal label.control-label{
		width:100%;
	}
	.offset-pad-4.ctc-col-parent{
		margin-left: 0px;
   	 	margin-right: 0px;
	}
	body .product-pointers__preview_wrap .content-snippet h2{
		font-size: 11px;
		font-weight: bold;
	}
	body .quick-project-donation-box-slim__box__country .controls .selector,body .quick-project-donation-box-slim__box__causes .controls .selector,body .control-group.\--donation-field .selector {
		padding-top: 8px  !important;
		padding-bottom: 8px  !important;
        padding-right: 20px;
	}
	.i3-slider{
		margin-bottom: 0 !important;;
	}
	.i3-slider .flex-control-nav{
		margin: 0 !important;
	}

    .quick-project-donation-box-slim__box__holder {
        width: 69% !important;
        /*margin-right:5px;*/
    }

    .i3-donation-price-block {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .quick-project-donation-box-slim__box__country {
        width: 100% !important;
        margin-bottom: 10px;
    }

    #i3-donation-header {
        display: none !important;
    }
    #priceDonationTwo {
        /*position: relative;*/
        margin-top: 40px;
    }

    #priceDonationTwo .currency {
        /*position: absolute;*/
        top: -75px;
        right: 190px;
    }

    #priceDonationTwo .priceNumber {
        top: -78px;
        right: 130px;
    }


    #sectionDetails .container.\--responsive {
            padding-left: 0px;
    padding-right: 0px;
    }
    
    #sectionDetailZakats {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    
    body .ctc-entity p {
        padding-right: 0;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    
    .container.\--mini {
        padding-left: 0px;
        padding-right: 0px;
    }

    .first-section-header p {
        padding-right: 20px !important;
    }

    .first-section-body-one,
    .first-section-body-two {
        padding-right: 4%;
    }
    
     body h1#headerDepartmentMain span{
           font-size: 35px !important;
    }

  }
@media only screen and (max-width: 600px) {
    #mainDotnateModal {
        right: 0;
        width: 98%
    }

    .dialog .add-donation-box {
        width: auto;
    }

    .dialog.\--small {
        /*width: auto;*/
        min-width: auto;
    }
    
    #sectionDetailOthers .ctc-entity p strong {
        font-size: 28px !important;
    }
    
    
    
    
}
@media only screen and (max-width: 568px) {

    .main-nav.is-open {
        font-size: 12px;
    }
    .main-nav ul, .main-nav li {
        margin-left: -100px;
    }
    .main-nav ul {
        margin-top: -18px;
    }

    .header-slide-button {
        top: 70%;
        right: 40px;
        width: 30%;
    }

    #header-my-slide .owl-item img {
        height: 200px;
    }
    
    .btn_donate_slider {
        top: 60% !important;
        right: 10% !important;
    }
    
    body .ctc-entity p {
        line-height: 2 !important;
        
        
    }
    
    form.form-core.\--style-zakat .h5 {
        font-size: 28px;
        padding-right: 8px;
    }
    
    .myFormGroup {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    
    #ul-prices li {
        width: 40%;
        border: 1px solid #e6e6e6;
        margin: 8px;
        padding: 10px;
        border-radius: 5px;
    }
    
    #ul-prices .redActive {
        background: #941834;
        color: #fff;
    }
    
    #ul-prices li .radio {
        display: none;
    }
    
    .dis-xs-none {
        display: none !important;
    }
    
    .float-xs-none {
        float: none !important;
    }
    
    .controls-donation .i3-numeric {
        width: 85% !important;
    }
    
    .my-box-title {
        border: 1px solid #3333334a;
        background: #3333334a;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    

}

@media only screen and (max-width: 450px) {
    #ramadanPriceSection .radio-check {
        width: 100%;
    }
    #ramadanPriceSection ul li {
        display: flex;
    }
    
    #priceDonationTwo .priceNumber {
            right: 80px;
    }
    
    #payment_departments_section img {
            left: 10px !important;
    }
    
    h1 .w-collapsable>i, h2 .w-collapsable>i, h3 .w-collapsable>i, h4 .w-collapsable>i, h5 .w-collapsable>i {
            margin-top: 23px;
    }
    
    #mainCalculateSection .ctc-entity p {
        padding-right: 35px !important;
    }
    
    .col-xs-100 {
        width: 100% !important;
    }
    
    .offset-b-xs-10 {
        margin-bottom: 10px !important;
    }
    
    .table-core td {
        padding: 20px !important;
    }
}

@media only screen and (max-width: 400px) {
    .header-slide-button {
        top: 70%;
        right: 40px;

        width: 30%;
        height: 17.77%;
    }
    
    /*#payment_departments_section img {*/
    /*    display: none;*/
    /*}*/
    .minicart__body {
        width: 100% !important;

    }
    body .minicart__body {
        left: 0 !important;
    }
    
    .table-cart__donation-type {
        display: none;
    }
    
    .table-core td {
        padding: 20px !important;
    }
    
}

@media only screen and (max-width: 350px) {
    #priceDonationTwo .priceNumber {
        right: 55px;
    }
    #priceDonationTwo .currency {

        right: 112px;
    }
    
}

@media only screen and (max-height: 800px) {
    
    #priceDonationTwo .priceNumber {
        top: -85px;
        height: 100px !important;
    }
    
}

.control-group.\--donation-field.\--theme-red-alt input.field{
        width:170px !important;
    }

@media only screen and (max-width: 300px) {
    #ramadanPriceSection ul li {
        width: 100%;
    }
    #ramadanPriceSection ul .oud-md-margin-left-10 {
        margin-left: 0;
    }

    #ramadanPriceSection ul .oud-md-margin-right-10 {
        margin-right: 0;
    }
    
    #priceDonationTwo .priceNumber {
        right: 13px;
    }
    .table-core td {
        padding: 16px !important;
    }
    
    .control-group.\--donation-field.\--theme-red-alt input.field {
        width: 100px !important;
    }
    
    #ul-prices li {
        width: 100%;
    }


}


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



	body .btn_donate_slider{
		top: 150px !important;
	}
	.cms-content h1 span{
		font-size: 25px !important;
	}
	body .content-snippet h4 span,body .content-snippet p{
		font-size: 20px !important;
	}
	#i3-HRF .\+ta-center {
		text-align: center;
		font-size: 24px;
	}
	form.form-core label{
		display: block !important;
	}
	body .content-snippet h4 span, body .content-snippet p{
		text-align: right  !important;
	}
	.container.\--responsive{
		overflow-x: hidden;
	}
	.fundraising-summary-box__stats{
		margin-left:0 !important;
		margin-right: 0 !important;
	}
	.fundraising-summary-box__stats>li{
		padding: 0 !important;
	}
	.fundraising-summary-box__stat span{
		font-size: 20px  !important;
	}
	.fundraising-summary-box__stats small{
		font-size: 10px !important;
	}
	.fundraising-summary-box>a{
		padding:30px 15px !important;
	}
	.cms-content .ctc-entity {
		padding :0 !important;
	}
	body .content-snippet h4 span, body .content-snippet p{
		font-size: 15px !important;
	}
  }







  .donation-summary-box.\--large .donation-summary-box__title{
	overflow: unset;
  }
  body #form-post-volunteer select,#form-post-deployments select{
	  border:1px solid #ccc !important;
  }
  .donation-summary-box.\--large .donation-summary-box__title{
	line-height: 30px;
  }

@media only screen and (max-width: 350px) {
        .w-tabs.\--style-pointer.\--steps a>span{
                font-size: 20px  !important;
                line-height: 1  !important;
                padding: 10px 0 0 !important;
        }
        
        
}