/* CSS base stylesheet for SCS Global Services website */

/* Breakpoints

@min-width 480
@min-width 768
@min-width 1002

*/

/* Base styles */


/* ******************************* */

html,
body {
  font-size: 14px;
  margin: 0;
  padding: 0;
  width: 100%;
  /*overflow-x: hidden;*/
  background: #FFFFFF;
}

*, input {
  font-family: 'Open Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
  color: #414042;
  position: relative;
  text-rendering: optimizeLegibility;
  text-shadow: 1px 1px 1px hsla( 240, 16%, 24%, 0);
  z-index: 1;
}

body.modal {
    position: fixed;
    overflow: hidden;
} 

body.page-404 {
  background: #ebebeb url('/sites/all/themes/scsglobalservices/img/logo_nest.svg') no-repeat -115px 110px;
  background-size: 550px;
}

/* This is causing the white space under the website's body */
iframe[name='google_conversion_frame'] {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.1;
  margin: 0;
}

h2, h1 {
  color: #000;
  font-size: 21px;
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 10.5px;
  margin-bottom: .75rem;
  margin-top: 10.5px;
  margin-top: .75rem;
}
h2.subtitle {
  font-size: 30px;
  text-transform: initial;
}

h3 {
  color: #818181;
  font-size: 19.6px;
  font-size: 1.3rem;
  margin-bottom: 15px;
}

h4,h5,h6 {
  color: #414042;
  font-size: 15.4px;
  font-size: 1.1rem;
  margin-bottom: 5px;
}

h1.title {
  margin-top: 0;
  line-height: 1;
  color: #040404;
  text-transform: uppercase;
  font-family: 'PT Sans Narrow';
}

p, li {
  font-size: 14px;
  font-size: 1.0rem;
  line-height: 1.65;
  margin-bottom: 12px;
}

a {
  color: #02a4e2;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  color: #0088be;
  text-decoration: underline;
}

li a.active {
  color: #005a8c;
}

h1>a, h2>a, h3>a, h4>a, h5>a, h6>a {
  color: #333346;
  font-weight: 600;
}

h1>a:hover, h2>a:hover, h3>a:hover,
h4>a:hover, h5>a:hover, h6>a:hover {
  color: #000;
  text-decoration: none;
}

table thead th {
  background: #ccc;
  color: #fff;
}

table tr {
  background: #fff;
  color: #414042;
}

table tr:nth-child(even) {
  background: #ccc;
}

/* Base styles - tables */
table {
    width: 100%;
}

table caption {
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
}

table,
table thead,
table tfoot,
table tbody,
table tr,
table th,
table td {
    border: 0;
}

table tr {
    font-size: 95%;
    font-weight: normal;
    height: 28px;
    padding: 0 30px;
    vertical-align: middle;
}

table thead th {
    font-size: 100%;
    font-weight: bold;
    height: 28px;
    padding: 0 30px;
    text-align: center;
    vertical-align: middle;
}

table thead th a {
    color: #fff;
}

/* new admin menu styling */

#admin-menu .dropdown .admin-menu-tab {
  background: none;
}

div#admin-menu-wrapper {
  width: 100%;
  white-space: nowrap;
}

#admin-menu .dropdown li {
  font-size: 9px;
}

#admin-menu .dropdown a {
  font-size: 9px;
}

#admin-menu .dropdown .admin-menu-tab a {
  background: transparent none;
  border: none;
  color: #EEE;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  border-right: 1px solid #323232;
  display: block;
  padding: 4px 8px;
  white-space: nowrap;
}

input.admin-menu-search.form-text {
  display: none;
}

.theme--sidebar {
  width: 26%;
  float: left;
  margin: 0 2%;
}

.theme--sidebar h3 {
  margin-bottom: 0;
}

::-webkit-input-placeholder {
  color: #676668;
  font-style: italic;
  font-weight: normal;
}

input:-moz-placeholder {
  color: #676668;
  font-style: italic;
  font-weight: normal;
}

textarea,
input[type='text'],
input[type='email'],
input[type='password'],
select {
  background: #f8fcf4;
  border: 1px solid #dee8d3;
  border-radius: 3px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .4) inset;
  /* filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=1); */
  max-width: 550px;
  padding: 5px;
  width: 90%;
}

textarea:hover,
input[type='text']:hover,
input[type='email']:hover,
input[type='password']:hover {
  background: #ecf7e0;
}

textarea:active,
input[type='text']:active,
input[type='email']:active,
input[type='password']:active,
textarea:focus,
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus {
  border: 1px solid #acc690;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

figure {
  margin: 0;
}

.left {
    float: left;
}
.right {
    float: right;
}

.center {
    text-align: center;
    margin: 0 auto;
}

.bold {
    font-weight: bold;
}

.green {
    color: #769b28;
}

.arrow-left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.small {
  font-size: 11px;
}

/* -------- Search for Mobile ------------ */

.mobile-search .container-inline {
  width: 100%;
  width: 100vw;
  background-color: #e7edde;
  text-align: center;
  padding: 3.7vw 0px;
  box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.33);
  box-shadow: 0px 1.2vw 2vw 0px rgba(0,0,0,0.33);
  position: absolute;
  z-index: 100;
}

.mobile-search .container-inline input[type='text'] {
  background: #fff;
  border-radius: 0px;
  box-shadow: none;
  padding: 0;
  margin-right: -3px;
  margin-right: -1.35vw;
  border: 0px;
  height: 8vw;
  width: 82vw;
  font-size: .85rem;
  font-size: 3vw;
  padding: 0px 2vw;
  border-radius: 1vw 0 0 1vw;
}

.mobile-search .container-inline input[type='text']:focus {
  outline: none;
}

.mobile-search .container-inline input[type='submit'] {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogIDxnIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIj4NCiAgICA8Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSI3IiBmaWxsPSJub25lIiAvPg0KICAgIDxsaW5lIHgxPSIxNSIgeTE9IjE1IiB4Mj0iMjEiIHkyPSIyMSIgLz4NCiAgPC9nPg0KPC9zdmc+DQo=');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
  background-color: #02a4e2;
  width: 8vw;
  height: 8vw;
  padding: 0px;
  border-radius: 0 1vw 1vw 0;
  font-size: 3vw;
  color: transparent;
}

.no-svg .mobile-search .container-inline input[type='submit'] {
  background-image: url(/sites/all/themes/scsglobalservices/img/srch_icon.png);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #007fb2;
}

.block--main #search-form {
  display: none;
}

section {
  position: relative;
}

section.background-image {
    background-repeat: no-repeat;
    background-position: top left;
}

section.grey {
    background-color: #EEEEEE;
}

section.black {
    background-color: #000000;
}

section.blue {
    background-color: #02a5e2;
}

section.green {
    background-color: #5a8e22;
}

.section-container {
  margin: auto;
  padding: 1px 0;
  position: relative;
}

.background {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    min-height: 280px;
}

.white-container, .theme--sidebar .block {
    margin: 0 auto 30px;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 25px 2%;
    text-align: left;
}

.white-container {
  width: 96%;
}

.theme--sidebar .block {
  padding: 25px 15px;
}

.theme--sidebar .block h4 {
  border-bottom: 1px solid #000000;
  margin-bottom: 15px;
  text-transform: uppercase;
  padding: 0 0 10px 15px;
  font-size: 15px;
}

.theme--sidebar .block p {
  font-size: 13px;
}

.theme--sidebar .block .social-icons {
  margin: 0 auto;
  text-align: center;
}

.theme--sidebar .block .social-icons img {
  margin: 0 3px;
}
.theme--sidebar .block .social-icons img:hover {
  opacity: 0.5;
}

.has-sidebar .white-container {
  width: 66%;
  float: left;
}

.section-arrow {
  position: absolute;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  bottom: 45px;
  width: 40px;
}

.theme--header {
  background: white;
  padding: 1.875vw 0;
  position: relative;
  z-index: 100;
  border-bottom: 1vw solid #dee2e5;
}

.theme--header .section-container:after, .region--megamenu:after {
  clear: both;
  content: "";
  display: block;
}

.theme--megamenu {
  display: none;
}

/*.theme--megamenu:not(.black) .active {
  background-color: #0ba7e0 !important;
}*/

/* adaptation for static Blog menu */
.theme--megamenu a.menu-static:hover {
  text-decoration: none;
}

.field--field_menu_heading {
  display: none;
}

.theme--homepage_new {
  background: white;
}

.theme--content [data-layout-grid],
.theme--content .section-container {
  min-height: 500px;
  padding-top: 30px;
}

.theme--content .section-container.no-min {
  min-height: auto;
  padding: 50px 0 30px;
}

/* Header */
.region--header-1 {
  /*margin-left: 3.75vw;*/
  margin-left: 5vw;
  margin-right: 4.69vw;
}

.region--header-1 .block--3 picture img {
  width: 50%;
}


.region--header-1 h1 span:before {
  content: '|';
  padding-right: 20px;
}

.mini_title_large_text h1 {
  font-size: inherit;
  margin: 0;
}

/* Footer */
.theme--footer {
  background: #000000;
  color: #fff;
  margin-top: 0;
  padding: 0;
  z-index: 10;
}

.theme--footer a,
.theme--footer a:hover {
  color: #fff;
  text-decoration: none;
}

.theme--footer h6 {
  color: #fff;
}

.theme--footer p,
.block--statement a::after {
  font-size: 12px;
  font-size: .857rem;
  font-weight: 400;
  line-height: 1.5;
}

.region--footer {
  margin: 0 auto;
  position: relative;
  padding-bottom: 1em;
}

.blue-bar-footer {
  background: #03a5e2;
  width: 100%;
}

.blue-bar-footer .container {
  max-width: 950px;
  padding: 25px 0;
  margin: 0 auto;
  text-align: center;
  color: #FFFFFF;
}

.blue-bar-footer .container .content {
  text-align: left;
}

.blue-bar-footer .container h3, .blue-bar-footer .container a {
  color: #FFFFFF;
}

.blue-bar-footer .container h3 {
  margin-bottom: 5px;
  text-transform: uppercase;
}

.blue-bar-footer .contact {
  margin: 5px 0;
}

.blue-bar-footer .clear-button {
  margin-bottom: 10px;;
}

.block--statement {
  padding-bottom: 2em;
  width: 100%;
  background-color: #FFFFFF;
}

.block--statement h6,
.block--statement p {
  color: #414042;
  padding: 0 6.25vw;
}

.block--statement h6 {
  font-size: 3.75vw;
  padding-top: 7.813vw;
}

.block--statement p {
  margin: 0;
  max-height: 6em;
  overflow: hidden;
}

.block--statement a::after {
  color: #005a8c;
  content: ' … MORE >';
  padding: 0 6.25vw;
}

.block--footer-links {
  display: none;
  position: absolute;
}

.block--footer-links ul {
  list-style-type: none;
  padding-left: 0;
}

.block--footer-links ul > li {
  color: #fff;
  font-size: 14px;
  font-size: 1.0rem;
  font-weight: 700;
  margin-bottom: 0;
  padding: 5px 0;
  text-align: right;
}

.block--footer-links ul > li:first-of-type {
  padding-top: 0;
}

