.container {
    max-width: 1440px;
    padding: 0px 5em;
}
.max-width {
    max-width: 1440px !important;
}
body{
	background-repeat: no-repeat;
  background-position: center;
  color: #fff;
}
body.home .small_text {
    color: #fff;
    font-family: georgia;
    font-style: italic;
}

body.home p a, body.home p a:visited, body.home .heading a, body.home .heading a:visited, .cta a:visited {
    color: #fff;
}
p{
    font-family: "roc-grotesk";
}

h1, h2, h3{
        font-family: "roc-grotesk-wide";
}
section{
	padding: 4em 0;
}
.image_and_title_centered_with_paragraph .title {
    font-size: 6.5em;
    font-weight: bold;
    line-height: 0.72;
    width: 100%;
    color: #E76B20;
    margin-top: -1.1em;
}

.caption {
    position: absolute;
    bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    font-family: "roc-grotesk";
    font-size: 1em;
    color: #7C8B8B;
    width: 62%;
}
h2.slider_title {
	font-family: "roc-grotesk";
    font-size: 2em;
}

.logo_area {
    padding-left: 3em;
}
#access.white ul.menu a, footer .white ul#menu-footer a {
    color: #fff;
    border-bottom: solid 2px transparent;
    text-decoration: none;
}
#access.white ul.menu a:hover, #access.white ul.menu li.active a, footer .white ul#menu-footer a:hover, footer .white ul#menu-footer li.active a {
    border-bottom: solid 2px #fff;
}
#access.blue ul.menu a, footer .blue ul#menu-footer a {
    color: #00206E;
    border-bottom: solid 2px transparent;
    text-decoration: none;
}
#access.blue ul.menu a:hover, #access.blue ul.menu li.active a, footer .blue ul#menu-footer a:hover, footer .blue ul#menu-footer li.active a {
    border-bottom: solid 2px #00206E;
}
#access.orange ul.menu a, footer .orange ul#menu-footer a {
    color: #E76B20;
    border-bottom: solid 2px transparent;
    text-decoration: none;
}
#access.orange ul.menu a:hover, #access.white ul.menu li.active a, footer .orange ul#menu-footer a:hover, footer .orange ul#menu-footer li.active a {
    border-bottom: solid 2px #E76B20;
}
/*section.hero .site-main{
	min-height: 768px;*/

	  /* Create the parallax scrolling effect */
  /*background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position-y: 0px;
}*/

/*.admin-bar section.hero .site-main{
  background-position-y: 32px;
}*/

.history h3.title{
	font-family: georgia;
	font-size: 1em;
	font-style: italic;
}
h2.heading {
    font-family: "roc-grotesk-wide";
    font-size: 2.5em;
    margin: 1em 0;
    margin: 0em 0;
    line-height: 1;
}
.value h2.heading {
    margin: 1em 0;
}
p.copy{
	 font-family: "roc-grotesk";
    font-size: 1em;
}	
.details h2.heading{
	font-size: 2em;
    padding-bottom: 1.25em;
}
.cta button, .cta a, input[type=submit] {
    background-color: #E76B20;
    text-decoration: none;
    -webkit-appearance: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    display: inline-block;
    color: #fff;
    padding: 1em 1em 0.75em 1em;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    border-radius: 25px;
    font-family: "roc-grotesk-wide";
    margin-top: 1em;
}
#page-top .pum-theme-498, #page-top .pum-theme-default-theme {
    background-color: rgba(0, 32, 110, 0.9);
}
#page-top .pum-theme-498 .pum-container, #page-top .pum-theme-default-theme .pum-container {
    background-color: transparent;
    /*  */
}
#page-top .pum-theme-498 .pum-title, #page-top .pum-theme-default-theme .pum-title {
    color: #fff;
            font-family: "roc-grotesk-wide",sans-serif;
    font-size: 48px;
    text-align: center;
}
#page-top .pum-theme-498 .subtitle, #page-top .pum-theme-default-theme .subtitle {
    color: #fff;
        margin-bottom: 70px;
            font-family: "roc-grotesk-wide",sans-serif;
    font-size: 24px;
    text-align: center;
}
#page-top .pum-theme-498 .pum-content, #page-top .pum-theme-default-theme .pum-content {
    color: #fff;
}
#page-top .pum-theme-498 .pum-content + .pum-close, #page-top .pum-theme-default-theme .pum-content + .pum-close {
    background-color: transparent;
    box-shadow: none;
    outline: none;
        font-size: 32px;
    /* box-shadow: 0px 0px 0px 0px rgb(2 2 2 / 23%); */
}
button, input {
    outline: none;
}
#page-top .gform_wrapper .top_label input.medium, #page-top .gform_wrapper .top_label select.medium {
    width: 100%;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    float: right;
}
#page-top .gform_wrapper .top_label .gfield_label, #page-top .gform_wrapper legend.gfield_label {
 font-family: "roc-grotesk",sans-serif;
 font-weight: 200;
 font-size: 18px;
}
.gform_confirmation_message{text-align: center; }

