/*
Client: Equilibria
Developed by: Convertium Pte Ltd
======================================================================
[-] Layout
[-] Navigation
[-] Header
[-] Page Styling
[-] Footer
[-] Bootstrap Override
[-] Media Queries
======================================================================*/
/* Layout
======================================================================*/
html {min-height: 100%; width: 100%; position: relative;}
body {margin-bottom: 239px;}
.wrapper {margin-top: 0px; width: 100%;}
.wrapper.inside {margin-top: 102px;}
.section {padding: 30px 0px 30px;}
.section:first-child {padding: 50px 0px 30px;}
.section:last-child {padding: 30px 0px 50px;}
.section.homepage {padding: 0px 0px;}
.section.blue {background: #161b22;}
.footer {background: #090909; height: 239px; position: absolute; width: 100%; bottom: 0;}

/* Navigation
======================================================================*/
/* Mobile Navigation */
.nav-mobile {background-color: rgba(0,0,0,1); width: 100%; -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; position: relative; z-index: 50;}
/*
.nav-mobile.stuck {background-color: rgba(0,0,0,1); position: fixed; top: 0; z-index: 300; height: 60px;  -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s;}
.nav-mobile.stuck .mobile-nav {background-color: rgba(0,0,0,1); -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s;}
*/
.mobile-menu {padding: 14px 0px;}
.mobile-menu a {float: right; display: block; width: 27px; height: 31px; position: relative;}
.mobile-nav {background-color: rgba(0,0,0,0.80); border-top: 1px solid #717981;}
.subnav li {border-bottom: 1px solid #717981; margin-top: -1px;}
.subnav li:last-child {border-bottom: 0 none;}

/* Desktop Navigation */
.main-logo {background: url(../images/logo-desktop.png) left center no-repeat; height: 72px; display: inline-block; margin: 15px 0; padding-left: 80px; text-decoration: none;}
.main-logo:hover, .main-logo:focus {text-decoration: none;}
.logo-text {border-left: 2px solid #717981; height: 72px; padding-left: 15px; padding-top: 16px;}
.nav-wrapper {position: fixed; top: 0; z-index: 300; height: 102px; background-color: rgba(0,0,0,0.66); width: 100%; -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s;}
.nav-wrapper.stuck {background-color: rgba(0,0,0,1); position: fixed; top: 0; z-index: 300; height: 102px;  -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s;}
.nav-links {text-align: right; padding: 40px 0px;}
.nav-links .list-inline {margin-bottom: 0px;}
.nav-links .list-inline li {padding-left: 25px; padding-right: 25px;}
.nav-links .list-inline li:last-child {padding-right: 0px;}
.nav-row:first-child {padding: 0px;}

/* Header
======================================================================*/
/** Homepage **/
.hp-header {position: relative; width: 100%; overflow: hidden;}
.hp-header img {top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: auto; min-height: 100%; min-width: 100%; position: absolute; z-index: 1; margin: 0 auto;}
.header-content {position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center;}
.bottom-button, .bottom-button-mobile {display: block; position: absolute; z-index: 3; bottom: 10px; height: 55px; width: 55px; margin: auto; left: 0; right: 0; text-align: center;}
.bottom-button a, .bottom-button-mobile a {display: block;}
.bottom-button img, .bottom-button-mobile img {width: auto;height: auto;position: relative;transform: inherit;top: 0;left: 0;min-width: inherit;min-height: inherit;}

/* Page Styling
======================================================================*/
/** Homepage **/
.homepage-col {padding-left: 0px; padding-right: 0px; overflow: hidden; position: relative; height: 379px;}
.homepage-col.img {width: 52%;}
.homepage-col.content {width: 48%;}
.intro-content {padding: 0px 20px; position: relative; display: table; height: 379px;}
.intro-wrapper {display: table-cell; vertical-align: middle;}
.arrow-fill {position: absolute; z-index: 3; top: 0; right: 0;}
.arrow-fill.left {left: 0; right: auto;}

/* Accordion */
.panel-group.default-accordion .panel + .panel {margin-top: -1px;}
.default-accordion .panel .panel-default {margin: 0px;}
.default-accordion .panel {box-shadow: none; -webkit-box-shadow: none; border-radius: 0px;}
.default-accordion .panel:first-child {border-top-left-radius: 10px; border-top-right-radius: 10px;}
.default-accordion .panel:last-child {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.default-accordion .panel-default {border-color: #d2d2d2;}
.default-accordion .panel-default > .panel-heading {background-image: none; filter: none; background-color: transparent; padding: 0px;}
.default-accordion .panel-title a, .default-accordion .panel-title a:hover {display: block; padding: 10px 16px 10px 60px;; text-decoration: none; color: #333; position: relative;}
.default-accordion .panel-title a span.accordion-label {font-size: 20px; font-weight: 700;}
.default-accordion .panel .panel-body {border-top: 0 none!important; padding: 20px 60px;}
.default-accordion .panel-title .accordion-icon {width: 25px; height: 25px; display: block; position: absolute; margin: auto; top: 0; bottom: 0; left: 20px;}

.default-accordion .panel-title.active .accordion-icon.icon-collapse {background: url(../images/accordion-collapse.png)0 0 no-repeat; width: 25px; height: 25px; opacity: 1;}

.default-accordion .panel-title .accordion-icon.icon-collapse {opacity: 0;}

.default-accordion .panel-title .accordion-icon.icon-expand {background: url(../images/accordion-expand.png)0 0 no-repeat; width: 25px; height: 25px; opacity: 1; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg);}

.default-accordion .panel-title.active .accordion-icon.icon-expand {opacity: 0; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg);}

/* Progress Bar */
ul.progress-steps {background: #e4e4e4; margin: 30px 0; padding: 0; list-style-type: none; border: 1px solid #d2d2d2;}
.progress-steps li {float: left; padding-bottom: 0px; position: relative; width: 25%;}
.progress-steps li {padding: 25px 18px 25px 30px; font-weight: 700; font-size: 20px; text-align: center;}
.progress-steps li:first-child {padding: 25px 18px;}
.progress-steps li.step-next {color: #b7b7b7;}
.progress-steps li.step-current,
.progress-steps li.step-previous {color: #fff;}
.progress-steps li.step2.step-next,
.progress-steps li.step3.step-next,
.progress-steps li.step4.step-next {background: #fafafa;}

.progress-steps li.step1.step-current,
.progress-steps li.step2.step-current,
.progress-steps li.step3.step-current,
.progress-steps li.step4.step-current {background: #ae914f;}
.progress-steps li.step1.step-previous {background: #c2aa63;}
.progress-steps li.step2.step-previous {background: #c2aa64;}
.progress-steps li.step3.step-previous {background: #c2aa63;}
.progress-steps li.step1.step-previous.previous {background: #cbb470;}
.progress-steps li.step1.step-previous.previous.prev {background: #d9c382;}
.progress-steps li.step2.step-previous.previous {background: #cbb46f;}

.progress-steps li.step-next:after, 
.progress-steps li.step-current:after, 
.progress-steps li.step-previous:after {content: ""; display: block; position: absolute; width: 21px; height: 78px; top: 0px; bottom: 0px; margin: auto; right: -19px; z-index: 50;}
.progress-steps li.step1.step-current:after {background: url(../images/step1-current.jpg) 0 0 no-repeat;}
.progress-steps li.step1.step-previous:after {background: url(../images/step1-previous.jpg) 0 0 no-repeat;}
.progress-steps li.step1.step-previous.previous:after {background: url(../images/step1-previous-previous.jpg) 0 0 no-repeat;}
.progress-steps li.step1.step-previous.previous.prev:after {background: url(../images/step1-previous-previous-prev.jpg) 0 0 no-repeat;}

.progress-steps li.step2.step-next:after {background: url(../images/arrow-step-next.jpg) 0 0 no-repeat;}
.progress-steps li.step2.step-current:after {background: url(../images/step2-current.jpg) 0 0 no-repeat;}
.progress-steps li.step2.step-previous:after {background: url(../images/step2-previous.jpg) 0 0 no-repeat;}
.progress-steps li.step2.step-previous.previous:after {background: url(../images/step2-previous-previous.jpg) 0 0 no-repeat;}

.progress-steps li.step3.step-next:after {background: url(../images/arrow-step-next.jpg) 0 0 no-repeat;}
.progress-steps li.step3.step-current:after {background: url(../images/step3-current.jpg) 0 0 no-repeat;}
.progress-steps li.step3.step-previous:after {background: url(../images/step3-previous.jpg) 0 0 no-repeat;}
.progress-steps li.step3.step-previous.previous:after {background: url(../images/step3-previous.jpg) 0 0 no-repeat;}

.progress-steps li:last-child.step-next:after,
.progress-steps li:last-child.step-current:after {background-image: none;}

/* Price Table Panels */
.price-panel-normal {box-shadow: none; -webkit-box-shadow: none; border-radius: 10px; border: 1px solid #d2d2d2; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;}
.price-panel-normal:hover {box-shadow: none; -webkit-box-shadow: none; border-radius: 12px; border: 4px solid #ab934d; position: relative; margin-top: -10px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;  -webkit-box-shadow: 0px 25px 25px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 25px 25px 0px rgba(0,0,0,0.15); box-shadow: 0px 25px 25px 0px rgba(0,0,0,0.15);}
.price-panel-normal .panel-heading {background: #686666; color: #fff; font-size: 20px; font-weight: 700; text-align: center; border-top-left-radius: 9px; border-top-right-radius: 9px; padding: 20px 15px;}
.price-panel-normal:hover .panel-heading {background: #ab934d; color: #fff; font-size: 20px; font-weight: 700; text-align: center; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 20px 15px;}
.price-panel-normal .panel-body {padding: 10px;}
.price-panel-normal .panel-footer {padding: 10px; background-color: transparent; border-top: 0 none; text-align: center;}
.panel-price {text-align: center; padding: 20px 0px;}
.panel-details {background-color: #f5f5f5; padding: 10px; font-size: 14px; line-height: 18px;}

/* Alert Panel */
.alert-clear {text-shadow: none; box-shadow: none; -webkit-box-shadow: none; border: 0 none; padding: 5px 20px 5px 70px; position: relative;}
.alert-clear img {width: 39px; height: 39px; position: absolute; top: 5px; left: 15px;}

/* Default Panel */
.default-panel {box-shadow: none; -webkit-box-shadow: none; border-color: #d2d2d2; border-radius: 10px;}
.default-panel .panel-body {padding: 40px;}

/* Tables */
.table.table-borderless td {border-top: 0 none;}

/* Contact Us */
.map-container {border: 1px solid #ccc; margin-bottom: 30px;}
.map-overlay-contact {background: transparent; position: relative; width: 100%; height: 320px; top: 320px; margin-top: -320px;}
.map-wrapper.full-size .map-overlay-contact {background: transparent; position: relative; width: 100%; height: 420px; top: 420px; margin-top: -420px;}
.map-wrapper iframe {width: 100%; height: 320px;}
.map-wrapper.full-size iframe {width: 100%; height: 420px;}
.contact-details {padding: 10px;}
.contact-content {padding-left: 40px; position: relative; margin-bottom: 20px;}
.contact-content img {width: 23px; height: 23px; position: absolute; z-index: 1; top: 2px; left: 0;}

/* Coach Bio */
.bio-group {margin-bottom: 35px;}
.coach-img img {display: block; border: 1px solid #d3d3d3; margin: 0 auto; width: 100%; height: auto;}
.coach-bio h4 {text-transform: uppercase;}

/* FAQ Panel */
.faq-panel {box-shadow: none; -webkit-box-shadow: none; border-color: #d2d2d2; border-radius: 0px;}
.faq-panel .panel-body {padding: 20px;}
.faq-panel .panel-image img {display: block; width: 100%; height: auto;}

/* Facilities Block */
.hero-col-left {padding-right: 5px!important;}
.hero-col-right {padding-left: 5px!important;}
.facility-height.full,
.facility-height.half {position: relative; margin-bottom: 10px; display: block; overflow: hidden;}
.facility-height.full {height: 510px;}
.facility-height.half {height: 250px;}
.facility-height img {display: block; position: relative;}
.facility-height.full img {width: 100%; height: 510px;}
.facility-height.half img {width: 100%; height: 250px;}
.facility-overlay {background: rgba(0,0,0,0.75); color: #fff; position: absolute; width: 100%; padding: 20px; z-index: 10;}
.facility-height.full .facility-overlay {height: 50%; bottom: -190px; transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out;}
.facility-height.half .facility-overlay {height: 100%; bottom: -185px; transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out;}
.facility-height.full:hover .facility-overlay {height: 50%; bottom: 0px;}
.facility-height.half:hover .facility-overlay {height: 100%; bottom: 0px;}
.facility-overlay h3 {margin-bottom: 0px;}
.facility-content {padding-top: 20px;}
.facility-content p {color: #fff;}

/* Footer
======================================================================*/
.footer-links li {margin-bottom: 10px;}
.copyright {text-align: right;}
.footer-content.social {text-align: right;}

/* Bootstrap Override
======================================================================*/
/* Forms */
.form-group button.btn {margin-bottom: 0px;}
.form-control {height: 45px; border-radius: 0px; border: 1px solid #ccc;}
.checkbox label::before {top: 1px;}
.checkbox label::after {top: 1px!important;}
.radio label::before {top: 1px;}
.radio label::after {top: 4px!important;}
.btn-file {position: relative; overflow: hidden;}
.btn-file input[type=file] {position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: inherit; display: block;}
.btn-file.primary {padding: 10px 20px!important;}
input[readonly] {background-color: #eee!important; cursor: text !important;}
.input-group span {width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell;}
.quantity-select {width: 140px;}
.quantity-select .input-group-btn {border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 0 none;}
.quantity-select .input-group-btn.last {border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 0 none;}
.quantity-select .form-control {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 0 none; border-right: 0 none;}
.quantity-select .input-group-btn button {border-radius: 0px; border: 0 none; background-image: none; filter: none; background-color: #9e9d9d; text-shadow: none; color: #fff; border: 4px solid #fff; height: 43px;}
.quantity-select .input-group-btn button span.glyphicon {top: 0px;}
.form-label {margin: 11px 0px;}
.date-day, .date-month, .date-year {padding-right: 0px;}
.phone-sep {float: left; padding-top: 10px; font-weight: 700;}
.phone-group .input-group-addon {border-top-left-radius: 0px; border-bottom-left-radius: 0px; border: 0 none; background-color: transparent; position: absolute; z-index: 50; width: 20px; height: 10px; display: block; padding: 0px; top: 15px; left: 5px; font-weight: 700;}
.phone-group .form-control {padding: 6px 12px 6px 30px;}
.main-number:before {content: "-"; font-weight: 700; position: absolute; z-index: 50; top: 8px; left: -4px;}
.popover.static {display: block; border-radius: 0px; max-width: 320px; z-index: 200;}
.popover.static .popover-content {padding: 10px;}
.popover.static .popover-content img {width: 100%; height: auto; margin-bottom: 10px;}

/* Media Queries
======================================================================*/
/* Extra Small Devices, Phones */ 
@media only screen and (min-width: 320px) and (max-width : 767px) {
/* Layout */
body {margin-bottom: 0px;}
.wrapper {margin-top: 0px;}
.wrapper.inside {margin-top: 0px;}
.section {padding: 30px 0px 30px;}
.section:first-child {padding: 30px 0px 30px;}
.section:last-child {padding: 30px 0px 30px;}
.footer {height: auto!important; margin-top: 0px; position: relative;}
.footer .section {padding: 20px 0px;}
.footer-content {min-height: inherit; margin-bottom: 30px;}
.footer .sub-link .list-inline li {display: block; margin-bottom: 10px;}
.copyright {text-align: left;}
    
/* Navigation */
.main-logo {background: url(../images/logo-desktop.png) left center no-repeat; display: inline-block; margin: 5px 0; height: 50px; padding-left: 60px; background-size: 51px 50px; text-decoration: none;}
.logo-text {height: 50px; padding-top: 10px; padding-left: 10px;}
    
/* Page Styling */  
.header-content {width: 90%;}
.homepage-col {height: auto;}
.homepage-col.img {width: 100%;}
.homepage-col.img img {width: 100%; height: auto;}
.homepage-col.img:before {content: ""; background: url(../images/img-arrow-down.png) center center no-repeat; width: 100%; height: 12px; position: absolute; bottom: 0px;}
.homepage-col.content {width: 100%; padding-left: 15px; padding-right: 15px;}
.arrow-fill {display: none;}
.intro-content {height: auto; padding: 20px 0px;}
.map-wrapper {margin-bottom: 20px;}

/* Forms */
/* Custom Dropdown */
.selectpicker {display: block!important; width: 100%; border-radius: 0px; -webkit-border-radius: 0px;}
.bootstrap-select {display: none!important;} 
.form-label {margin: 0px 0px 10px;}
.date-year {padding-right: 15px;}
    
/* Progress Bar */
ul.progress-steps {background: #e4e4e4; margin: 20px 0; padding: 0; list-style-type: none;}
.progress-steps li {float: left; padding-bottom: 0px; position: relative; font-size: 14px; font-weight: 400;}
.progress-steps li {padding: 12px 18px 12px 30px;}
.progress-steps li:first-child {padding: 12px 18px;}
.progress-steps li.step-next {background: #fafafa; color: #333; width: 70%;}
.progress-steps li.step-current {background: #ab934d; color: #fff; width: 30%;} 
.progress-steps li.step-current:after {content: ""; display: block; position: absolute; width: 12px; height: 44px; top: 0px; bottom: 0px; margin: auto; right: -11.8px; z-index: 50;}
.progress-steps li.step-current:after {background: url(../images/arrow-step-current.jpg) 0 0 no-repeat; background-size: 12px 44px;}
.progress-steps li:last-child.step-next:after {display: none;}
.progress-steps li:last-child.step-current:after {background-image: none;}
    
/* Price Table Panels */
.price-panel-normal .panel-heading {padding: 20px 15px;}
.price-panel-highlighted .panel-heading {padding: 20px 15px;}
.panel-details {height: auto!important;}
    
/* Accordion */    
.default-accordion .panel .panel-body {padding: 20px 20px;}  
    
/* Default Panel */
.default-panel .panel-body {padding: 20px;}
    
/* Responsive Table */
/* Force table to not be like tables anymore */
.responsive-table table, 
.responsive-table thead, 
.responsive-table tbody, 
.responsive-table th, 
.responsive-table td, 
.responsive-table tr {display: block; width: 100%!important;}
.responsive-table thead tr {position: absolute; top: -9999px; left: -9999px;}
.responsive-table tr {border-top: 0 none; border-right: 0 none; border-left: 0 none; border-bottom: 0 none;}
.responsive-table tr:first-child {border-top: 0 none;}
.responsive-table tr:last-child {border-bottom: 0 none;} 
.responsive-table td {border: 0 none!important; border-bottom: 0 none!important; position: relative; padding-left: 0px!important; white-space: normal; text-align:left!important; padding-top: 5px!important; padding-bottom: 5px!important;}
.responsive-table td.mobile-label {padding-left: 10px!important}
.responsive-table td:before {position: absolute; top: 0px; bottom: 0px; left: 10px; height: 10px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; margin: auto; line-height: 10px;}
.responsive-table td:before { content: attr(data-title);}
    
/* Coach Bio */
.coach-img img {margin-bottom: 20px;}
    
/* Facilities Block */
.hero-col-left {padding-right: 15px!important;}
.hero-col-right {padding-left: 15px!important;}
.facility-height.full,
.facility-height.half {position: relative; margin-bottom: 10px; display: block; overflow: hidden;}
.facility-height.full {height: auto;}
.facility-height.half {height: auto;}
.facility-height img {display: block;}
.facility-height.full img {width: 100%; height: auto;}
.facility-height.half img {width: 100%; height: auto;}
.facility-overlay {background: rgba(0,0,0,1); color: #fff; position: relative; width: 100%; padding: 20px; display: block;}
.facility-height.full .facility-overlay {height: auto; bottom: 0px;}
.facility-height.half .facility-overlay {height: auto; bottom: 0px;}
    
/* Footer */
.footer-content.social {text-align: left;}
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) and (max-width : 991px) {
/* Layout */
body {margin-bottom: 0px;}
.wrapper {margin-top: 0px;}
.wrapper.inside {margin-top: 0px;}
.section {padding: 30px 0px 30px;}
.section:first-child {padding: 30px 0px 30px;}
.section:last-child {padding: 30px 0px 30px;}
.footer {height: auto!important; margin-top: 0px; position: relative;}
.footer .section {padding: 30px 0px;}
.footer-content {min-height: 150px; margin-bottom: 20px;}
    
/* Navigation */
.main-logo {background: url(../images/logo-desktop.png) left center no-repeat; display: inline-block; margin: 5px 0; height: 50px; padding-left: 60px; background-size: 51px 50px; text-decoration: none;}
.logo-text {height: 50px; padding-top: 10px; padding-left: 10px;}
    
/* Header */
/* Homepage */
.header-content {width: 620px;}
    
/* Page Styling */  
.homepage-col {height: 378px;}
.homepage-col.img {width: 53%; margin: 0 auto;}
.homepage-col.right-img {width: 50%;}
.homepage-col.content {width: 46%;}
.arrow-fill {right: -1px;}
    
/* Forms */
/* Custom Dropdown */
.selectpicker {display: block!important; width: 100%; border-radius: 0px; -webkit-border-radius: 0px;}
.bootstrap-select {display: none!important;} 
    
/* Progress Bar */
ul.progress-steps {background: #e4e4e4; margin: 20px 0; padding: 0; list-style-type: none;}
.progress-steps li {float: left; padding-bottom: 0px; position: relative;}
.progress-steps li {padding: 8px 18px 8px 30px;}
.progress-steps li:first-child {padding: 8px 18px;}
.progress-steps li.step-next {background: #fafafa; color: #333; width: 70%;}
.progress-steps li.step-current {background: #ab934d; color: #fff; width: 30%;} 
.progress-steps li.step-current:after {content: ""; display: block; position: absolute; width: 12px; height: 44px; top: 0px; bottom: 0px; margin: auto; right: -11.8px; z-index: 50;}
.progress-steps li.step-current:after {background: url(../images/arrow-step-current.jpg) 0 0 no-repeat; background-size: 12px 44px;}
.progress-steps li:last-child.step-next:after {display: none;}
.progress-steps li:last-child.step-current:after {background-image: none;}
    
/* Accordion */    
.default-accordion .panel .panel-body {padding: 20px 20px;}    
    
/* Price Table Panels */
.price-panel-normal .panel-heading {padding: 20px 15px;}
.price-panel-highlighted .panel-heading {padding: 20px 15px;}
.panel-details {height: auto!important;}
    
/* Facilities Block */
.hero-col-left {padding-right: 15px!important;}
.hero-col-right {padding-left: 15px!important;}
.facility-height.full,
.facility-height.half {position: relative; margin-bottom: 10px; display: block; overflow: visible;}
.facility-height.full {height: auto;}
.facility-height.half {height: auto;}
.facility-height img {display: block;}
.facility-height.full img {width: 100%; height: auto;}
.facility-height.half img {width: 100%; height: auto;}
.facility-overlay {background: rgba(0,0,0,1); color: #fff; position: relative; width: 100%; padding: 20px; display: block;}
.facility-height.full .facility-overlay {height: auto; bottom: 0px;}
.facility-height.half .facility-overlay {height: auto; bottom: 0px;}
    
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width : 1199px) {
/* Navigation */
.nav-links .list-inline li {padding-left: 10px; padding-right: 10px;}

/* Forms */
/* Select Box */
.bootstrap-select.btn-group .dropdown-menu {border: 1px solid #ccc; box-shadow: none; -webkit-box-shadow: none; border-radius: 0px; background-color: #fff; margin: 0px; padding: 0px;}
.bootstrap-select.btn-group .dropdown-menu li.selected {background: #fff; outline: none; box-shadow: none; -webkit-box-shadow: none;}
.bootstrap-select.btn-group .dropdown-menu li a {border-bottom: 1px solid #e3e3e3; padding: 5px 20px;}
.bootstrap-select.btn-group .dropdown-menu li:last-child a {border-bottom: 0 none;}
.bootstrap-select.btn-group .dropdown-menu li a:hover {background: #dbdbdb; filter: none;} 
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {display: block!important;}
.bootstrap-select > .btn, .bootstrap-select > .btn:hover {background: #fff; background-image: none; box-shadow: none; border-radius: 0px; -webkit-border-radius: 0px; float: none; text-shadow: none; outline: none; height: 45px; border: 1px solid #ccc;}
.btn-group.open .dropdown-toggle {background-color: #fff; border-color: #e3e3e3; box-shadow: none; -webkit-box-shadow: none;}
.arrow-box {background: #9c9c9c; height: 43px; position: absolute; top: 0px; bottom: 0px; width: 40px; right: 0px; display: table; border-radius: 0px; border: 4px solid #fff;}
.arrow-box i {color: #fff; font-size: 25px; display: table-cell; vertical-align: middle;}
.bootstrap-select.btn-danger > .btn, .bootstrap-select.btn-danger > .btn:hover {border: 1px solid #a94442;}   
.has-error .form-control .selectpicker {border-color: #a94442;}   
    
/* Progress Bar */    
.progress-steps li {font-size: 18px; padding: 25px 1px 25px 23px; height: 78px;}
.progress-steps li:last-child {padding: 25px 18px 25px 30px;}
    
}

/* Large Desktop */
@media only screen and (min-width : 1200px) {
/* Forms */
/* Select Box */
.bootstrap-select.btn-group .dropdown-menu {border: 1px solid #ccc; box-shadow: none; -webkit-box-shadow: none; border-radius: 0px; background-color: #fff; margin: 0px; padding: 0px;}
.bootstrap-select.btn-group .dropdown-menu li.selected {background: #fff; outline: none; box-shadow: none; -webkit-box-shadow: none;}
.bootstrap-select.btn-group .dropdown-menu li a {border-bottom: 1px solid #e3e3e3; padding: 5px 20px;}
.bootstrap-select.btn-group .dropdown-menu li:last-child a {border-bottom: 0 none;}
.bootstrap-select.btn-group .dropdown-menu li a:hover {background: #dbdbdb; filter: none;} 
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {display: block!important;}
.bootstrap-select > .btn, .bootstrap-select > .btn:hover {background: #fff; background-image: none; box-shadow: none; border-radius: 0px; -webkit-border-radius: 0px; float: none; text-shadow: none; outline: none; height: 45px; border: 1px solid #ccc;}
.btn-group.open .dropdown-toggle {background-color: #fff; border-color: #e3e3e3; box-shadow: none; -webkit-box-shadow: none;}
.arrow-box {background: #9c9c9c; height: 43px; position: absolute; top: 0px; bottom: 0px; width: 40px; right: 0px; display: table; border-radius: 0px; border: 4px solid #fff;}
.arrow-box i {color: #fff; font-size: 25px; display: table-cell; vertical-align: middle;}
.bootstrap-select.btn-danger > .btn, .bootstrap-select.btn-danger > .btn:hover {border: 1px solid #a94442;}   
.has-error .form-control .selectpicker {border-color: #a94442;}    
    
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
    
    .default-accordion .panel-title .accordion-icon.icon-expand {background: url(../images/accordion-expand_x2.png)0 0 no-repeat; width: 25px; height: 25px; background-size: 25px 25px;}
    .default-accordion .panel-title.active .accordion-icon.icon-collapse {background: url(../images/accordion-collapse_x2.png)0 0 no-repeat; width: 25px; height: 25px; background-size: 25px 25px;}
    
}