.block--footer-links ul > li:last-of-type {
  border-bottom: none;
}

.block--address {
  padding: 3.75vw 6vw 0;
}

.block--address h6 {
  font-size: 14px;
  font-size: 1rem;
}

.block--address p {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  font-size: 10px;
  font-size: .7143rem;
  margin-bottom: 0;
}

.block--social-network-identities {
  display: block;
  border-top: solid 1px #fff;
  margin: 0 auto;
  text-align: center;
  padding: 15px 0;
  background: #000000;
}

.block--social-network-identities ul,
.block--social-network-identities li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.block--social-network-identities > ul {
  text-align: center;
  margin: 0 auto;
}

.block--social-network-identities > ul > li {
  box-sizing: border-box;
  display: inline-block;
  width: calc(38px + 0.5em);
  margin: 0;
}

.block--social-network-identities > ul > li > a, .stay-connected .section-container ul > li > a {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  text-indent: -999px;
  width: 25px;
}

.block--social-network-identities a[href*='instagram.com'] {
  background-image: url(/sites/all/themes/scsglobalservices/img/icons/social/instagram_mobile.png);
}

.block--social-network-identities a[href*='twitter.com'] {
  background-image: url(/sites/all/themes/scsglobalservices/img/icons/social/social-twitter.4_white.png);
}

.block--social-network-identities a[href*='facebook.com'] {
  background-image: url(/sites/all/themes/scsglobalservices/img/icons/social/social-facebook3_white.png);
}

.block--social-network-identities a[href*='plus.google.com'] {
  background-image: url(/sites/all/themes/scsglobalservices/img/icons/social/social-google+.2_white.png);
}

.block--social-network-identities a[href*='linkedin.com'] {
  background-image: url(/sites/all/themes/scsglobalservices/img/icons/social/social-linkedin3_white.png);
}

.block--social-network-identities a[href*='youtube.com'] {
  background-image: url(/sites/all/themes/scsglobalservices/img/icons/social/social-youtube_white.png);
}

.stay-connected .section-container ul {
  margin: 0 auto;
  text-align: center;
}

.stay-connected .section-container ul > li > a {
  width: 77px;
  height: 77px;
  margin: 0 20px;
}

.stay-connected .section-container a[href*='instagram.com'] {
  background-image: url(/sites/all/themes/scsglobalservices/img/icons/social/icon-instagram.png);
}
  
.stay-connected .section-container a[href*='twitter.com'] {
  background-image: url(/sites/all/themes/scsglobalservices/img/icons/social/icon-twitter.png);
}

.stay-connected .section-container a[href*='facebook.com'] {
  background-image: url(/sites/all/themes/scsglobalservices/img/icons/social/icon-facebook.png);
}

.stay-connected .section-container a[href*='youtube'] {
  background-image: url(/sites/all/themes/scsglobalservices/img/icons/social/icon-youtube.png);
}

.stay-connected .section-container a[href*='linkedin.com'] {
  background-image: url(/sites/all/themes/scsglobalservices/img/icons/social/icon-linkedin.png);
}

.region--header-2 .block {
    float: left;
}

.region--header-2 .block .login-button, .page-user #edit-submit {
  margin-top: 4px;
}

.block .login-button .btn-blue, .page-user #edit-submit {
  text-transform: uppercase;
  font-weight: bold;
  padding: 7px 15px;
}

.node--page-not-found h1, .node--page-not-found h2 {
  font-size: 5rem;
  color: #0aa6e1;
}

.node--page-not-found h2, .node--page-not-found p {
  font-weight: normal;
  color: #626262;
}

.node--page-not-found p {
  font-size: 2rem;
}

/* Language dropdown */

.form-item-lang-dropdown-select,
.form-item-lang-dropdown-select .scs-select {
  display: inline;
}

.lang-dropdown-select-element {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background: url(/sites/all/themes/scsglobalservices/img/icons/arrow-down.svg) right top no-repeat;
  background-color: #fff;
  border: none;
  color: #005A8C;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  padding-right: 30px;
  text-indent: .01px;
  text-overflow: "";
}

.lang-dropdown-select-element::-ms-expand {
  display: none;
}

.lang-dropdown-select-element:after {
  color: #005A8C;
  content: '|';
  padding-left: 30px;
  z-index: 300;
}

#lang_dropdown_form_language .lang-dropdown-select-element > option:hover,
#lang_dropdown_form_language .lang-dropdown-select-element > option:checked {
  background-color: #E8E6E7 !important;
  color: #005a8c !important;
}

#lang_dropdown_form_language .language-icon {
  max-height: 10px;
}

.region--content .field {
  margin-bottom: 1em;
}

.region--megamenu {
    display: inline-block;
    min-width: 1002px;
    max-width: 1150px;
    margin: 0 auto;
    text-align: center;
    /*margin: 0 142px 0 0;*/
}

.region--megamenu .block--content {
  display: none;
}

/* ------------- Mobile Search ------------- */

.mobile-search {
  display: none;
}

.region--megamenu ul.menu {
  padding-left: 0px;
}

/*.search-results {
  padding-left: 8vw;
}*/
.search-gpg {
    margin: 15px 0 10px;
}

.block--main > .search-form + h2 {
  padding-left: 4vw;
  margin-top: 2.3vw;
}

.search-results li {
  margin-bottom: 3.8vw;
}

.search-result h3.title {
  font-size: 3.8vw;
  padding-bottom: 1.5vw;
  padding-top: 1vw;
  margin-bottom: 0;
}

.search-result h3 a {
  color: #005a8c;
  font-size: 3.8vw;
  padding: 0vw 4vw 0vw 0vw;
}

.search-result p {
  font-size: 3.8vw;
  padding-right: 4vw;
}

.search-result h3 a:hover {
  text-decoration: underline;
}

div.messages.error {
  line-height: 1.65;
  margin: 5px 0;
}

div.message-container {
  background: #f0f0f0;
  padding: 5px 0;
}

div.message-container .messages {
  max-width: 917px;
  margin: 0px auto;
}

.message-content {
    border: #5a8e22 1px solid; 
    padding: 10px; 
    border-radius: 3px;
    margin: 20px 0;
    width: 80%;
}

/* Banner image */
.theme--hero-unit {
  display: none;
}

.theme--hero-unit>figure {
  background: transparent;
  margin-bottom: 0;
  padding-bottom: 10px;
  position: relative;
  z-index: 2;
}

.theme--hero-unit>figure:before,
.theme--hero-unit>figure:after {
  bottom: 20px;
  box-shadow: 0 6px 4px rgba(0, 0, 0, .75);
  content: '';
  height: 50px;
  max-width: 500px;
  position: absolute;
  width: 50%;
  z-index: -2;
}

.theme--hero-unit>figure:before {
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
  left: 6px;
}

.theme--hero-unit>figure:after {
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
  right: 6px;
}

.theme--hero-unit>figure {
  overflow: hidden;
}

.theme--hero-unit>figure>div {
  border: solid white;
  border-width: 4px 10px;
  height: 125px;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
}

.field--field_service_banner_mark img {
  left: 12px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.theme--hero-unit>figure>div>ul,
.theme--hero-unit>figure>div>ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.theme--hero-unit>figure>div>ul {
  position: absolute;
    top: 8px;
    right: -10px;
  width: 222px;
  z-index: 9999;
}

.theme--hero-unit>figure>div>ul>li.current {
  opacity: 1;
    right: 0;
  -webkit-transition: opacity .8s, right .8s;
  transition: opacity .8s, right .8s;
}

.theme--hero-unit>figure>div>ul>li {
  background: none repeat scroll 0 0 white;
  border-radius: 10px 0 0 10px;
  box-shadow: -2px 2px 1px rgba(0, 0, 0, .4);
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=3);
  opacity: 0;
  padding-left: 8px;
  position: absolute;
    right: -100%;
  white-space: nowrap;
  -webkit-transition: opacity .8s, right .8s;
  transition: opacity .8s, right .8s;
}

.theme--hero-unit>figure>div>ul>li:after {
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
  background: none repeat scroll 0 0 #03293E;
  bottom: -5px;
  content: '';
  height: 20px;
  position: absolute;
    right: 0;
  width: 10px;
  z-index: -1;
}

.theme--hero-unit>figure>div>ul>li>a {
  display: block;
}

.theme--hero-unit>figure>div>ul>li>a>strong,
.theme--hero-unit>figure>div>ul>li>a>em,
.theme--hero-unit>figure>div>ul>li>a>time {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  padding: 2px 4px;
}

.theme--hero-unit>figure>div>ul>li>a>strong {
  text-transform: uppercase;
}

.theme--hero-unit>figure>div>ul>li>a>em,
.theme--hero-unit>figure>div>ul>li>a>span {
  margin-left: 12px;
  margin-right: 24px;
}

.theme--hero-unit>figure>div>ul>li>a>time {
  background: #005a8c;
  color: #ffffff;
  font-weight: 800;
  padding-right: 12px;
  position: relative;
  text-transform: uppercase;
  width: 5em;
  z-index: 2;
}

.theme--hero-unit>figure>div>ul>li>a>time:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 48%;
  left: -8px;
  right: 50%;
  background: #005a8c;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
  z-index: -1;
}

.theme--hero-unit>figure>div>ul>li>a>time:after {
  content: '';
  position: absolute;
  top: 49%;
  bottom: 0;
  left: -8px;
  right: 50%;
  background: #005a8c;
  -webkit-transform: skewX(45deg);
  transform: skewX(45deg);
  z-index: -1;
}

.theme--hero-unit>figure>figcaption {
  background: white;
  border: 5px solid white;
  border-top: 0;
  font-style: italic;
  padding: 0 10px;
  text-align: left;
}

.theme--hero-unit>figure>figcaption p {
  margin: 0;
}

/* Content Region */
.content--main {
    padding-bottom: 30px;
    margin: 25px 0 0 13px;
    min-height: 600px;
}

.page-resources .content--main, .page-events .content--main {
  background: #ebebeb;
}

.node-type-services-new .content--main, .node-type-landing-page .content--main, .content--main.no-pad {
  padding: 0;
}

.group-logo-title {
  text-align: left;
  max-width: 700px;
  display: inline-block;
  vertical-align: middle;
}

.group-header-logo {
  width: 20%;
  max-width: 150px;
  max-height: 100px;
}

.group-header-title {
  width: 75%;
  margin-left: 5%;
  text-align: left;
}

.field--field_image {
  display: inline-block;
  vertical-align: middle;
  padding-right: 20px;
}

.field--field_banner_under_title img {
  width: 100%;
  height: 100%;
  display: block;
}

.field--field_banner_under_title {
  margin-bottom: 0 !important;
}

.group-logo-and-title {
  margin: 0 auto;
  max-width: 1002px;
  text-align: center;
  width: 90%;
}

.group-body {
  position: relative;
}

.service-contact {
  background: #808080;
  padding: 20px 0;
}

.service-contact h4 {
  font-size: 22px;
  margin-bottom: 5px;
  font-family: 'PT Sans Narrow';
  text-transform: uppercase;
}

.service-contact, .service-contact h4, .service-contact a {
  color: #FFFFFF;
}