.intro .heading:before {
    display: block;
    content: url(../../dist/img/home-hero-arrow-down.svg);
    width: 13px;
    position: absolute;
    left: -8%;
    left: 1%;
    bottom: 0;
}
.intro .heading h1.title {
    color: #fff;
    font-size: 8.75em;
    font-weight: bold;
    line-height: 0.72;
    width: 100%;
    /*margin-bottom: 0.5em;*/
    padding-left: 74px;
}
.intro h3.title {
        padding-left: 80px;
}

h3.title {
    font-family: georgia;
    font-size: 1em;
    font-style: italic;
    margin-bottom: 2em;
}


.modal-content {

    background-color: transparent;
    border: 0;
}
.modal-header {

    border-bottom: 0;
}
.modal-open .modal {
    background-color: rgba(0, 32, 110, 0.9);
}
.modal-dialog {
    max-width: 45%;
    color: #fff;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 0px 0 #fff;
    opacity: 1;
}
.close:hover {
    color: #ccc;
}


.btn-info {
    color: #fff;
    background-color: #E76B20;
    border-color: #E76B20;
    border-radius: 1.1em!important;
    min-width: 6em;
}
.btn-info:hover {
    color: #fff;
    background-color: #c55008;
    border-color: #c55008;
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #c55008;
    border-color: #c55008;
}
.btn-info.focus, .btn-info:focus {
    box-shadow: 0 0 0 0.2rem rgb(197 80 8 / 50%);
}
.teamimg {
    position: relative;
        cursor: pointer;
}
.teambtn {
    position: absolute;
    bottom: 123px;
        left: 32px;
 /*   margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;*/
    opacity: 0.01;
}
.teamimg:hover + .teambtn, .teambtn:hover {

    opacity: 1;
}
.team_name h3{
    font-family: "roc-grotesk-wide";
    font-size: 2.2em;
        text-align: left;
    padding: 0.75em 0;
}
.overlay {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    /*padding: 6em 0 0 0;*/
}
.overlay-container {
    min-height: 100%;
    /*min-height: 100vh;*/
    display: flex;
    align-items: center;
}
.careers .cta button, .careers .cta a, .careers input[type=submit] {
    background-color: #fff;
    color: #E76B20;
}
.post {
    margin-bottom: 3em;
}
.post h2.heading {
    max-width: 11em;
}
.post .date {
font-style: italic;
  font-family: georgia;
}

.contact .info-section {
    max-width: 410px;
    padding-bottom: 3em;
}
.contact .info-section h3.title {
        margin-bottom: 0.5em;
}
.contact .info-section h1.title {
    font-size: 35px;
}

.contact-links h1.title, .contact-links a {
    font-size: 35px;
    color: #fff;
}
#map-location  {
position: relative;
padding-bottom: 40%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
#map-location iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.brand_col {
    border-right: solid 5px #00206E;
    border-left: solid 5px #00206E;
}
.section_title_and_brands .brand_col {
    height: 620px;
    min-width: 250px;
    margin-bottom: 10px;
}
footer ul.social {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}
footer ul.social li {
    width: 4em;
    float: left;
    padding: 0 1em;
}

#menu-footer{
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
  padding-left: 2em;
}
#menu-footer li{
float: left;
    margin-right: 1em;
}
#menu-footer li a{
color: #fff;
font-family: "roc-grotesk";
}

.pagination {
    text-align: center;
    font-family: "roc-grotesk", sans-serif;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.165em;
    font-size: 1.17em;
    display: block;
}
.pagination a {
    color: #fff;
    text-decoration: none;
}
.pagination span {
    font-weight: 600;
}


.section_title_and_paragraph_centered {
    padding-bottom: 5em;
}

@media (max-width: 1280px){
.image_and_title_centered_with_paragraph .title {
    font-size: 4em;
}
}
@media (max-width: 992px){

.container {
    
    padding: 0px 15px;
}

.intro .heading h1.title {
    font-size: 5.75em;
}
#map-location  {
padding-bottom: 60%;
}
.image_and_title_centered_with_paragraph .title {
    font-size: 3em;
}
.logo_area {
    padding-left: 0em;
}

	}

    @media (max-width: 650px){


.intro .heading h1.title {
    font-size: 3em;
}
h2.heading {
    font-size: 1.5em;
}
.overlay .title {
    font-size: 16px;
} 
.image_and_title_centered_with_paragraph .title {
    font-size: 1.75em;
}  
    }

@media (max-width: 576px){
    .modal-dialog {
    max-width: 905%;
}
.team_name h3 {
    font-size: 1.85em;
}



/* fix carreer overlay */
.overlay {
   /* position: relative;*/
}

.overlay h3.title {
        margin-bottom: 0.5em;
    font-size: 12px;;
}

.careers .cta button, .careers .cta a, .careers input[type=submit] {
    font-size: 0.7em;
}
}


@media screen and (max-width: 415px){
#cookie-law-info-bar a.no_button.button, #cookie-law-info-bar a.no_button[data-cli_action="accept"] {
    padding: 15px 17px !important;
    margin-left: 5px !important;
}
}