/*--------------------------------------------------------------*/
/*-- CSS Document --*/

/*-----------------------------------------------------------------*/
/*--- Font Face Including ---*/
/*-----------------------------------------------------------------*/
/*------------------------------------------------------*/
/*--- Font Family :: [Georgia] :: Regular ---*/
/*------------------------------------------------------*/
@font-face {
    font-family: 'Georgia';
    src: url('../fonts/georgia.ttf') format('truetype');
}
/*------------------------------------------------------*/
/*--- Font Family :: [ProximaNova] :: Regular ---*/
/*------------------------------------------------------*/
@font-face {
    font-family: 'ProximaNova_Regular';
    src: url('../fonts/proximanova_regular.eot');
    src: url('../fonts/proximanova_regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova_regular.woff') format('woff'),
         url('../fonts/proximanova_regular.woff2') format('woff2'),
         url('../fonts/proximanova_regular.ttf') format('truetype');
}
/*-----------------------------------------------------------------*/
/*--- Custom Reset Styles ---*/
/*-----------------------------------------------------------------*/
body, html { margin: 0; padding: 0; outline: none; min-width: 320px; position: relative; min-height: 1080px; height: 100%; overflow-y: auto; }
body { color: #000; font: 23px/25px 'Georgia', Helvetica, Arial, sans-serif; }
p, img { margin: 0; padding: 0; }
h1, h2, h3, h4 ,h5, h6 { font-weight: normal; padding: 0; margin: 0; }
img { max-width: 100%; height: auto; }
a img { border: 0; display: block; outline: none; }
a, a:focus { color: #00; text-decoration: underline; }
a:hover, a:focus { outline: none !important; }
a:hover { text-decoration: none; }
/*--- Form Element ---*/
button { font: 23px/25px 'Georgia', Helvetica, Arial, sans-serif; outline: none !important; box-shadow: none !important; text-shadow: none !important; background: transparent; border: 0; }
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], textarea, select { font: 21px/26px 'Georgia', Helvetica, Arial, sans-serif; color: #000; border: 0; padding: 11px 15px 12px; height: 50px; border-radius: 3px !important; outline: none !important; -webkit-appearance: none; box-shadow: none !important; background: #fff; }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus, select:focus { box-shadow: none !important; }
input::-webkit-input-placeholder { color: #000; }
input:-ms-input-placeholder { color: #000; }
input::-moz-placeholder { opacity: 1; color: #000; }


header, hgroup, nav, aside, section, article, footer { display: block; margin: 0; padding: 0; outline: none; }
/*-----------------------------------------------------------------*/
/*--- Custom Fonts ---*/
/*-----------------------------------------------------------------*/
.container .image-slider .more-info p, .container .post-content { font-family: 'ProximaNova_Regular', Helvetica, Arial, sans-serif; font-weight: normal !important; font-style: normal !important; }
.container .post-content h2, .container .post-content h3 { font-family: 'Georgia', Helvetica, Arial, sans-serif; font-weight: normal !important; font-style: normal !important; }
/*-----------------------------------------------------------------*/
/*--- Base Styles ---*/
/*-----------------------------------------------------------------*/
.noborder { border: 0; }
.has-footer-filter, .filter-list .list { padding-bottom: 44px !important; }
/*--- Button Dark Styles -----------------*/
.btn-base { display: inline-block; font-size: 21px; height: 50px; line-height: 29px; min-height: 50px; border: 0; background: #da9824 !important; color: #fff; min-width: 120px; border-radius: 3px; padding: 11px 25px 12px; text-align: center; text-decoration: none; cursor: pointer; }
.btn-base .icon-back { background: url(../img/icons/back-btn.png) no-repeat; float: left; padding-right: 7px; height: 19px; margin-top: 5px; width: 18px; }
.btn-base.activated, .btn-base:hover { background: #a86a00 !important; }
/*-----------------------------------------------------------------*/
.scroll-img { position: absolute; left: 20px; top: -92px; bottom: 0; width: 42px; height: 417px; margin: auto; }
/*----- Reset Ionic Styles ----------------------------------------*/
.has-header { top: 0; margin: 0; padding: 145px 0 0 0; }
.menu-content { box-shadow: none; border: 0; }
.overflow-scroll { overflow-y: auto; }
.pane, .view { background: transparent; }
.scroll { min-height: 100%; }
/*-----------------------------------------------------------------*/
/*--- General Header Styles ---*/
/*-----------------------------------------------------------------*/
.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > * { margin-top: 0; }
.bar.bar-header { padding: 0; background: 0; height: auto; border: 0; display: block; }
.header-content { background: #050608; width: 100%; overflow: hidden; padding: 11px 30px 0 38px; }
.header-content .logo { width: 37%; float: left; }
.header-content .logo img { display: block; }
/*.header-content .slogan { padding: 34px 0 6px; width: 17%; float: right; }*/
.header-content .slogan { padding: 34px 0 6px; width: 50%; float: right; margin-right: -14px;}
.header-content .slogan img { float: right; }
.header-content .slogan img.ryde-district { margin-right: 38px; margin-top: -19px; }
/*-----------------------------------------------------------------*/
/*--- General Main Content Styles ---*/
/*-----------------------------------------------------------------*/
#main { background: url(../img/backgrounds/main-bg.png) repeat-x left bottom; }
#page-content { top: 0; bottom: 194px; background: url(../img/backgrounds/men-bg.png) no-repeat right bottom; background-size: auto 79.9%; z-index: 10; }
.main-container { padding: 35px 15% 35px 5.4%; min-height: 100%; }
.container { max-width: 1475px; }
.container .alphabet-section { padding-bottom: 37px; }
.container .alphabet-section .section-title { font-size: 75px; line-height: 71px; border-bottom: 1px solid #4f5356; padding-bottom: 11px; }
.container .alphabet-section .section-content { padding-top: 3px; margin-left: -20px; overflow: hidden; }
.container .alphabet-section .section-content .section-item { float: left; margin: 20px 0 0 20px; background: #4f5356; padding: 12px 23px 13px; color: #fff; font-size: 25px; line-height: 30px; font-weight: normal; text-decoration: none; border-radius: 3px; max-width: 98.5%; overflow: hidden; }
.container .alphabet-section .section-content .section-item:hover { background: #25292c; }
/*-----------------------------------------------------------------*/
.container .detail-page { width: 100%; overflow: hidden; padding-top: 13px; }
.container .image-slider, .container .post-content { float: left; }
.container .image-slider { width: 42%; padding-top: 9px; }
.container .image-slider .slider-wrapper { padding-bottom: 10px; position: relative; }
.container .image-slider .slider-slide { display: block; float: left; max-height: 470px; overflow: hidden; position: relative; vertical-align: top; text-align: center; background-color: #000;}
.container .image-slider .slider-slide img { width: auto!important; height: 470px; }
.container .image-slider .slider-wrapper .slide-arrow button { background: url(../img/icons/slide-arrow.png) no-repeat; position: absolute; top: 50%; margin-top: -20px; z-index: 2; display: block; text-indent: -10000px; width: 28px; height: 47px; opacity: 0.6; }
.container .image-slider .slider-wrapper .slide-arrow button.prev { left: 20px; }
.container .image-slider .slider-wrapper .slide-arrow button.next { right: 20px; background-position: right top; }
.container .image-slider .slider-wrapper .slide-arrow button:hover { opacity: 1; }
.container .image-slider .more-info p { line-height: 27px; padding-bottom: 20px; }
.container .image-slider .more-info a { color: #000; }
.container .post-content { font-size: 24px; width: 58%; padding-left: 5%; }
.container .post-content .post-section { padding-bottom: 35px; }
.container .post-content .post-section h2 { font-size: 67px; line-height: 67px; padding-bottom: 14px; }
.container .post-content .post-section h3 { font-size: 33px; line-height: 30px; padding-bottom: 10px; }
.container .post-content .post-section p { padding-bottom: 4px; }
/*-----------------------------------------------------------------*/
/*--- General Footer Styles ---*/
/*-----------------------------------------------------------------*/
#footer { padding: 25px 0 0 0; background: url(../img/backgrounds/footer-bg.png) repeat-x; height: 208px; border: none; color: #fff; }
.footer-content { background: #040707; padding: 35px 15% 35px 5.4%; width: 100%; }
.footer-content .footer-inner { max-width: 1475px; }
.footer-content .footer-links { padding-top: 23px; }
.footer-content .footer-links .btn-base { min-width: 165px; padding: 11px 20px 12px; }
.footer-content .custom-search { width: 100%; overflow: hidden; }
.footer-content .custom-search .search-input { float: left; width: 71.4%; }
.footer-content .custom-search .search-actions { float: left; width: 28.5%; padding-left: 1.4%; }
.footer-content .custom-search .search-actions .btn-base { float: left; width: 30.1%; margin-left: 4.85%; }
.footer-content .custom-search .search-actions .btn-base:first-child { margin-left: 0; }
.custom-keyboard { padding-top: 20px; }
.custom-keyboard .letters { margin-left: -17.3px; overflow: hidden; width: 103%; }
.custom-keyboard .letter-item { float: left; margin: 0 0 18px 17.3px; }
.custom-keyboard .letter-item span { display: block; color:#fff; background: #a86a00; width: 40px; height: 40px; line-height: 41px; font-size: 21px; text-align: center; cursor: pointer; border-radius: 3px; }
.custom-keyboard .letter-item span:hover { background: #915c01; }

/*-----------------------------------------------------------------*/
/*--- Homepage styles ---*/
/*-----------------------------------------------------------------*/
.custom-keyboard.homepage { padding-left: 5.4%; font-size: 30px; padding-top: 34px;}
.custom-keyboard.homepage .letters { margin-top: 21px;}
#page-content.homepage {padding-top: 0; top: 285px;}
#page-content.homepage .main-container {padding-top: 0;}


/*-----------------------------------------------------------------*/
/*---------- Styles for tablet 0 - 1400px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 1400px) {
    .has-header { padding-top: 110px; }
    .main-container { padding: 35px 280px 35px 104px; }
    .footer-content { padding: 25px 280px 35px 104px; }
    .footer-content .custom-search .search-input { float: left; width: 54.4%; }
    .footer-content .custom-search .search-actions { float: left; width: 45.5%; padding-left: 1.4%; }
    .footer-content .custom-search .search-actions .btn-base { min-width: inherit; }
    .footer-content .custom-keyboard { padding-top: 13px; }
    .footer-content .custom-keyboard .letters { margin-left: -10px; width: 101%; }
    .footer-content .custom-keyboard .letter-item { margin: 0 0 10px 10px; }
    .footer-content .custom-keyboard .letter-item span { width: 35px; height: 35px; line-height: 32px; font-size: 19px; }
}
/*-----------------------------------------------------------------*/
/*---------- Styles for tablet 0 - 900px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 900px) {
    .has-header { padding-top: 72px; }
    .main-container { padding: 30px 280px 35px 85px; }
    .footer-content { padding: 25px 280px 35px 85px; }
}

.acknowledgements p {padding:20px 0;line-height:28px;}
.acknowledgements h1, .acknowledgements h2, .acknowledgements h3 {padding: 20px 0;font-family:georgia;}