.service-contact .icon {
  background: #FFFFFF;
  border-radius: 20px;
  display: inline-block;
  padding: 3px 6px 0px;
  margin: 5px 8px 3px 0;
  height: 21px;
}

.service-contact .icon img {
  width: 13px;
  height: auto;
}

.service-contact a:hover {
  color: inherit;
  text-decoration: underline;
}

.watch-button {
  margin-top: 25%;
}

.node-type--services_new .background-image {
  background-repeat: none;
  background-size: cover !important;
}

/* Body block that overlaps image
.group-body .field--body {
  position: absolute;
  background: #FFF;
  z-index: 1;
  padding: 30px 50px;
  border-radius: 20px 0 0 0;
  bottom: -14px;
  right: 0;
  max-width: 900px;
  width: 60%;
  height: 370px;
}
*/
.group-body .field--body {
  background: #FFF;
  padding: 30px 50px;
  float: left;
  text-align: left;
}

.group-body .field--body p {
  font-size: 1.2rem;
  max-width: 700px;
}

#tabs-select {
  display: none;
  text-align: center;
  margin: 0 auto 40px;
}

.tabs {
  padding-top: 40px;
}

.tabs ul {
  width: 25%;
}

.tabs ul li {
  display: block !important;
  background: #ebebeb url('/sites/all/themes/scsglobalservices/img/tab-arrow-black.png') no-repeat 97% 16px;
  padding: 10px 50px 10px 0;
  text-transform: uppercase;
  color: #000000;
  cursor: pointer;
  text-align: right;
  font-weight: bold;
}

.tabs ul li.active, .tabs ul li:hover {
  background: #0ba7e0 url('/sites/all/themes/scsglobalservices/img/tab-arrow-white.png') no-repeat 97% 16px;
  color: #FFFFFF;
}

.tabs ul li:first-child {
  border-top-right-radius: 10px;
}

.tabs ul li:last-child {
  border-bottom-right-radius: 10px;
}

.tab-body-wrapper {
  width: 75%;
}

.tab-body-wrapper .program-docs {
  width: 200px; 
  margin: 0 20px 30px 0;
}

.tab-body {
  padding: 0 0px 0px 60px;
  margin: 0 40px 100px 0;
  height: 400px;
  overflow: auto;
}

.tab-body .tab-body-text {
  padding-right: 40px;
}

.tab-body ol {
  padding: 0 10px;
}

.contact-box {
  background: #ebebeb;
  width: 350px;
  height: 300px;
  padding: 50px 0 0 0;
}

.video-section-container {
  background: #000000;
  text-align: center;
  margin: 0 auto 50px;
}

section.video-section-container {
  text-align: left;
}

.video-section-container .field--field_banner_under_title {
  position: relative;
}

.video-section-container .field--field_banner_under_title .banner-img {
    width: 100%;
    height: 400px;
    background-size: cover !important;
}

.video-section-container .field--field_banner_under_title img {
  height: 100%;
  width: 100%;
}

.video-section-container .field--field_banner_under_title .video-watch {
  position: absolute;
  width:200px;
  top: 40%;
  left:50%;
  margin-left:-100px;
}

.video-section-container .video-banner {
  font-size: 1.75rem;
  color: #FFFFFF;
  text-shadow: #000000 1px 1px 2px;
}

.section-container .view-client-logos .view-header h3 {
  display: none;
}

.body-box {
  background: #000000; 
  color: #FFFFFF; 
  padding: 50px 5% 0; 
  margin: 0px 0; 
  width: 40%;
}

.body-box h3, .body-box a, .body-box a:hover {
  color: #FFFFFF;
}

.video-section {
  width: 1150px;
  text-align: left;
  margin: 0 auto;
}

.video-section .field--field_plain_image, .video-section .video-background {
  width: 50%;
  float: left;
  margin: 0;
}

.video-section .field--field_plain_image img {
  width: auto;
  height: auto;
  display: block;
  max-height: 450px;
  max-width: 600px;
}

.theme--content {
  width: 100%;
}

.region.region--content {
  /*overflow: hidden;*/ /* important for keeping page stable for mobile */
}

/* BUTTONS
 * The .btn-<color> format is preferred but the old .<color>-button format is in
 * wide use for blue and green so those selectors are maintained also. The green
 * button style is the default for input[type='submit'] .
 */

input[type='submit'],
button,
.btn-blue,
.blue-button,
.btn-green,
.green-button,
.btn-grey, .generic-button, .clear-button {
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: .85rem;
  font-weight: normal;
  padding: .3em .8em;
  text-align: center;
  white-space: nowrap;
}

/* blue button */
.btn-blue,
.blue-button {
  background-color: #02a4e2;
}

.clear-button {
  border: 1px solid #000000;
  max-width: 100px;
  text-transform: uppercase;
  padding: 5px 14px;
}

.clear-button, .clear-button a {
  color: #000000;
}

.clear-button:hover, .clear-button:hover a {
  color: #FFFFFF;
  background: #000000;
  text-decoration: none;
}

.clear-button.white {
  border: 2px solid #FFFFFF;
  padding: 6px 25px;
}

.clear-button.white, .clear-button.white a {
  color: #FFFFFF;
}

.clear-button.white:hover, .clear-button.white:hover a {
  background: #999;
}

.blue-button {
  font-size: 1.125rem;
  text-transform: uppercase;
  background-color: #03a5e2;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 15px 55px;
  margin: 10px auto;
  letter-spacing: 1.5px;
}

.blue-button.small {
  padding: 10px 25px;
  font-size: 1rem;
}

.btn-blue:hover,
.blue-button:hover {
  background-color: #40a6cf;
  color: #fff;
  text-decoration: none;
}

.blue-button:hover {
  background-color: #007fb2;
}

.btn-blue:active,
.blue-button:active {
  background-color: #007fb2;
}

/* green button */
.btn-green,
.green-button,
input[type='submit'] {
  background-color: #5a8e22;
}

.btn-green:hover,
.green-button:hover,
input[type='submit']:hover {
  background-color: #7ba54e;
  color: #fff;
  text-decoration: none;
}

.btn-green:active,
.green-button:active,
input[type='submit']:active {
  background-color: #5a8e22;
}

/* generic button */
.generic-button,
input[type='submit'] {
  background-color: #0ba7e0;
}

.generic-button:hover,
input[type='submit']:hover {
  opacity: 0.9;
  background-color: #007fb2;
  color: #fff;
  text-decoration: none;
}

.generic-button:active,
input[type='submit']:active {
  background-color: #0ba7e0;
}

.generic-button.admin {
  background-color: #999999;
}

/* grey button */
.btn-grey {
  background-color: #8d8c8e;
}

.btn-grey:hover {
  background-color: #b3b3b3;
  color: #fff;
  text-decoration: none;
}

.btn-grey:active {
  background-color: #8d8c8e;
}

/* specific buttons */
.btn-hdr-menu,
.btn-hdr-search {
  border-radius: 1vw;
  box-sizing: border-box;
  height: 7.75vw;
  padding: .9em 0;
  position: absolute;
  top: 3.6vw;
}

.btn-hdr-menu {
  font-size: 2.5vw;
  font-weight: 600;
  right: 14vw;
  width: 13.1vw;
}

.btn-hdr-search {
  /* SVG search icon */
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogIDxnIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIj4NCiAgICA8Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSI3IiBmaWxsPSJub25lIiAvPg0KICAgIDxsaW5lIHgxPSIxNSIgeTE9IjE1IiB4Mj0iMjEiIHkyPSIyMSIgLz4NCiAgPC9nPg0KPC9zdmc+DQo=');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
  padding: 0;
  right: 3.5vw;
  width: 7.72vw;
}

/* webform */

.webform-client-form {

}

.webform-client-form .webform-component--subscribe > label {
  display: none;
}

.webform-client-form [id^=edit-submitted-subscribe] label {
  font-size: 15px;
  padding-left: 25px;
  display: block;
}

.webform-client-form .body-text p {
  font-size: 16px;
  line-height: 25px;
}

.resource-gate .webform-client-form img {
  display: block;
  float: right;
}

.webform-client-form label {
  margin-bottom: 5px;
}

.webform-client-form .form-item h3 {
  color: #02a4e2;
  text-transform: uppercase;
}

.webform-client-form .form-item ul {
  padding: 0 0 0 20px;
}

.webform-client-form input[type='text'],
.webform-client-form input[type='text']:active, .webform-client-form input[type='email']:active,
.webform-client-form input[type='text']:focus, .webform-client-form input[type='email']:focus,
.webform-client-form input[type='email'],
.webform-client-form select,
.webform-client-form textarea {
  border: 1px solid #000000;
  box-shadow: none;
  background: #FFFFFF;
  width: 90%;
}

.webform-client-form .form-checkboxes .form-item {
  width: 62%;
  float: left;
}

.resource-gate .resource-date {
  margin-right: 10px;
}

.webform-client-form input.form-checkbox{
  float: left;
  margin-top: 13px;
}


/*#edit-submitted-first-name, #edit-submitted-last-name, #edit-submitted-company {
  max-width: 200px;
}*/

.webform-client-form .webform-submit {
  color: #FFFFFF;
  background-color: #000000;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  padding: 15px 30px;
  margin: 15px 15px 0 0;
  outline: none;
}

.webform-client-form a.webform-submit:hover {
  text-decoration: none;
  background: #0ba7e0;
}

.webform-client-form .form-actions {
  clear: both;
}

.modal-body .webform-client-form .form-actions {
  clear: none;
}

.modal-body .webform-client-form .webform-submit {
  float: right;
  margin: 0 15px 0 0;
}

.webform-client-form .webform-component--first-name, .webform-client-form .webform-component--last-name, 
.webform-client-form .webform-component--company, .node--request-a-code .webform-client-form .webform-component--phone-number,
.modal-body .webform-client-form .webform-component--phone-number {
  float: left;
  width: 200px;
  margin: 0 0 15px 0;
}

.webform-client-form .webform-component--last-name, .webform-client-form .webform-component--company {
  margin-left: 2%;
}

/*.modal-body .webform-client-form .webform-component--email, */
.modal-body .webform-client-form .webform-component--email-address,
.node--request-a-code .webform-client-form .webform-component--email-address,
.node--request-information .webform-client-form .webform-component--email-address,
.node--request-information .webform-client-form .webform-component--phone-number,
.block--request-information .webform-client-form .webform-component--phone-number {
  width: 443px;
  float: left;
  margin-top: 0;
}

.modal-body.resource-gate .webform-client-form .webform-component--email {
  clear: both;
}

.modal-body .webform-client-form textarea {
  width: 90%;
  max-width: 100%;
}

.modal-body .webform-client-form .webform-component--subscribe {
  margin-top: 2em;
}

.webform-client-form .webform-component--email label::before, .webform-client-form .webform-component--email-address::before,
.webform-client-form .webform-component-textarea, .webform-client-form .webform-component--benefits, .webform-client-form .webform-component--subject {
  clear: both;
}

section.contact-us-form form {
  max-width: 545px;
  text-align: center;
  margin: 0 auto;
}

section.contact-us-form form label {
  text-align: left;
}

section.contact-us-form .form-item {
  margin-top: 0;
}

