/* COMMON */
.clear { clear: both; }
.rel { position: relative; }
.abs { position: absolute; }
.floatLeft { float: left; }
.floatRight { float: right; }

img { max-width: 100%; height: auto }

a, a span, button, input[type='submit'], .dropdown-menu,
.main-slider-arrow, .employee-slider-arrow {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

a { font-weight: 600; color: #054d9d; text-decoration: none; }
a:hover { color: #252525; }

.blue { font-weight: 600; color: #054d9d !important; }
.dark { color: #252525; }

.standard20 { font-size: 20px; line-height: 26px; }

h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }

.noPadding { padding: 0px !important; }
.noMargin { margin: 0px !important; }

.mgTop20 { margin-top: 20px; }
.mgTop40 { margin-top: 40px; }

.mgBtm20 { margin-bottom: 20px; }
.mgBtm40 { margin-bottom: 40px; }

.mgRight10 { margin-right: 10px !important; }



/* MAIN LAYOUT ITEMS */
html {
    position: relative;
    min-height: 100%;
}

body {
    position: relative;
    background: #ffffff;
    font-family: 'Open Sans', sans-serif, arial;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #747474;
    overflow-x: hidden;
}

.fog-overlay {
    background-color: rgba(255, 255, 255, 0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10000000;
    display: none;
}

.mainContent header {
    position: relative;
    margin-bottom: 40px;
}

.mainContent header {
    height: 400px;
    background-size: cover;
    background-position: top center;
}

.mainContent header img {
    display: none;
}

.navbar-default {
    position: absolute;
    top: 28px;
    left: 0; right: 0;
    z-index: 1;
    background-color: rgba(0, 22, 137, 0.9);
}
.navbar-atacama {
    background-color: rgba(255, 255, 255, 0.9);
}

.footer-primary {
    padding-top: 80px;
    min-height: 300px;
    background: #0970c0 url('../media/1059/footer-background.png') top center no-repeat;
}

.footer-primary nav a {
    display: block;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 12px;
}

.footer-primary img.footer-logo {
    margin-top: 30px;
}

.footer-secondary {
    background-color: #001689;
    color: #ffffff;
    font-size: 12px;
    line-height: 15px;
    padding: 20px 0px 15px 0px;
}

.footer-secondary p {
    margin: 0px;
    padding: 0px;
}

.footer-secondary nav a {
    display: inline-block;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    margin: 0px 0px 5px 0px;
}

.footer-secondary nav span.divider {
    position: relative;
    top: -1px;
    margin: 0px 10px 0px 10px;
    display: inline-block;
}

.ca-fr .footer-secondary nav span.divider {
    margin: 0px 5px 0px 5px;
}

.footer-primary nav a:hover,
.footer-secondary nav a:hover {
    color: #ffffff;
}

.language {
    position: absolute;
    top: 200px;
    left: 0px;
    width: 100%;
    z-index: 10000001;
    display: none;
}

.language-selector {
    padding: 20px;
    background-color: white;
}

.language-selector h2 {
    color: #252525;
}

.language-selector .col-xs-4 p {
    font-size: 18px;
    line-height: 24px;
    margin: 8px 0px 0px 0px;
    text-align: center;
}

.contourMessageOnSubmit, .bg-information {
  background-color: #f7f8ff;
  border: 1px solid #e1e1e1;
  padding: 8px 10px 8px 10px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 40px;
}

.navbar-secondary {
    position: absolute;
    top: -28px;
    right: 30px;
    background-color: rgba(10, 113, 192, 0.95);
    color: #ffffff;
    height: 28px;
    padding: 3px 15px 0 15px;
}

.navbar-secondary .social-links {
  margin-left: 60px;
}
.navbar-secondary a {
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    margin: 0 7px;
    text-transform: uppercase;
}

.navbar-secondary .divider {
    display: inline-block;
    position: relative;
    top: -1px;
    font-size: 13px;
    font-weight: 700;
}

.header-lang-selector-en {
    margin-right: 0 !important;
}

.header-lang-selector-fr {
    margin-left: 0 !important;
}

body.ca-en .header-lang-selector-en {
    font-weight: 700;
    text-decoration: underline;
}

body.ca-fr .header-lang-selector-fr {
    font-weight: 700;
    text-decoration: underline;
}




/* HOME ITEMS */
.homeSlider {
    position: relative;
    margin-bottom: 40px;
}

.homeSlider .item {
    /* height: 732px; */
    background-size: cover;
    background-position: top center;
}

.homeSlider .item img {
    display: none;
}

.slider-nav {
    float: right;
    display: none;
}

.main-slider-nav {
    position: absolute;
    width: 100%;
    top: -130px;
    right: 0;
    z-index: 1000000;
}

.main-slider-arrow {
    position: absolute;
    background-color: rgba(10, 113, 192, 0.95);
    cursor: pointer;
}

.main-slider-arrow:hover {
    background-color: #bfbfbf;
}

.main-slider-arrow .fa {
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
}

.main-slider-prev {
    right: 42px;
    padding: 11px 14px 8px 10px;
}

.main-slider-next {
    right: 0px;
    padding: 11px 10px 8px 14px;
}

.banner-content {
    position: absolute;
    width: 100%;
    bottom: 130px;
    right: 0;
    z-index: 1000000;
}

.banner-content .container {
    width: 100%;
    padding: 0;
}

.banner-desc {
    width: 100%;
    background: rgba(0, 22, 137, 0.75);
    background: -moz-linear-gradient(left, rgb(255,255,255, 0) 40%, rgb(0,22,137, 0.75) 55%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgb(255,255,255, 0) 40%,rgb(0,22,137, 0.75) 55%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgb(255,255,255, 0) 40%,rgb(0,22,137, 0.75) 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 20px 0;
    text-align: right;
}

.banner-desc h1 {
    width: 930px;
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
    color: #ffffff;
    margin: 0 auto;
    margin-bottom: 5px;
    text-transform: none;
}

.banner-desc p {
    margin: 0px;
    padding: 0px;
}

.banner-cta {
    padding: 10px 0px 0px 0px;
}

.banner-cta .banner-button {
    background-color: rgba(227, 69, 23, 0.5);
    padding: 5px 15px 5px 15px;
    font-weight: 600;
    font-size: 30px;
    line-height: 30px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
}

.banner-cta .banner-button:hover {
    background-color: #0a71c0;
}

.banner-content.banner-single {
    top: 65%;
}

.banner-single .banner-desc {
    display: none;
}

.banner-single .banner-cta {
    text-align: center;
}

.homeContainer {
    border-bottom: 2px solid #ededed;
    padding-bottom: 40px;
    margin-bottom: 50px;
}

.homeContainer:last-child {
    border-bottom: none;
}

.homeContainer h2 {
    background-color: #001689;
    font-size: 18px;
    color: #ffffff;
    padding: 8px 0;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

.homeContainer a {
    margin-bottom: 20px;
    border-bottom: 10px solid #0a71c0;
    display: block;
}

.homeContainer img {
    width: 100%;
}

.homeContainer a:hover img,
.homeContainer a:focus img {
    opacity: 0.7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.home-news h3 {
    padding-top: 6px;
    font-size: 24px;
    line-height: 28px;
}

.home-news .home-news-cta {
    border-bottom: none !important;
}




/* EMPLOYEE ITEMS */
.employee-content {
    padding-top: 40px;
    margin-bottom: 60px;
    text-align: left;
}

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

.employee-slider {
    width: 100%;
}

.employee-slider-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -17px;
    z-index: 1000000;
}

.employee-slider-arrow {
    position: absolute;
    background-color: #bfbfbf;
    cursor: pointer;
    text-align: center;
    width: 35px;
}

.employee-slider-arrow:hover {
    background-color: #0970c0;
}

.employee-slider-arrow .fa {
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
}

.employee-slider-prev {
    left: -30px;
    padding: 10px 2px 10px 0px;
}

.employee-slider-next {
    right: -30px;
    padding: 10px 0px 10px 2px;
}

.employee-slider .item {
    position: relative;
}

.employee-slider .item img {
    padding: 12px;
}

.employee-slider .item:hover .employee-rollover,
.employee-slider .item:focus .employee-rollover,
.employee-slider .item.slick-current .employee-rollover {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;

    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    display: block;
}

.employee-rollover {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 12px;
    display: none;
}

.employee-rollover-content {
    background-color: rgba(227, 69, 23, 0.7);
    color: #ffffff;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    padding: 8px 8px 8px 10px;
}

.employee-rollover-content p {
    margin: 0px;
    padding: 0px;
}

.employee-rollover-content h3 { color: #ffffff; font-size: 17px; line-height: 17px; text-transform: none; font-weight: 400; letter-spacing: 0em; margin-bottom: 3px; }

.employee-right.col-xs-4 {
    width: 35%;
}

.employee-right .col-lg-12 img {
    margin-bottom: 6px;
    padding-left: 3px;
}

.employee-right .col-xs-6, .employee-right .col-lg-12 {
    padding: 0px;
}

.employee-right .col-xs-6 {
    padding-right: 0px;
    padding-left: 3px;
}

.employee-right .col-xs-6:first-child {
    padding-right: 3px;
    padding-left: 0px;
}




/* CONTENT ITEMS */
.article {
    margin: 60px 0px 50px 0px;
    border-bottom: 2px solid #ededed;
}

.article:last-child {
    border-bottom: none;
}

.article-list h2 {
    margin-bottom: 20px;
}

.article-list h2 span,
.article h2 span {
    display: block;
    font-size: 13px;
    font-style: italic;
    text-transform: none;
}

.article-list .row {
    padding-bottom: 30px;
    margin-bottom: 50px;
    border-bottom: 1px solid #747474;
}

.article-list .row:last-child {
    border-bottom: none;
}

.article-list-right {
    margin-top: 10px;
}

.article-list-right a {
    text-align: center;
    width: 100%;
}

.content {
    padding-bottom: 100px;
}

.content-image {
    padding-bottom: 25px;
}


/* CONTACT ITEMS */
.contact-left {
    /*width: 62.5%;*/
    width: 100%;
    margin-bottom: 50px;
    float: left;
}

.contact-right {
    /*width: 37.5%;*/
    width: 100%;
    margin-bottom: 50px;
    float: left;
}

.contact-highlight {
    color: #252525;
    line-height: 25px;
    margin-bottom: 40px;
}

.contact-highlight-left {
    width: 60%;
    float: left;
}

.contact-highlight-right {
    width: 40%;
    float: left;
}

.contact-highlight-left .fa {
    color: #054d9d;
    font-size: 14px;
    margin-right: 5px;
}

.contact-form {
    font-size: 12px;
    font-weight: 600;
    color: #252525;
}

.contact-form #contour fieldset, .contact-form .contour fieldset {
    padding: 0px;
    margin: 0px;
}

.contact-form .col-md-6,
.contact-form .col-md-12 {
    padding: 0px;
}
@media (min-width:768px) {
    .contact-form .col-md-6 label,
    .contact-form .col-md-12 label {
        width: 18%;
    }
}
@media (min-width:990px) {
    .contact-form .col-md-6 label {
        width: 36%;
    }
    .contact-form .col-md-12 label {
        width: 17.2%;
    }
}

.contact-form label {
    font-size: 12px;
    font-weight: 600 !important;
    line-height: 14px;
    margin: 12px 5px 0px 0px;
}
@media (min-width:768px) {
    .contact-form label {
        float: left;
        text-align: right;
    }

}

.contact-form label.checkbox-inline {
    margin: 0px;
    font-weight: 600;
    padding: 2px 0 1px 22px;
    text-align: left;
}
@media (min-width:768px) {
    .form-item-please-do-not-share-my-information-with-third-parties-for-market {
        margin-left: 19% !important;
        width: 81% !important;
    }
    .contact-form label.checkbox-inline {
        width: 100%;
    }
}

.contact-form .checkbox {
    width: 100%;
    margin: 10px 0px 20px 0px;
    display: inline-block;
}

.contact-form .checkbox label {
    text-align: left;
}
@media (min-width:768px) {
	.form-checkbox {
		position: absolute;
		left: 0 !important;
	}
    .contact-form .checkbox label {
        width: 63%;
        float: right;
    }

    .contact-form .checkbox input[type='checkbox'] {
        margin-right: 10px;
        float: right;
    }
}

.contact-form input[type='text'],
.contact-form input[type='email'],
.contact-form select,
.contact-form textarea {
    width: 100% !important;
    height: 34px;
    padding: 6px 5px !important;
    font-size: 12px;
    margin-bottom: 5px !important;
    color: #252525;
    background-color: #f7f8ff;
    background-image: none;
    border: 1px solid #e1e1e1 !important;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
@media (min-width:768px) {
    .contact-form input[type='text'],
    .contact-form input[type='email'],
    .contact-form select,
    .contact-form textarea {
        float: left;
        width: 58% !important;
    }
    .contact-form .col-md-12 select,
    .contact-form .col-md-12 textarea {
        width: 100% !important;
    }
    .contact-form .col-md-12 label + div {
        float: left;
        width: 58%;
    }
    .contact-form .col-md-12.js-form-type-textarea > div {
        padding: 0 5px 0 2px;
    }
}
@media (min-width:989px) {
    .contact-form .col-md-12 label + div {
        padding: 0 5px;
        width: 80.5%;
    }
    .contact-form .col-md-12.js-form-type-select > div {
        padding: 0 10px;
    }
    .contact-form .col-md-12.js-form-type-textarea > div {
        padding: 0 9px;
    }
}
.contact-form .col-md-12 textarea {
    height: 180px;
    padding: 0 10px;
}

.contact-form .form-control-error {
    border: 1px solid #ee2b00;
    background-color: #fff1ee;
}

.contact-form input[type='submit'] {
    margin: 10px 0px 0px 0px;
    float: right;
}

.contact-form .field-validation-error {
    width: 100%;
    margin: 0px;
    padding: 0px !important;
    display: inline-block;
    background-color: #fff1ee !important;
    text-align: left;
}

@media screen and (max-width: 991px) {
	.form-actions {
		padding-top: 20px;
		clear: both;
	}

	.form-item {
		clear: both;
	}
}


/* CAREER ITEMS */
.header-content.careers-header-content {
    top: 0%;
    margin-top: 0px;
}

.careers-container {
    margin-top: 60px;
}

.careers-search-container {
    position: relative;
    background-color: #ffffff;
    margin-top: 0px;
    padding: 30px 80px 0px 70px;
    z-index: 10000;
}

.ca-fr .careers-search-container {
    padding: 30px 80px 0px 40px;
}

.careers-search-container label {
    font-size: 13px;
    font-weight: 400;
    color: #252525;
    padding-right: 0px;
    text-align: right;
}

.careers-search-container .form-group {
    margin-bottom: 0px;
}

.careers-search-container .form-control {
    padding: 5px;
    height: auto;
    margin-bottom: 6px;
}

.career-description {
    color: #252525;
}

.career-description h3 {
    text-transform: none;
    font-weight: 400;
}

.career-description strong,
.career-description h3 strong {
    color: #252525;
}

.careers-cta h2 {
    background-color: #001689;
    font-size: 18px;
    color: #ffffff;
    padding: 8px 0;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

.careers-cta a {
    margin-bottom: 20px;
    border-bottom: 10px solid #001689;
    display: block;
}

.careers-cta img {
    width: 100%;
}

.careers-cta a:hover img,
.careers-cta a:focus img {
    opacity: 0.7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}



/* ETHICS ITEMS */
.ethics-form .contour textarea {
    max-width: none !important;
    width: 100% !important;
    font-size: 14px;
    padding: 6px 12px;
    color: #252525;
    background-color: #f7f8ff;
    background-image: none;
    border: 1px solid #e1e1e1 !important;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

.ethics-form .contour input[type="submit"] {
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
}



/* FONT ITEMS */
h1 { font-weight: 600; font-size: 32px; line-height: 32px; color: #0a71c0; letter-spacing: 0em; text-transform: uppercase; margin-bottom: 40px; }
h2 { font-weight: 600; font-size: 30px; line-height: 30px; color: #0a71c0; letter-spacing: 0em; text-transform: uppercase; margin-bottom: 20px; }
h3 { font-weight: 600; font-size: 24px; line-height: 24px; color: #0a71c0; letter-spacing: 0em; text-transform: uppercase; margin-bottom: 15px; }
h4 { font-weight: 600; font-size: 14px; line-height: 18px; color: #0a71c0; letter-spacing: 0em; text-transform: uppercase; margin-bottom: 4px; }
.article-list h2 { font-weight: 600; font-size: 18px; line-height: 30px; color: #0a71c0; letter-spacing: 0em; text-transform: uppercase; margin-bottom: 15px; }

h2 strong {
    color: #0a71c0;
    font-weight: 700;
}

.mainContent ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.mainContent ul li {
    margin: 0px;
    padding: 0px 0px 10px 30px;
    position: relative;
}
.mainContent ul li::after {
    content:"";
    display:block;
    position:absolute;
    left:16px;
    top:7px;
    height:6px;
    width:6px;
    border-radius:100%;
    background-color:#0a71c0;
}

.article ul {
    margin: 0px 0px 10px 40px;
    padding: 0px;
    list-style: disc;
}

.article ul li {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    background: none;
}


.button, input[type='submit'], input.button {
    position: relative;
    background-color: #ffffff;
    font-weight: 600;
    padding: 15px 25px 13px 25px;
    font-size: 13px;
    color: #888888;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    text-decoration: none;
    margin: 0px 0px 20px 0px;
    line-height: 1.2em;
    text-align: center;
    max-width: 100%;
    display: inline-block;
}

.button:hover {
    background-color: #054d9d;
    color: #ffffff;
    text-decoration: none;
}

input[type='submit'], input.button, .button-blue {
    background-color: #054d9d;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 18px;
    font-weight: 400;
    -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
    border: 1px solid #054d9d;
    margin: 0px 0px 40px 0px;
}

input[type='submit']:hover, input.button:hover, .button-blue:hover {
    background-color: #ffffff;
    color: #888888;
    text-decoration: none;
    border: 1px solid #e1e1e1;
}

.pagination {
    position: relative;
    width: 100%;
    text-align: center;
}

.pagination a {
    background-color: #ffffff;
    min-width: 35px;
    height: 35px;
    font-weight: 600;
    padding: 9px 0px 0px 0px;
    font-size: 13px;
    color: #888888;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    text-decoration: none;
    line-height: 1.2em;
    text-align: center;
    display: inline-block;
}

.pagination a:hover, .pagination a.active {
    background-color: #054d9d;
    color: #ffffff;
    text-decoration: none;
}

.pager ul li {
    padding-left: 10px;
}
.pager ul li::after {
    display: none;
}


/* BENEFIT ITEMS */
.benefits-list {
    margin-bottom: 50px;
}

.benefits-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.benefits-list ul li {
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    list-style: none;
    text-align: left;
}

.benefits-list li img {
    margin-right: 15px;
}

.emp-programs,
.sustainability-list {
    padding-top: 20px;
    text-align: left;
}

.emp-programs h3,
.sustainability-list h3 {
    font-size: 15px;
}

.ada-content {
    padding-bottom: 200px;
}

#more {
    display: none;
}



/* IMAGE ITEMS */
img.img-border {
    display: block;
    overflow: hidden;
    padding: 7px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border: 1px solid #e1e1e1;
}

.social-media-icons a {
    font-size: 35px;
    line-height: 35px;
    display: inline-block;
    margin: -3px 5px 10px 0px;
}

.fa-linkedin-square { color: #007bb6; font-size: 35px !important; line-height: 35px !important; margin: 0px 0px 0px 5px; position: relative; top: 3px; }
.fa-facebook-square { color: #3b5998; }
.fa-twitter-square { color: #00aced; }
.fa-pinterest-square { color: #cb2027; }
.fa-instagram { color: #517fa4; }

.navbar-nav .fa-linkedin-square { color: #ffffff; font-size: 20px !important; line-height: 20px !important; margin: 0px; padding: 0px; top: 0px; }
.navbar-nav .fa-linkedin-square:hover { color: #eeeeee; }

[id*="block-banner"] img { width: 100%; }


/* ACCORDION ITEMS */
.panel {
    border: none;
    border-bottom: 1px solid #747474;
}

.panel-default > .panel-heading {
    background-color: #ffffff;
    color: #252525;
}

h2.panel-title {
    margin-bottom: 0px;
}

.panel-heading a {
    text-decoration: none;
    display: block;
}

.panel-heading a:hover {
    text-decoration: none;
}

.panel-heading a h2 {
    color: #252525;
}

.panel-heading a:hover h2 {
    color: #054d9d;
}

.panel-heading a .fa {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -9px;
    font-size: 18px;
    color: #054d9d;
}

.paragraph--bp-accordion-container .panel-title > a[aria-expanded="true"]:before {
    font-family: FontAwesome;
    color: #054d9d;
    content: "\f056";
    font-size: 18px;
    right: 0;
    position:absolute;
}

.paragraph--bp-accordion-container .panel-title > a[aria-expanded="false"]:before {
    font-family: FontAwesome;
    color: #054d9d;
    content: "\f055";
    font-size: 18px;
    right: 0;
    position:absolute;
}

.form-required::after {
content: '';
vertical-align: super;
display: inline-block;
background-image: url(/core/misc/icons/ee0000/required.svg);
background-repeat: no-repeat;
background-size: 6px 6px;
width: 6px;
height: 6px;
margin: 0 0.3em;
}

.custom-homepage a {
    padding: 10px 8px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-color: #0a71c0;
    margin-bottom: 0px;
    border-bottom: none;
}



/* Note: General rules for Tablet and Mobile */
@media screen and (max-width: 1200px) {


}


/* Note: Design for a width of 768px #Tablet (Landscape) */
@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .language { top: 100px; }

    /* HOME ITEMS */
    .banner-desc { font-size: 18px; line-height: 24px; }
    .banner-desc h1 { width: 900px; }
    .banner-cta { padding: 10px 0px 0px 0px; }
    .banner-cta .banner-button { padding: 5px 15px 5px 15px; font-size: 24px; line-height: 24px; }

    /* CAREER ITEMS */
    .careers-container { margin-top: 100px; }

}


/* Note: Design for a width of 768px #Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    .language { top: 100px; }

    .mainContent header { height: auto; background: none; }
    .mainContent header img { display: block; }

    /* NAV ITEMS */
    .navbar-default { position: relative; top: auto; left: auto; right: auto; }
    .navbar-header { width: 185px; }
    .navbar > .container .navbar-brand { margin-right: 20px; padding-top: 46px; padding-bottom: 25px; }
    .navbar-nav > li { margin-left: 30px; }
    .navbar-nav > li > a { padding-top: 63px; padding-bottom: 31px; font-size: 14px; }
    .dropdown-menu { top: 90px; }

    .navbar-secondary { top: 0; left: 0; right: 0; text-align: right; }

    .ca-fr .nav > li > a { font-size: 16px; }
    .ca-fr .navbar-nav > li > a { padding-top: 10px; }
    .ca-fr .dropdown-menu { top: 60px; }

    /* HOME ITEMS */
    .homeSlider .item { height: auto; background: none; }
    .homeSlider .item img { display: block; }
    .main-slider-nav { top: -50px; }
    .banner-content { bottom: 50px; }
    .banner-desc { padding: 10px 50px; }
    .banner-desc h1 { font-size: 22px; line-height: 28px; width: 100%; }
    .banner-desc { font-size: 14px; line-height: 21px; }
    .banner-cta { padding: 10px 0px 0px 0px; }
    .banner-cta .banner-button { padding: 5px 30px 5px 30px; font-size: 16px; line-height: 16px; }

    /* CONTACT ITEMS */
    .contact-highlight-left { width: 100%; }
    .contact-highlight-right { width: 100%; margin-bottom: 10px; }

    /* CAREER ITEMS */
    .header-content.careers-header-content { margin-top: 0px; }
    .careers-container { margin-top: 130px; }
    .careers-search-container, .ca-fr .careers-search-container { padding: 30px 40px 0px 40px; }

    /* EMPLOYEE ITEMS */
    .employee-slider { width: 83.33333333%; }
    .employee-slider-prev { left: 15px; }
    .employee-slider-next { right: 15px; }

}


/* Note: Design for Mobile */
@media screen and (max-width: 767px) {

    .mainContent header { height: auto; background: none; }
    .mainContent header img { display: block; }

    .language { top: 50px; }
    .language-selector { padding: 10px; }
    .language-selector .col-xs-4 p { font-size: 14px; line-height: 20px; margin: 8px 0px 0px 0px; }

    .footer-primary { padding-top: 40px; padding-bottom: 30px; min-height: 0; background: #0970c0; }
    .footer-primary img.footer-logo { width: 200px; margin-top: 35px; }
    .footer-primary nav a { font-size: 18px; line-height: 22px; margin-bottom: 10px; }
    .footer-secondary nav { margin-top: 20px; }

    .header-lang-selector { top: 10px; right: 20px; }

    /* NAV ITEMS */
    .navbar-default { position: relative; top: auto; left: auto; right: auto; }

    .navbar-brand { width: 160px; padding-left: 20px; }
    .navbar-nav > li > a { font-size: 14px; padding: 8px 0px 8px 20px; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { border-bottom: none; }
    .navbar-nav .open .dropdown-menu { margin-bottom: 20px; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; }
    .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 40px; }
    .dropdown-menu > li > a { white-space: normal; }

    .navbar-secondary { top: 0; left: 0; right: 0; text-align: right; }

    /* HOME ITEMS */
    .homeSlider .item { height: auto; background: none; }
    .homeSlider .item img { display: block; }

    .main-slider-nav { top: -50px; }
    .banner-content { bottom: 50px; }
    .banner-desc { padding: 10px 20px; }
    .banner-desc h1 { font-size: 18px; line-height: 26px; width: 100%; }
    .banner-desc { font-size: 14px; line-height: 21px;
        background: rgba(0, 22, 137, 0.75);
        background: -moz-linear-gradient(left, rgb(255,255,255, 0) 5%, rgb(0,22,137, 0.75) 55%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgb(255,255,255, 0) 5%,rgb(0,22,137, 0.75) 55%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgb(255,255,255, 0) 5%,rgb(0,22,137, 0.75) 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
    .banner-cta { padding: 10px 0px 0px 0px; }
    .banner-cta .banner-button { padding: 5px 30px 5px 30px; font-size: 15px; line-height: 15px; }

    /* CONTENT ITEM */
    .content { padding-bottom: 60px; }

    /* CONTACT ITEMS */
    .contact-left, .contact-right { width: 100%; }
    .contact-highlight-left { width: 100%; }
    .contact-highlight-right { width: 100%; margin-bottom: 10px; }

    /* CAREER ITEMS */
    .header-content.careers-header-content { position: relative; margin-top: 0px; margin-bottom: -50px; }
    .careers-container { margin-top: 0px; }
    .careers-search-container, .ca-fr .careers-search-container { padding: 30px 40px 0px 0px; }

    .ada-content { padding-bottom: 0; }

    /* EMPLOYEE ITEMS */
    .employee-slider { width: 75%; }
    .employee-slider-prev { left: 15px; }
    .employee-slider-next { right: 15px; }

}


/* Note: Design for a width of 480px #Mobile (Landscape) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    .header-content { margin-top: -20px; }
    .header-content h1 { font-size: 24px; line-height: 24px; padding: 8px 20px 0px 20px; height: 40px; }

}


/* Note: Design for a width of 320px #Mobile (Portrait) */
@media only screen and (max-width: 479px) {

    .header-content { margin-top: -15px; }
    .header-content h1 { font-size: 20px; line-height: 20px; padding: 5px 15px 0px 15px; height: 30px; }

    /* HOME ITEMS */
    .banner-content, .banner-content.banner-single { top: 50%; }
    .banner-cta { text-align: center; }
    .banner-cta .banner-button { padding: 5px 15px 5px 15px; }

    .homeCEO .col-xs-4, .homeCEO .col-xs-8 { width: 100%; }
    .homeCEO .col-xs-4 { margin-bottom: 20px; text-align: center; }

    /* EMPLOYEE ITEMS */
    .employee-left, .employee-right.col-xs-4 { width: 100%; }
    .employee-right.col-xs-4 { text-align: center; }

    .employee-right .col-xs-6 { text-align: right; }
    .employee-right .col-xs-6:last-child { text-align: left; }

    /* CONTACT ITEMS */
    .contact-form input[type='submit'] { margin: 30px 0px 0px 0px; float: left; }

    /* CAREER ITEMS */
    .careers-search-container, .ca-fr .careers-search-container { padding: 30px 0px 0px 0px; }

    /* IMAGES ITEMS */
    .pull-right, .pull-left { padding: 10px 0px 30px 0px; float: none !important; margin: 0 auto; display: block; }

}

/* custom classes */

.paragraph p.hero {
    font-size: 1.35em;
    line-height: 1.25;
    margin: 0 -15px 0;
}
@media (min-width:768px) {
    .paragraph p.hero {
        color: #fff;
        font-size: 1.75em;
        line-height: 1.25;
        margin: -200px -15px 0;
        text-shadow: 1px 1px #333;
    }
}
@media (min-width:990px) {
    .paragraph p.hero {
        margin-top: -140px;
    }
}
@media (min-width:1100px) {
    .paragraph p.hero {
        margin-top: -160px;
    }
}
@media (min-width:1250px) {
    .paragraph p.hero {
        margin-top: -200px;
    }
}

.commitment-logos-row {

}
/* Removes Padding on Columns (Padding is on columns inside). */
.paragraph.paragraph--type--bp-columns > .paragraph__column,
.paragraph.paragraph--type--bp-columns-two-uneven > .paragraph__column,
.paragraph.paragraph--type--bp-columns-three-uneven > .paragraph__column {
  padding-left: 0;
  padding-right: 0;
}
/* Columns Modifiers inside of Columns Element  */
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__6col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__6col {
    float: left;
    width: 16.66666667%;
  }
}
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__5col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__5col {
    float: left;
    width: 20%;
  }
}
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__4col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__4col {
    float: left;
    width: 25%;
  }
}
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__3col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__3col {
    float: left;
    width: 33.33333333%;
  }
}
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__2col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__2col {
    float: left;
    width: 50%;
  }
}
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__1col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__1col {
    float: left;
    width: 100%;
  }
}
/* These allow us to change the width on a single paragraph in a Multicolumn. */
.paragraph--type--bp-columns__1col .paragraph.paragraph--width--tiny > .paragraph__column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--tiny > .paragraph__column {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--tiny > .paragraph__column {
    margin-left: 33.33333333%;
  }
}
.paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {
    margin-left: 25%;
  }
}
.paragraph--type--bp-columns__1col .paragraph.paragraph--width--medium > .paragraph__column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--medium > .paragraph__column {
    float: left;
    width: 66.66666667%;
  }
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--medium > .paragraph__column {
    margin-left: 16.66666667%;
  }
}
.paragraph--type--bp-columns__1col .paragraph.paragraph--width--wide > .paragraph__column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--wide > .paragraph__column {
    float: left;
    width: 83.33333333%;
  }
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--wide > .paragraph__column {
    margin-left: 8.33333333%;
  }
}
.paragraph--type--bp-columns__1col .paragraph.paragraph--width--full > .paragraph__column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--full > .paragraph__column {
    float: left;
    width: 100%;
  }
}

.paragraph.paragraph--type--bp-columns .commitment-logos-row {
    text-align:center;
 }

 @media (min-width:768px) {
 .paragraph.paragraph--type--bp-columns .commitment-logos-row .paragraph--type--bp-columns__6col {
    float: none !important;
    width: 25% !important;
    display: inline-block;
    vertical-align:middle;
    min-height: 82px;
    line-height:82px;
 }
 }

 .paragraph.paragraph--type--bp-columns .commitment-logos-row .paragraph--type--bp-columns__6col img {
    vertical-align: middle;
    height: auto;

 }
 @media (max-width:767.98px) {
    .paragraph.paragraph--type--bp-columns .commitment-logos-row .paragraph--type--bp-columns__6col img {
        width:100%;
        max-width:320px;

    }
 }

 .paragraph.paragraph--type--bp-columns .commitment-logos-row .paragraph--type--bp-columns__2col {
    text-align:left;
  }
  .paragraph.paragraph--type--bp-columns .commitment-logos-row .paragraph--type--bp-columns__2col .paragraph__column p {
     padding-left: 15px;
     margin-bottom: 10px;
  }

  .paragraph.paragraph--type--bp-columns .commitment-logos-row .paragraph--type--bp-columns__2col .paragraph__column ul > li {
     position:relative;
  }

  .paragraph.paragraph--type--bp-columns .commitment-logos-row .paragraph--type--bp-columns__2col .paragraph__column ul > li:after {
    content:"";
    display:block;
    position:absolute;
    left:16px;
    top:7px;
    height:6px;
    width:6px;
    border-radius:100%;
    background-color:#0a71c0;
  }

.slick-slide .custom-homepage-slider img {
    height: auto !important;
}

@media (max-width:991px) {
    #slick-views-employee-testimonials-block-1-1-thumbnail .slick-slide img {
      height: auto !important;

    }
}

.navbar-collapse.raynolds-nav .navbar-nav > li {
    margin-left:25px !important;
}
.navbar-collapse.raynolds-nav .navbar-nav > li:first-child {
    margin-left:0 !important;
}
.navbar-collapse.raynolds-nav .navbar-nav > li > a {
    font-size: 15px;
    letter-spacing: -0.02em;
    border-bottom: solid 3px tansparent;
}
@media (min-width:768px) and (max-width:840px) {
   .navbar-collapse.raynolds-nav .navbar-nav > li {
        margin-left:15px !important;
    }
    .navbar-collapse.raynolds-nav .navbar-nav > li:first-child {
        margin-left:0 !important;
    }
    .navbar-collapse.raynolds-nav .navbar-nav > li > a {
        font-size: 14px;
    }
}

/* TRANSITIONS */
@keyframes fadeIn {
    0% {
        transform: scale(1);
        opacity: 0.0;
    }
    60% {
        transform: scale(1);
    }
    80% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
    60% {
        -webkit-transform: scale(1);
    }
    80% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}