@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/Opensans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Opensans/OpenSans-Light.woff') format('woff'),
    url('../fonts/Opensans/OpenSans-Light.ttf') format('truetype'),
    url('../fonts/Opensans/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/Opensans/OpenSans.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Opensans/OpenSans.woff') format('woff'),
    url('../fonts/Opensans/OpenSans.ttf') format('truetype'),
    url('../fonts/Opensans/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-Black';
    src: url('../fonts/SourceCodePro/SourceCodePro-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceCodePro/SourceCodePro-Black.otf') format('opentype'),
        url('../fonts/SourceCodePro/SourceCodePro-Black.woff') format('woff'),
        url('../fonts/SourceCodePro/SourceCodePro-Black.ttf') format('truetype'),
        url('../fonts/SourceCodePro/SourceCodePro-Black.svg#SourceCodePro-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Global */
body{ font-family: 'OpenSans'; font-size: 16px; color: #000; overflow: hidden; transition: all 500ms ease;}
a:hover, a:focus{ text-decoration: none; }
img {height: auto; max-width: 100%}
p {line-height: 30px}
.clear{ clear: both; }
.green-subheader {font-size: 14px; margin-bottom: 10px; color: #006738;}
.black-maintitle {font-family: 'SourceCodePro-Black'; font-size: 30px; margin-bottom: 30px; max-width: 500px;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}

/* header */
header{ background: #fff; padding: 10px 0; position: fixed; top: 0; z-index: 9; width: 100%; background: transparent; transition: all 500ms ease; }
.path-frontpage header,
.sticky header{ background: #fff; }
header > .container{ display: flex; align-items: center; position: relative;}
header #block-bahama-branding {text-align: center; padding: 10px 0;}
header .header-content-wrap {width: 100%}
header a.site-logo{ display: inline-block; }
header a.site-logo img {max-height: 80px;}
header .region-header{ width: 340px; }
header .region-navigation{ width: 830px; }
header ul.menu{ display: flex; margin: 0; padding: 0; }
header ul.menu a{font-size: 14px; padding: 0 15px; color: #000; text-transform: uppercase; letter-spacing: 1px;}
header ul.menu a.is-active, header ul.menu a:hover, header ul.menu a:focus{ color: #006738; }
#block-leftmenu {padding: 30px 0;}
header .right-content {padding: 30px 0; text-align: right;}
#block-rightmenu {display: inline-block;}
#block-headersocial {display: inline-block;}
#block-headersocial a {display: inline-block; margin-left: -10px; color: #000; padding: 0 15px;}
#block-headersocial a:hover, #block-headersocial a:focus { color: #006738; }
header .sb-toggle-right {position: absolute; right: 10px; font-size: 20px; top: 50%; transform: translateY(-50%); color: #006738; cursor: pointer; outline: none; display: none;z-index: 2;}
header .sb-toggle-right .fa-times {display: none;}
header .sb-toggle-right .fa-bars {display: block;}
.sb-active header .sb-toggle-right .fa-times {display: block;}
.sb-active header .sb-toggle-right .fa-bars {display: none;}
#block-primeglobal-branding img {width: 100%}
main {padding-top: 120px;min-height: 500px;}
.path-frontpage main {padding-top: 0}

/* Banner */
.banner-wrapper{ position: relative; }
.banner-wrapper .img-wrapper img{ width: 100%; height: auto; }
.banner-wrapper .content-wrapper{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; }
.banner-wrapper .content-wrapper .subtitle-wrapper {text-transform: uppercase; margin-bottom: 5px;}
.banner-wrapper .content-wrapper .title-wrapper {color: #006738; font-family: 'SourceCodePro-Black'; font-size: 40px; margin-bottom: 40px;}
.landing-banner-wrapper .img-wrapper{ width: 55%; margin-left: auto; }
.landing-banner-wrapper .banner-content-wrapper{ position: absolute; top: 0; width: 100%; height: 100%; display: flex; align-items: center; z-index: 1; }
.landing-banner-wrapper .banner-content{ width: 45%; padding-right: 100px; }
.banner-subheading{ position: relative; display: inline-block; font-family: 'Montserrat'; font-size: 14px; text-transform: uppercase; margin-bottom: 10px; }
.banner-subheading:after{ content: ""; display: block; background: #151f6d; height: 2px; position: absolute; right: -40px; width: 30px; top: 50%; margin-top: -1px; }
.banner-heading{ font-family: 'Montserrat'; font-weight: bold; font-size: 25px; color: #151f6d; }
.banner-overview{ font-family: 'Champagne & Limousines'; margin-top: 20px; }
.barrio-banner-text {font-family: 'appopaint-Regular'; color: #ee3a43 }
.leftside-text .col-md-offset-6 {margin-left: 0}
.owl-carousel .owl-dots {text-align: center; width: 100%; margin-top: 10px;}
.field--name-field-banner.owl-carousel .owl-dots {text-align: center; position: absolute; bottom: 30px; left: 8%; margin-top: 0; width: auto;}
.owl-carousel .owl-dot {outline: none;}
.owl-carousel .owl-dot span {height: 5px; width: 25px; background: #869791; display: block; margin: 0 5px;}
.owl-carousel .owl-dot.active span {background: #151f6d;}
.page-banner{ position: relative; }
.page-banner img{ width: 100%; height: auto; }
.page-banner .banner-content{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: center; }
.page-banner .banner-content .banner-content-wrapper{ max-width: 50%; padding-right: 30px; }

/* Sections */
.section { padding: 60px 0; }
.section + .section { padding-top: 0; }
.section-subheading{ color: #006738; text-transform: uppercase; }
.section-heading{ font-family: 'SourceCodePro-Black'; font-size: 30px; color: #222; line-height: normal; margin-bottom: 30px; }
.section-banner-subheading{ text-transform: uppercase; color: #222; }
.section-banner-heading{ font-family: 'SourceCodePro-Black'; font-size: 30px; color: #006738; text-transform: uppercase; line-height: normal; margin-bottom: 30px; }
.section-cta a {color: #006738; text-transform: uppercase; font-size: 14px; display: inline-block;}
.section-cta a:after {content: " "; display: inline-block; height: 3px; width: 40px; background: #006738; margin-bottom: 3px; margin-left: 10px;}
.header-block{text-align: center; max-width: 750px; margin: 0 auto;margin-top: 50px;}

/* Home */
.home-2column-with-image-wrapper .section-subheading {font-size: 14px; text-transform: uppercase; color: #006738; margin-bottom: 10px;}
.home-2column-with-image-wrapper .section-heading {font-family: 'SourceCodePro-Black'; font-size: 30px; margin-bottom: 40px; max-width: 500px;}
.home-2column-with-image-wrapper .section-overview {color: #002222; line-height: 35px; margin-bottom: 30px;}
.home-2column-with-image-wrapper .section-logo .image-wrap {margin: 15px 0;}
.home-2column-with-image-wrapper .section-logo .image-wrap img {-webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 500ms ease;}
.home-2column-with-image-wrapper .section-logo .image-wrap:hover img {-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.business-teaser-wrap {position: relative;}
.section-home-business .overlay-wrapper {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.section-home-business .wrapper {background: #fff; padding: 40px; min-height: 450px;}
.section-home-business .subtitle-wrapper {font-size: 14px; margin-bottom: 10px; color: #006738;}
.section-home-business .title-wrapper {color: #222222; font-size: 30px; font-family: 'SourceCodePro-Black'; margin: 10px 0 30px;}
.section-home-business .desc-wrapper {color: #002222; line-height: 30px;}
.section-home-form .form-wrapper{ max-width: 600px; margin: 0 auto; text-align: center; }

.business-teaser-wrap .cta-wrapper a{outline: none; color: #006738; text-transform: uppercase; font-size: 14px; display: inline-block;}
.business-teaser-wrap .cta-wrapper a:after{content: " "; display: inline-block; height: 3px; width: 40px; background: #006738; margin-bottom: 3px; margin-left: 10px;}

.section-home-business .owl-nav{position: absolute; top: 10%; right: 5%;}
.section-home-business .owl-carousel .owl-nav button{font-size: 45px;outline: none;margin: 0px 30px;}
.section-home-business .count{position: absolute; top: 57%; left: 50%; transform: translate(-50%,-50%);}
.section-home-business .owl-dots{display: none;}


/* form */
#block-webform {max-width: 600px; padding: 0 15px; margin: auto auto 100px;}
#block-webform .contact-header {text-align: center;}
#block-webform .black-maintitle {max-width: none;}
.webform-submission-contact-form{ margin: 0 -15px; }
.webform-submission-contact-form .form-item {width: 50%; float: left; padding: 0 15px; margin: 0 0 15px; }
.webform-submission-contact-form #edit-processed-text {width: 100%}
.webform-submission-contact-form .form-item.js-form-type-textarea {width: 100%}
.webform-submission-contact-form:after {display: table; content: " "; clear: both;}
.webform-submission-contact-form #edit-actions {float: left; width: 100%; text-align: center;}
.webform-submission-form .form-item input[type="text"],
.webform-submission-form .form-item input[type="email"],
.webform-submission-form .form-item textarea {width: 100%; padding: 7px 10px; font-size: 14px; outline: none; border: 1px solid #d0d0d0;}
.webform-submission-form .form-actions .webform-button--submit {-webkit-appearance: none; background: none; box-shadow: none; border: 0; outline: none; color: #006738; text-transform: uppercase; font-size: 14px; display: inline-block;}
.webform-submission-form .form-actions:after {content: " "; display: inline-block; height: 3px; width: 40px; background: #006738; margin-bottom: 3px; margin-left: 10px;}

/* Business */
.two-col-with-left-image-section .container > .row{ display: flex;align-items: center; }

/* Careers */
.view-careers{ padding: 60px 0; }
.view-careers .careers-item{ display: block; padding: 30px 10px; border-bottom: 1px solid #acacac; }
.view-careers .careers-item .careers-item-title{ float: left; }
.view-careers .careers-item .careers-item-title a{ color: #222; }
.view-careers .careers-item .careers-item-link{ float: right; }
.view-careers .careers-item .careers-item-link a{ text-transform: uppercase; position: relative; padding-right: 40px; color: #006738; }
.view-careers .careers-item .careers-item-link a:after{ position: absolute; top: 50%; right: 0; width: 30px; content: ""; height: 2px; background: #006738; }
.view-careers .views-exposed-form label{ display: none; }
.view-careers .views-exposed-form select{ font-family: 'SourceCodePro-Black'; font-size: 30px; border: 0; outline: none; }
.careers-wrapper{ margin: 50px 0; }
.careers-department{ text-transform: uppercase; color: #006738; }
.careers-title{ font-family: 'SourceCodePro-Black'; font-size: 30px; color: #222; margin-bottom: 30px; }
.careers-responsibilities .field__label{ text-transform: uppercase; color: #006738; }
.careers-requirements .field__label{ text-transform: uppercase; color: #006738; }
.careers-requirements,
.careers-responsibilities{ margin-top: 20px; }
.careers-requirements ul,
.careers-responsibilities ul{ color: #006738; padding: 0 0 0 20px; margin: 10px 0 0; }
.careers-requirements ul div,
.careers-responsibilities ul div{ color: #222; }
#careersWebformPopup .modal-content{ border-radius: 0; padding: 50px; width: 800px; }
#careersWebformPopup .modal-content .modal-body,
#careersWebformPopup .modal-content .modal-header{ padding: 0; border: 0; }
#careersWebformPopup .modal-content .modal-header{ text-align: center; }
#careersWebformPopup .modal-content form{ margin: 0 -15px; }
#careersWebformPopup .modal-content .form-item{ width: 50%; float: left; padding: 0 15px; margin: 0 0 30px; }
#careersWebformPopup .modal-content .form-item label,
#careersWebformPopup .modal-content .form-item-position{ display: none; }
#careersWebformPopup .modal-content .form-item.form-type-textarea{ width: 100%; float: none; }
#careersWebformPopup .modal-content .form-item-attach-your-resume-here{ width: 100%; float: none; }
#careersWebformPopup .modal-content .form-item-attach-your-resume-here input{  width: 100%; padding: 7px 10px; font-size: 14px; outline: none; border: 1px solid #d0d0d0; }
#careersWebformPopup .modal-content .form-actions{ margin: 30px 0; text-align: center; }
.careers-sidebar{ background: #fafafa; padding: 20px; }
.careers-sidebar .btn-wrapper a{ display: block; background: #006738; padding: 12px 20px; text-align: center; color: #fff; text-transform: uppercase; margin-top: 20px; }
.careers-sidebar .contact-details .contact-label{ padding: 0; color: #006738; text-transform: uppercase; }
.careers-sidebar .contact-details > div{ background-size: 22px; padding-left: 35px; }
#careersWebformPopup .modal-dialog{width: 100%; max-width: 800px;}


/* About */
.one-col-section{ text-align: center; }
.one-col-section .section-overview p{ margin: 0 50px; }
.icon-item-wrapper{ margin-top: 30px; padding: 0 20px; }
.icon-item-wrapper .icon-label{ margin-top: 10px; color: #006738; }

/* Contact */
.contact-details > div{ padding: 15px 0 15px 45px; }
.contact-details .contact-number{ background: url(../images/icons/tel-icon.png) left center no-repeat; }
.contact-details .contact-email{ background: url(../images/icons/email-icon.png) left center no-repeat; }
.contact-details .contact-address{ background: url(../images/icons/address-icon.png) left center no-repeat; }

/* Footer */
footer{padding: 20px; background: #006738; color: #fff; font-size: 14px}
footer ul.menu {text-align: right; margin: 40px 0; padding: 0;}
footer ul.menu li {display: inline-block; margin: 0 20px;}
footer ul.menu li .fa {margin-right: 10px;}
footer .footer-link-bot {text-align: right; font-size: 12px;}

#block-footercopyright p{ color: #2f42d9; text-align: center; font-size: 14px; margin: 0; }

.sb-slidebar {background: #edeef4;}
.sb-slidebar .sb-close {text-align: right; font-size: 20px; color: #151f6d; cursor: pointer; outline: none; padding: 10px 15px 0;}
#mySidenav .menu {margin: 0}
#mySidenav .menu a {display: block; color: #006738; font-size: 20px; padding: 10px 30px; transition: all 500ms ease;}
#mySidenav .menu a:hover {background: #fff; color: #151f6d;}
.sidebar-logo-img img {max-width: 100%; height: auto; margin: 30px 0; padding: 0 25px;}
.sidebar-bottom {margin-top: 160px; text-align: center; color: #151f6d; padding: 0 15px;}
.sidebar-bottom .social-menu a {color: #151f6d; margin: 0 20px}
.sidebar-bottom .copy-right {margin-top: 20px;}
.sidebar-bottom .copy-right .cp1 {margin-bottom: 20px;}

.eu-cookie-compliance-banner {padding: 20px; padding-bottom: 5px;}
.eu-cookie-compliance-banner .eu-cookie-compliance-message p {font-family: 'Champagne & Limousines'; font-size: 16px;}
.eu-cookie-compliance-banner .eu-cookie-compliance-buttons .agree-button {font-family: 'Champagne & Limousines';}

.mob-only {display: none;}
.desk-only {display: block;}

.user-login-form{max-width: 450px; margin: 50px auto 50px;}
.user-login-form input{width: 100%; margin-bottom: 10px;}
.user-login-form label{display: block;}
.user-login-form #edit-submit{width: auto;}
.path-user #block-primeglobal-local-tasks{display: none;}

/*Business Landing Page*/
#business-accordion{margin-top: 10%;}
#business-accordion .btn-link{outline: none;padding: 0;border: none;text-decoration: none;width: 100%;}
#business-accordion .btn-link .content{white-space: initial; position: absolute; top: 50%; left: 0; transform: translateY(-50%);outline: none;text-align: left; color: #002222;text-decoration: none;padding: 0px 12px;}
#business-accordion .card-header{position: relative;}
#business-accordion .card-header .sub-title{text-transform: uppercase;margin-bottom: 10px;letter-spacing: 1.3px}
#business-accordion .card-header .title{font-family: SourceCodePro-Black; letter-spacing: 1.3px;margin-bottom: 10px;font-size: 16px;}
#business-accordion .card{background: #fafafa;margin-bottom: 30px;}
#business-accordion .card .card-body{padding: 0px 12px 20px;letter-spacing: 1.3px}
#business-accordion .card .card-body .desc{font-size: 14px;margin-bottom: 15px;}
#business-accordion .card .card-body .cta a{text-transform: uppercase; position: relative; padding-right: 40px; color: #006738;font-size: 14px;}
#business-accordion .card .card-body .cta a:after{position: absolute; top: 50%; right: 0; width: 30px; content: ""; height: 2px; background: #006738;}
#business-accordion .card .body-title{font-weight: bold; text-transform: uppercase; color: #006738; margin-bottom: 15px;font-size: 14px;}
#business-accordion .card .short-desc{letter-spacing: 1.3px;}
#business-accordion .acc-bg{opacity: 0;transition: all 0.5s ease;width: 100%;}
.page-node-19 .layout-container{transform: none;}
.page-node-19 .page-banner{position: fixed;width: 100%;}
#business-accordion .btn-control{position: absolute; color: #000; font-size: 30px; font-weight: bold; right: 20px;transition: all 0.5s ease;z-index: 2;transform: rotate(135deg);}
#business-accordion .collapsed .btn-control{transform: rotate(0deg);}

/*Loader*/
.loader{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background: #fff;}
.loader img{max-width: 160px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

/*CTA*/
.cta-primary a{text-align: center; display: inline-block; padding: 10px 50px; background: #006738; color: #fff; text-decoration: none; border: 1px solid #006738; transition: all 0.5s ease; text-transform: uppercase;font-size: 14px;}
.cta-primary a:hover{background: #fff;border-color: #006738;color: #006738;}

/*Error*/
.page-error{text-align: center; margin-top: 5%; font-size: 40px;}

@media screen and (min-width: 992px){
    #business-accordion .btn-link.collapsed:hover .acc-bg{opacity: 1;}
    #business-accordion .btn-link.collapsed:hover .content{color: #fff;}
    #business-accordion .btn-link.collapsed:hover .btn-control{color: #fff;}
}

@media (max-width: 992px) {
    .mob-only {display: block;}
    .desk-only {display: none;}

    .section-logo .logo-images{text-align: center;}
    footer .footer-link-bot{text-align: center;}

    header .sb-toggle-right {display: block;}
    header .region-navigation {display: none;}
    #block-primeglobal-branding img {max-width: 250px}
    .layout-container{margin-top: 121px;}

    main {padding-top: 0px;}
    .section {padding: 75px 0;}
    .section-heading {margin: 20px 0}
    .section-related-brands .section-heading {margin: 0 0 30px}
    .block-views-blockbrands-block-1 .section-cta.mob-only {text-align: center; margin: 30px 0 0;}

    .banner-heading {margin: 20px 0}
    .owl-carousel .owl-dots {left: 0; width: 100%;}
    .field--name-field-banner.owl-carousel .owl-dots {width: 100%; left: 0}
    .banner-wrapper .content-wrapper {display: flex; text-align: center; align-items: center;}
    .banner-wrapper .content-wrapper.no-mobile {position: static;}
    .banner-wrapper .content-wrapper .overview-wrapper {font-size: 25px}
    .banner-wrapper .content-wrapper .overview-wrapper br {display: none;}


    #block-footercontact {padding: 75px 0;}
    #block-footercontact .section-cta {margin: 30px 0 30px;}
    #block-footercontact .row {max-width: 450px; margin: auto;}
    #block-footercontact .row > div {padding-right: 0; padding-left: 0;}
    #block-footercontact .contact-heading {margin-bottom: 25px; margin-top: 25px;}

    header{background: #fff;}
    header .right-content,
    header .left-content{display:none;}
    .page-node-19 .page-banner{position: relative;}
    .page-banner .banner-content .banner-content-wrapper{max-width: 100%;}
    #business-accordion .acc-bg{display: none;}

    .section-home-business .owl-nav{top: 30%; right: 10%;}

    .two-col-with-left-image-section .container > .row{display: block;}

    #business-accordion .btn-link .content{position: initial;transform: none;padding: 12px 12px;}

    #careersWebformPopup .modal-content{width: auto;}
    #careersWebformPopup .modal-content .form-item{width: 100%;}

    /*2 Column with Image*/
    .two-col-with-left-image-section .image-wrapper{margin-bottom: 30px;}

    /*Mobile Nav*/
    .mobile-bottom{padding: 0px 30px;margin-top: 50px;}
    .mobile-bottom .social-links{margin-bottom: 50px;}
    .mobile-bottom .social-links div{margin-bottom: 20px; color: #006738; font-size: 20px;}
    .mobile-bottom .social-links a{margin-right: 20px; color: #006738; font-size: 22px;}


@media (max-width: 765px) {
    .form-banner-wrapper .banner-form {margin-left: -15px; margin-right: -15px;}
    .about-statistics-wrapper {margin-left: -15px; margin-right: -15px;}
    .section-home-business .owl-nav{top: 16%; right: 10%;}
}

@media (max-width: 580px) {
	.section-home-business .owl-nav{top: 10%;}
    header .region-header {width: 100%; margin-right: 60px;}

    .landing-banner-wrapper .banner-content {padding: 0;}

    /*#block-views-block-brand-categories-block-1 ul a.active {padding: 0}*/
    #block-views-block-brand-categories-block-1 ul a.active:after {display: none;}
    .block-views-blockbrands-block-1 ul li {width: 100%;}

    .section-related-brands .block-views-blockbrands-block-1 {margin: 10px auto 0}

    footer ul.menu {display: block; text-align: center;}
    footer ul.menu .menu-item {display: inline-block;}
    footer ul.menu a {padding: 0 10px;}
}