section.contact-us-form .webform-client-form .webform-component-textfield, section.contact-us-form .webform-client-form .webform-component-email,
section.contact-us-form .webform-client-form select {
  width: 50%;
  float: left;
  margin: 0 0 30px 0;
}

section.contact-us-form .webform-client-form textarea {
  margin: 0 0 30px 0;
  width: 97%;
}

section.contact-us-form .webform-client-form select {
  width: 47%;
}

section.contact-us-form .webform-client-form .form-checkboxes .form-item {
  width: 100%;
}

section.contact-us-form textarea, section.contact-us-form input[type='text'], section.contact-us-form input[type='email'], section.contact-us-form select {
  float: left;
}

.modal-shell h1, .modal-shell h2, .resource-gate h2 {
  font-size: 32px;
  font-family: 'Open Sans';
  font-weight: normal;
  text-transform: none;
  margin: 15px 0 10px;
  color: #000;
}

.modal-shell .team-executive h2 {
  margin: 10px 0 0 0;
}

.modal-shell h1 {
  margin: 5px 0 20px;
}

.modal-shell .team-executive img {
  margin: 5px 19px 0 0;
  border: 1px solid #999;
}

.modal-shell .team-executive .team-body {
  height: 450px;
  overflow: auto;
  padding: 0 25px 25px;
  margin-bottom: 20px;
}

.modal-shell .team-executive .contact {
  margin-top: 20px;
}

.modal-shell .team-executive .contact a {
  text-transform: uppercase;
  font-size: 1.2rem;
}

.block--request-information,
.block--event-signup,
.modal-body-wrapper,
.block--anfrage-informations,
.block--solicitar-informação,
.block--solicite-información,
.modal-content-generic {
  display: none;
}
/*
.block--request-information label,
.block--event-signup label,
.block--anfrage-informations label,
.block--solicitar-informação label,
.block--solicite-información label {
  font-weight: normal;
}

.block--request-information h3,
.block--event-signup h3,
.block--anfrage-informations h3,
.block--solicitar-informação h3,
.block--solicite-información h3 {
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 3px;
}*/

.block--event-signup > div {
  margin-bottom: 5px;
}

.block--event-signup .event-info {
  margin: 0 0 10px 25px; 
}

.block--event-signup .event-field {
  margin-bottom: 5px;
}

.block--event-signup .event-contacts {
  margin: 0 0 0px 15px;
}

.section-grouped { 
    border-top: solid 1px #5a8e22; 
    margin-top: 30px; 
    padding-top: 30px 
}
 
fieldset.captcha.form-wrapper {
  border: none;
}

fieldset.captcha.form-wrapper > legend {
                                        display: none;
}

div.captcha:before {
  color: #9cbb7a;
  content: '...........................................................';
  display: block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 5px;
  overflow: hidden;
  position: relative;
  top: -25px;
}

div.captcha {
  margin-top: 40px;
}

div.captcha img[title='Image CAPTCHA'] {
  border: solid 1px #5c6f48;
  float: left;
  margin-right: 20px;
}

div.captcha div.form-item.form-item-captcha-response {
  display: inline-block;
  margin-top: 5px;
  margin-top: 0;
  width: 180px;
}

div.captcha div.form-item.form-item-captcha-response label[for='edit-captcha-response'] {
  display: none;
}

div.captcha div.form-item.form-item-captcha-response div.description:after {
  color: #f00;
  content: ' *';
  font-size: 80%;
  position: relative;
  top: -.5em;
}

.webform-confirmation p {
  margin: 5vh 5vw;
}

/* Redirect from scscertified notification bar (jBar) */
.notify {
  background: #61116a;
  border-bottom: 3px solid white;
  box-shadow: 0 1px 4px 4px #61116a;
  box-shadow: 0 1px 4px 4px hsla(294, 73%, 24%, .5);
  color: white;
  line-height: 1;
  overflow: hidden;
  text-align: center;
  padding: 4px 8px;
  position: fixed;
    top: 0;
    right: 0;
    left: 0;
  text-shadow: 0 1px black;
  z-index: 999999;
}
.notify>:link {
  color: #9ed3f0;
  text-decoration: none;
}
.notify>b,
.notify>span {
  border: 1px solid transparent;
  display: inline-block;
  padding: 1px 4px;
}
.notify>b {
  border-color: white;
  border-radius: 2px;
  cursor: pointer;
  display: inline;
  /*float: right;*/
}
.notify>b:hover {
  box-shadow: 1px 1px 1px 1px black
  ,                                     0 0 8px 2px white;
}
/* Accordion widget */

/* ------------- Starbucks Accordions ------------- */

.node--starbucks-c-a-f-e--practices .ui-accordion-content {
  word-wrap: break-word;
}

.ui-corner-all {
  border-radius: 0;
}

.ui-accordion .ui-state-default {
  background: none;
  border: none;
  color: inherit;
  border-bottom: 1px solid #78a22f;
  font-weight: inherit;
}

.ui-accordion-header {
  padding-left: 0;
  color: #005a8c;
  font-size: 14px;
  font-weight: 600;
  min-height: 35px;
  vertical-align: middle;
}

.ui-accordion-header:hover {
  color: #003958;
}

.ui-accordion .ui-accordion-header {
  padding-left: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.ui-accordion .ui-accordion-header .ui-icon {
  left: auto;
  position: absolute;
  right: .5em;
  top: 30px;
}

.ui-accordion .ui-state-default .ui-icon {
  background-image: url(/sites/all/themes/scsglobalservices/img/rt_arrow_lgrey.svg);
  background-position: center;
  background-size: 30px;
}

.ui-accordion .ui-state-active .ui-icon {
  background-image: url(/sites/all/themes/scsglobalservices/img/dwn_arrow_lgrey.svg);
  background-size: 30px;
}

.ui-accordion .ui-icon-triangle-1-e,
.ui-accordion .ui-icon-triangle-1-s {
  background-position: 0 0;
}

.ui-accordion .ui-corner-top,
.ui-accordion .ui-corner-bottom {
  border-radius: 0;
}

.ui-accordion .ui-widget-content {
  background: none;
  border: none;
  color: inherit;
}

.ui-accordion .ui-state-active,
.ui-accordion .ui-widget-content .ui-state-active,
.ui-accordion .ui-widget-header .ui-state-active,
.ui-accordion > .ui-state-default:hover,
.ui-accordion-content-active {
  border: none;
  border-bottom: 1px solid #78a22f;
}

.ui-accordion .ui-icon-triangle-1-e,
.ui-accordion .ui-icon-triangle-1-s {
  background-position: 0 0;
}

.ui-accordion .ui-corner-top,
.ui-accordion .ui-corner-bottom {
  border-radius: 0;
}

.ui-accordion .ui-widget-content {
  background: none;
  border: none;
  color: inherit;
}

/* ------------- Main-menu accordion ------------- */

.region--megamenu .ui-accordion ul {
  list-style: none;
  padding-left: 0px;
}

.region--megamenu .ui-accordion li {
  margin: 0px;
  padding-left: 0px;
}

.region--megamenu .ui-accordion a {
  border: none;
  font-size: 4.8vw;
  margin-top: 0;
  padding: 5vw 0 5vw 9vw;
}

.region--megamenu .ui-accordion a:hover,
.region--megamenu a.menu-static:hover {
  text-decoration: none;
}

/* Controls area surrounding li's in accordion content panel */
.region--megamenu .ui-accordion .ui-accordion-content {
  padding: 0px;
  overflow: hidden;
}

.region--megamenu h2,
.region--megamenu h5 {
  display: none;
}

/* Adaptation for single-link menu item (e.g., Blog) -- related to rules for a.menu-static */
.region--megamenu .menu-static-li {
  /* compare to rules for li element in other menu items */
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

/* Adaptation for single-link menu item (e.g., Blog) -- related to rules for a.menu-static */
.region--megamenu a.menu-static {
  background: #EEEEEE; /* removes image for "+" icon */
  border-bottom: 1px solid #fff;
  color: #000;
  display: block;
  font-size: 4.8vw;
  font-weight: normal;
  margin-top: 0px;
  padding: 5vw 0 5vw 9vw;
}

/* Adaptation for single-link menu item (e.g., Blog) -- related to rules for a.menu-static */
/*.region--megamenu a.menu-static:visited {
  color: #000000;
}*/

.region--megamenu .scs-menu-level-1 a {
  padding: 5vw 0 5vw 9vw;
}

.region--megamenu .expanded > a {
  font-size: 4.8vw;
}

.region--megamenu .ui-widget-content {
  border: 0px;
}

/* controls top level headers for main menu accordion */
.region--megamenu .scs-menu-level-1 > li > a {
  background: #0ba7e0 url(/sites/all/themes/scsglobalservices/img/plus_white.svg) no-repeat 97% center/4.25%;
  border-bottom: 1px solid #fff;
  color: #fff;
}

.region--megamenu .scs-menu-level-1 > li > a.ui-state-active {
  background: #0ba7e0 url(/sites/all/themes/scsglobalservices/img/minus_white.svg) no-repeat 97% center/4.25%;
}

.region--megamenu .scs-menu-level-2 a {
  color: #414042;
  display: block;
}

/* controls background of header items with children*/
.region--megamenu .scs-menu-level-2 > .expanded > a {
  background: #9a9a9a url(/sites/all/themes/scsglobalservices/img/rt_arrow_dgrey.svg) no-repeat 99% center/7.08%;
  /*border-bottom: 2px solid #cfcece;*/
}

.region--megamenu .scs-menu-level-2 > .expanded > a.ui-state-active {
  background: #9a9a9a url(/sites/all/themes/scsglobalservices/img/dwn_arrow_dgrey.svg) no-repeat 99% center/7.08%;
}

/* controls attributes of li's that are in content panels */
.region--megamenu .scs-menu-level-2 > li:not([class~="expanded"]),
.region--megamenu .scs-menu-level-3 > li {
  border-bottom: 1px solid #c0bdc3;
  line-height: 1.3;
}

.region--megamenu .block li {
  cursor: pointer;
  list-style: none;
  list-style-image: none;
  list-style-type: none;
  padding: 0;
}

/* Hide items four layers down in services menu */
.region--megamenu ul ul ul ul {
  display: none;
}

.region--megamenu .ui-corner-all {
  border-radius: 0px;
}

.region--megamenu .ui-accordion .ui-accordion-icons {
  padding-left: 6.25vw;
}

.region--megamenu li,
.region--megamenu li a {
  -webkit-tap-highlight-color:transparent;
}

form#lang_dropdown_form_language {
  text-align: center;
  margin-bottom: 3px;
}

/* modal dialogs */
div.modal-shell {
  background: rgba(0, 0, 0, .8);
  /*position: absolute;*/
  position: fixed;
  overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  z-index: 1000;
}

div.modal-shell>div.modal-frame {
  margin: 3vh auto;
  max-width: 705px;
  padding: 0 20px;
  position: relative;
  top: 50px;
  right: 0;
  left: 0;
}

div.modal-shell>div.modal-frame>div.modal-panel {
  background: #FFFFFF;
  border-radius: 10px;
  height: 100%;
  position: relative;
  padding: 20px 40px 40px;
}

div.modal-shell>div.modal-frame>div.modal-panel>div.modal-liner>div {
  display: block;
}

.top_thumb_nav {
  width: 95%;
  margin: 0 auto;
}

.top_thumb_nav_main  {
  position: relative;
}

.top_thumb_nav_main .views-exposed-form #edit-title-wrapper.views-exposed-widget {
  float: right;
}

