@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,500,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Barlow:300,400,500,700&display=swap');
@font-face {
    font-family: 'GE-Thameen';
    src: url('fonts/GEThameen-Book.eot');
    src: url('fonts/GEThameen-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/GEThameen-Book.woff2') format('woff2'),
        url('fonts/GEThameen-Book.woff') format('woff'),
        url('fonts/GEThameen-Book.ttf') format('truetype'),
        url('fonts/GEThameen-Book.svg#GEThameen-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

blockquote,
q {
    quotes: none;
}

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

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

td,
div {
    vertical-align: top;
}

* {
    outline: none;
}

li,
ol {
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}

img {
    border: 0px;
    width: 100%;
    max-width: 100%;
}

textarea {
    resize: none;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

a,
.submitBtn input,
.sliderMore:after,
.viewLink:after,
.inquireBtn a,
.viewBtn:after,
.blackBtn a {
    text-decoration: none;
    transition: all linear 200ms;
    -moz-transition: all linear 200ms;
    -webkit-transition: all linear 200ms;
    -ms-transition: all linear 200ms;
}

input,
textarea,
select,
body {
    font-size: 14px;
    font-family: 'Cormorant Garamond', 'GE-Thameen', serif;
    -webkit-appearance: none;
    border-radius: 0;
}

body {
    position: relative;
}

/************************************* Reset End Styles ********************************/
/************************************* Common Styles ********************************/
.rightAlign {
    text-align: right;
}

.centerAligned {
    text-align: center;
}

.centeredBlock {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.fullWidth {
    width: 100%;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.posRelative {
    position: relative;
}

.absolutePos {
    position: absolute;
}

.textDecorationNone {
    text-decoration: none;
}

.textDecorationUnderline {
    text-decoration: underline;
}

.fontWeightBold {
    font-weight: bold;
}

.clearBoth {
    clear: both;
}

.clearRight {
    clear: right;
}

input,
textarea,
select,
body,
.smallTop a,
.mainMenu a {
    color: #868686;
}

/************************************* Common End Styles ********************************/
/************************************* Website Styles ********************************/
body {
    overflow-x: hidden;
}

.safeArea {
    max-width: 1140px;
    margin: 0 auto;
    position: relative; z-index:12;
}



header {
    position: relative;
    width: 100%;
    top: 0;
    z-index: 9;
    height: 100vh;
}

.attachedTop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 30px;
}

.logoHolder {
    float: left;
}

.logoHolder a {
    display: block;
    width: 260px;
    background-image: url('../../images/main-logo.png');
    background-size: 100%;
    background-repeat: no-repeat;
    height: 90px;
}

.fixedMenu .logoHolder a,
.subPage .logoHolder a {

    background-image: url('../../images/main-blue-logo.png');
}

.additionalHeaderComponents {
    float: right;
    margin-top: -10px;
}

.inlineMiddle,
.inlinedList>li {
    vertical-align: middle;
    display: inline-block;
    margin-left: 15px;
}

.inlinedList>li a,
.languagesMain a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Barlow', 'GE-Thameen', sans-serif;
    text-transform: uppercase;
}

.inlinedList>li a:hover,
.languagesMain a:hover,
.fixedMenu .inlinedList>li a:hover,
.fixedMenu .languagesMain a:hover {
    text-decoration: underline
}

.dropDown {
    display: inline-block;
    position: relative;
}

.dropDownToggle {
    position: relative;
    padding-left: 10px;
}

.dropDownToggle {
    display: block;
}

.dropDownMenu {
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
    right: 13px;
    background-color: #ffffff;
    top: 100%;
    margin-top: 10px;
}

.dropDownMenu li a {
    padding: 5px 10px;
    color: #000;
    display: block;
}

.mainMenu {
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
}

.home .mainMenu {
    display: none;
}

.mainMenu>ul>li {
    float: left;
}

.sliderHolder .flexslider .slides>li {
    height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    -webkit-backface-visibility: visible;
}

.sliderCaption {
    position: absolute;
    width: 550px;
    z-index: 3;
    top: 35%;
    right: 0;
    transform: translate(-30%, -35%);
    -moz-transform: translate(-30%, -35%);
    -webkit-transform: translate(-30%, -35%);
}

.topMenu {
    display: block;
    text-align: right;
    margin-bottom: 25px;
}

.sliderCaption h2 {
    color: #ffffff;
    font-size: 50px;
    line-height: 70px;
    margin-bottom: 20px;
    display: block;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
}

.sliderLink {
    display: inline-block;
    padding: 13px 40px 13px 15px;
    border: 1px solid #fff;
    position: relative;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Barlow', sans-serif;
}

.sliderLink:hover {
    background-color: #ffffff;
    color: #063751;
}

.sliderLink:after {
    position: absolute;
    content: '';
    background-image: url('../../images/yellow-arrow.png');
    width: 9px;
    height: 13px;
    right: 12px;
    top: 17px;
}

.mainMenu>ul>li {
    padding: 10px 20px;
}

.mainMenu>ul>li:last-child {
    padding-right: 0;
}

.mainMenu>ul>li a {
    font-weight: 500;
    font-family: 'Barlow', sans-serif;
    color: #ffffff;
    font-size: 15px;
    position: relative;
    text-transform: uppercase;
}

.mainMenu>ul>li a:after {
    content: '';
    left: 0;
    width: 0;
    height: 1px;
    background-color: #fff;
    bottom: -5px;
    position: absolute;
    transform: .7s cubic-bezier(.86, 0, .07, 1), visibility 0s linear 0s;
    -moz-transition: .7s cubic-bezier(.86, 0, .07, 1), visibility 0s linear 0s;
    -webkit-transition: .7s cubic-bezier(.86, 0, .07, 1), visibility 0s linear 0s;
    -ms-transition: .7s cubic-bezier(.86, 0, .07, 1), visibility 0s linear 0s;
}

.mainMenu>ul>li:hover a:after,
.mainMenu>ul>li.active a:after {
    width: 100%;
}

.topMenu .btnHolder a {
    padding: 8px 20px;
    color: #ffffff;
    font-size: 14px;
    background-color: #053651;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
}

.topMenu .btnHolder a:hover {
    color: #053651;
    background-color: #ffffff;
}

.socialMedia {
    position: fixed;
    top: 30vh;
    left: 0;
    z-index: 99;
}

.socialMedia ul li {
    display: block;
    margin-bottom: 10px;
}

.socialMedia ul li a {
    display: flex;
    background-color: #063751;
    width: 35px;
    height: 35px;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.socialMedia ul li a:hover {
    opacity: 0.6;
}

.socialMedia ul li a img {
    max-height: 17px;
    width: auto;
}

.whiteSection {
    background-color: #ffffff;
    padding: 40px 0;
}

.bodySections {
    position: relative;
    z-index: 10;
}

.leftCol {
    float: left;
    margin-right: 6%;
    width: 45%;
}

.rightCol {
    float: left;
    width: 45%;
}

.infoHolder {
    display: flex;
    justify-content: center;
    align-items: center;
}

.subTitle {
    color: #003c5b;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
    letter-spacing: 2px;
    display: block;
    line-height: 30px;
}

.colMainTitle {
    color: #003c5b;
    font-size: 70px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
    line-height: 95px;
}

.colDescription {
    font-size: 20px;
    color: #343434;
    line-height: 27px;
    font-weight: 300;
    font-family: 'Barlow', sans-serif;
    margin-bottom: 40px;
}

.colImgHolder {
    margin-top: -60px;
    position: relative;
    z-index: 8;
}

span.shapeHolder {
    position: absolute;
    content: '';
    background-image: url('../../images/large-blue-shape.png');
    right: -30px;
    top: 19%;
    width: 525px;
    height: 561px;
    z-index: -1; transform:rotate(180deg);
}

.shapeSmall {
    position: absolute;
    content: '';
    background-image: url('../../images/blue-shape.png');
    left: -35px;
    top: 19%;
    width: 97px;
    height: 193px;
    z-index: -1;
}

.btnHolder {
    display: block;
}

.bodySections .btnHolder a {
    padding: 13px 45px 13px 25px;
    border: 1px solid #b1b1b1;
    position: relative;
    color: #062b3e;
    font-weight: 700;
    font-family: 'Barlow', sans-serif;
    display: inline-block;
}

.bodySections .btnHolder a:after,  #mainBannercarousel .btnHolder a:after{
    position: absolute;
    content: '';
    background-image: url('../../images/yellow-arrow.png');
    width: 9px;
    height: 13px;
    right: 12px;
    top: 16px;
}

.bodySections .btnHolder a:hover {
    border: 1px solid #062b3e;
    color: #ffffff;
    background-color: #062b3e;
}

.blueSection {
    background-color: #062b3e;
    padding: 120px 0;
}

.blueSection .subTitle,
.blueSection .colMainTitle,
.blueSection .colMainTitle,
.blueSection .colDescription,
.blueSection .btnHolder a {
    color: #ffffff;
}

.blueSection .infoHolder {
    height: auto;
}

.blueSection .btnHolder a:hover {
    background-color: #ffffff;
    color: #062b3e;
}

.fixedMenu .attachedTop,
.subPage .attachedTop {
    position: fixed;
    background-color: #ffffff;
    z-index: 999;
    transform: .4s cubic-bezier(.86, 0, .07, 1), visibility 0s linear 0s;
    -moz-transition: .4s cubic-bezier(.86, 0, .07, 1), visibility 0s linear 0s;
    -webkit-transition: .4s cubic-bezier(.86, 0, .07, 1), visibility 0s linear 0s;
    -ms-transition: .4s cubic-bezier(.86, 0, .07, 1), visibility 0s linear 0s;
    box-shadow: 0 8px 6px -8px rgba(0, 0, 0, 0.2);
}

.mainMenu>ul>li a,
.inlinedList>li a,
.languagesMain a {font-weight:600;}

.fixedMenu .mainMenu>ul>li a,
.fixedMenu .inlinedList>li a,
.fixedMenu .languagesMain a,
.subPage .mainMenu>ul>li a,
.subPage .inlinedList>li a,
.subPage .languagesMain a {
    color: #062b3e;
}

.fixedMenu .mainMenu>ul>li a::after,
.subPage .mainMenu>ul>li a::after {
    background-color: #062b3e;
}

.fixedMenu .topMenu .btnHolder a,
.subPage .topMenu .btnHolder a {
    color: #ffffff;
    border: 1px solid #053651;
    transition: all linear 600ms;
    -moz-transition: all linear 600ms;
    -webkit-transition: all linear 600ms;
    -ms-transition: all linear 600ms;
}

.fixedMenu .topMenu .btnHolder a:hover,
.subPage .topMenu .btnHolder a:hover {
    color: #053651;
    text-decoration: none !important;
}

.listRow {
    display: block;
    margin-bottom: 30px;
}

.listIcon {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    margin-right: 20px;
}

.listInfo {
    display: inline-block;
    max-width: 305px;
}

.leftBlock,
.rightBlock {
    float: left;
    width: 45%;
}

.rightBlock {
    float: right;
}

.smallDesc {
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 5px;
    font-family: 'Barlow', sans-serif;
}

.numbersHolder {
    color: #ffffff;
    font-size: 78px;
    font-weight: 500;
    line-height: 50px;
    font-family: 'Barlow', sans-serif;
    display: block;
    margin-bottom: 15px;
}

.largeDesc {
    font-size: 36px;
    color: #ffffff;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
}

.lightBlueSection {
    background-color: #aadaf8;
    padding: 30px;
}

/*****************************************************************TABS**************************************************************/
.subMenu a {
    display: inline-block;
    padding: 15px;
    color: #003c5b;
    font-size: 16px;
    text-decoration: none;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
    position: relative;

    text-transform: uppercase;
}

.tab {
    display: none;
}

.home .tabsHolder {
    min-height: 600px;
}

.subMenu a.active {
    font-weight: 700;
}

.subMenu {
    border-bottom: 1px solid #003c5b;
    margin-bottom: 55px;
    padding-left: 60px;
}

.subMenu a.active::after {
    position: absolute;
    content: '';
    bottom: -10px;
    width: 20px;
    height: 12px;
    background-image: url(../../images/arrow-blue.png);
    left: calc(50% - 12px);
    background-size: 100% 100%;
}

/**********************************************************************************************************************************/
h4{font-size:30px; font-weight:600;}
.newsItem {
    background-color: #fff;
    margin-bottom: 30px;
}

.newsImg {
    float: left;
    width: 40%;
}

.newsInfo {
    float: left;
    width: calc(59% - 80px);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 256px;
    padding: 0 25px;
}

.newsDate {
    color: #484848;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
}

.newsTitle {
    color: #023652;
    font-size: 30px;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    font-family: 'Cormorant Garamond', serif;
}

.newsDesc {
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    color: #909090;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 15px;
}

.newsLink {
    display: block;
}

.newsLink a {
    display: inline-block;
    position: relative;
    color: #062b3e;
    font-weight: 700;
    font-family: 'Barlow', sans-serif;
    text-transform: uppercase;
}

.newsLink a:hover {
    text-decoration: underline;
}

.newsLink a:after {
    position: absolute;
    content: '';
    background-image: url('../../images/yellow-arrow.png');
    width: 9px;
    height: 13px;
    right: -25px;
    top: 3px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.tab .btnHolder {
    text-align: center;
    margin-bottom: 40px;
}

.newsListing {
    margin-bottom: 70px;
}

.testInfo {
    display: inline-block;
    width: 43%;
    position: relative;
    vertical-align: middle;
    max-height: 518px;
    overflow-y: scroll;
}

.testImage {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 70px 0 70px;
    z-index: 2;
    height: 518px;
    width: 43%;
}

.testText {
    font-family: 'Cormorant Garamond', serif;
    position: relative;
    font-weight: 600;
    color: #003c5b;
    font-size: 30px;
    padding-top: 0;
}

.testShape {
    position: absolute;
    content: '';
    background-image: url('../../images/large-test-shape.png');
    width: 520px;
    right: -30px;
    top: -20px;
    height: 561px;
    z-index: -1;
    background-size: 100%;
    background-repeat: no-repeat;
}

.testText>span {
    position: absolute;
    content: '';
    background-image: url('../../images/red-quote.png');
    width: 65px;
    left: 0;
    top: -45px;
    height: 77px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.testimonialsSlider {
    margin: 80px 0 110px;
}

.testimonialsSlider .flexslider {
    margin-bottom: 80px;
}

.testimonialsSlider .flex-control-nav {
    display: none;
}

.topFooter {
    background-color: #003c5b;
    padding: 40px 0;
}

.mainFooter {
    background-color: #002336;
    padding: 40px 0;
}

ul.siteMap li.col-md-3 {
    margin-bottom: 30px;
    min-height: 150px;
}

h4.listTitle {
    color: #ffffff;
    font-size: 30px;
    display: block;
    margin-bottom: 15px;
    font-weight: 600;
    font-family: 'Barlow', sans-serif;
}

.mapList li a {
    display: block;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
    margin-bottom: 5px;
}

.siteMap {
    margin-bottom: 20px;
}

ul.siteMap>li:nth-child(5n),
ul.siteMap>li:nth-child(6n),
ul.siteMap>li:nth-child(7n) {
    margin-bottom: 0;
}

.cP,
.cP a {
    font-size: 12px;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
    color: rgba(255, 255, 255, 0.5);
}

.cP a {
    display: inline-block;
    padding: 0 5px;
}

.mapList li a:hover,
.cP a:hover {
    text-decoration: underline;
}

.leftNewsletter {
    color: #ffffff;
    font-size: 44px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
}

.rightNewsletter {
    display: flex;
    align-items: center;
    height: 105px;
}

.newsletterHolder label {
    font-size: 26px;
    color: #ffffff;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
    display: block;
    margin-bottom: 10px;
}

.newsletterSearch {
    display: block;
    width: 100%;
    position: relative;
}

.newsletterHolder {
    width: 100%;
}

input[type="submit"] {
    background-image: url(../../images/sendMail.png);
    cursor: pointer;
    color: #fff;
    display: block;
    position: absolute;
    width: 16px;
    text-align: center;
    top: 9px;
    bottom: 0;
    right: 0px;
    border: none;
    border-radius: 60px;
    height: 12px;
    background-color: transparent;
    background-repeat: no-repeat;
    padding: 0;
}

input[type="text"],
input[type="email"], input[type="password"] {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #265973;
    width: 100%;
    padding-bottom: 10px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.rightCol .colImgHolder::after {
    opacity: 0;
    animation: fadeIn 1s ease-in both;
    animation-delay: 4s;
}

/*****************************************************SUBPAGES************************************************************************/
.subPageBody {
    padding-top: 102px;
}

.subMainSection {
    padding: 40px 0;
}

.breadCrumbs {
    display: block;
    margin-bottom: 20px;
}

.breadCrumbs a {
    display: inline-block;
    padding-right: 10px;
    position: relative;
    color: #909090;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
}

.breadCrumbs a:after {
    content: '';
    background-color: #909090;
    width: 2px;
    height: 2px;
    border-radius: 50px;
    bottom: 3px;
    right: 3px;
    position: absolute;
}

.breadCrumbs a.active {
    color: #063651;
    font-weight: 700;
}

.breadCrumbs a.active:after {
    display: none;
}

h1.mainTile {
    color: #063651;
    font-size: 60px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    line-height: 80px;
}

.subPageBody .subMenu a.active::after {
    background-image: url(../../images/white-arrow.jpg);
    bottom: -11px;
}

.subPage h2 {
    color: #023652;
    line-height: 70px;
    font-size: 50px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    display: block;
    margin-bottom: 30px;
}

.blueDescription {
    font-size: 26px;
    color: #003c5b;
    line-height: 36px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    margin-bottom: 30px;
}

.fullWidthImg {
    position: relative;
    margin-bottom: 50px;
}

.pinkShape {
    position: absolute;
    right: -35px;
    bottom: -30px;
    background-image: url(../../images/pink-shape.png);
    width: 416px;
    height: 445px;
    z-index: -1;
    background-repeat: no-repeat;
}

.textBlock {
    margin-bottom: 50px;
}

.bodyText {
    font-size: 18px;
    color: #343434;
    font-weight: 300;
    font-family: 'Barlow', sans-serif;
    margin-bottom: 50px;
    line-height: 28px;
}

.textBlock .bodyText {
    margin-bottom: 0;
}

.greenShape {
    position: absolute;
    left: -110px;
    bottom: 0;
    background-image: url(../../images/green-shape.png);
    width: 416px;
    height: 445px;
    z-index: -1;
    background-repeat: no-repeat;
}

.blueBlock {
    padding: 40px;
    background-color: #08364e;
}

h3 {
    font-size: 36px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
}

.blueBlock h3 {
    color: #ffffff;
}

.whiteSmallDesc {
    color: #ffffff;
    font-size: 24px;
    font-weight: 300;
    font-family: 'Barlow', sans-serif;
    margin-bottom: 30px;
}

.arrowsList li {
    padding: 0 25px;
    color: #ffffff;
    font-weight: 300;
    font-family: 'Barlow', sans-serif;
    font-size: 20px;
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.arrowsList li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 8px;
    background-image: url(../../images/list-arrow.png);
    width: 14px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.darkBlueBlock {
    padding: 40px;
    background-color: #062b3e;
}

.iconTitle {
    display: block;
    font-size: 48px;
    margin-bottom: 10px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    color: #fff;
}

.smallIcon {
    float: left;
    width: 55px;
    margin-right: 15px;
}

.smallListDesc {
    font-weight: 300;
    font-family: 'Barlow', sans-serif;
    font-size: 19px;
    color: #ffffff;
    float: left;
    width: calc(100% - 70px);
}

.getInvolvedBlock {
    padding: 60px 0;
    margin-bottom: 200px;
}

.lightBlueBlock {
    padding: 30px;
    background-color: #d5ecfb;
    position: relative;
}

.lightBlueBlock .redInvolvedShape,
.moreArticles .redInvolvedShape,
.newsSlider .redInvolvedShape {
    position: absolute;
    left: -50px;
    bottom: -60px;
    background-image: url('../../images/large-test-shape.png');
    width: 216px;
    height: 245px;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 100%;
}

.lightBlueBlock .btnHolder {
    display: block;
    text-align: left;
}

.lightBlueBlock .btnHolder a {
    display: inline-block;
}

.lightBlueBlock h3 {
    color: #023652;
}

.textBlock .testImage {
    float: none;
    position: relative;
    margin: 0 70px 0 90px;
    z-index: 2;
    height: 545px;
    width: 400px;
}

.individualInfo {
    display: block;
    font-size: 24px;
    color: #003c5b;
    text-align: center;
    float: none;
    font-weight: 600;
    font-family: 'Cormorant Garamond', serif;
    margin-top: 20px;
}

.darkBlueBlock .bodyText {
    color: #ffffff;
}

.blueDescription.alignedCenter {
    position: relative;
    padding: 70px 0;
    max-width: 750px;
    margin: 0 auto;
    display: block;
}

.blueDescription.alignedCenter:before {
    position: absolute;
    content: '';
    background-image: url('../../images/red-quote.png');
    width: 65px;
    left: 0;
    top: -45px;
    height: 77px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.mediumText {
    font-size: 20px;
    display: block;
    margin-bottom: 30px;
}

.boardImg {
    display: block;
    margin-bottom: 20px;
}

.boardTitle {
    font-size: 20px;
    color: #003c5b;
    display: block;
    font-weight: 600;
    font-family: 'Cormorant Garamond', serif;
    min-height: 50px; margin-bottom:15px;
}

.boardPosition {
    font-weight: 300;
    font-family: 'Barlow', sans-serif;
    font-size: 20px;
    color: #343434;
}

.boardItem {
    margin-bottom: 30px;
    position: relative;
}

.boardItem span {
    position: absolute;
    content: '';
    z-index: -1;
}

span.boardRedShape {
    background-image: url('../../images/board-red.png');
    width: 300px;
    left: -10px;
    top: -25px;
    height: 310px;
    background-size: 100%;
    background-repeat: no-repeat;
}

span.boardGreenShape {
    position: absolute;
    content: '';
    z-index: -1;
    background-image: url('../../images/board-green.png');
    width: 300px;
    right: -10px;
    top: 25px;
    height: 310px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.boardlighBlue {
    background-image: url('../../images/blue-shape.png');
    width: 97px;
    left: -20px;
    top: 90px;
    height: 193px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.boardBlueShape {
    background-image: url('../../images/large-blue.png');
    width: 300px;
    right: -10px;
    top: 25px;
    height: 310px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.contactImg {
    position: relative;
}

.contactImg span {
    position: absolute;
    left: -50px;
    bottom: -60px;
    background-image: url('../../images/large-test-shape.png');
    width: 216px;
    height: 245px;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 100%;
}

#mapid {
    height: 400px;
}

.contactText,
.contactMap {
    margin-bottom: 100px;
}

.inlinedList>li.active a {
    text-decoration: underline;
}

.formHolder .formRow {
    width: 47%;
    float: left;
    margin-right: 6%;
    margin-bottom: 30px;
}

.formHolder .formRow .labelHolder {
    margin-bottom: 10px;
}

.formHolder .formRow .labelHolder label {
    color: #003c5b;
    font-size: 18px;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.formHolder .formRow .inputHolder,
.formHolder .formRow .textareaHolder {
    position: relative;
}

.formHolder .formRow .inputHolder input[type="text"],
.formHolder .formRow .inputHolder input[type="email"],
.formHolder .formRow .inputHolder input[type="password"],
.formHolder .formRow .textareaHolder textarea {
    font-size: 16px;
    width: 100%;
    background-color: transparent;
    border: 0 none;
    border-bottom: 2px solid #bdbdbd;
    padding: 8px 0;
    font-family: 'Barlow', sans-serif;
    color: #bdbdbd;
    height: 40px;
    font-weight: 400;
}

.formHolder .formRow:nth-child(2n) {
    margin-right: 0;
}

.error {
    position: absolute;
    content: '';
    right: 0;
    bottom: -20px;
    color: red;
    font-family: 'Barlow', sans-serif;
    font-weight: 300;
}

.formHolder .formRow.fullWidth {
    width: 100%;
    float: none;
    margin-right: 0;
    min-height: 75px;
    margin-bottom: 40px;
}

.formHolder .formRow .textareaHolder textarea {
    height: 180px;
}

.submitBtn {
    text-align: right;
    position: relative;
}

.submitBtn input {
    padding: 13px 45px 13px 25px;
    border: 1px solid #b1b1b1;
    position: relative;
    color: #062b3e;
    font-weight: 700;
    font-family: 'Barlow', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    font-size: 18px;
    width: auto;
    height: auto;
    border-radius: 0;
    background-image: none;
    right: inherit;
    top: inherit;
    bottom: inherit;
}

.submitBtn input:hover {
    border: 1px solid #062b3e;
    color: #ffffff;
    background-color: #062b3e;
}

.submitBtn:after {
    position: absolute;
    content: '';
    background-image: url('../../images/yellow-arrow.png');
    width: 9px;
    height: 13px;
    right: 12px;
    top: 19px;
}

.formHolder {
    margin-top: 60px;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: #063651;
    color: #fff;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
    border-radius: 0;
}

.leaflet-popup-content {
    padding: 20px;
    line-height: 20px;
    font-size: 18px;
    width: 320px !important;
    margin: 0;
    text-align: left;
    font-weight: 600;
    font-family: 'Barlow', sans-serif;
}
.leaflet-popup-content ul li{display:block; margin-bottom:20px;}
.leaflet-popup-content ul li span, .leaflet-popup-content ul li label{display:inline-block; vertical-align:top;}
.leaflet-popup-content ul li label a{color:#fff;}
.leaflet-popup-content ul li label a:hover{text-decoration:underline;}
.leaflet-popup-content ul li span{width:20px; height:20px; margin-left:7px; }
.leaflet-popup-content ul li span img{width:auto; height:auto; max-height:100%; display:block;}
.contactText .listRow {
    margin-bottom: 50px;
}

.contactText .smallDesc {
    font-size: 20px;
    color: #343434;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
}

.blueSmallDesc,
.blueSmallDesc a {
    color: #023652 ;
    font-weight: 700;
    font-size:20px;
    font-family: 'Barlow', sans-serif;
}

.contactText .listInfo {
    display: inline-block;
    max-width: 84%;
}

.contactText .listIcon {
    width: 50px;
    margin-right: 15px;
}

/**********************************************************************************************************************************/
.bodyText .arrowsList li {
    color: #343434;
}

.autismImg {
    float: none;
    position: relative;
    margin: 0;
    z-index: 2;
    height: auto;
    width: auto;
}

.yellowShape {
    background-image: url('../../images/yellow-shape.png');
    width: 140px;
    left: -60px;
    top: 37%;
    height: 290px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    content: '';
    z-index: -1;
}

.darkBlueBlock h3 {
    color: #fff;
}

.blueBlock .bodyText {
    color: #fff;
}

.blueSlider .listInfo {
    display: inline-block;
    max-width: 240px;
}

.blueSlider .largeDesc {
    font-size: 27px;
}

.blueSlider .numbersHolder {
    font-size: 62px;
}

.flex-control-nav {
    display: none;
}

.blueSlider .flexslider {
    margin-bottom: 120px;
}

.blueSlider .flex-direction-nav .flex-prev,
.blueSlider .flex-direction-nav .flex-next {
    border-color: #ffffff;
}

.blueSlider .flex-direction-nav a {
    bottom: -100px;
}

.textIntro {
    font-size: 34px;
    font-weight: 600;
    font-family: 'Cormorant Garamond', serif;
}

.whiteText {
    color: #ffffff;
}

.itemRow h3 {
    color: #023652;
    line-height: 50px;
}

.itemRow {
    margin-bottom: 70px;
}

.padd50 {
    padding: 50px 40px;
}

.redShape {
    background-image: url('../../images/small-red.png');
    width: 140px;
    left: -60px;
    top: 37%;
    height: 290px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    content: '';
    z-index: -1;
}

.purpleShape {
    background-image: url('../../images/purple-shape.png');
    width: 416px;
    right: -35px;
    top: -63px;
    height: 445px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    content: '';
    z-index: -1;
}

.greenSmallShape {
    background-image: url('../../images/green-small.png');
    width: 140px;
    left: -60px;
    top: 37%;
    height: 290px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    content: '';
    z-index: -1;
}

/***********************************************************************************************************************************/
.toggleItem {
    background: #fff;
    padding: 20px;
    margin: 0 0 20px;
    position: relative;
    cursor: pointer;
}

.toggleContent {
    display: none;
    font-size: 20px;
    color: #343434;
    font-weight: 300;
    font-family: 'Barlow', sans-serif;
}

.toggleTitle {
    cursor: pointer;
    font-size: 34px;
    color: #003c5b;
    font-weight: 600;
    font-family: 'Cormorant Garamond', serif;
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding-right: 50px;
}

.toggleItem:after {
    position: absolute;
    content: '';
    background-image: url(../../images/plus.png);
    width: 18px;
    height: 18px;
    right: 20px;
    top: 28px;
    background-size: 100% auto;
}

.toggleItem.active:after {
    background-image: url(../../images/minus.png);
    height: 2px;
    top: 38px;
}

.toggleList li span {
    color: #003c5b;
    font-size: 24px;
    display: block;
    margin-bottom: 15px;
    padding-left: 25px;
    font-weight: 600;
    font-family: 'Cormorant Garamond', serif;
    position: relative;
}

.toggleList li span:before {
    position: absolute;
    content: '';
    left: 0;
    top: 8px;
    background-image: url(../../images/list-arrow.png);
    width: 14px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.toggleList {
    padding: 30px 0;
}

.toggleList li {
    display: block;
    margin-bottom: 20px;
}

/*************************************************************************************************************************************/
.involvedList .boardTitle {
    font-size: 33px;
}

.involvedList .redShape {
    transform: rotate(180deg);
    right: -30px;
    left: inherit;
    top: 65px;
}

.blueVolBlock {
    background-color: #003c5b;
    padding: 60px 80px;
    font-size: 0;
    position: relative;
    margin-bottom: 50px;
}

.blueVolBlock:after {
    position: absolute;
    content: '';
    background-image: url('../../images/yellow-arrow.png');
    width: 9px;
    height: 13px;
    right: 50px;
    top: 50%;
}

.blueVolBlock a {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bototm: 0;
    width: 100%;
    height: 100%;
}

.volIcon {
    display: inline-block;
    width: 200px;
    vertical-align: middle;
}

.volInfo {
    display: inline-block;
    max-width: 74%;
    margin-left: 40px;
    vertical-align: middle;
}

.volTitle {
    color: #ffffff;
    font-weight: 700;
    font-family: 'Barlow', sans-serif;
    font-size: 24px;
    display: block;
    margin-bottom: 10px;
}

.volDesc {
    color: #ffffff;
    font-weight: 300;
    font-family: 'Barlow', sans-serif;
    font-size: 18px;
}

.involvedList {
    margin-bottom: 50px;
}

.margBot80 {
    margin-bottom: 80px;
}

/**************************************************************************************************************************************/
input[type="radio"]:not(old)+label:before {
    border-radius: 50% !important;
    display: block;
    width: 15px !important;
    height: 15px !important;
    margin: 3px 0 0 0;
    float: left;
    content: '';
    border: 1px solid #bdbdbd;
}

input[type="radio"]:not(old):checked+label:before {
    background: #003c5b;
}

.stackedInput,
ul.stackedInput li {
    display: inline-block;
    margin-right: 15px;
}

.stackedInput label {
    font-size: 14px;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
}

.inputItem {
    display: block;
    margin-bottom: 5px;
}

.inputItem span {
    display: inline-block;
    color: #003c5b;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
    margin-right: 35px;
    min-width: 110px;
}

.acceptTerms {
    margin-bottom: 30px;
}

.lightBlueSection .tabsLinks {
    border-bottom: 1px solid #003c5b;
    margin-bottom: 55px;
    padding-left: 60px;
}

.lightBlueSection .tabsLinks a {
    display: inline-block;
    padding: 15px;
    color: #003c5b;
    font-size: 16px;
    text-decoration: none;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
    position: relative;
    text-transform: uppercase;
}

.lightBlueSection .tabsLinks a.active {
    font-weight: 700;
}

.lightBlueSection .tabsLinks a.active::after {
    position: absolute;
    content: '';
    bottom: -10px;
    width: 20px;
    height: 12px;
    background-image: url(../../images/arrow-blue.png);
    left: calc(50% - 12px);
    background-size: 100% 100%;
}

.subContent .newsItem {
    box-shadow: 0 8px 6px -8px rgba(0, 0, 0, 0.2);
}

.newsEvents .tabsLinks a {
    display: inline-block;
    padding-left: 24px;
    margin-right: 20px;
    font-size: 24px;
    font-family: 'Barlow', sans-serif;
    font-weight: 300;
    position: relative;
    color: #343434;
}

.newsEvents .tabsLinks a::before {
    position: absolute;
    content: '';
    border: 1px solid #063651;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    top: 7px;
    background-color: transparent;
}

.newsEvents .tabsLinks a.active:before {
    background-color: #063651;
}

.newsEvents .tabsLinks {
    margin-bottom: 30px;
}

.newsEventsSection {
    margin-bottom: 50px;
}

.newsItemInfo .newsDate,
.newsItemInfo .newsTitle,
.newsItemInfo .newsDesc {
    color: #fff;
}

.newsItemInfo .newsDate {
    font-size: 16px;
}

.newsItemInfo .newsTitle {
    font-size: 48px;
    line-height: 44px;
}

.newsItemInfo .newsDesc {
    font-size: 24px;
}

.newsSliderItem {
    height: 450px;
    position: relative;
}

.newsSlider .flexslider {
    margin-bottom: 140px;
}

.newsSliderItem:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
}

.newsItemInfo {
    position: absolute;
    bottom: 16px;
    left: 20px;
    width: 80%;
}

.newsItemInfo .newsLink a {
    color: #fff;
}

.locationTime {
    display: block;
    margin-bottom: 15px;
}

.locationTime a {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
    color: #484848;
}

.locationTime a.location {
    margin-right: 20px;
}

.locationTime a:before {
    content: '';
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
}

.locationTime a.location:before {
    background-image: url(../../images/location.png);
    width: 15px;
    height: 18px;
}

.locationTime a.time:before {
    background-image: url(../../images/time.png);
    width: 18px;
    height: 18px;
}

.newsSlider .locationTime a {
    color: #fff;
}

.newsSlider .locationTime a.location::before {
    background-image: url(../../images/whitelocation.png);
}

.newsSlider .locationTime a.time:before {
    background-image: url(../../images/whitetime.png);
}

.newsEvents .newsInfo {
    width: 59%;
}

.blueDescription.padTop {
    padding-top: 100px;
    position: relative;
}

.blueDescription.padTop:before {
    position: absolute;
    content: '';
    background-image: url('../../images/red-quote.png');
    width: 65px;
    left: 0;
    top: 6px;
    height: 77px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.lightBlueBlock .textBlock {
    margin-bottom: 0;
}

.lightBlueBlock {
    margin-bottom: 40px;
}

.shareNews li {
    display: inline-block;
    margin-right: 10px;
}

.shareNews li a {
    display: flex;
    background-color: #063751;
    width: 39px;
    height: 39px;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.shareNews li a:hover {
    opacity: 0.7;
}

.shareNews li a img {
    height: 17px;
    width: auto;
}

.shareList {
    margin-bottom: 40px;
}

.shareList span,
.shareList ul {
    display: inline-block;
    vertical-align: middle;
}

.shareList ul {
    font-size: 0;
}

.shareList span {
    margin-right: 10px;
    text-transform: uppercase;
    color: #062b3e;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Barlow', sans-serif;
}

.nextPrevBtn a {
    display: inline-block;
    padding: 13px 45px 13px 25px;
    border: 1px solid #b1b1b1;
    position: relative;
    color: #062b3e;
    font-weight: 700;
    font-family: 'Barlow', sans-serif;
    text-transform: uppercase;
}

.nextPrevBtn a:hover {
    border: 1px solid #062b3e;
    color: #ffffff;
    background-color: #062b3e;
}

.nextPrevBtn a:after {
    position: absolute;
    content: '';
    background-image: url('../../images/yellow-arrow.png');
    width: 9px;
    height: 13px;
    right: 12px;
    top: 16px;
}

.nextPrevBtn a.prevBtn {
    padding: 13px 25px 13px 45px;
}

.nextPrevBtn a.prevBtn:after {
    transform: rotate(180deg);
    right: inherit;
    left: 12px;
}

.nextBtn {
    float: right;
}

.nextPrevBtn {
    margin-bottom: 40px;
}

.moreArticles {
    position: relative;
    margin-bottom: 120px;
}

.moreArticles ul li,
.photosList ul li {
    position: relative;
}

.moreArticles ul li a,
.photosList ul li a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
}

.moreListInfo,
.photosInfo {
    background-color: #fff;
    padding: 25px;
    -webkit-box-shadow: -1px 0px 7px 2px rgba(0, 0, 0, 0.1);
    box-shadow: -1px 0px 7px 2px rgba(0, 0, 0, 0.1);
}

.mediaDate {
    font-size: 16px;
    color: #484848;
    display: block;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
    margin-bottom: 10px;
}

.mediaTitle {
    font-size: 34px;
    color: #484848;
    display: block;
    font-weight: 600;
    font-family: 'Cormorant Garamond', serif;
    margin-bottom: 10px;
}

.mediaDesc {
    font-size: 16px;
    color: #909090;
    display: block;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
    line-height: 21px;
}

.backBtn {
    display: block;
    margin-bottom: 40px;
}

.backBtn a {
    color: #062b3e;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    padding-left: 25px;
    font-family: 'Barlow', sans-serif;
    position: relative;
}

.backBtn a:hover {
    text-decoration: underline;
}

.backBtn a:after {
    position: absolute;
    content: '';
    background-image: url('../../images/yellow-arrow.png');
    width: 9px;
    height: 13px;
    left: 0;
    top: 5px;
    transform: rotate(180deg);
    background-size: 100%;
}

.photosList ul li {
    margin-bottom: 30px;
}

.photosInfo {
    padding: 15px 25px;
}

.photosNumb {
    display: block;
    padding-left: 40px;
    font-size: 16px;
    color: #484848;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
    position: relative;
    margin-bottom: 15px;
}

.photosNumb:before {
    position: absolute;
    content: '';
    background-image: url(../../images/photo.png);
    left: 0;
    top: 0;
    width: 26px;
    height: 22px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.albumTitle {
    font-family: 'Cormorant Garamond', serif;
    font-size: 34px;
    font-weight: 600;
    color: #171717;
    display: block;
}

.photosSection h3 {
    color: #023652;
}

.photosSection {
    margin-bottom: 60px;
}

.photosList {
    margin-bottom: 40px;
}

.photosSection .btnHolder {
    text-align: center;
    margin-bottom: 40px;
    display: block;
}

.videosSection {
    background-color: #031d2b;
    padding: 30px;
}

.videosSection h3 {
    color: #fff;
}

.video-wrapper {
    overflow: hidden;
    width: 100%;
}

.small-video-row {
    padding: 60px 0px;
    margin: 0 auto;
    max-width: 70%;
}

.slick-list {
    overflow: visible;
}

.slick-slide {
    background-color: #031d2b;
    transition: ease-in-out all .15s ease;
    transform: scale(1, 1);
    position: relative;
}

.slick-current {
    transform: scale(1.25, 1.25);
    transition: ease-in-out all .15s ease;
    z-index: 2;
    overflow: hidden;
    padding: 15px 0;
    border-radius: 10px;
}

.slick-slide img {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.videoTitle {
    color: #ffffff;
    font-size: 34px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
}

.small-video-text {
    display: block;
    margin-top: 20px;
}

.slick-current .small-video-text {
    display: block;
}

.videoDuration {
    font-family: 'Barlow', sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding-left: 30px;
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.videoDuration:before {
    content: '';
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 0;
    top: 2px;
    background-image: url(../../images/whitetime.png);
    width: 18px;
    height: 18px;
}

.slick-prev,
.slick-next {
    bottom: -70px;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 0;
    z-index: 9;
    overflow: hidden;
    border-radius: 50px;
    border: 1px solid #fff;
    opacity: 1;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    top: inherit;
    transform: none;
}

.slick-prev:hover,
.slick-next:hover {
    background-color: #fff;
    background-image: url(../../images/yellow-arrow.png) !important;
    background-position: center center;
    background-repeat: no-repeat !important;
}

.slick-prev {
    left: 35%;
    background-image: url(../../images/yellow-arrow.png) !important;
    background-position: center center;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    background-repeat: no-repeat !important;
}

.slick-next {
    right: 35%;
    text-align: right;
    background-image: url(../../images/yellow-arrow.png) !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-repeat: no-repeat !important;
}

.slick-prev:before,
.slick-next:before {
    display: none;
}

.video-overlay {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.video-overlay::after {
    position: absolute;
    content: '';
    width: 70px;
    height: 70px;
    background-image: url(../../images/play.png);
    background-size: 100% 100%;
    top: calc(50% - 75px);
    left: calc(50% - 35px);
}

.photosalbumList ul li {
    position: relative;
    margin-bottom: 30px;
}

.photosalbumList ul li a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    content: '';
    bottom: 0;
}

.photosalbumList {
    margin-bottom: 40px;
}

.fancybox-navigation .fancybox-button {
    background-color: #fff;
    border-radius: 50%;
    background-image: url(../../images/yellow-arrow.png) !important;
    background-position: center center;
    background-repeat: no-repeat;
}

.fancybox-navigation .fancybox-button svg path {
    fill: none;
    stroke: none;
}

.fancybox-navigation .fancybox-button--arrow_left {
    transform: rotate(180deg);
}

.fancybox-navigation .fancybox-button.disabled {
    opacity: 0.3;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px;
    right: inherit;
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px;
    left: inherit;
}

.fancybox-infobar {
    background-color: #fff;
}

.publicationsList .imgHolder {
    float: left;
    width: 50%;
    margin: -30px 0;
}

.publicationsList .photosInfo {
    float: left;
    width: 50%;
    height: 300px;
    background-color: #063651;
    position: relative;
    padding: 25px;
}

.photosList.publicationsList ul li {
    margin-bottom: 100px;
}

.noImg .photosInfo {
    width: 100%;
    background-color: #053651;
}

.publicationsList .photosInfo .albumTitle {
    color: #fff;
}

.photosList.publicationsList ul li.noImg {
    margin-bottom: 102px;
}

.publicationsList .photosInfo a {
    color: #ffffff;
    left: 25px;
    bottom: 45px;
    top: inherit;
    right: inherit;
    height: auto;
    font-weight: 700;
    font-size: 16px;
    font-family: 'Barlow', sans-serif;
    text-transform: uppercase;
    padding-left: 65px;
}

.publicationsList .photosInfo a:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    left: 0;
    top: -16px;
    background-image: url(../../images/yellow-arrow.png);
    transform: rotate(90deg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 9px 9px;
    border-radius: 50%;
    background-color: transparent;
}

.publicationsList .photosInfo a:hover:before {
    background-color: #fff;
}

.largeRed {
    position: absolute;
    content: '';
    left: -70px;
    top: 30px;
    z-index: -1;
    background-image: url(../../images/large-red.png);
    width: 500px;
    height: 540px;
    background-size: 100% 100%;
}

.publicationsList,
.newsSlider {
    position: relative;
}

.tableHolder tr th {
    background-color: #063751;
    color: #ffffff;
    font-family: 'Barlow', sans-serif; font-weight: 400;
    font-size: 22px;
}

.tableHolder tr th,
.tableHolder tr td {
    padding: 15px 30px;
    text-align: left;
}

.tableHolder tr td {
    background-color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
}

.tableHolder tr.greyBg td {
    background-color: #f5f5f5;
}

.tableHolder tr td a,
.tableHolder tr.greyBg td a {
    color: #909090;
}

.tableHolder tr td a:hover,
.tableHolder tr.greyBg td a:hover {
    text-decoration: underline;
}

.tableHolder,
.centerListing {
    margin-bottom: 40px;
}

.tableHolder {
    position: relative;
}

.centerListing li {
    margin-bottom: 40px;
    position: relative;
}

.centerListing li .courseInfo,
.centerListing li .courseImg {
    float: left;
    width: 50%;
    padding: 0;
}

.centerListing li .courseInfo {
    height: 305px;
    display: flex;
    align-items: center;
    background-color: #fff;
}

.locationTime a.seats:before {
    background-image: url(../../images/seats.png);
    width: 12px;
    height: 18px;
}

.locationTime a.seats {
    padding-left: 20px;
}

.courseInfo .newsLink a {
    padding: 13px 45px 13px 25px;
    border: 1px solid #b1b1b1;
    margin-right: 20px;
}

.courseInfo .newsLink a:hover {
    text-decoration: none;
    background-color: #062b3e;
    color: #fff;
}

.courseInfo .newsLink a:after {
    top: 15px;
    right: 15px;
}

.courseInfo .newsDetails {
    padding: 0 30px;
}

.centerListing ul {
    margin-bottom: 50px;
}

.centerListing .btnHolder {
    display: block;
    text-align: center;
}

.centerListing .testShape {
    width: 300px;
    right: -53px;
    top: 6px;
}

.courseBlue {
    position: absolute;
    left: -60px;
    bottom: -40px;
    background-image: url('../../images/course-darkblue.png');
    width: 216px;
    height: 245px;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 100%;
}

.courselightBlue {
    position: absolute;
    content: '';
    background-image: url('../../images/course-lightblue.png');
    width: 300px;
    right: -53px;
    top: 6px;
    height: 561px;
    z-index: -1;
    background-size: 100%;
    background-repeat: no-repeat;
}

.courseGreen {
    position: absolute;
    left: -60px;
    bottom: -40px;
    background-image: url('../../images/course-green.png');
    width: 216px;
    height: 245px;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 100%;
}

#bookCourse {
    background-color: #fff;
    padding: 30px;
    display: none;
}

#bookCourse h3 {
    color: #023652;
}

.margBot50 {
    display: block;
    margin-bottom: 50px;
}

.newsDate .locationTime {
    display: inline-block;
    margin-left: 40px;
}

.tableHolder .boardGreenShape {
    right: -60px;
    top: -50px;
    z-index: -1;
}

.redShape.rightShape {
    right: -4%;
    left: inherit;
    transform: rotate(180deg);
    top: 12%;
}

.formHolder.trainerForm .formRow.halfWidth {
    width: 31%;
    float: left;
    margin-right: 3%;
    margin-bottom: 30px;
}

.formHolder.trainerForm .formRow:nth-child(3n) {
    margin-right: 0;
}

.formHolder.trainerForm .formRow:nth-child(2n) {
    margin-right: 3%;
}

.formHolder.trainerForm {
    margin-bottom: 50px;
}

.familyCircle,
.storyWall {
    margin-bottom: 50px;
}

.storyWall {
    background-color: #063751;
    padding: 40px;
}

.storyWall h2 {
    color: #fff;
}

.storyWall .testText {
    color: #fff;
}

#carousel {
    margin-bottom: 50px;
}

.storyName {
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 24px;
    text-align: center;
    display: block;
}

.storyImg {
    margin-bottom: 15px;
    width: 145px;
    height: 145px;
    border-radius: 50%;
}

#carousel .flex-direction-nav a {
    bottom: 50%;
    border: none;
}

#carousel .flex-direction-nav .flex-next {
    right: -34px;
}

#carousel .flex-direction-nav .flex-prev {
    left: -34px;
}

#slider .flex-direction-nav {
    display: none;
}

.pagination {
    display: block;
    margin-bottom: 120px;
}

.pagination a {
    background-color: transparent;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    color: #777777;
    font-size: 16px;
    float: left;
    padding: 8px 10px;
    text-decoration: none;
    border: 1px solid #b1b1b1;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination a:hover,
.pagination a.active {
    background-color: #063751;
    color: #fff;
}

.nextPage {
    background-image: url(../../images/yellow-arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.pagination span {
    float: left;
    width: 40px;
    height: 40px;
    padding: 8px 10px;
    margin-right: 0;
}

.albumImg {
    max-height: 200px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sliderHolder .flex-control-nav {
    display: block;
}

.phoneLink a {
    position: relative;
    padding-left: 20px;
}

.phoneLink a:before {
    position: absolute;
    content: '';
    background-image: url(../../images/phone.png);
    width: 16px;
    height: 16px;
    left: 2px;
    top: 3px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.subPage .inlinedList>li.phoneLink a:before,
.fixedMenu .phoneLink a:before {
    background-image: url(../../images/phone-blue.png);
}

.selectedMenu {
    display: none;
}

.subMenuHolder,
.sliderHolder ul li {
    position: relative;
}

.sliderHolder ul li:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.photosList .imgHolder {
    max-height: 280px;
    overflow: hidden;
}

.videoItem {
    position: relative;
}

#boxscroll {
    height: 350px;
    width: 43%;
    overflow: auto;
}

#boxscroll {
    display: inline-block;
}

.videosSlider {
    max-width: 700px;
    margin: 0 auto 30px;
}


/*****************************************************************NEW STYLES*************************************************************/
.subMainSection .blueDescription {
    margin-bottom: 0;
}

.darkBlueBlock.noHeight {
    min-height: inherit;
    padding-bottom: 40px;
}

.donateList .newsInfo {
    width: 60%;
    background-color: #f2f2f2;
}

.leftDonate {
    float: left;
    width: 75%;
    margin-right: 5%;
}

.rightdonate {
    float: left;
    width: 20%;
    text-align: center;
}

.donateTitle {
    display: block;
    color: #093650;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
}

.donateDesc {
    font-size: 18px;
    color: #7c8687;
    line-height: 21px;
}

.donateDesc a {
    display: inline-block;
    color: #0a3750;
}

.donateDesc a:hover {
    text-decoration: underline;
}

.sponsorHolder {
    background-color: #fff;
    width: 100%;
    position: relative;
    padding: 50px 0 10px;
}

.sponsorHolder>a {
    position: absolute;
    content: '';
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.sponsorType {
    position: absolute;
    top: 10px;
    text-align: center;
    right: -11px;
    left: -11px;
    color: #fff;
    font-size: 14px;
    padding: 3px 0;
}

.sponsorType:before {
    position: absolute;
    content: '';
    right: 0;
    bottom: -9px;
    width: 11px;
    height: 11px;
    background-repeat: no-repeat;
    z-index: 0;
}

.sponsorType:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -9px;
    width: 11px;
    height: 11px;
    background-repeat: no-repeat;
    z-index: 0;
}

.sponsorHolder.typePlatinum .sponsorType {
    background-color: #000000;
}

.sponsorHolder.typeGold .sponsorType {
    background-color: #ba9f57;
}

.sponsorHolder.typeSilver .sponsorType {
    background-color: #acacac;
}

.sponsorHolder.typePlatinum .sponsorType:before {
    background-image: url(../../images/before.svg);
}

.sponsorHolder.typePlatinum .sponsorType:after {
    background-image: url(../../images/after.svg);
}

.sponsorHolder.typeGold .sponsorType:before {
    background-image: url(../../images/goldbefore.svg);
}

.sponsorHolder.typeGold .sponsorType:after {
    background-image: url(../../images/goldafter.svg);
}

.sponsorHolder.typeSilver .sponsorType:before {
    background-image: url(../../images/silverbefore.svg);
}

.sponsorHolder.typeSilver .sponsorType:after {
    background-image: url(../../images/silverafter.svg);
}

.sponsorTitle {
    font-size: 14px;
    color: #7c8687;
    display: block;
    margin-bottom: 10px;
}

.sponsorIcon {
    display: block;
    margin: 0 auto;
    max-width: 65%;
}

.donationCount {
    display: block;
    margin-top: 20px;
    font-size: 0;
}

.donationProgress {
    display: inline-block;
    width: 55%;
    vertical-align: bottom;
    margin-right: 5%;
}

.donationBtn {
    display: inline-block;
    width: 40%;
    font-size: 0;
    border: 1px solid #868686;
    vertical-align: bottom;
}

.donationText {
    color: #7c8687;
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
}

.donationText span {
    font-weight: 600;
    color: #063751;
}

.inputAmount {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    border-right: 1px solid #868686;
}

.inputAmount input[type="text"] {
    border: 0 none;
    width: 70%;
    padding: 7px;
    display: inline-block;
    vertical-align: middle;
    color: #868686;
}

.inputAmount span {
    display: inline-block;
    color: #093650;
    font-size: 16px;
    vertical-align: middle;
    font-weight: 600;
}

.donateLink {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 50%;
}

.donateLink a {
    font-size: 16px;
    color: #093650;
    font-weight: 600;
    position: relative;
}

.donateLink a:after {
    position: absolute;
    content: '';
    background-image: url(../../images/yellow-arrow.png);
    width: 9px;
    height: 13px;
    right: -18px;
    top: 4px;
    transform: rotate(180deg);
}

.donateLink a:hover:after {
    right: -23px;
}

.thermometer {
    background-color: #fff;
    width: 100%;
    height: 10px;
}

.thermometer-percentRaised {
    background-color: #063751;
    height: 100%;
}

.subContent .donateList .newsItem {
    box-shadow: none;
}

span.fullDonation {
    color: #063751;
    font-size: 22px;
    font-weight: 600;
    display: block;
    text-align: right;
}

.donationBtn.noBorder {
    border: 0 none;
}

.greenShape.leftPos {
    left: inherit;
    right: -50px;
}

.subMainSection {
    position: relative;
}

.backBtn.posAbs {
    position: absolute;
    right: 0;
    margin-bottom: 0;
    display: inline-block;
    content: '';
    bottom: 65px;
}

.backBtn.posAbs a {
    padding-left: 0;
    padding-right: 25px;
}

.backBtn.posAbs a:after {
    left: inherit;
    right: 0;
}


.projNumb {
    font-size: 24px;
    display: block;
    margin-bottom: 20px;
    color: #a0a0a0;
    font-weight: 600;
}

.donationInfoHolder {
    background-color: rgba(6, 55, 81, 0.9);
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.innerBlock {
    padding: 20px 50px;
}

.donationInfoHolder span.smallText,
.donationInfoHolder span.bigText {
    display: block;
    text-align: center;
    color: #fff;
}

span.smallText {
    font-size: 18px;
    margin-bottom: 5px;
}

span.bigText {
    font-size: 28px;
    margin-bottom: 25px;
}

.donationInfoHolder .thermometer {
    background-color: #47697c;
    margin-bottom: 20px;
}

.donationInfoHolder .thermometer-percentRaised {
    background-color: #fff;
    height: 100%;
}

.donationInfoHolder label {
    display: block;
    font-size: 18px;
    color: #fff;
    margin-bottom: 5px;
}

.donationInfoHolder .inputAmount {
    display: block;
    width: 100%;
    vertical-align: middle;
    border: 1px solid #b1b1b1;
    margin-bottom: 15px;
}

.donationInfoHolder .inputAmount span {
    color: #fff;
}

.donationInfoHolder .inputAmount input[type="text"] {
    width: 80%;
}

.bodySections .donationInfoHolder .btnHolder {
    text-align: center;
    border: 1px solid #b1b1b1;
}

.bodySections .donationInfoHolder .btnHolder a {
    color: #fff;
    border: none;
}

.bodySections .donationInfoHolder .btnHolder a:hover {
    background-color: transparent;
}

.donationContent .bodyText {
    font-size: 18px;
    margin-bottom: 30px;
}

.donationContent h3 {
    font-size: 36px;
    display: block;
    color: #023652;
    margin-bottom: 30px;
}

.donationContent h4 {
    font-size: 30px;
    display: block;
    color: #023652;
    margin-bottom: 15px;
}

.bodyDetails .sponsorHolder {
    float: right;
    width: 120px;
    text-align: center;
    box-shadow: 0 9px 23px -8px rgba(0, 0, 0, 0.2);
}

.albumHolderBlock {
    background-color: #063751;
    padding: 40px;
    margin-bottom: 50px;
}

.albumHolderBlock h3 {
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
}

.albumSlider .flex-direction-nav a {
    border-color: #fff;
}

.albumSlider .flexslider {
    margin-bottom: 80px;
    position: relative;
    z-index: 2;
}

.albumSlider span.boardRedShape {
    background-image: url(../../images/board-red.png);
    width: 200px;
    right: -35px;
    top: 35px;
    height: 260px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 0;
}

.donateLinks {
    margin-bottom: 50px;
}

.socialDonate {
    vertical-align: middle;
    margin-bottom: 30px;
    padding: 15px;
    background-color: #ebeeee;
    color: #0b364d;
    font-size: 24px;
    font-weight: 600;
}

.socialDonate span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    text-align: center;
    padding: 10px 30px;
    color: #fff;
    min-width: 150px;
}

.socialDonate span.facebook {
    background-color: #4469b0;
}

.socialDonate span.twitter {
    background-color: #41b5e5;
}

.socialDonate span a {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding-right: 25px;
    position: relative;
}

.socialDonate span:hover {
    opacity: 0.8;
}

.socialDonate span a:after {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    background-repeat: no-repeat;
    background-size: 100%;
}

.socialDonate span.twitter a {
    padding-right: 40px;
}

.socialDonate span.facebook a:after {
    background-image: url(../../images/fb.png);
    width: 12px;
    height: 21px;
}

.socialDonate span.twitter a:after {
    background-image: url(../../images/twitter.png);
    width: 23px;
    height: 21px;
}

.privacyDonation {
    border: 1px solid #eaeaea;
    padding: 15px;
}

.privacyDonation span {
    font-size: 24px;
    color: #999999;
    padding-left: 40px;
    position: relative;
}

.privacyDonation span:before {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../../images/lock.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 27px;
    background-size: 100%;
    content: '';
}


.donationForm {
    margin-bottom: 25px;
}

.subMenuHolder.noPad .subMenu {
    padding-left: 0;
}

.subMenuHolder.noPad .subMenu a {
    padding-left: 30px;
    margin-right: 50px;
}

.subMenuHolder.noPad .subMenu a:before {
    position: absolute;
    content: '';
    left: 0;
    transform: translateY(-50%);
    top: 50%;
    background-repeat: no-repeat;
}

.subMenuHolder.noPad .subMenu a.card:before {
    background-image: url(../../images/grey-card.svg);
    width: 20px;
    height: 18px;
}

.subMenuHolder.noPad .subMenu a.card.active:before {
    background-image: url(../../images/blue-card.svg);
}

.subMenuHolder.noPad .subMenu a.transaction:before {
    background-image: url(../../images/grey-arrows.svg);
    width: 20px;
    height: 19px;
}

.subMenuHolder.noPad .subMenu a.transaction.active:before {
    background-image: url(../../images/blue-arrows.svg);
}

.donationContent .formHolder .formRow {
    width: 100%;
    float: none;
}

.donationContent .formHolder .inputHolder {
    margin-bottom: 30px;
}

.centeredText {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
    color: #989999;
    font-size: 20px;
}

.centeredText span {
    display: inline-block;
    color: #0d3953;
}

.totalAmount {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #a5a5a5;
    padding: 10px 0;
}

.totalAmount a,
.totalAmount a span {
    display: inline-block;
    position: relative;
    font-weight: 600;
    font-size: 20px;
    color: #063751;
}

.totalAmount a:after {
    position: absolute;
    content: '';
    background-image: url(../../images/yellow-arrow.png);
    width: 9px;
    height: 13px;
    left: inherit;
    top: 10px;
    background-size: 100%;
    transform: rotate(180deg);
    right: -25px;
}

.totalAmount a:hover:after {
    right: -30px;
}

.backBtn.rightAlign a {
    padding-right: 25px;
    padding-left: 0;
    margin-bottom: 50px;
}

.backBtn.rightAlign a:after {
    left: inherit;
    right: 0;
}

.progDonation .imgHolder {
    position: relative;
}

.progInfo {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 10px;
    color: #fff;
    background-color: rgba(9, 54, 80, 0.45);
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

a.removeProg {
    position: absolute;
    right: 15px;
    top: 15px;
    content: '';
    width: 26px;
    height: 26px;
    background-image: url(../../images/close.png);
}

.donateInfo {
    display: block;
    background-color: #063751;
    padding: 30px;
}

.donateInfo>span {
    color: #fff;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.donateInfo .inputAmount {
    width: 80%;
    border: 1px solid #6e8b9a;
}

.donateInfo .inputAmount span {
    color: #fff;
}

.donateInfo .inputAmount input[type="text"] {
    width: 82%;
    color: #fff;
}

.coldonateList ul li {
    margin-bottom: 30px;
}

.coldonateList ul li:last-child {
    margin-bottom: 0;
}

.totalDonation {
    display: block;
    background-color: #ebeeee;
    padding: 30px;
    margin-bottom: 20px;
    font-size: 22px;
    color: #063751;
    font-weight: 600;
}

.totalDonation span {
    float: right;
    text-align: right;
}

.transactionInfo {
    background-color: #ebeeee;
    padding: 20px;
    display: block;
    margin-bottom: 40px;
    color: #063651;
    font-size: 20px;
    font-weight: 600;
}

.transactionInfo a.emailLink,
.transactionInfo a.phoneLink {
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #063751;
    padding-left: 30px;
    position: relative;
    display: block;
}

.transactionInfo a.emailLink {
    margin: 20px 0;
}

.transactionInfo a.phoneLink {
    margin-top: 20px;
}

.transactionInfo a.emailLink:before {
    position: absolute;
    content: '';
    background-image: url(../../images/email.png);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 17px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.transactionInfo a.phoneLink:before {
    position: absolute;
    content: '';
    background-image: url(../../images/call.png);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 23px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.topList {
    display: block;
    vertical-align: middle;
    margin-bottom: 30px;
}

.topList span {
    display: inline-block;
    vertical-align: middle;
    font-size: 26px;
    color: #063651;
    font-weight: 600;
    margin-right: 30px;
}

.topList .selectHolder {
    display: inline-block;
    width: 37%;
    border: 1px solid #a5a5a5;
    position: relative;
    vertical-align: middle;
}

.topList .selectHolder select {
    border: 0 none;
    width: 100%;
    padding: 15px 10px;
}

.topList .selectHolder:after {
    position: absolute;
    content: '';
    background-image: url(../../images/arrow.svg);
    width: 14px;
    height: 7px;
    right: 10px;
    top: 22px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.bankInfo {
    padding: 25px;
    background-color: #f4f4f4;
}

.bankTitle {
    display: block;
    font-size: 24px;
    color: #063651;
    font-weight: 600;
    margin-bottom: 15px;
}

.bankDetails {
    font-size: 22px;
    color: #7c7c7c;
}

.ibanNumb {
    font-family: 'Barlow', sans-serif;
    font-weight: 300;
}

.progDonation .imgHolder span.greenShape.leftPos {
    top: 5%;
    width: 310px;
    height: 300px;
    background-size: 100% 100%;
}

.successHolder.donationContent {
    text-align: center;
    padding: 100px;
}

.iconHolder {
    width: 160px;
    margin: 0 auto 60px;
}

.bankInfo {
    display: none;
}

.subContent .donateList .newsItem {
    display: table;
}

.subContent .donateList .newsItem .newsImg,
.donateList .newsInfo {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.donateList .newsInfo {
    height: auto;
    padding: 0;
}

.donateList .newsInfo .newsDetails {
    padding: 25px;
}

.subContent .donateList .newsItem .newsImg img.newlistimg {
    width: 100%;
    height: 100%;
}


.albumSlider.minItems .swiper-slide {
    width: 32% !important;
}

.albumSlider .swiper-wrapper {
    margin-bottom: 75px;
}

.albumSlider .swiper-button-next,
.albumSlider .swiper-button-prev {
    top: 90%;
}

.swiper-button-next,
.swiper-button-prev {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-image: url(../../images/yellow-arrow.png);
    background-position: center center;
    background-repeat: no-repeat;  background-size: 12px 15px;
}

.swiper-container .swiper-button-prev {
    left: 44%;
    right: auto;
    transform: rotate(180deg);
}

.swiper-container .swiper-button-next {
    right: 44%;
    left: auto;
}

.swiper-button-next:after,
.swiper-container- .swiper-button-prev:after {
    display: none;
}

.albumSlider.minItems .swiper-button-next,
.albumSlider.minItems .swiper-button-prev {
    display: none;
}

.donationBasket {
    display: inline-block;
    margin-left: 40px;
    vertical-align: middle;
    width: 35px;
    position: relative;
}

.donationBasket .basketIcon {
    display: block;
    width: 35px;
}

.donationBasket .basketIcon img {
    max-width: 100%;
    display: block;
}

.donationBasket span.donationNumber {
    position: absolute;
    content: '';
    left: -28px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #1b75ba;
    color: #fff;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 7px;
}

.donationBasket span.donationNumber:before {
    position: absolute;
    content: '';
    background-image: url(../../images/blue-arrow.png);
    right: -5px;
    top: 7px;
    width: 7px;
    height: 11px;
    transform: rotate(180deg);
}

.albumSlider .swiper-button-next:after,
.albumSlider .swiper-button-prev:after {
    content: '' !important;
}

.homeMenu {
    position: absolute;
    bottom: 5%;
    left: 50%;
    text-align: center;
    z-index: 99;
    transform: translateX(-50%);
    width: 65%;
}

.homeMenu ul li {
    margin-right: 20px;
    width: 140px;
    height: 140px;
    border: 1px solid #d5ad2a;
    border-radius: 50%;
    background-color: #1c7ca4;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.homeMenu ul li:hover {
    background-color: #fff;
}

.homeMenu ul li>a {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 999;
}

.homeMenu ul li:last-child {
    margin-right: 0;
}

.homeMenu ul li:after {
    display: none;
}

.itemIcon {
    width: 40px;
    display: block;
    margin: 0 auto 5px;
    height: 40px;
}

.itemTitle {
    font-weight: 600;
    font-size: 20px;
    color: #fff; line-height:22px;
}

.homeMenu ul li:hover .itemTitle {
    color: #1c7ca4;
}

.sliderHolder {
    position: relative;
}

.menuItem {
    padding: 28px 10px;
}

.home .logoHolder {
    bottom: inherit
}

.home .logoHolder a {
    width: 250px;
    height: 90px;
}



.home.fixedMenu .mainMenu {
    display: inline-block;
}


.home.fixedMenu .homeMenu {
    display: none;
}
/*************************************************************************************************************************************/
.subPageBody {padding-top: 153px; padding-bottom: 60px;}
.memberLinks{margin-right:15px;}
.memberLinks, .memberLinks ul li {display: inline-block; vertical-align: middle;}
.memberLinks ul li a{display:block; padding-left:30px; color:#063651; font-size:16px; font-weight:600; position:relative; font-family: 'Barlow', sans-serif; font-weight: 500;}
.memberLinks ul li a:hover{text-decoration:underline;}
.memberLinks ul li a:before{position:absolute; left:0; content:''; background-repeat:no-repeat; height:25px; background-size:100% 100%;}
.memberLinks ul li a.memberShip:before{background-image:url(../../images/membership.png); width:16px;}
.memberLinks ul li a.loginLink:before{background-image:url(../../images/login.png); width:24px;}
.memberLinks ul li{margin-left:25px;}
.searchHolder {display: inline-block; vertical-align: middle;}
.searchHolder .inputEntity {display:block; position: relative;background-color: #062b3e;padding: 10px;}
.searchHolder .inputEntity input[type="text"]{border:1px solid #a1a1a1; padding:10px; color:#063651; font-weight:400;}
.searchHolder .inputEntity input[type="text"]::-webkit-input-placeholder {color: #063651; font-weight: 600;}
.searchHolder .inputEntity input[type="submit"] {width: 16px !important;top: 50%;height: 16px !important;transform: translateY(-50%);background-image: url(../../images/search.png);background-size: 100% 100%; position: absolute; content: ''; padding: 0 !important; background-repeat: no-repeat; border-radius:0;}
.loginBlueBlock, .loginWhiteBlock {border-top: 2px solid #053651; padding:40px 30px; position:relative;display: flex;
    flex-direction: column; flex-grow: 1;  width: 100%;}
.loginBlueBlock{background-color:#063751;}
.whiteBackground{background-color:#ffffff;}
.loginBlueBlock h2, .loginWhiteBlock h2{font-size:50px; display:block; margin-bottom:20px; font-weight:600; position:relative;}
.loginBlueBlock h2:before, .loginWhiteBlock h2:before{position:absolute; content:''; left:0; top:30%; background-repeat:no-repeat; background-size:100% 100%;}
.loginBlueBlock h2 {color:#ffffff;}
.loginWhiteBlock h2 {color:#023652;}
.loginContainer h2 span{display:inline-block; vertical-align:middle; height:30px; width:auto; margin-right:10px;}
.loginContainer h2 span img{width:auto; height:100%; display:block;}
/*.loginBlueBlock h3:before{background-image:url(../../images/login.png); width:30px; height:30px;}
.loginWhiteBlock h3:before{background-image:url(../../images/membership.png); width:20px; height:30px;}*/
.loginBlueBlock label {display: block; color: #ffffff; font-size: 22px; margin-bottom: 10px;}
.loginBlueBlock input[type="text"]::-webkit-input-placeholder{color:rgba(255,255,255,0.7);}
.loginBlueBlock .inputEntity { margin-bottom: 20px; display: block;}
.loginBlueBlock input[type="checkbox"]:not(old)+label:before {display: block;width: 15px !important;height: 15px !important;margin: 7px 8px 0 0;float: left; content: ''; border: 1px solid #bdbdbd; border-radius: 3px;}
.loginBlueBlock .stackedInput label {font-size: 18px; margin-bottom:0; font-weight:600; cursor:pointer;}
.bottomForm ul.stackedInput {float: left;}
.bottomForm a.whiteLink {float:right;}
a.whiteLink{display:inline-block; padding-right:20px; color:#fff; font-size:16px; font-weight:600; position:relative;}
a.whiteLink:hover{text-decoration:underline;}
a.whiteLink:before{position:absolute; content:''; right:0; top:10px; background-image:url(../../images/yellow-arrow.png); width:9px; height:11px; background-size:100% 100%; }
input[type="Checkbox"]:not(old):checked+label:before {background: #edab0c !important;}
.loginContainer .row, .boardListing .row{display: flex; flex-wrap: wrap;}
.loginContainer .row .col-md-6, .boardItem{display: flex;flex-direction: column;flex-wrap: wrap; background-clip: content-box;}
.loginWhiteBlock {border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.blackDesc {font-size: 20px; color: #000; font-weight: 600; display: block; margin-bottom: 30px;}
.blueDesc{font-size: 20px; color: #063751; font-weight: 600; display: block; margin-bottom: 30px;}
.halfList ul li, .regList ul li {float: left; width: 48%; margin-right: 4%; padding-left:20px; position:relative; margin-bottom:25px; font-size: 16px;  color: #343434; line-height: 21px;}
.halfList ul li:nth-child(2n), .regList ul li:nth-child(2n){margin-right:0;}
.halfList ul li:before{position:absolute; content:''; left:0; top:10px; width:5px; height:5px; border-radius:50%;background-color: #edab0c;}
.halfList ul li span {font-size: 20px; font-weight: 600; color: #063751; display: block; margin-bottom: 5px;}
.leftAligned {text-align: right;}
.bodySections .btnHolder a, #mainBannercarousel .btnHolder a {padding: 12px 40px 12px 22px;border: 2px solid #063751;position: relative;color: #063751;font-weight: 500;display: inline-block;font-size: 17px;line-height: 17px;}
.bodySections .btnHolder a:after, #mainBannercarousel .btnHolder a:after{top:15px;}
.bodySections .btnHolder.whiteBtn a, #mainBannercarousel .btnHolder.whiteBtn a {border: 2px solid #fff; color: #fff;}
.bodySections .btnHolder a:hover, #mainBannercarousel .btnHolder a:hover {border: 2px solid #edab0c; color: #fff; background-color: #edab0c;}
.bodySections .btnHolder a:hover:after, #mainBannercarousel .btnHolder a:hover:after{background-image:url(../../images/white-more.png);}
.bottomForm {margin-bottom: 74px; display: block;}
.whiteBackground input[type="text"]{border-bottom: 1px solid #bdbdbd; color: #393939;}
.loginContainer .inputEntity {margin-bottom: 30px;}
.loginContainer .inputEntity.margBot50,.margBot50 {margin-bottom: 50px;}
.loginContainer .inputEntity.margBot80, .margBot80 {margin-bottom: 80px;}
.succesMessage{background-color:#edab0c; padding:10px 20px; border-radius:6px; font-size:16px; color:#393939;}
.succesMessage span{display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:10px;}
.loginContainer .succesMessage {position: absolute; right: 30px; bottom: -15px; content: '';}

.regItem .imgHolder {position: relative; display: block;}
.regItem .imgHolder:after{position:absolute; content:''; width:100%; height:100%; right:0; top:0; left:0; bottom:0; background-color:rgba(27,124,165,0.6); z-index:1;}
span.regIcon {position: absolute;content: '';width: 50px;height: 50px;right: 15px;top: 15px; z-index:2;}
.memberInfo {position: absolute; content: ''; width: 100%; bottom: 0;right: 0;left: 0; padding: 15px; z-index:3;}
.memberTitle {font-size: 50px; color: #fff; display: block; font-weight:600;}
.memberDesc{font-size: 20px; color: #fff; display: block; font-weight:600;}
.paddedBlock{padding:15px 15px 20px 15px;}
.lighBlueBlock {background-color: #def5fe;}
.regItem .textBlock {margin-bottom: 0; min-height:170px;}
.regItem h3 {color: #023652; font-size: 36px; margin-bottom: 10px;}
.regItem .textBlock ul li{display:block; position:relative; padding-left:15px; color:#343434; font-size:17px;}
.regItem .textBlock ul li:before{position:absolute; content:''; left:0; top:13px; width:5px; height:5px; border-radius:50%;background-color: #edab0c;}
.regList ul li{font-size:18px; padding-left:0;}
.regList ul li span {display: inline-block;  vertical-align: middle; width:calc(100% - 50px);}
.regList ul li span img{display:block; margin:0 auto; height: 100%; width:auto;}
.regList ul li span:first-child{width: 35px; height: 40px; text-align: center;margin-right: 10px; }
.regList ul {min-height: 655px;}
.regItem .imgHolder span.largeRed {top: 50px;left: inherit;right: -70px; width: 230px;height: 275px;}
.registrationForm .progressbar li:before{display:inline-block;}
.subBannerHolder { margin-bottom: 40px;}
.registrationForm .progressbar li{width:21%;}
.registrationForm .progressbar li span {margin-left: 15px;  font-size: 28px;}
.registrationForm .progressbar li.activeselected span {color: #003c5b;}
.registrationForm .progressbar li:before {width: 50px;height: 50px;line-height: 50px;font-size: 30px;}
.registrationForm .progressbar li:after{display:none;}
.registrationForm .progressbar li.activeselected:before{background-color: #edab0c;}
.stepsHolder {margin-bottom: 30px;}
.registrationRow h3{font-size:36px; font-weight:600; color:#023652; position:relative; display:block; margin-bottom:40px;}
.registrationRow h3:after{position:absolute; content:''; left:0; right:0; bottom:-10px; height:2px; background-color:#003c5b;}
.registrationForm.formHolder .formRow {width: 100%;float: none;margin-right: 0;margin-bottom: 40px; padding: 0;}
.selectHolder{position:relative;}
.selectHolder:after{position:absolute; content:''; background-image:url(../../images/blue-more.png); width:9px; height:13px; transform:rotate(90deg);right: 5px;bottom: 10px;}
.selectHolder select {width: 100%; border: 0 none; padding: 8px 0; border-bottom: 1.5px solid #bdbdbd; cursor:pointer; background-color:transparent;}

.registrationForm input[type="radio"]:not(old)+label:before,.clinicForm input[type="radio"]:not(old)+label:before{margin:7px 6px 0 0;}
.checkBoxList ul.stackedInput li {display: block; margin-right: 0; margin-bottom: 10px; font-size:22px; font-weight:600; color:#003c5b;}
.registrationRow ul.stackedInput{padding:8px 0; display:block;}
.checkBoxList  input[type="checkbox"]:not(old)+label:before{margin:7px 5px 0 0; border-radius:4px;}
.registrationRow.borderedRow {padding-bottom: 20px;border-bottom: 2px solid #003c5b;margin-bottom: 20px;}
.registrationRow .error, .loginContainer .error, .topSearch .error{position: absolute;content: '';left: 0;bottom: -40px;padding: 2px 13px 5px 13px;background-color: #edab0c; border-radius: 4px; color: #003c5b; right:inherit;}
.loginContainer .error{bottom:-35px;}
.topSearch .error{bottom:-20px;}
.registrationRow .error:before, .loginContainer .error:before, .topSearch .error:before{position:absolute; content:''; background-image:url(../../images/yellow-arrow-more.png); transform:rotate(-90deg); width:7px; height:11px; background-repeat:no-repeat; background-size:100% 100%;top: -8px;left: 30px;}
.inputHolder a.blueLink {position: absolute; content: ''; right: 0;font-size: 14px; color: #003c5b; font-weight: 600;top: 8px;}
.registrationRow .sentMessage {position: absolute; content: ''; right: 0; top: -65px;padding: 2px 13px 5px 13px;background-color: #edab0c;
    border-radius: 4px; color: #003c5b; max-width: 250px;}
.registrationRow .sentMessage:before {position: absolute; content: ''; background-image: url(../../images/yellow-arrow-more.png); transform: rotate(90deg); width: 7px; height: 11px; background-repeat: no-repeat; background-size: 100% 100%; bottom: -8px;right: 30px;}
.width20{width:20%; margin-right:20px; display:inline-block; vertical-align:middle;}
.inlineText{display:inline-block; vertical-align:middle; font-size:17px; color:#393939;}
.width50{width:50%; display:block;}
ul.stackedInput.width50 li{width:48%; margin-bottom:7px;}
ul.stackedInput.width50 li:nth-child(2n){margin-right:0;}
.formRow .lightBlueBlock {margin-bottom: 0;}
.lightBlueBlock .inputHolder {display: inline-block; width: 25%; margin-right: 20px; vertical-align: middle;}
.lightBlueBlock span {display: inline-block; vertical-align: middle;}
.successHolder h3 {text-align: center; display:block; color:#023652; font-size:36px; font-weight:600; margin-bottom:40px;}
.successHolder h5{text-align: center; display:block; color:#393939; font-size:20px;}
.blueInfoHolder {background-color: #1b7ba5; margin-bottom:40px;}
.paddedHolder {padding: 30px;}
.membersDetails h4, .invoicesHolder h4, .blueInfoHolder h4 {display: block; color: #fff; font-size: 30px; margin-bottom: 20px; font-weight:600;}
.membersDetails h4 span, .invoicesHolder h4 span, .blueInfoHolder h4 span{display:inline-block; vertical-align:middle; margin-right:20px; height:40px;}
.membersDetails h4 span img,.invoicesHolder h4 span img,  .blueInfoHolder h4 span img{width:auto; height:100%;}
.lightblueInfoHolder{background-color:#def5fe;}
.memberDetailsItem{margin-bottom:30px;}
.memberDetailsItem label {color: #fff; font-size: 22px; font-weight: 600; display: block; margin-bottom: 10px;}
.memberDetailsItem .fieldDetails {color: #fff; font-size: 18px; display: block; font-weight:300;}
.margTop50{margin-top:50px;}
li.hasSubMenu ul {position: absolute; content: ''; left: -20px; right: -20px; top: 44px; background-color: #fff; z-index: 3;   box-shadow: 0 20px 40px -13px rgba(0,0,0,0.2); opacity:0; visibility:hidden;padding: 10px 0;}
li.hasSubMenu  ul > li {margin-left: 0; display: block; text-align: left; padding:5px 0;}
.memberLinks ul li.hasSubMenu {position: relative;padding: 10px;}
.memberLinks ul li.hasSubMenu:hover{background-color: #fff;box-shadow: 0 3px 15px 0px rgba(0,0,0,0.2);}
a.loginLink.active {padding-right: 30px;}
a.loginLink.active:after {position: absolute;content: '';background-image: url(../../images/blue-more.png);width: 9px;height: 13px;    transform: rotate(90deg);right: 5px; bottom: 3px;}
.memberLinks ul li.hasSubMenu:hover ul{opacity:1; visibility:visible;}
li.hasSubMenu ul > li a{position:relative;}
li.hasSubMenu ul > li:hover a, li.hasSubMenu ul > li.active a{color:#f0ba39;}
li.hasSubMenu ul > li a:before{position: absolute;content: '';background-image: url(../../images/blue-more.png);width: 7px;height: 10px;left: 10px; bottom: 5px;}
li.hasSubMenu ul > li.active a:before, li.hasSubMenu ul > li:hover a:before{background-image: url(../../images/yellow-arrow.png);}
li.hasSubMenu ul > li:hover a{text-decoration:none;}
a.backLink {position: absolute; right: 0; bottom: 65px;display: inline-block; font-weight: 600; padding-left: 30px; font-size:18px; color:#063651;}
a.backLink:before{position: absolute;content: '';background-image: url(../../images/back-arrow.svg);width: 26px;height: 21px;left:0; bottom: 3px; background-repeat:no-repeat; background-size:100% 100%; transform: rotate(180deg);}
a.backLink:hover{color:#f0ba39;}
.subPageMenu {float: left; width: 22%; margin-right: 3%;}
.membersDetails {float: left; width: 75%;}
.subPageMenu ul{background-color:#063651; padding:20px 0;}
.subPageMenu ul li{display:block;}
.subPageMenu ul li a{color:#ffffff; font-size:16px; font-weight:600; padding:12px 20px 12px 40px; position:relative;background-color:#063651; display:block;}
.subPageMenu ul li a:before {background-size: 100% 100%;background-repeat: no-repeat; position: absolute;content: '';background-image: url(../../images/white-more.png);width: 9px;height: 12px;left: 20px;bottom: 17px;}
.subPageMenu ul li a:hover, .subPageMenu ul li.active a{background-color:#f0ba39; color:#063651;}
.subPageMenu ul li a:hover:before, .subPageMenu ul li.active a:before{background-image: url(../../images/blue-more.png);}
.lightblueInfoHolder h4, .lightblueInfoHolder label, .invoicesHolder h4{color:#023652;}
.lightblueInfoHolder .memberDetailsItem .fieldDetails{color:#393939;}
.borderedRow{border-bottom:1px solid #d2e2e8;margin-bottom:20px;}
.margBot30{margin-bottom:30px;}
.bodySections .btnHolder span {display: inline-block;font-size: 16px;vertical-align: middle;font-weight: 600;
margin-right: 30px;}
.bodySections .btnHolder.whiteBtn span{color: #ffffff;}


/*********************************************************Circle progress**********************************************************/

.progressMemberInfo .progress {
	width: 150px;
	height: 150px;
	line-height: 150px;
	background: none;
	margin: 0 auto;
	box-shadow: none;
	position: relative;
}
.progressMemberInfo .progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #fff;
    position: absolute;
    top: 0;
    right: 0;
}
.progressMemberInfo .progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.progressMemberInfo .progress .progress-left{
    right: 0;
}
.progressMemberInfo .progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.progressMemberInfo .progress .progress-left .progress-bar{
    right: 100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}
.progressMemberInfo .progress .progress-right{
    left: 0;
}
.progressMemberInfo .progress .progress-right .progress-bar{
    right: -100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
    animation: loading-1 1.8s linear forwards;
}
.progressMemberInfo .progress .progress-value{
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #44484b;
    font-size: 58px;
    color: #fff;
    line-height: 115px;
    text-align: center;
    position: absolute;
    top: 5%;
    right: 5%;font-weight: 400; border:3px solid #eae8e8; font-family: 'Barlow', sans-serif;
}
.progressMemberInfo .progress.blue .progress-bar{
    border-color: #0a3750;
}
.progressMemberInfo .progress.blue .progress-left .progress-bar{
    animation: loading-2 1.5s linear forwards 1.8s;
}
.progressMemberInfo .progress.yellow .progress-bar{
    border-color: #eaaa2b;
}
.progressMemberInfo .progress.yellow .progress-left .progress-bar{
    animation: loading-3 1s linear forwards 1.8s;
}
.progressMemberInfo .progress.pink .progress-bar{
    border-color: #ed687c;
}
.progressMemberInfo .progress.pink .progress-left .progress-bar{
    animation: loading-4 0.4s linear forwards 1.8s;
}
.progressMemberInfo .progress.green .progress-bar{
    border-color: #1abc9c;
}
.progressMemberInfo .progress.green .progress-left .progress-bar{
    animation: loading-5 1.2s linear forwards 1.8s;
}
@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}
@media only screen and (max-width: 990px){
    .progress{ margin-bottom: 20px; }
}
.progressMemberInfo span.blueText {
    display: block;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    margin: 20px 0;
    color: #003c5b;
}
.progressMemberInfo .progress.blue .progress-value{background: #eaaa2b; color:#0a3750;}
.progressMemberInfo .progress.yellow .progress-value{background: #0a3750; color:#ffffff;}
.progressMemberInfo .progressMemberInfo .col-md-6:first-child{position:relative;}
.progressMemberInfo .progressMemberInfo .col-md-6:first-child:after{position:absolute; content:''; right:0; top:0; bottom:0; width:1px; height:100%; background-color:#e9e9e9;}
/**************************************************************************************************************************************/
.lightblueInfoHolder .regList ul {min-height: auto;}
.lightblueInfoHolder .regList ul li{width:30%; margin-right:2%;}
.lightblueInfoHolder .regList ul li:nth-child(2n){ margin-right:2%;}
.lightblueInfoHolder .regList ul li:nth-child(3n){ margin-right:0;}
.lightblueInfoHolder .regList ul li span{min-height:50px;}
.activePage, .popHolder{display:none;}
.invoicesHolder .tableHolder{margin-bottom:65px;}
.invoicesHolder .tableHolder tr td {background-color: #ffffff;font-size: 18px;color: #303030; vertical-align:middle;}
.invoicesHolder .tableHolder tr td img {max-width: 25px;}
.invoicesHolder .tableHolder tr:nth-child(2n) td{background-color:#def5fe;}
.invoicesHolder .tableHolder tr th {background-color: #1b7ca5; color: #ffffff;font-weight: 600; font-size: 18px;vertical-align: middle;}
.popHolder {direction: rtl;}
.popHolder .fancybox-close-small{right:0; left:inherit; color: #063651;}
.invoiceBlue{ background-image:url(../../images/invoiceBlue.svg); background-repeat:no-repeat; background-size:auto 100%;}
.popDetails{padding:15px 0;}
.titleText {display: block; color: #063651; font-size: 46px; text-align: center; font-weight: 600; padding-bottom: 20px;border-bottom: 1px solid #bedce8;}
.invoiceRow {display: block; border-bottom: 1px solid #bedce8; padding: 15px 7px;}
.invoiceRow label {display: inline-block;vertical-align: middle;margin-right: 40px;width: 150px;color: #063651;font-weight: 600;  font-size: 18px;}
.invoiceRow span {font-size: 18px; font-weight: 300; color: #063651;}
.thanksMessage {display: block; text-align: center; font-weight: 600; color: #063651; font-size: 26px; margin-bottom: 20px;}
.invoiceDetails {margin-bottom: 30px;}
.invoiceRow.lastRow label{font-size:22px;}
.invoiceRow.lastRow span{font-size:22px; font-weight:600;}
.fancybox-container{font-family: 'Barlow', 'GE-Thameen', sans-serif;}
.clinicForm .formHolder .formRow {width: 100%;float: none;margin-right: 0; margin-bottom: 40px; padding:0;}
.clinicForm .formHolder{ border-bottom: 3px solid #003c5b; margin-bottom: 20px; margin-top:0;}
.formTitle {display: block;font-size: 36px;color: #063651;font-weight: 600;margin-bottom: 30px;}
.invoicesHolder h4{font-size:30px;}
.dateType:after {position: absolute; content: ''; right: 0; bottom: 10px;background-image: url(../../images/calendar.svg);   background-repeat: no-repeat; width: 20px; height: 20px;}

.searchTitle{display:block; font-size:40px; color:#003c5b; font-weight:600; margin-bottom:30px;}
.searchTitle span{display:inline-block;}
.searchTitle span.keyWord{color:#edab0c;}
.searchList ul li{display:block; margin-bottom:30px;}
.searchItem {border: 1px solid #a1a1a1; padding: 25px; position: relative; background-color:#fff; font-size:0;}
.searchItem:hover{background-color:#edab0c;}
.searchInfo {display: inline-block; width: 75%;}
.searchItemTitle {display: block; color: #003c5b; font-size: 30px; font-weight: 600; margin-bottom: 10px; line-height:30px;}
.searchItemDesc {font-size: 20px; color: #303030;}
.searchItem a{position:absolute; content:''; width:100%; height:100%; top:0; right:0; left:0; bottom:0;}
.searchItem a:after{position:absolute; content:''; right:30px; top:42%; background-image: url(../../images/blue-more.png); width: 12px;height: 16px; transform: translateY(-50%); background-repeat: no-repeat; background-size: 100% 100%;}
.searchImg{display:inline-block; margin-right:3%; width:17%;}
.carousel-item{height:100vh;}
.carousel-item img{height:100% !important;}
.carousel-item:after{position:absolute; content:''; width:100%; height:100%; top:0; right:0; left:0; bottom:0; background-color:rgba(0,0,0,0.6); z-index:1;}
.home .memberLinks ul li a { color: #ffffff;}
.home.fixedMenu .memberLinks ul li a { color: #063651;}
.menusMain {text-align: right;}

.home .searchHolder .inputEntity input[type="text"]{color:#fff; border-color:#fff;}
.home .searchHolder .inputEntity input[type="text"]::-webkit-input-placeholder{color:#fff;}
.home.fixedMenu .searchHolder .inputEntity input[type="text"]{border: 1px solid #a1a1a1;color: #063651;}
.home.fixedMenu .searchHolder .inputEntity input[type="text"]::-webkit-input-placeholder{color: #063651;}
.home .searchHolder .inputEntity input[type="submit"], .subPage .searchHolder .inputEntity input[type="submit"]{background-image: url(../../images/white-search.png);}
/*.home.fixedMenu .searchHolder .inputEntity input[type="submit"]{background-image: url(../../images/search.png);}*/
.home .logoHolder a{background-image: url(../../images/main-logo-en.png);}
.home.fixedMenu .logoHolder a{    background-image: url(../../images/main-blue-logo-en.png);}
.carousel-indicators{position:absolute; right: 51%; left: inherit; z-index:2; bottom:30%; display:block; padding-left:0; margin-right:auto; margin-left:auto; list-style:none; text-align:left;}
.carousel-indicators li{display:inline-block;width:8px; height:8px; border-radius:50%; margin-right:0; margin-left:10px;}
.carousel-caption h5 {line-height: 55px; font-size: 55px; font-weight: 600; display: block; margin-bottom: 30px; text-align: left;}
#mainBannercarousel .btnHolder{text-align:left;}
.yellowLabel {text-align: left; display:block; margin-bottom:10px;}
.yellowLabel span{padding:6px 12px 6px; line-height:17px; background-color:#edab0c; font-size:17px; color:#063751; font-weight:600; display:inline-block;}
section.blueSection.backgroundSection {padding: 60px 0; background-image: url(../../images/about-autismEn.jpg); position:relative; background-size: cover; background-position: center center; background-repeat:no-repeat;}
section.blueSection.backgroundSection:after{position:absolute; content:''; width:100%; height:100%; right:0; top:0; left:0; bottom:0; background-color:rgba(6,43,62,0.9); z-index:1;}
section.blueSection.backgroundSection .container{position:relative; z-index:3;}
.btnHolder.blueBtn.leftAligned{text-align:right;}
.btnHolder.blueBtn.leftAligned a {background-color: #063751; color: #fff;}
.btnHolder.blueBtn.leftAligned a:hover{background-color: #edab0c;}
.partners img {border: 0 none !important; width: auto; max-width: 60%; height: auto; display: block; margin: 0 auto;}
.newsTitleSmaller {font-size: 28px !important; color: #023652;}
.newsDate {color: #063751;font-size: 14px; display: block;margin-bottom: 10px; font-weight: 600;}
.listTitle a {color: #ffffff; font-weight: 600;}
.mapList li a {display: block; color: rgba(255, 255, 255, 0.8);font-size: 15px; margin-bottom: 5px;}
.cP, .cP a {font-size: 14px;color: rgba(255, 255, 255, 0.8);}
.newsletterSearch input[type="email"]::-webkit-input-placeholder{color:rgba(255,255,255,0.6);}
.smallDesc h1{font-size:40px;}
.darkBlueHolder {background-color: #063651; padding: 20px; text-align: center; position:relative;}
.lightBlueHolder {background-color: #1f7ca2; padding: 20px; text-align: center; position:relative;}
.smallYellowTitle {display: block; margin-bottom: 30px;font-size: 26px; color: #edab0c; font-family: 'Barlow', sans-serif; font-weight: 500;}
.homeHalfList ul li {float: left; width: 50%;}
.itemHolder {padding: 0 60px;}
.halfListIcon {height: 100px; margin-bottom:15px;}
.halfListIcon img{width:inherit; height:100%;}
.halfListInfo span{display:block; color:#ffffff;}
.halfListInfo span.gender{font-size:22px; font-weight:600; line-height:22px;}
.halfListInfo span.percentage{font-size:32px; font-family: 'Barlow', sans-serif; font-weight: 500; line-height:50px;}
.statisticHolder span.shapeSmall{z-index:0;}
.statisticHolder span.testShape {top: 75px; right: -50px; z-index: 0; width: 252px; height: 274px;}
.inlineListHolder span{display:inline-block; vertical-align:middle; font-size:18px; font-weight:600; color:#063651;}
.inlineListHolder span.yellowPercentage{color:#edab0c; font-size:28px; font-family: 'Barlow', sans-serif; font-weight: 500; margin-right:15px;}
.halfBlocks, .inlineListHolder{margin-bottom:30px;}
.homeTableBlock .tableHolder tr:nth-child(2n) td {background-color: #def5fe;}
.homeTableBlock .tableHolder tr th:first-child, .homeTableBlock .tableHolder tr:nth-child(2n+1) td:first-child{background-color:#1f7ca2;}
.homeTableBlock .tableHolder tr:nth-child(2n) td:first-child{background-color:#187094;}
.homeTableBlock .tableHolder tr td{text-align:center; font-size:22px; color:#063651;}
.homeTableBlock .tableHolder tr td:first-child{color:#ffffff; font-weight:400; text-align:left; font-size:16px;}
.homeTableBlock .tableHolder{margin-bottom:0;}
.backgroundImage{background-image:url(../../images/blockImageEn.jpg); background-repeat:no-repeat; background-size:contain; padding:60px 0;}
h3.whitetitle {color: #fff; font-size: 36px; margin-bottom: 0;}
.newPrograms h2.colMainTitle{color:#ffffff;}
.newPrograms .colDescription {color: #fff; max-width: 40%;}
.programProgress .progress {height:0.5rem;}
.programProgress .progress-bar {border-radius:20px; background-color:#ebb31c;}
.programItem {background-color: #fff; padding: 10px; border: 1px solid #f5f5f5;}
.programsSlider .programItem {box-shadow: 0 3px 40px -13px rgba(0,0,0,0.2);}
.imageHolder {display: block;margin-bottom: 10px;position: relative;}
.imageHolder:after{position:absolute; content:''; background-color:rgba(0,0,0,0.6); width:100%; height:100%; top:0; right:0; left:0; bottom:0; z-index:1;}
.programTitle {position: absolute;content: '';bottom: 10px;left: 10px;right: 10px;color: #fff;font-size: 25px;font-weight: 600; z-index:2; line-height:32px;}
.beneficiaryHolder {color: #656565;display: block;padding-left: 18px;font-size: 15px;position: relative; margin-bottom:10px;}
span.blueNumber{display:inline-block; vertical-align:middle; font-family: 'Barlow', sans-serif; font-weight: 500; color:#062b3e; font-size:15px;}
.beneficiaryHolder:before {position:absolute; content:''; left:0; top:5px; background-image:url(../../images/user.png); width:12px; height:15px; background-repeat:no-repeat; background-size:100% 100%;}
.smallBlueTitle {display: block;margin-bottom: 10px;color: #063751;font-weight: 600;font-size: 24px;}
.programDesc {font-size: 15px;color: #656565;line-height: 22px;display: block;margin-bottom: 20px;height: 130px;}
.programProgress {display: block;margin-bottom: 20px;}
.progressLabel {display:block; margin-bottom:10px; font-size: 15px; color: #656565; line-height: 22px;}
.btnHolder.inlineBtns a {padding: 7px 30px 12px 20px; font-size: 14px; line-height: 16px;}
.btnHolder.inlineBtns a:after{top:10px;}
.btnHolder.inlineBtns a:last-child{margin-left:10px;}
.newPrograms .swiper-container-horizontal > .swiper-pagination-bullets, .newPrograms .swiper-pagination-custom, .newPrograms .swiper-pagination-fraction {bottom: 10px;right: 0;width: 100%;direction: ltr;color: #003c5b; font-weight: 300;}
.newPrograms .swiper-slide {margin-bottom:100px;}
.newPrograms .swiper-button-next, .newPrograms .swiper-button-prev {top:inherit; bottom:0; border-color:#063751;}
.newPrograms .swiper-button-next:hover, .newPrograms .swiper-button-prev:hover{background-color:#063751;}
.programsSlider{margin-bottom: 50px; position:relative;}
.programsSlider .testShape {width: 270px;top: inherit;right: inherit;left: -83px;bottom: 75px;height: 300px;background-size: 100% 100%;}
.programsSlider .swiper-container, .oldProgramsSlider .swiper-container{margin-bottom:50px;}
h3.bluetitle {font-size:36px; display:block; margin-bottom:30px; color:#023652;}
.oldProgramsSlider .programItem {background-color: #fff;padding: 0;border: 0 none; display:table;}
.oldProgramsSlider .programItem .imageHolder:after{display:none;}
.oldProgramsSlider .programItem .imageHolder, .oldProgramsSlider .programItem .programInfo{display:table-cell; width:50%;vertical-align: top;position: relative;}
.oldProgramsSlider .programTitle {position:static; display:block; margin-bottom:20px; font-size:30px; color:#063751;}
.oldProgramsSlider .programItem .programInfo {padding-left: 20px;}
.oldProgramsSlider .btnHolder.inlineBtns  {position: absolute;right: 0;bottom: 0;}


body.home.active .whiteSection, body.home.active .backgroundImage {background-color:#1f7ca2;}
body.home.active .whiteSection.statisticHolder, body.home.active .lightBlueSection {background-color: #03273b;}
body.home.active .whiteSection.partnersSection, body.home.active .newPrograms .swiper-button-next:hover, body.home.active .newPrograms .swiper-button-prev:hover {background-color: #ffffff;}
body.home.active .yellowLabel span, body.home.active .colMainTitle, body.home.active .colDescription, body.home.active .inlineListHolder span, body.home.active .lightBlueSection .tabsLinks a, body.home.active .newPrograms .swiper-pagination-fraction, body.home.active h3.bluetitle, body.home.active .oldProgramsSlider .programTitle, body.home.active .oldProgramsSlider .beneficiaryHolder,body.home.active .oldProgramsSlider span.blueNumber, body.home.active .oldProgramsSlider .smallBlueTitle, body.home.active .oldProgramsSlider .programDesc{color:#fff;}
body.home.active .bodySections .colTextHolder .btnHolder a, body.home.active .oldProgramsSlider .programInfo .btnHolder a{border-color:#fff; color:#fff;}
body.home.active .bodySections .colTextHolder .btnHolder a:hover, body.home.active .oldProgramsSlider .programInfo .btnHolder a:hover{border-color:#edab0c;}
body.home.active .homeTableBlock .tableHolder tr td{color:#fff; background-color: #03273b;}
body.home.active .homeTableBlock .tableHolder tr:nth-child(2n) td {background-color: #063b58;color: #fff;}
body.home.active .tableHolder tr th {background-color: #032233;}
body.home.active .inlineListHolder span.yellowPercentage {color: #edab0c;}
body.home.active .homeTableBlock .tableHolder tr th:first-child, body.home.active .homeTableBlock .tableHolder tr:nth-child(2n+1) td:first-child {background-color: #1f7ca2;}
body.home.active .homeTableBlock .tableHolder tr:nth-child(2n) td:first-child {background-color: #187094;}
body.home.active .whiteSection.partnersSection .colMainTitle {color: #003c5b;}
body.home.active .oldProgramsSlider .programItem {background-color: transparent;}
body.home.active .lightBlueSection .tabsLinks {border-bottom: 1px solid #fff;}
body.home.active .newPrograms .swiper-button-next, body.home.active .newPrograms .swiper-button-prev {border-color:#fff;}
body.home.active .lightBlueSection .tabsLinks a.active::after {background-image: url(../../images/arrow-white.png);}
.home a.loginLink.active::after{background-image: url(../../images/white-more.png);}
.memberLinks ul li.hasSubMenu:hover a.loginLink.active {color: #063651;}
.home.fixedMenu .memberLinks ul li.hasSubMenu a.loginLink.active::after, .home .memberLinks ul li.hasSubMenu:hover a.loginLink.active::after{background-image: url(../../images/blue-more.png);}
.home .memberLinks ul li.hasSubMenu ul > li a{color: #063651;}




.registrationForm input[type="checkbox"]:not(old) + label::before{margin:6px 5px 0 0;}
.carousel-indicators li{position:relative;}
.carousel-indicators li.active:after{position:absolute; content:''; border:1px solid #fff; top:-5px; right:-5px; left:-5px; bottom:-5px; border-radius:50%;}
.home a.loginLink.active::after{background-image: url(../../images/white-more.png);}
.memberLinks ul li.hasSubMenu:hover a.loginLink.active {color: #063651;}
.home.fixedMenu .memberLinks ul li.hasSubMenu a.loginLink.active::after, .home .memberLinks ul li.hasSubMenu:hover a.loginLink.active::after{background-image: url(../../images/blue-more.png);}
.home .memberLinks ul li.hasSubMenu ul > li a{color: #063651;}


.home .searchHolder .inputEntity input[type="text"], .home.fixedMenu .searchHolder .inputEntity input[type="text"], .searchHolder .inputEntity input[type="text"]{position: absolute; width: 0;right: 0px; bottom: -15px; background-color: transparent; border:0 none;}
.home .searchHolder .inputEntity.active input[type="text"], .searchHolder .inputEntity.active input[type="text"]{width:200px; border:1px solid #fff;}
.home.fixedMenu .searchHolder .inputEntity.active input[type="text"],.searchHolder .inputEntity.active input[type="text"]{border:1px solid #a1a1a1;}
.home.fixedMenu .searchHolder .inputEntity input[type="text"], .searchHolder .inputEntity input[type="text"]{background-color:#fff;}
.searchHolder .inputEntity input[type="submit"]{position:relative; transform:none; top:inherit;}
.registrationRow .succesMessage {display: block; margin: 20px 0;}


.topSearch{background-color:#fff; height:0; visibility:hidden; transition: height .3s ease,visibility .3s ease;position: fixed; top: 0; left: 0; right: 0; z-index: 9999;border-bottom:1px solid #062b3e;}
.topSearch .inputEntity{padding:20px 0; position:relative;}
body.openSearch .topSearch{visibility:visible;height:65px;}
body.openSearch .attachedTop {top: 65px;}
.topSearch input[type="text"]{border-bottom:0 none; padding-bottom:0;font-weight: 600;color: #062b3e;}
.topSearch input[type="text"]::-webkit-input-placeholder{color: #062b3e;}
.topSearch input[type="submit"]{background-image: url(../../images/yellow-arrow.png); width: 9px; height: 13px;top: 50%;transform: translateY(-50%); cursor:pointer; position:absolute; font-size:0;}

body.active .topSearch{background-color:#062b3e;}
body.active .topSearch input[type="text"]::-webkit-input-placeholder, body.active .topSearch input[type="text"]{color:#fff;}
input[type="checkbox"]{display:none;}
.inputHolder, .inputItem {position: relative;}
a.closeSearch{position:absolute; content:''; right:20px; top:10px; background-image:url(../../images/close.svg); width:10px; height:10px; background-size:100% 100%; background-repeat:no-repeat;}
body.active a.closeSearch{background-image:url(../../images/close-white.svg);}
.carousel-item.flipImage img {-webkit-transform: scaleX(-1); transform: scaleX(-1);}
.backgroundSection .offset-md-2 {margin-right: 0; margin-left: 16.6666666667%;}

.blockHeight{flex: 1 1 auto;}
.boardDetails{display: flex;flex-direction: column;flex-grow: 1;width: 100%;}
.carousel-caption.left{left: calc((100vw - 1140px) / 2);right: inherit;text-align: left;}
.carousel-caption.right{right: calc((100vw - 1140px) / 2);left: inherit;text-align: left;}
.carousel-caption.center{left: 50%; transform:translateX(-50%); right: inherit; text-align: center;}
.carousel-caption.center .yellowLabel, #mainBannercarousel .carousel-caption.center .btnHolder{text-align:center;}
.regItem {box-shadow: 0 3px 30px -13px rgba(0,0,0,0.2);}
.stepsHolder .progressbar li{text-align:left;}
.programsSlider .programInfo {padding: 15px;}
.swiper-pagination.swiper-pagination-fraction {font-size: 16px;}

.cardDetailsHolder{position:relative; background-color:#c2eaf9; padding:30px;}
.cardDetailsHolder:before{position:absolute; content:''; left:50%; transform:translateX(-50%); background-repeat:no-repeat; background-image:url(../../images/blueblockarrow.png); width:53px; height:20px; top:-20px;}
.cardDetailsHolder h5{display: block; color: #023652; font-size: 22px; margin-bottom: 20px; font-weight: 600;}
.width45 {width: 45%; margin-right: 20px; display: inline-block; vertical-align: middle;}
.width45:nth-child(3n){margin-right:0;}
.cardDetailsHolder .inputHolder input[type="text"], .cardDetailsHolder .selectHolder select{border-bottom:1px solid #000 !important;}
.cardDetailsHolder .stackedInput{margin-top:30px;}
.cardDetailsHolder input[type="checkbox"]:not(old)+label:before{border-radius:3px;}
li.page-item.disabled {display: none;}
.leaflet-popup-content ul li label {display: inline-block; margin-left: 8px; width: calc(100% - 40px); font-family: 'Barlow', 'GE-Thameen', sans-serif;}













.donateLink a:after,
.totalAmount a:after,
.itemTitle,
.homeMenu ul li, .home .searchHolder .inputEntity input[type="text"] {
    transition: all linear 200ms;
    -moz-transition: all linear 200ms;
    -webkit-transition: all linear 200ms;
    -ms-transition: all linear 200ms;
}