.top_thumb_nav_main #topic-selector {
  /*display: inline-block;*/
  font-size: 13px;
  margin-bottom: 7px;
  margin-left: 15px;
  float: left;
  vertical-align: top;
}

.top_thumb_nav_main #topic-selector select, .top_thumb_nav_main .views-exposed-widgets select {
  border: 1px solid #000000;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 17px;
  font-weight: bold;
  width: 280px;
  margin-bottom: 10px;
}

.top_thumb_nav_main .right_search {
  margin-bottom: 3px;
  position: relative;
}

.top_thumb_nav_main .views-exposed-form .views-exposed-widgets {
  margin-bottom: 0;
}

.top_thumb_nav_main .views-exposed-form .views-exposed-widget {
  padding: 0 0 0 15px;
}

.top_thumb_nav_main .views-exposed-widgets label {
  font-size: 13px;
  font-weight: normal;
}

.top_thumb_nav_main .views-exposed-widgets #edit-name-wrapper {
  float: right;
}

.top_thumb_nav_main .right_search input[type=search], .top_thumb_nav_main .views-exposed-widgets input#edit-title, .top_thumb_nav_main .views-exposed-widgets input#edit-name {
  /*width: 150px;*/
  border: 1px solid #000000;
  border-radius: 5px;
  float: right;
  padding: 0 5px;
  font-size: 14px;
}

.top_thumb_nav_main .views-exposed-widgets input#edit-title, .top_thumb_nav_main .views-exposed-widgets input#edit-name {
  background: #FFFFFF;
  box-shadow: none;
  font-size: 17px;
  padding: 6px 10px;
  margin-bottom: 10px;
  width: auto;
}

.top_thumb_nav_main .right_search span, .top_thumb_nav_main .views-exposed-widgets .views-submit-button {
  
  display: block;
  position: absolute;
  right: 1px;
  top: 2px;
  padding: 4px;
  border-radius: 3px;
}

.top_thumb_nav_main .right_search span a, .top_thumb_nav_main .views-exposed-widgets input#edit-submit-resource-content,
.top_thumb_nav_main .views-exposed-widgets input#edit-submit-team {
  background: url(../img/search_icon_black.png) no-repeat;
  background-size: 20px;
  display: block;
  width: 20px;
  height: 20px;
}

.top_thumb_nav_main .views-exposed-widgets input#edit-submit-resource-content, .top_thumb_nav_main .views-exposed-widgets input#edit-submit-team {
  margin: 3px 3px 0 0;
  font-size: 0;
}

.top_thumb_nav_main #views-exposed-form-team-block .views-exposed-widgets .views-submit-button {
  top: 27px;
  right: 27px;
}

.block--event-signup h3 {
  color: #000000;
  font-size: 18px;
  line-height: 24px;
}

.block--event-signup label {
  font-weight: bold;
}

i.arrow {
  border: solid #02a4e2;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 6px;
  margin-left: 15px;
}

i.arrow.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

div.modal-shell>div.modal-frame>div.modal-close {
  /*background: url(/sites/all/themes/scsglobalservices/img/icons/close_x_grey.svg) center / contain no-repeat;*/
  cursor: pointer;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -17px;
  right: 0px;

  color: #fff;
  font-weight: bold;
  font-size: 20px;
  background: #0ba7e0;
  padding: 4px 2px 1px 3px;
  border-radius: 20px;
}

div.modal-shell>div.modal-frame>div.modal-close::after {
  content: "X";
  margin: 0 0 0 8px;
}

div.modal-shell>div.modal-frame>div.modal-close:hover {
  background: #000000;
}

.modal {
  display: none;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
  position: fixed;
  height: 100%;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  overflow: auto;
}

.modal-content {
  /*background: #fefefe;*/
  background: #000;
  border: 1px solid #888;
  margin: 10% auto;
  max-width: 800px;
  padding: 0 20px 20px;
  width: 70%;
}

.field--field_responsive_sidebar_1_video {
  width: 95%;
  margin: 5px auto 0;
}


div.servicesVideoThumb {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 151px;
}

.close-button {
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    display: block;
    text-align: right;
}

.close-button:hover,
.close-button:focus {
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

#openVideo {
  width: 100%;
}
#openVideo img {
  cursor: pointer;
  /*vertical-align: middle;*/
  text-align: center;
  margin: 0 auto;
  display: block;
}

.play-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.icon-img {
  background-repeat: no-repeat;
  padding: 0 0 0 30px;
  background-position: 0 3px;
  margin-right: 15px;
}

.phone-icon {
  background-image: url('/sites/all/themes/scsglobalservices/img/icons/phone.png');
  background-size: 20px 20px;
}

.email-icon {
  background-image: url('/sites/all/themes/scsglobalservices/img/icons/email.png');
  background-size: 20px 15px;
}

/* Video lightbox */

.theme--promo--video {
  display: none;
  margin: 5px;
  width: 600px;
}

.theme--promo--video .vjs-big-play-button {
  background-color: rgba(7, 20, 30, .8);
  border-radius: 40px;
  height: 2.5em;
  left: 259px;
  top: 128px;
  width: 2.5em;
}

.theme--promo--video .vjs-big-play-button:before {
  bottom: 2px;
  left: 2px;
}

.theme--promo--video .vjs-play-progress,
.theme--promo--video .vjs-volume-level {
  background-color: #B1D673;
}

/* CSS For View Tables */
div[class^="view view-"] table {
    border: 0;
}

div[class^="view view-"] table thead {
    border-bottom: 10px solid #FFF;
}

div[class^="view view-"] table thead th {
    background: #689c31;
    text-align: left;
    padding: 5px 15px;
    font-size: 1rem;
    margin-bottom: 10px;
    color: #FFFFFF;
}

div[class^="view view-"] table td {
    padding: 5px 15px;
    max-width: 350px;
    font-size: inherit;
    text-align: left;
}

div[class^="view view-"] th a:hover {
  color: #EEEEEE;
}

div[class^="view view-"] td a {
    text-decoration: underline;
    color: #0ba7e0;
}

div[class^="view view-"] td a:hover {
    opacity: 0.8;
}

div[class^="view view-"] tr.even, div[class^="view view-training"] tr.odd {
  border: 0;
  background: #EBEBEB;
}

div[class^="view view-"] table tr.odd {
    background: transparent;
    border: 0;
}

div[class^="view view-"] td.active {
  background: none;
}

.item-list .pager {
  float: left;
}

.view-resource-content .item-list .pager {
  margin-left: 25px;
}

.item-list .pager li {
  padding: 0;
  margin: 0;
}

.pager-first, .pager-last {
  display: none !important;
}

.item-list .pager li.pager-current, .item-list .pager li.pager-next a,
.item-list .pager li.pager-previous a, .item-list .pager li.pager-item a:hover {
  background: #b7b7b7;
  color: #FFFFFF;
  border-radius: 6px;
}

.item-list .pager li.pager-current, .item-list .pager li.pager-ellipsis, .item-list .pager li a {
  padding: 5px 13px;
  font-size: 20px;
  margin: 0 2px 0 0;
}

.item-list .pager li a {
  color: #000000;
  text-decoration: none;
}

.category {
  text-transform: uppercase;
  color: #0ba7e0;
  font-weight: 600;
  font-family: 'PT Sans';
}

/* Slick Slider: Used on a number of updated pages */

.slick-slider {
  position: relative;
}

.slick-slide:focus, .slick-slide a { outline: none; }

div.slick-prev,
div.slick-next {
  position: absolute;
  z-index: 1;
}

div.slick-prev, div.slick-prev:hover, div.slick-next, div.slick-next:hover {
  width: 18px;
  height: 42px;
  top: 30%;
  cursor: pointer;
  background-size: 18px;
  background-repeat: no-repeat;
}

div.slick-prev, div.slick-prev:hover {
  left: 0;
  background-image: url('/sites/all/themes/scsglobalservices/img/icons/arrow-left-grey.png');
}

div.slick-next, div.slick-next:hover {
  right: 0;
  background-image: url('/sites/all/themes/scsglobalservices/img/icons/arrow-right-grey.png');
}

nav.slick__arrow .slick-arrow {
  top: 48%;
}

.slick-arrow::before, .slick-arrow:hover::before {
  color: inherit;
}

.slick-arrow:hover {
  opacity: .8;
}

/************************
 * Page-specific styles */

/* services page */
.node--services>.field--body>div>div {
  line-height: 1.65;
  overflow: hidden;
}

.node--services>.field--body>div>div>div {
  cursor: pointer;
  float: left;
  margin-right: 9px;
  overflow-y: hidden;
  width: 232px;
  word-spacing: normal;
}

.node--services>.field--body>div>div>div:hover {
  background: #E8E6E7;
}

.node--services>.field--body>div>div>div:nth-child(1),
.node--services>.field--body>div>div>div:nth-child(4) {
  clear: left;
}

.node--services>.field--body>div>div>div:nth-child(3) {
  margin-right: 0;
}

.services-description {
  margin-bottom: 30px;
}

.services-description h4 {
  margin: 5px 10px;
}

.services-description p {
  font-size: 13.3px;
  font-size: .95rem;
  margin: 5px 10px;
}

.services-description img {
  border: solid 5px #fff;
  box-shadow: #4a4a4a 0px 0px 5px;
}

/* metacategory pages */
.node-type--metacategory .field--body>ul,
.node-type--metacategory .field--body>ul>li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.node-type--metacategory .field--body>ul>li {
  border-bottom: 4px solid #ccccd1;
  cursor: pointer;
  padding-top: 15px;
  padding-bottom: 3px;
}

.node-type--metacategory .field--body>ul>li:last-child {
  border-bottom: none;
}

.node-type--metacategory .field--body>ul>li:hover {
  background: #e8e6e7;
}

/* /global-food-safety-initiative-gfsi page */
.node--global-food-safety-initiative--gfsi table thead th {
  background-color: #CDDDBC;
  color: #333346;
}

.node--global-food-safety-initiative--gfsi table thead th a {
  color: #333346;
}

/* /stakeholder-review-form */
.node--stakeholder-review-form form > div > div {
  margin: 0px 0 10px;
}

.node-type-basic-page hr {
    background: #EEEEEE;
    border: 0;
    height: 4px;
    margin: 20px 0;
}
.node-type-basic-page h3 {
    color: #000000;
    line-height: 1.5rem;
}

.contact-top {
    background: #EEEEEE; 
    text-align: center; 
    padding: 20px 0;
}

.view-services h2 {
  clear: both;
}

.view-services img, .view-service-industries img, .view-training-regional img, .view-training img {
  margin-bottom: 10px !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.theme--content .section-container .view-services h3, .theme--content .view-services .section-container h3, 
.theme--content .section-container .view-service-industries h3, .theme--content .section-container .view-training-regional h3, .theme--content .section-container .view-training h3, .theme--content .section-container .view-services h3, .theme--content .section-container .view-training h3 {
  font-size: 1.3rem;
  line-height: initial;
  max-width: 200px;
  margin: 0 auto;
}

.view-services h3 a, .view-services a h3, .view-service-industries h3 a, .view-service-industries a h3, .view-training-regional h3 a, .view-training h3 a, .view-program-docs h3 {
  font-weight: bold;
  color: #000000;
}

.view-services .item-list ul, .view-training .item-list ul {
  width: 100%;
  text-align: center;
}

.view-services .item-list ul li, .view-training .item-list ul li {
  width: 176px;
  list-style-type: none;
  min-height: 266px;
}

.view-program-docs .item-list {
  text-align: center; 
  min-height: 180px;
}

.view-program-docs .item-list select {
  background: none;
  border: 1px solid #000;
  box-shadow: none;
  margin-top: 11px;
  padding: 4px 5px 3px;
}

.view-program-docs .item-list h3 {
  font-size: 1rem;
  min-height: 30px;
}

.view-program-docs .item-list .clear-button {
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
  display: block;
}

.node-type--services_new .view-services {
  display: inline-block;
}

.view-verification-organizations .views-exposed-form .views-exposed-widget {
  margin-bottom: 20px;
}

/*
.view-events .item-list ul {
    border-top: solid 3px #5a8e22;  
    margin-top: 15px; 
    padding: 20px 0 0 0;
}

.view-events .item-list ul li {
  padding: 0 0 25px 0;
  margin: 0 0 25px 0;
  list-style-type: none;
  border-bottom: solid 3px #5a8e22;
}

.view-events .views-field-field-body {
  margin: 10px 0;
}*/

.map-google {
    text-align: center; 
    margin: 20px auto; 
    width: 100%; 
    height: 500px;
    float: left;
}

.map-legend {
  position: absolute;
  margin: 20px 0 0px;
}

.map-legend .icon-bg {
  background: #000;
  opacity: .4;
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 60px;
}

.map-legend.active .icon-bg, .map-legend:not(.active) .icon-info .close {
  display: none;
}

.map-legend.active {
  width: 25%;
  background: #FFFFFF;
  border: 1px solid #b0b0b0;
  padding: 0;
}

.map-legend .icon-info {
  position: absolute;
  padding: 10px 10px 10px 20px;
  text-transform: uppercase;
}

.map-legend .icon-info, .map-legend .icon-info a {
  color: #FFFFFF;
}

.map-legend.active .icon-info {
  background: #9d9d9d;
  position: relative;
}

.map-legend:not(.active) .icon-info .title {
  display: none;
}

.map-legend .icon-info .arrow {
  font-size: 32px;
  line-height: 13px;
  margin-right: 5px;
}
.map-legend .icon-info .arrow:after {
  content: '\000AB';
}

.map-legend:not(.active) .icon-info .arrow {
  font-size: 50px;
  margin: 5px;
}
.map-legend:not(.active) .icon-info .arrow:after {
  content: '\000BB';
}

/*.map-legend .icon-info img {
  width: 30px;
  height: auto;
}*/

.map-legend ul {
  padding: 0;
  display: none;
  padding: 10px 10px 10px 20px;
}

.map-legend.active ul {
  display: block;
}

.map-legend ul li {
  list-style-type: none;
  margin: 0 0 15px 0;
  padding: 0;
  clear: both;
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 1.4;
}

.map-legend ul li img {
  height: 25px;
  float: left;
  margin: 0 10px 0 0;
}

.map-info {
  width: 200px;
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 500;
  margin: 15px 0;
}

.map-info .coords {
  font-size: 11px;
  margin-top: 10px;
}

.map-google .gm-style > div > div:nth-child(3) > div:nth-child(2) > div:nth-child(4) > div > div > div:nth-child(2) {
  background: none !important;
  border-radius: 10px !important;
}

.map-google .gm-style > div > div:nth-child(3) > div:nth-child(2) > div:nth-child(4) > div > div > div:nth-child(4) {
  border-radius: 10px !important;
}

.theme--content ul li.krumo-child {
  display: block;
}

#google_translate_element {
  min-width: 115px;
  margin: 0 15px 0 0;
  display: inline-block;
}


/*Service Documents REMOVE*/
.file-document-item-background-program, .file-doc-background-scorecard, .file-doc-background-program {
  background:url(/files/scsprogram.png) 100% 100%;
  background-size:cover;
}

.file-document-item-background-non-scs, .file-doc-background-external {
  background:url(/files/nonSCS.png) 100% 100%;
  background-size:cover;
}

.file-document-item-background-scs-marketing, .file-doc-background-marketing {
  background:url(/files/scsmktg.png) 100% 100%;
  background-size:cover;
}

.file-document-color-green {
  background-color: #7aa330;
}

.file-document-color-gray {
  background-color: #919191;
}

.file-documents-container {
  background-color: #7aa330;
  box-sizing: border-box;
  height: 170px !important;
  margin: 0 auto;
  padding: 15px;
  word-wrap: break-word;
  width: 135px !important;
  position: relative;
}

.file-documents-container::before {
  position: absolute;
  content: '';
  top: 0; 
  right: 0;
  border-top: 20px solid white;
  border-left: 20px solid transparent;
  width: 0;
}


/* = INTERNET EXPLORER====== */

@media all and (-ms-high-contrast:none) {
  .lang-dropdown-select-element {
    background-position: 8vw;
  }
}

/* ====================
    Media Queries
   ==================== */

/* = INTERMEDIATE====== */
@media only screen and (min-width: 480px) {

   .region--header-1 .block--3 h1 a {
    background-image: url(/sites/all/themes/scsglobalservices/img/scsglobalservices_tagkf_fcp.png);
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 68px;
    padding-left: 589px;
    text-overflow: hidden;
    width: 0;
    background-size: 200px 92px;
    background-repeat: no-repeat;
    font-size: 0px;
  }

  .theme--header {
    padding: 1.67vw 0;
  }

  .region--header-1 {
    margin: 0;
    /*margin-left: 4vw;*/
    margin-left: 5vw;
    margin-right: 3.33vw;
  }

  .region--header-1 .block--3 picture img {
    width: 50%;
  }

  .btn-hdr-menu,
  .btn-hdr-search {
    border-radius: .5vw;
    height: 6vw;
  }

  .btn-hdr-menu {
    font-size: 2.0vw;
    right: 11vw;
    width: 10.67vw;
  }

  .btn-hdr-search {
    right: 3.33vw;
    width: 6vw;
  }

  .region--footer {
    padding-bottom: 2vh;
  }

  .block--statement {
    background-color: #000000;
    left: 0;
    padding-bottom: 0;
    position: absolute;
    top: 0;
    width: 47.5%;
  }

  .block--statement h6,
  .block--statement p {
    color: #fff;
    padding: 0 2.5vw;
  }

  .block--statement h6 {
    font-size: 12px;
    padding-top: 1.67vw;
  }

  .block--statement p {
    max-height: 7.5em;
  }

  .block--statement a::after {
    color: #fff;
    padding: 0 2.5vw;
  }

  .block--footer-links {
    display: block;
    left: 49.17%;
    top: 1.28vw;
    width: 21.67vw;
  }

  .block--footer-links ul > li {
    font-size: 12px;
  }

  .block--address {
    padding: 1.67vw 0 0;
    /* position: absolute;
    left: 75vw;
    top: 0;
    right: 2.5vw; */
    margin: 0 2.5vw 0 75vw;
  }

  .block--address h6 {
    font-size: 14px;
    /* resolves to 12px for 600px viewport and 14px for 1002px viewport */
    font-size: calc(.497vw + 9.015px);
  }

  .block--address p {
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    font-size: 12px;
    /* resolves to 10px for 600px viewport and 12px for 1002px viewport */
    font-size: calc(.498vw + 7.015px);
  }

  .block--main > .search-form + h2 {
    font-size: 22.7px;
  }

  .search-result h3 a {
    font-size: 18.3px;
  }

  .search-result p {
    font-size: 18.3px;
  }
}

@media only screen and (max-width: 480px) {
    .modal-shell #webform-client-form-174 label, .modal-shell .webform-client-form label { 
        width: 95%; 
    }
    .modal-shell .webform-client-form input[type='text'], .modal-shell #webform-client-form-174 input[type='text'], .modal-shell #webform-client-form-174 input[type='email'] {
        width: 95%;
    }

    .block--event-signup input[type='submit'] {
        margin-left: 0;
    }

    .group-header-logo, .group-header-title {
      width: 100% !important;
    }
    .view-resource-content.view-display-id-block_2 li, .view-resource-content.view-display-id-block_2 .slide__content {
      width: 92%;
      max-width: 340px;
    }
}


@media only screen and (min-width: 768px) {

  /* For shorter pages, keeps white area below footer from showing */
  /*.service-content {
    min-height: 600px;
  }*/

 /* Request Info Modal Popup */
  div.modal-shell {
    padding-top: 30px;
  }

  div.modal-shell>div.modal-frame>div.modal-panel>div.modal-liner {
    height: 100%;
    overflow-y: auto;
    position: relative;
  }
}

@media only screen and (max-width: 768px) {
  .modal-body .form-item {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }

  .modal-body .webform-client-form .form-actions {
    clear: both;
  }

  .modal-body .webform-client-form .webform-submit {
    float: none;
  }

  .map-legend.active {
    width: 45% !important;
  }

  #tabs-select {
    display: block;
  }

  .tab-body-wrapper {
    width: 100%;
  }

  .tab-body {
    padding: 0 8% 50px;
    margin: 0;
    height: auto;
    overflow: initial;
  }

  .tabs-list {
    display: none;
  }
}

@media only screen and (max-width: 1002px) {
  h2.subtitle {
    font-size: 25px;
  }

  .theme--megamenu .active {
    color: #fff !important;
  }

  .region--header-2 {
    display: none;
  }

  .region--megamenu {
      display: block;
      min-width: initial;
      text-align: left;
  }

  .region--header-2 #search-block-form {
      display: none;
  }

  .content--main, .node-type-training .section-container {
    margin: 20px 5%;
  }

  .node-type-our-auditors .content--main, .node-type-services-new .content--main,
  .node-type-careers-page .content--main, .page-resources .content--main, .page-events .content--main,
  .node-type-products-database .content--main, .node-type-our-auditors-individual .content--main,
  .node-type-homepage .content--main, .node-type-resources- .content--main, 
  .node-type-section .content--main, .node-type-card .content--main,
  .node-type-landing-page .content--main, .page-certified-green-products-guide .content--main {
    margin: 0;
  }

  .region--megamenu .block li {
    background: #d8dadc;
  }

  .node-type-careers-page .content--main, .page-node-164 .content--main {
    margin-left: 0;
    margin-right: 0;
  }

  .map-legend.active {
    width: 30%;
  }

  /* Mobile Language Menus */

/* ------------- Blue International Menu ------------- */

.mobile-language-menus {
    width: 100%;
    background-color: #1280b2;
    height: 13vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
  
  /* ------------- Homepage Dropdown menu ------------- */
  
  .block--homepages-menu {
      width: 50%;
      height: inherit;
      float: left;
      background-image: url(/sites/all/themes/scsglobalservices/img/world_icon.svg);
      background-repeat: no-repeat;
      background-size: 23.5vw;
      background-position: center;
  }
  
  .block--homepages-menu ul {
    list-style: none;
  }
  
  .block--homepages-menu ul > li > a {
    display: none;
  }
  
  .block--homepages-menu img {
    width: 100%;
    height: 100%;
  }
  
  .mobile-language-dropdown-box {
    display: none;
    background-color: #fff;
    text-align: center;
  }
  
  .mobile-language-dropdown-box ul {
    padding-left: 0px;
  }
  
  .mobile-language-dropdown-box ul li {
    border-bottom: 1px solid #91918f;
    text-align: center;
  }
  
  .mobile-language-dropdown-box a {
    color: #91918f;
    font-size: 8vw;
  }
  
  .mobile-language-dropdown-box a:hover {
    color: #91918f;
  }
  
  .block--homepages-menu ul.menu {
    display: none;
  }
  
  /* ------------- Language Dropdown menu ------------- */
  
  .block-lang-dropdown {
    width: 50%;
    height: inherit;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    box-sizing: border-box;
    border-left: 1px solid #fff;
  }
  
  .block-lang-dropdown form {
    -ms-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  
  .lang-dropdown-select-element {
    background-color: inherit;
    background: url(/sites/all/themes/scsglobalservices/img/dwn_arrow_white.svg) 100% 75% no-repeat;
    width: auto !important;
    padding-right: 0;
  }
  
  .block-lang-dropdown img {
    display: none;
  }
  
  .block-lang-dropdown select {
    color: #fff;
    font-size: 4.8vw;
    font-weight: 400;
  }
  
  .block-lang-dropdown option {
    color: #005a8c;
  }

  .theme--sidebar {
    display: none;
  }

  .white-container, .has-sidebar .white-container {
    width: 92%;
    padding: 25px 4%;
    margin-bottom: 0;
    border-radius: 0;
  }

  .theme--content .group-body .section-container {
    width: 100%;
    max-width: initial;
    padding: 0;
  }

  .field--field_banner_under_title img {
    width: 100%;
    height: auto;
    max-height: 300px;
  }

  .group-header-logo {
    width: 35%;
  }

  .group-header-title {
    width: 60%;
    margin: 0;
  }

  .group-body .field--body {
    position: relative;
    width: auto;
    height: auto;
    bottom: initial;
    max-width: initial;
  }

  .group-body .field--body p {
    font-size: 1rem;
  }

  .group-body .contact-box {
    width: auto;
    height: auto;
    padding: 50px 0;
  }

  .video-section .video-background {
    width: 100%;
    float: none;
  }

  .video-section-container .field--field_banner_under_title .banner-img {
    background: none !important;
    height: initial;
  }

  .video-section-container .field--field_banner_under_title .video-watch {
    position: relative;
    top: initial;
    left: initial;
    text-align: center;
    margin: 0 auto 30px;
  }

  .video-section {
    width: auto;
  }

  .video-section .body-box {
    width: 90%;
    padding-bottom: 50px;
  }

  .video-section .field--field_plain_image {
    display: none;
  }

  .view-services .item-list ul li {
    width: 190px;
  }

  .blue-bar-footer {
    width: 90%;
    padding: 0 5%;
  }

  .blue-bar-footer-main {
    margin-bottom: 15px;
  }
}

/* = DESKTOP ============= */
@media only screen and (min-width: 1002px) {

  html,
  body {
    font-size: 14px;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  *, input {
    font-family: 'Open Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }

  body {
    color: #414042;
    position: relative;
    text-rendering: optimizeLegibility;
    text-shadow: 1px 1px 1px hsla( 240, 16%, 24%, 0);
    z-index: 1;
  }

  h1, h2, h3, h4, h5, h6 {
    line-height: 1.1;
    margin: 0;
  }

  /*h1 {
    font-size: 22.4px;
    font-size: 1.6rem;
    margin: .75rem 0;
  }*/

  h1, h2 {
    font-size: 21px;
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: 10.5px;
    margin-bottom: .75rem;
  }

  h3 {
    color: #818181;
    font-size: 19.6px;
    font-size: 1.3rem;
    margin-bottom: 15px;
  }

  h4,h5,h6 {
    color: #414042;
    font-size: 15.4px;
    font-size: 1.1rem;
    margin-bottom: 5px;
  }

  p,
  li,
  .menu-static-li {
    font-size: 14px;
    font-size: 1.0rem;
    line-height: 1.65;
    margin-bottom: 12px;
  }

  a {
    color: #0ba7e0;
    text-decoration: none;
  }

  a:hover {
    color: #0088be;
    text-decoration: underline;
  }

  h1>a, h2>a, h3>a, h4>a, h5>a, h6>a {
    color: #333346;
    font-weight: 600;
  }

  h1>a:hover, h2>a:hover, h3>a:hover,
  h4>a:hover, h5>a:hover, h6>a:hover {
    color: #000;
    text-decoration: none;
  }

  
  .region--header-2 {
    float: right;
  }

  .region--megamenu > .block:first-child {
    padding-left: 0;
    display: inline-block;
  }

  /*.field--body {
    padding-top: 10px;
  }*/

  .block--main {
    padding-top: 0px;
  }

  .theme--header .section-container {
    /*width: 100%;*/
    max-width: 1150px;
    min-width: 1002px;
  }

  /* Language dropdown */

  .form-item-lang-dropdown-select,
  .form-item-lang-dropdown-select .scs-select {
    display: inline;
  }

  .region--header-1 .block--3 picture img {
    height: 75px;  
  }

  .lang-dropdown-select-element {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    border: none;
    color: #005A8C;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding-right: 7px;
    text-indent: .01px;
    text-overflow: "";
  }

  .region--header-2 .block-lang-dropdown {
    margin-top: 3px;
  }

  .block-lang-dropdown select {
    color: #000000;
    font-size: 12px;
    outline: none;
    margin-right: 15px;
    text-transform: uppercase;
  }

  .lang-dropdown-select-element::-ms-expand {
    display: none;
  }

  .lang-dropdown-select-element:after {
    color: #005A8C;
    content: '|';
    padding-left: 30px;
    z-index: 300;
  }

  #lang_dropdown_form_language .lang-dropdown-select-element > option:hover,
  #lang_dropdown_form_language .lang-dropdown-select-element > option:checked {
    background-color: #E8E6E7 !important;
    color: #005a8c !important;
  }

  #lang_dropdown_form_language .language-icon {
    max-height: 10px;
    display: none;
  }

  .mobile-language-menus {
    display: none;
  }

  .mobile-language-dropdown-box {
    display: none;
  }

  /* Homepages menu */
  .region--header-2 .block--homepages-menu,
  .region--header-2 .block--homepages-menu li,
  .region--header-2 .block--homepages-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .region--header-2 .block--homepages-menu {
    color: #005a8c;
    font-size: 11px;
    line-height: 1.65;
    width: auto;
    margin: 4px 15px 0 0;
    background: url('/sites/all/themes/scsglobalservices/img/icons/arrow-down.svg') no-repeat top right;
  }

  .region--header-2 .block--homepages-menu>ul>li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    text-align: left;
  }

  .region--header-2 .block--homepages-menu>ul>li>a {
    display: block;
    font-size: .85em;
    font-weight: bold;
    padding-right: 25px;
    text-transform: uppercase;
  }

  .region--header-2 .block--homepages-menu>ul>li+li:before {
    content: '|';
    padding: 0 16px;
  }

  .region--header-2 .block--homepages-menu ul>li>span,
  .region--header-2 .block--homepages-menu ul>li>a {
    color: #000;
    cursor: pointer;
    position: relative;
  }

  .region--header-2 .block--homepages-menu ul>li>ul>li>a:after {
    background-image: none;
  }

  .region--header-2 .block--homepages-menu ul>li>ul>li>a {
    background:  none;
  }

  .region--header-2 .block--homepages-menu ul>li>span,
  .region--header-2 .block--homepages-menu ul>li>a:hover {
    text-decoration: none;
  }

  .region--header-2 .block--homepages-menu>ul>li>a:after {
    color: #5a8e22;
    padding: 8px 1px;
    vertical-align: 1%;
  }

  .region--header-2 .block--homepages-menu>ul>li+li>a:after {
    content: none;
  }

  .region--header-2 .block--homepages-menu ul>li>ul {
    background: white;
    display: none;
    padding: 10px;
    position: absolute;
    left: -15px;
    z-index: 1;
    width: 125px;
  }

  .region--header-2 .block--homepages-menu ul>li:hover>ul {
    display: block;
  }

  .region--header-2 .block--homepages-menu ul>li>ul>li>a {
    display: block;
    padding: 2px 4px;
  }

  .region--header-2 .block--homepages-menu ul>li>ul>li>a:hover {
    background: #e8e6e7;
    white-space: nowrap;
    text-decoration: none;
  }

  /* End Homepages menu */

  /* Start Megamenu */
  .theme--megamenu, .region--megamenu {
    display: block !important;
    z-index: 30;
  }

  .region--megamenu > .block li {
    display: inline-block;
    margin-right: 0;
    vertical-align: top;
  }

  .region--megamenu > .block--content {
    float: right;
    padding-right: 0;
  }

  .region--megamenu > .block ul {
    list-style: none;
  }

  .theme--megamenu .region--megamenu > .block > ul > li:after, .region--megamenu > .block:last-child > ul > li:after {
    content: "";
  }

  .region--megamenu > .block ul,
  .region--megamenu > .block li,
  .region--megamenu > .block a {
    margin: 0;
    padding: 0;
  }

  .region--megamenu > .block a {
    display: block;
  }

  .region--megamenu > .block > ul > li > a,
  .region--megamenu a.menu-static {
    background: #EEEEEE;
    border: none;
    color: #000000;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 35px 15px;
    position: relative;
    z-index: 2;
  }

  .theme--megamenu .region--megamenu > .block > ul > li > a {
    background: #000000;
    color: #FFF;
    font-size: 15px;
    /*font-family: 'PT Sans';*/
    font-weight: normal;
    padding: 0;
    margin: 13px 35px 15px;
  }

  .theme--megamenu .region--megamenu > .block > ul > li:hover > a, .theme--megamenu .region--megamenu > .block > ul > li.active-trail > a {
    border-bottom: 4px solid #5a8e22;
    margin: 13px 35px 11px;
  }

  .theme--megamenu .region--megamenu > .block > ul > li.active-trail > a {
    font-weight: bolder;
  }

  .region--megamenu > .block > ul > li > ul {
    box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    width: 300px;
  }

  .region--megamenu .scs-menu-level-2 > li {
    border-bottom: solid 1px #d8dadc;
    padding: 0;
    text-align: left;
  }

  .region--megamenu .scs-menu-level-3 > li {
    border-bottom: solid 1px #a0a0a0;
    padding: 0;
  }

  .region--megamenu .scs-menu-level-2 a {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 10px 10px 40px;
  }

  .region--megamenu .scs-menu-level-2 > li > a {
    background: #9a9a9a;
    border: none;
  }

  .region--megamenu .scs-menu-level-2 > li.expanded:hover > a {
    background: #0ba7e0 url(/sites/all/themes/scsglobalservices/img/icons/plus_icon.svg) no-repeat 5% center/10%;
    border-bottom: none;
  }

  .region--megamenu .scs-menu-level-2 > li.expanded > a.ui-state-active {
    background: #0ba7e0 url(/sites/all/themes/scsglobalservices/img/icons/minus_icon.svg) no-repeat 4% center/11%;
  }

  .region--megamenu .scs-menu-level-2 > li.expanded > a {
    background: #0ba7e0 url(/sites/all/themes/scsglobalservices/img/icons/plus_icon_gray.svg) no-repeat 5% center/10%;
  }


  .region--megamenu .scs-menu-level-2 > li:not([class~="expanded"]) {
    border-bottom: solid 1px #d8dadc;
    padding: 0;
  }

  .theme--megamenu .region--megamenu .scs-menu-level-2 > li > a {
    background-color: #FFFFFF;
    color: #6b696b;
    font-weight: bold;
  }

  .theme--megamenu .region--megamenu .scs-menu-level-2 > li {
    border-color: #b0a6a4;
    width: 100%;
  }

  .region--megamenu .scs-menu-level-3 > li > a {
    background: #d8dadc;
    color: #000000;
    padding: 11px 15px 11px 50px;
  }

  .region--megamenu .scs-menu-level-1 > .open > a,
  .region--megamenu .scs-menu-level-1 > li:hover > a,
  .theme--megamenu .region--megamenu .scs-menu-level-2 > li:hover > a,
  .theme--megamenu .region--megamenu .scs-menu-level-2 > li > a.ui-state-active,
  .region--megamenu a.menu-static:hover, 
  .scs-menu-level-3 > li:hover > a, .region--megamenu .scs-menu-level-3 > li > a.active  {
    background-color: #0ba7e0;
    color: #FFFFFF;
    text-decoration: none;
  }

  #www-scsglobalservices-com .region--megamenu>div.block--content form {
    border: 1px solid #fff;
    background: transparent;
    margin: 12px 0 0 0;
    overflow: hidden;
  }

  #www-scsglobalservices-com .region--megamenu>div.block--content form .container-inline {
    position: relative;
  }

  #www-scsglobalservices-com .region--megamenu>div.block--content form input {
    background: #5A8E22;
    border-radius: 0px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=3);
    color: #fff;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 12px;
    margin: 0;
    padding: 5px 8px 4px;
    width: 165px;
    box-shadow: none;
    border: 0px;
  }

  #www-scsglobalservices-com .region--megamenu>div.block--content form input::-webkit-input-placeholder {
    color: #fff;
  }

  #www-scsglobalservices-com .region--megamenu>div.block--content form input::-moz-placeholder {
    color: #fff;
  }

  #www-scsglobalservices-com .region--megamenu>div.block--content form input:-moz-placeholder {
    color: #fff;
  }

  #www-scsglobalservices-com .region--megamenu>div.block--content form input:-ms-input-placeholder {
    color: #fff;
  }

  /*#www-scsglobalservices-com .region--megamenu>div.block--content form input[type='submit'] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM5JREFUeNqckwERwyAMRcMUVEIkIKESJqESJgEHSJiEzsFuCjYHldA5yJJeeksZHbn+u3/ckfAgBACMiAjZmT3RVzP7yu6hJU4adIFoZCf10wBzC0C6ACvx3myQa4BOEwTQ/dkoGlBfBpMG0FnyUm4ZuIvBIT31Ijt/Ykf2ywMJIbzXXCnPQuQeEPzC2hGlnMlZDu6V8xA6z18cnLW9txp9VkdHZ0TnVkKy7db3MdJW9TdVgDzaBaF+tuoH1LENcnToBwRHVILgqAxo+AgwAODuojteE1bhAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    border: 0;
    -webkit-filter: none;
            filter: none;
    position: absolute;
      top: 4px;
      right: 4px;
    padding: 17px 0 0 19px;
    vertical-align: middle;
    width: 0;
    height: 0;
    overflow: hidden;
  }*/

  .ie10 #www-scsglobalservices-com .region--megamenu>div.block--content form input[type='submit'] {
    padding-top: 25px;
  }

  .region--header-2 #search-block-form {
    width: 230px;
    position: relative;
  }

  .region--header-2 #search-block-form .container-inline div {
    text-align: right;
    display: block;
    margin: 0;
  }

  .region--header-2 #search-block-form input[type='text'].form-text, .block--main #search-form input[type='text'].form-text {
    box-shadow: none;
    border: 1px solid #020202;
    background: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
  }

  .block--main #search-form input[type='text'].form-text {
    max-width: 300px;
  }

  .region--header-2 #search-block-form input[type='submit'], .block--main  #search-form input[type='submit'] {
    background: transparent url('/sites/all/themes/scsglobalservices/img/icons/icon-search-black.png') no-repeat 0 0;
    border: 0;
    -webkit-filter: none;
    filter: none;
    position: absolute;
    top: 5px;
    right: 7px;
    padding: 18px 0 0 18px;
    vertical-align: middle;
    width: 0;
    height: 0;
    overflow: hidden;
  }

  .block--main  #search-form input[type='submit'] {
    right: auto;
    left: 435px;
  }

  /* Full Width Templates */
  .node-type-our-auditors .theme--content, .node-type-services-new .theme--content,
  .node-type-careers-page .theme--content, .node-type-homepage .theme--content, .node-type-basic-page .theme--content,
  .node-type-products-database .theme--content, .node-type-our-auditors-individual .theme--content,
  .node-type-section .theme--content, .node-type-landing-page .theme--content, .page-certified-green-products-guide .theme--content, .page-services .theme--content, .page-taxonomy-term .theme--content, .page-resources .theme--content, .page-events .theme--content, .page-services-search .theme--content, .page-training-search .theme--content {
    width: 100%;
  }

  /* Templates that don't need padding around the content */
  .node-type-our-auditors .content--main, .node-type-services-new .content--main, .node-type-basic-page .content--main,
  .node-type-careers-page .content--main, .page-resources .content--main, .page-events .content--main,
  .node-type-products-database .content--main, .node-type-our-auditors-individual .content--main,
  .node-type-homepage .content--main, .node-type-resources- .content--main, .page-node-164 .content--main,
  .node-type-card .content--main, .node-type-landing-page .content--main, .page-certified-green-products-guide .content--main, .page-services .content--main, .page-taxonomy-term .content--main, .page-services-search .content--main, .page-training-search .content--main {
    margin: 0;
  }

  /*
  .region--content .field {
    margin-bottom: 1em;
  }
  */

  /* End Megamenu */

  .mobile-search {
    display: none;
  }

  .theme--header {
    border: none;
    padding-bottom: 0;
    padding-top: 20px;
  }

  .region--header-1 {
    margin: 0 0 0 5px;
    float: left;
  }

  .region--header-1 .block--3 picture img {
  /*  width: 589px; */
    width: auto;
    padding-bottom: 15px;
  }

  .btn-hdr-menu,
  .btn-hdr-search {
    display: none;
  }


  .region--header-1 .block--3 h1 a {
    background-image: url(/sites/all/themes/scsglobalservices/img/scsglobalservices_tagkf_fcp.png);
    display: block;
    /* height: 0; */
    overflow: hidden;
    padding-top: 68px;
    padding-left: 589px;
    text-overflow: hidden;
    /* width: 0; */
    background-size: 400px 92px;
    background-repeat: no-repeat;
    font-size: 0px;
  }

  /*.node-type--services_new {
    margin-top: 79px;
  }

  .resource_center_content_wrap {
    margin-top: 56px !important;
  }*/

/*
  .region--header-2 {
    width: 474px;
  }
*/

/***** Assigning Flexbox Values to the desktop version of main page ***********/
  .theme--content {
    display: block;
    margin: 0 auto;
    width: 1002px;
  }

  .theme--content .content--main {
    /*display: -ms-flexbox;
    display: -webkit-box;
    display: flex;*/
    -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  }

  .region.region--content {
    /*width: 740px;*/
    width: 100%;
  }

  /*
  .node-type-products-database .region.region--content, .page-certified-green-products-guide .region.region--content, .page-services .region.region--content, .node-type-resources- .region.region--content, .node-type-basic-page .region.region--content, .node-type-basic-page .region.region--content {
    width: 100%;
  }*/

  .theme--megamenu {
    background-color: #000;
    display: block;
    min-width: 855px;
    z-index: 80;
    min-height: initial;
    position: relative;
    width: 100%;
    opacity: .93;
	text-align: center;
    margin: 0 auto;
    padding: 0;
  }

  .theme--megamenu.sticky {
    position: fixed;
    opacity: 1;
    top: 0;
    z-index:100;
  }

  body.admin-menu .theme--megamenu.sticky {
    top: 23px;
  }

  .theme--hero-unit {
    display: block;
  }

  /*.theme--footer {
    padding-bottom: 36px;
  }*/

  .theme--footer h6 {
    font-size: 14px;
    font-size: 1.0rem;
  }

  .region--footer {
    width: 978px;
  }

  .block--statement {
    left: 35px;
    top: 24px;
    width: 475px;
  }

  .block--footer-links {
    left: 545px;
    top: 20px;
    width: 200px;
  }

  .block--footer-links ul > li {
    font-size: 14px;
  }

  .block--address {
    margin-left: 780px;
    padding-top: 24px;
    width: 200px;
  }

  .block--statement h6,
  .block--statement p {
    padding: 0;
  }

  .block--address h6 {
    font-size: 14px;
    font-size: 1rem;
  }

  .block--address p {
    font-size: 12px;
    font-size: .8571rem;
  }

  /* ------------ Controls search bar as it appears on the search results page ------------- */

  .block--main #search-form {
    display: block;
    margin-top: 15px;
    position: relative;
  }

  /************************
   * Page-specific styles */

  /* search results page */
  .search-results {
    padding: 10px 0 10px 15px;
  }

  .block.block.block--main.block.block-system h2 {
    padding-left: 0;
  }

  .search-results li {
    margin-bottom: 15px;
  }

  .search-result h3.title {
    font-size: 14px;
    margin-bottom: 4px;
    padding: 0;
  }

  .search-result h3 a {
    color: #005a8c;
    font-size: 14px;
    padding: 0;
  }

  .search-result h3 a:hover {
    /* this really should be sitewide but I don't have time to implement now */
    text-decoration: underline;
  }

  .search-result p {
    font-size: 12px;
    margin: 0 0 12px 0;
    padding: 0;
  }

  /* = Controls Behavior of language menus in desktop below 1000px ============= */
  .section-container {
    width: 1002px;
  }

  /*div.modal-shell > div.modal-frame > div.modal-close {
    background: url(/sites/all/themes/scsglobalservices/img/close-lightbox2.png);
    height: 20px;
      top: -25px;
      right: 10px;
    width: 19px;
  }*/
}

@media screen and (max-width: 1150px) {
  .theme--header .region--header-2 {
    margin-right: 25px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .region--header-2 .block--homepages-menu {
    background-position: 25px 0; 
  }

  .lang-dropdown-select-element {
    background-position: 30px 0; 
  }
}