@charset "utf-8";
html body:focus,
input[type=button],
input[type=email],
input[type=password],
input[type=search],
input[type=submit],
input[type=text],
select {
    -webkit-appearance: none
}

.hidden,
body {
    position: absolute
}

#logo,
img {
    height: auto
}

.block {
	display:block !important;
}

#gripple_contact,
.footer_btm_left,
footer h6 {
    letter-spacing: -.2px
}

.activeLink a,
.close_country,
.dropit,
.owl-controls .owl-buttons div,d
.owl-controls .owl-page,
a {
    cursor: pointer
}

#home_banner,
#home_overlay,
.accordion_answer,
.country-drop,
.crossword-container,
.opc-brochure-bar,
h4.accordion_heading {
    box-sizing: border-box
}

.fancybox-nav,
a {
    text-decoration: none
}

.fancybox-nav,
.owl-controls {
    -webkit-tap-highlight-color: transparent
}

body {
    max-width: 100%!important;
    overflow-x: hidden!important;
    color: #555;
    font-size: 100%;
    font-family: HelveticaNeueW01-55Roma, Arial;
    width: 100%
}

.gripple_blue,
a {
    color: #003471
}

p,
ul {
    font-size: .9em
}

p {
    line-height: 1.25em;
    margin: 7px 0
}

a {
    outline: 0
}

p ul {
    font-size: 1em
}

strong {
    font-family: HelveticaNeueW01-75Bold, arial;
    font-weight: 700
}

#nav_content_left p,
.case_text p,
.home_banner_info h3 {
    font-family: HelveticaNeueW01-45Ligh, arial
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1.4em;
    line-height: 1.1em;
    margin: 0 0 10px;
    text-transform: uppercase
}
.uppercase {
	text-transform: uppercase !important;
}

.float_left {
    float: left!important
}

.float_right {
    float: right!important
}

.float_none {
    float: none!important
}

.gripple_blue_bg {
    background-color: #003471
}

.pale_blue {
    color: #6dcff6
}

.pale_blue_bg {
    background-color: #6dcff6
}

.turq_blue {
    color: #2cb2b9
}

.turq_blue_bg {
    background-color: #2cb2b9
}

.pale_grey_bg {
    background-color: #e0e0e0
}

.uk_flag {
    margin-left: 10px
}

.white {
    color: #fff
}

.white_bg {
    background-color: #fff
}

.light_grey_bg {
    background-color: #f2f2f2!important
}

footer,
header,
section {
    padding: 0 1%;
    max-width: 98%;
    width: 98%;
    display: inline-block;
    vertical-align: top
}

.content_centre {
    max-width: 98%;
    width: 980px;
    margin: 0 auto;
    padding: 0 1%
}

iframe,
img {
    max-width: 100%
}

.align_center {
    text-align: center
}

.align_left {
    text-align: left
}

.align_right {
    text-align: right
}

img {
    border: none
}

.grey {
    color: #555
}

.light_grey {
    color: #6d6e71
}

.orange_bg {
    background: #ff9628!important
}

.turq_bg {
    background: #65c5b4!important
}

.blue_bg {
    background: #3384ff!important
}

.red_bg {
    background: #d22328!important
}

.green_bg {
    background: #07743e!important
}

.light_green_bg {
    background: #9dc430
}

.yellow_bg {
    background: #f2d23f!important
}

.yellow {
    color: #f2d23f
}

.orange {
    color: #ff9628
}

.turq {
    color: #65c5b4
}

.blue {
    color: #3384ff
}

.red {
    color: #d22328
}

.green {
    color: #07743e
}

.teal {
    color: #4ea29a
}

.black {
    color: #000000
}

.hidden {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.margin_5 {
    margin: 0 5%
}

.margin_5_left {
    margin-left: 5%
}

.margin_3_left {
    margin-left: 3%
}

.mobile_left_margin {
    margin-top: 25px
}

.margin_top_15 {
    margin-top: 15px
}

.display_none {
    display: none!important
}

.desktop_100_container {
    width: 100%; display:inline-block; vertical-align: top;
}

.desktop_75_container {
    width: 75%
}

.desktop_70_container {
    width: 70%
}

.desktop_65_container {
    width: 65%
}

.desktop_60_container {
    width: 60%
}

.desktop_55_container {
    width: 55%
}

.desktop_50_container {
    width: 48%
}

.desktop_45_container {
    width: 45%
}

.desktop_40_container {
    width: 40%
}

.desktop_35_container {
    width: 35%

}

.desktop_30_container {
    width: 30%
}

.desktop_25_container {
    width: 25%
}

.desktop_20_container {
    width: 20%
}

.desktop_15_contaidner {
    width: 15%
}

.max_width_70 {
    max-width: 70%;
    width: 70%
}

.page_load {
    display: none
}

table.width_prod_nav {
    width: 94%
}

valign_top {
    vertical-align: top
}

valign_mid {
    vertical-align: middle
}

#logo,
#site_search,
#site_search input#search_site,
.country_swap_container,
header nav,
header nav a,
header nav ul li {
    display: inline-block;
    vertical-align: top
}

header {
    padding: 25px 1%
}
#logo {
    width: 210px;
    max-width: 100%
}

header nav {
    margin: 13px 15px 0
}

header nav ul li {
    margin: 0 9px
}

header nav .top_level {
    padding: 0 14px 0 0;
    background-image: url(../required_images/nav-arrow.png);
    background-repeat: no-repeat;
    background-position: right top
}

header nav a {
    color: #2e3192;
    font-size: .95em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

#site_search {
    font-size: .9em;
    margin: 7px 0 0;
    text-transform: uppercase;
    width: 175px;
    max-width: 100%;
    position: relative;
}
#site_search.top_hdr_search { margin:-8px 0 0 15px; }
#site_search.top_hdr_search input#search_site { box-sizing:border-box; height:30px; font-size:.95em; }
#site_search input#search_site {
    border-radius: 15px;
    webkit-border-radius: 15px;
    moz-border-radius: 15px;
    border: 1px solid #002d72;
    padding: 6px 20% 5px 5%;
    width: 75%;
    font-size: .8em;
    color: #000
}

#site_search input#search_submit,
#site_search input.search_submit {
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 0;
    margin: 6px 0 0
}

.country_swap_container {
    padding: 10px 0 11px;
    background: #c8c8c8;
    width: 100%;
    font-size: .8em
}

.country_swap_container p {
    float: left;
    display: inline;
    margin: 2px 0 0;
    line-height: 1.6em
}

.close_country {
    padding: 4px 10px;
    color: #f2f2f2;
    background: #444343;
    float: right;
    display: inline
}

.dropit,
.owl-carousel .owl-item {
    float: left
}

#gripple_contact,
.country_select {
    display: inline-block;
    vertical-align: top
}

.country_select {
    width: 26px;
    overflow: hidden;
    height: 15px;
    background-image: url(../required_images/language-flags.png);
    background-repeat: no-repeat;
    margin: 2px 0 0 10px
}

#gripple_contact {
    font-size: .8em;
    margin-bottom: 7px;
    width: 100%
}

#gripple_contact a {
    font-size: 1.1em
}

.dropit {
    list-style: none;
    padding: 0
}

.dropit .dropit-trigger {
    position: relative
}

.dropit .dropit-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 138px;
    padding: 10px 0 2px;
    margin: 22px 0 0 -10px
}

.dropit .language_select .dropit-submenu {
    min-width: 95px
}

.dropit .dropit-open .dropit-submenu {
    display: block;
    text-align: left;
    font-size: .9em
}

.dropit-submenu li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 5px 9px;
    width: 87%
}

.prod_top_drop .dropit-submenu li {
    padding: 9px
}

header .dropit-submenu li a {
    padding: 0;
    width: 100%;
    line-height: 1.2em
}

.language_select .dropit-submenu {
    padding: 10px 10px 3px
}

.products_sub_menu {
    left: 138px;
    min-width: 140px;
    padding: 10px 0 0;
    position: absolute;
    top: 0;
    display: none;
    min-height: 138px;
    margin-top: 10px
}

header .products_sub_menu a {
    color: inherit;
    display: block;
    margin: 0 10px 10px;
    width: 90%!important
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel,
.owl-carousel .owl-wrapper {
    display: none;
    position: relative
}

.owl-carousel {
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.grabbing {
   /* cursor: url(grabbing.png) 8 8, move*/
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-dots,
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-controls .owl-dots span,
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 4px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    position: relative;
    z-index: 5
}

.home_carousel .owl-controls .owl-dots span,
.home_carousel .owl-controls .owl-page span {
    background: #999
}

.home_carousel .owl-controls .active span,
.home_carousel .owl-controls .owl-dots .active span {
    background: #003471
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-dot {
    cursor: pointer;
    display: inline-block;
    vertical-align: top
}

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) center center no-repeat
}

#product_2_slide .owl-buttons div,
.app_carousel .owl-buttons div,
.owl_arrows a {
    height: 14px;
    width: 10px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.owl_arrows {
    position: relative;
    top: -20px
}

#product_2_slide .owl-buttons div,
.owl_arrows a {
    background-image: url(../required_images/owl-arrows.png)
}

.app_carousel .owl-buttons div {
    background-image: url(../required_images/owl-arrows-white.png)
}

#product_2_slide .owl-buttons div,
.app_carousel .owl-buttons div {
    padding: 0!important;
    float: left
}

#product_2_slide .owl-controls,
.app_carousel .owl-controls {
    margin-top: 15px;
    position: relative
}

#product_2_slide .owl-buttons,
.app_carousel .owl-buttons {
    position: absolute;
    width: 100%;
    top: 0
}

.app_carousel .owl-buttons {
    margin-top: -5px
}

#product_2_slide .owl-buttons .owl-next,
.app_carousel .owl-buttons .owl-next,
.carousel_next {
    background-position: -14px 0;
    float: right
}

.owl-stage-outer {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.timeline_carousel .owl-next,
.timeline_carousel .owl-prev {
    height: 35px;
    width: 35px;
    padding: 0!important;
    background-size: 35px 35px;
    position: absolute;
    background-repeat: no-repeat
}

.timeline_carousel .owl-prev {
    float: left;
    left: -25px;
    background-image: url(../required_images/tm-prev-blue.png)
}

.timeline_carousel .owl-next {
    float: right;
    right: -25px;
    background-image: url(../required_images/tm-next-blue.png)
}

.timeline_carousel .owl-buttons {
    position: absolute;
    top: 40px;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.timeline_carousel .owl-pagination {
    position: relative;
    top: 100%;
    z-index: 2
}

li.language_select ul a {
    float: left;
    display: inline;
    width: 26px;
    overflow: hidden;
    height: 15px;
    background-image: url(../required_images/language-flags.png);
    background-repeat: no-repeat;
    margin: 2px 4px 6px
}

#home_nav_container,
ul#about_nav,
ul#about_nav li,
ul#home_nav,
ul#home_nav li {
    display: inline-block;
    vertical-align: top
}

li.language_select ul a:nth-child(3n+1) {
    margin-left: 0
}

li.language_select ul a:nth-child(3n+3) {
    margin-right: 0
}

.de_flag {
    background-position: 0 -18px
}

.esp_flag {
    background-position: 0 -36px
}

.fra_flag {
    background-position: 0 -54px
}

.ita_flag {
    background-position: 0 -72px
}

.ned_flag {
    background-position: 0 -90px
}

.por_flag {
    background-position: 0 -108px
}

.pol_flag {
    background-position: 0 -126px
}

.us_flag {
    background-position: 0 -144px
}

.rus_flag {
    background-position: 0 -162px
}

.swe_flag {
    background-position: 0 -180px
}

#home_banner {
    background-size: cover;
    background-image: url(../images/backgrounds/Quito-Airport.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    max-width: 100%;
    width: 100%;
    height: 900px
}

#home_overlay {
    width: 100%;
    padding: 60px 0 50px;
    height: 100%;
    float: left;
    position: relative
}

.overlay_active {
    background-image: url(../required_images/background-overlay.png)
}

#home_nav_container {
    width: 100%;
    position: relative
}

ul#home_nav li.orange_bg a.inactive:hover {
    background-color: #ff9628
}

ul#home_nav li.turq_bg a.inactive:hover {
    background-color: #65c5b4
}

ul#home_nav li.blue_bg a.inactive:hover {
    background-color: #3384ff
}

ul#home_nav li.red_bg a.inactive:hover {
    background-color: #d22328
}

ul#home_nav li.green_bg a.inactive:hover {
    background-color: #07743e
}

#home_nav_container ul li a.inactive,
form.home_nav_active {
    background: #003471
}

ul#about_nav,
ul#home_nav {
    width: 40%
}

ul#about_nav li,
ul#home_nav li {
    width: 100%;
    margin: 4px 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 1.15em;
    overflow: hidden
}

.home_nav_disabled,
ul#home_nav li ul {
    display: none
}

form.home_nav_inactive {
    background: #003471;
    margin-top: 15px
}

.country-drop {
    height: 32px;
    padding-top: 10px;
    padding-bottom: 0
}

#home_nav_container ul li a,
ul#about_nav li a {
    float: left;
    padding: 11px 3%;
    width: 95%
}

#home_nav_container ul#product_5_slide li a {
    padding: 0;
    width: 100%
}

#home_nav_container ul li a.active {
    background: 0 0!important
}

#home_nav_container ul li ul.submenu {
    padding-bottom: 10px;
    background: #003471;
    float: left;
    display: inline;
    width: 100%
}

.overlay_active #home_nav_container ul li a.inactive,
.overlay_active #home_nav_container ul li ul.submenu {
    background: #003471
}

#home_nav_container ul li ul.submenu a {
    font-size: .85em;
    padding: 6px 3%;
    color: #fff;
    text-transform: none
}

#home_nav_container ul li ul.submenu li {
    margin: 1px 0
}

#home_nav_container ul li.orange_bg ul.submenu a.nav_active {
    background: #fff;
    color: #ff9628
}

#home_nav_container ul li.turq_bg ul.submenu a.nav_active {
    background: #fff;
    color: #65c5b4
}

#home_nav_container ul li.blue_bg ul.submenu a.nav_active {
    background: #fff;
    color: #3384ff
}

#home_nav_container ul li.red_bg ul.submenu a.nav_active {
    background: #fff;
    color: #d22328
}

#home_nav_container ul li.green_bg ul.submenu a.nav_active {
    background: #fff;
    color: #07743e
}

#home_nav_container ul#home_nav .orange_bg ul.drop_active,
.overlay_active #home_nav_container ul#home_nav .orange_bg ul.drop_active {
    background: #ff9628!important
}

#home_nav_container ul#home_nav .turq_bg ul.drop_active,
.overlay_active #home_nav_container ul#home_nav .turq_bg ul.drop_active {
    background: #65c5b4!important
}

#home_nav_container ul#home_nav .blue_bg ul.drop_active,
.overlay_active #home_nav_container ul#home_nav .blue_bg ul.drop_active {
    background: #3384ff!important
}

#home_nav_container ul#home_nav .red_bg ul.drop_active,
.overlay_active #home_nav_container ul#home_nav .red_bg ul.drop_active {
    background: #d22328!important
}

#home_nav_container ul#home_nav .green_bg ul.drop_active,
.overlay_active #home_nav_container ul#home_nav .green_bg ul.drop_active {
    background: #07743e!important
}

#product_search,
.product_search {
    display: inline-block;
    font-size: 1.15em;
    margin: 13px 0;
    padding: 9px 3%;
    text-transform: uppercase;
    vertical-align: top;
    width: 94%
}

#product_search input.search_products,
.product_search input.search_products {
    display: inline-block;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: none;
    padding: 5px 10% 5px 3%;
    vertical-align: top;
    width: 87%;
    font-size: .8em;
    color: #000
}

input#search_submit,
input.search_submit {
    margin: 5px 0 0 -27px;
    position: absolute;
    z-index: 2
}

.home_banner_info {
    width: auto;
    margin: 15px 0 55px;
    clear: both;
    position: absolute;
    right: 0;
    max-width: 50%
}

#home_heading .content_centre,
#home_heading h1,
#home_nav_content {
    position: relative
}

.home_banner_info h2 {
    font-size: 1.8em;
    text-transform: none;
    letter-spacing: -.4px;
    margin-bottom: 5px
}

.home_banner_info h3 {
    font-size: 1.1em;
    text-transform: none;
    letter-spacing: -.4px
}

#home_heading {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0;
    min-height: 40px;
    position: absolute;
    bottom: 100px;
    left: 0
}

#home_heading h1 {
    font-size: 1.15em;
    padding: 9px 0 8px;
    margin: 0;
    letter-spacing: -.3px;
    width: 100%;
    z-index: 100;
    text-transform: uppercase
}

#home_first_stage h5,
#home_first_stage ul.tabs,
#home_second_stage h5 {
    font-size: 1.25em;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

#home_first_stage,
#home_second_stage {
    padding-top: 35px
}

#home_first_stage h5,
#home_second_stage h5 {
    margin-bottom: 15px
}

#home_first_stage ul.tabs {
    margin-bottom: 20px
}

#home_first_stage ul.tabs li a {
    float: left;
    padding: 1px 10px 1px 0;
    margin-right: 10px;
    border-right: 1px solid #7d7d7d;
    display: inline;
    color: #6d6e71
}

.event_date,
.event_details_row,
.event_row {
    display: inline-block;
    vertical-align: top
}

#home_first_stage ul.tabs li a.current {
    border-right: 1px solid #003471;
    color: #003471
}

.event_row {
    width: 100%;
    margin: 5px 0 12px
}

.event_date {
    background-image: url(../required_images/event-calendar.jpg);
    background-repeat: no-repeat;
    height: 105px;
    width: 85px
}

.event_month {
    font-size: .9em;
    margin: 8px 0 14px
}

.event_day {
    font-size: 2.5em
}

.event_year {
    margin-top: 10px;
    font-size: .9em
}

.event_details {
    float: right;
    max-width: 70%;
    text-align: left;
    width: 330px
}

.event_details h6 {
    font-size: 1em;
    text-transform: none;
    margin: 0 0 6px
}

.event_details_row {
    margin: 2px 0 3px;
    width: 100%;
    font-size: .75em
}

.event_details_row a {
    word-break: break-word
}

.event_left {
    float: left;
    display: inline;
    width: 25%
}

.event_right {
    float: right;
    display: inline;
    width: 70%
}

.home_carousel,
.home_carousel img {
    width: 100%;
    height: auto
}

.view_all {
    font-size: .8em
}

.home_carousel {
    display: inline-block;
    vertical-align: top;
    overflow: hidden
}

#home_second_stage .home_carousel {
    height: 170px
}

.home_carousel .owl-controls {
    position: relative;
    z-index: 5;
    top: -40px
}

#home_nav_content {
    float: right;
    width: 57%;
    padding: 8px 1%;
    background: #fff;
    margin-top: 4px;
    z-index: 1
}

.case_text {
    position: absolute;
    z-index: 10;
    color: #fff;
    top: 21%;
    left: 8%;
    width: 84%;
    text-transform: uppercase
}

#nav_content_thumb,
#nav_content_thumb img {
    width: 100%;
    height: auto
}

#case_study .owl-item {
    background: #000
}

#case_study .owl-item img {
    opacity: .5;
    filter: alpha(opacity=50)
}

#case_study h6 {
    font-size: 1.25em;
    margin-bottom: 0
}

.case_text p {
    margin-bottom: 0;
    font-size: 1em
}

#nav_content_thumb {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    position: relative
}

#nav_content_text {
    display: inline-block;
    vertical-align: top;
    width: 97%;
    padding: 0 3% 10px 0;
    overflow: auto;
    max-height: 280px;
    margin-bottom: 10px
}
#nav_content_text ul { list-style:disc !important; padding:0 25px; text-align: left; }
#nav_content_text ul li {  margin:5px 0 !important; color:#003471; display: list-item;}

#mobile_nav_content #nav_content_text {
    max-height: 2000px!important
}

#home_nav_content h2,
#home_nav_content h3 {
    font-size: 1.15em;
    margin-top: 0
}

#nav_content_left p {
    color: #003471;
    font-size: .9em;
    margin: 0 0 14px;
    line-height: 1.3em;
    letter-spacing: -.4px
}

#nav_content_left a.popup_button {
    width: 49%;
    padding: 6px 0 7px;
    margin-top: 8px;
    text-align: center;
    font-size: .75em;
    display: inline-block;
    vertical-align: top;
    letter-spacing: -.1px;
    font-family: HelveticaNeueW01-45Ligh;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px
}

.prod_nav_table th,
.slide_text h4 {
    font-family: HelveticaNeueW01-65Medi, arial
}

#home_nav_content .desktop_40_container {
    width: 37%
}

ul#product_5_slide,
ul#product_5_slide>div {
    width: 100%;
    padding: 0;
    display: inline-block;
    vertical-align: top
}

ul#product_5_slide li {
    width: 99%;
    border: 1px solid #e5e5e5;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 7px
}

#nav_content_right .owl-theme .owl-controls .owl-page span {
    background: #003471
}

.prod_nav_table,
.table_img img,
ul.wire_list li {
    background: #fff
}

.slide_text h4 {
    font-size: .85em;
    text-transform: none;
    margin: 8px 0 3px
}

.slide_text p {
    font-size: .8em;
    text-transform: none;
    margin: 0
}

#nav_content_right .desktop_70_container {
    width: 68%
}

#vimeo_home iframe {
    height: 265px
}

.product_5_slide table {
    max-width: 94%;
    padding: 8px 3% 7px
}

.table_img img {
    max-height: 80px;
    max-width: 80px;
    padding: 6px 1.5%;
    display: inline-block
}

.prod_nav_table th {
    font-size: 1em;
    line-height: 1.25em
}

.prod_nav_table td,
.prod_nav_table th,
.prod_nav_table_active td,
.prod_nav_table_active th {
    padding: 5px 0 3px
}

.prod_nav_table_active {
    display: none
}

.prod_nav_table_active p {
    margin: 0;
    font-size: .75em;
    line-height: 1.25em
}

#announcement #feature_img,
a.cant-wait,
ul.wire_list li {
    line-height: 1.3em
}

.home_scroll {
    display: block;
    position: absolute;
    bottom: 35px;
    z-index: 10;
    width: 100%
}

ul.wire_list {
    margin: 0 0 15px
}

ul.wire_list li {
    font-size: 1.1em;
    text-align: center;
    padding: 15px 25px;
    margin: 10px;
    display: inline-block;
    border: 1px solid #003471;
    font-family: HelveticaNeueW01-75Bold;
    color: #003471
}

.opc-brochure-bar {
    background-color: rgba(0, 52, 113, .85);
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0
}

.dl-btn,
.opc-brochure-bar a {
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 5px 10px;
    font-size: .8em;
    font-family: HelveticaNeueW01-65Medi, arial;
    float: right
}

.about_banner_info h3,
a.about_breadcrumb {
    font-family: HelveticaNeueW01-45Ligh, arial
}

.dl-btn {
    margin-bottom: 15px
}

.app_image_crop {
    position: relative
}

.crossword-container {
    padding: 20px;
    position: relative;
    background-image: url(../images/backgrounds/Swiss-Re-Tower.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.crossword-container ol {
    list-style: decimal;
    padding-left: 25px;
    margin: 25px 0;
    display: block
}

.crossword-container ol li {
    margin: 10px 0
}

.crossword-container input[type=text] {
    width: 20px;
    height: 20px;
    display: inline;
    float: left;
    text-align: center;
    border: none;
    padding: 2px;
    text-transform: uppercase
}

#office_flags,
.vac_border {
    border-top: 1px solid #003471
}

.crossword-container #crossword-tbl tr td {
    height: 25px;
    width: 25px;
    position: relative;
    padding: 5px;
    box-sizing: border-box
}

.crossword_num {
    position: absolute;
    font-size: .7em
}

.v_num {
    left: 0;
    top: -20px
}

.h_num {
    left: -12px;
    top: 0
}

#crossword_btn a {
    padding: 10px 15px;
    display: inline-block;
    vertical-align: top;
    margin-top: 15px
}

.crossword-container strong {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 5px 0
}

.crossword-container h2 {
    font-size: 1.25em;
    line-height: 1.3em;
    text-transform: none
}

a.cant-wait {
    font-size: .8em;
    margin-top: 23px;
    z-index: 5;
    position: absolute;
    bottom: 25px;
    right: 25px;
    padding-left: 25px
}

.crossword-container table {
    margin-bottom: 45px
}

.crossword-container .desktop_50_container {
    margin-top: 40px
}

.crossword-container::before {
    background: rgba(0, 52, 113, .9);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    content: " ";
    display: block;
    z-index: 0;
    background-size: cover;
    background-position: center
}

.crossword-container .desktop_45_container,
.crossword-container .desktop_50_container {
    position: relative;
    z-index: 5
}

.circle-flags {
    float: right;
    display: inline;
    width: auto;
    height: auto
}

#all_events,
.circle-flags a {
    display: inline-block;
    vertical-align: top
}

.circle-flags a {
    width: 30px;
    height: 30px;
    background-size: 127px 30px;
    background-image: url(../required_images/circle-flags.png);
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0 3px
}

#announcement .product_container,
.event_scroll {
    margin-top: 25px
}

.circle-flags a.fr {
    background-position: -66px
}

.circle-flags a.de {
    background-position: -33px
}

.circle-flags a.us {
    background-position: -99px
}

#announcement #product_banner {
    background-image: url(../required_images/announcement-banner.jpg)
}

#announcement #prod_share {
    bottom: 0;
    margin-bottom: 15px
}

#all_events {
    width: 90%;
    height: 430px;
    padding: 20px 5%;
    overflow: hidden
}

#all_events ul.tabs,
.event_scroll {
    width: 100%;
    display: inline-block;
    vertical-align: top
}

#all_events ul.tabs {
    font-size: 1.4em
}

#all_events ul.tabs li {
    display: inline-block;
    vertical-align: top
}

#all_events ul.tabs li a {
    color: #6d6e71
}

#all_events ul.tabs li a.current {
    color: #003471
}

.event_scroll {
    padding: 0;
    overflow: auto;
    overflow-x: hidden;
    height: 400px
}

.event_scroll .event_row {
    display: inline-block;
    vertical-align: top;
    width: 95%
}

ul#about_nav li {
    background: #002d72
}

ul#about_nav li:hover {
    background: #2cb2b9
}

#about_banner {
    background-size: cover;
    background-image: url(../images/backgrounds/Swiss-Re-Tower.jpg);
    background-repeat: no-repeat;
    background-position: center;
    max-width: 100%;
    width: 100%;
    padding: 12px 0 170px
}

.about_banner_info {
    width: 55%;
    margin: 30px 0 0
}

#news .owl-next, #news .owl-prev, #vacancies .owl-next, #vacancies .owl-prev {
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.about_banner_info h2 {
    font-size: 2.2em;
    text-transform: none;
    letter-spacing: -.4px;
    margin-bottom: 5px
}

.about_banner_info h3 {
    font-size: 1.3em;
    text-transform: none;
    letter-spacing: -.4px
}

a.about_breadcrumb {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 8px;
    font-size: .9em
}

.about_slide,
.about_slide_grey {
    padding: 25px 1%
}

.about_slide:nth-child(odd) {
    background-color: #fff;
    color: #003471
}

.about_slide:nth-child(odd) .about_tagline p,
.about_slide:nth-child(odd) h3.about_header {
    color: #003471!important
}

.about_slide:nth-child(odd) .about_tagline h4,
.about_slide:nth-child(odd) .about_tagline h6 {
    color: #4ea29a
}

.about_slide:nth-child(even) {
    background-color: #003471;
    color: #fff
}

#news,
#vacancies {
    color: #003471;
    min-height: 561px
}

#news .owl-buttons, #vacancies .owl-buttons {
    position: absolute;
    top: -41px;
    right: 2%
}

#news .owl-buttons div, #vacancies .owl-buttons div {
    margin: 0;
    padding: 3px 5px
}

#news .owl-prev, #vacancies .owl-prev {
    float: left;
    background-image: url(../required_images/prev-blue.png)
}

#news .owl-next, #vacancies .owl-next {
    float: right;
    background-image: url(../required_images/next-blue.png)
}

.about_slide:nth-child(even) .about_tagline h4,
.about_slide:nth-child(even) .about_tagline p,
.about_slide:nth-child(even) h3.about_header {
    color: #fff!important
}

#news .about_tagline h4,
#news .about_tagline p,
#news h3.about_header,
#vacancies .about_tagline h4,
#vacancies .about_tagline p,
#vacancies h3.about_header {
    color: #003471!important
}

#glide_ethos ul {
    list-style: inherit;
    padding-left: 13px
}

#glide_ethos ul li {
    margin: 7px 0
}

.blue_about_bg p,
.blue_about_bg ul {
    color: #fff
}

#company_timeline {
    padding-bottom: 0!important
}

.gripple_blue_bg h3.about_header,
h3.about_header {
    font-size: 1em;
    padding-bottom: 5px
}

h3.about_header {
    display: inline-block
}

.about_tagline {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 20px
}

.about_tagline h4 {
    font-size: 1.6em;
    text-transform: none;
    margin: 5px 0
}

.company_square_image {
    width: 47%;
    display: inline;
    height: auto;
    margin: 10px 0 15px;
    float: left
}

.accordion_item,
h4.accordion_heading {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.company_square_image:nth-child(2n+2) {
    float: right
}

.about_text p {
    margin: 7px 0 15px
}

.about_text ul {
    list-style: disc;
    line-height: 1.2em;
    margin-left: 16px
}

.about_text ul li {
    margin-bottom: 6px
}

.about_text h6 {
    text-transform: none;
    font-family: HelveticaNeueW01-55Roma, arial;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.2em
}

#first_period h3,
#office_swap_area p {
    font-family: HelveticaNeueW01-45Ligh, arial
}

.accordion_item {
    margin-bottom: 3px
}

h4.accordion_heading {
    padding: 7px 15px 8px;
    margin-bottom: 7px;
    background: #003471;
    color: #fff;
    font-size: 1.05em;
    text-transform: none;
    cursor: pointer
}

#faqs h4.active {
    background: #4ea29a!important
}

#office_swap,
.about_email,
.about_info ul li {
    background-repeat: no-repeat
}

.accordion_answer {
    display: none;
    width: 100%;
    padding: 10px 15px 15px;
    vertical-align: top
}

.accordion_answer p {
    margin: 10px 0;
    display: block
}

.acc_active {
    display: inline-block!important
}

#faqs .about_info {
    margin-top: 15px
}

.about_info {
    display: inline-block;
    vertical-align: top;
    width: 96%;
    padding: 6px 2%;
    font-size: .85em
}

.about_info p {
    margin: 8px 0
}

.about_info ul li {
    margin: 5px 0 2px;
    float: left;
    display: inline;
    width: 47%;
    background-image: url(../required_images/li_line.png);
    background-position: top left;
    padding-left: 2.5%;
    line-height: 1.3em
}

.about_info ul li:nth-child(2n+2) {
    float: right
}

.teal_about_bg {
    background-color: #d8ebe9
}

.blue_about_bg {
    background-color: #386190
}

.about_email {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 30px;
    background-image: url(../required_images/company_email_icon.png);
    background-position: top left;
    min-height: 15px;
    margin: 10px 0
}

.news_article {
    display: inline;
    float: left;
    width: 22%;
    margin: 15px 4% 10px 0
}

.owl-item .news_article {
    display: inline;
    float: left;
    width: 90%;
    margin: 15px 2.5% 10px
}

.news_thumbnail,
.vac_border {
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.spacing_container .news_article:nth-child(4n+4) {
    margin-right: 0
}

.news_pagination {
    color: #003471
}

.news_pagination a {
    color: #666
}

#vacancies .news_pagination a {
    color: #003471
}

.vac_content h2 {
    font-size: 1.2em;
    margin: 15px 0 5px!important
}

.vac_content ul {
    margin: 0!important;
    display: inline-block;
    padding: 0
}

.vac_border {
    padding-top: 7px;
    margin-top: 10px
}

.news_thumbnail {
    margin-bottom: 10px;
    overflow: hidden;
    height: 200px
}

#feature_img img,
.about_video img,
.news_thumbnail img {
    width: 100%;
    height: auto
}

.news_article h3 {
    text-transform: none;
    font-size: 1.1em;
    line-height: 1.25em;
    margin-bottom: 0
}

.news_date {
    font-size: .85em;
    margin: 10px 0 5px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    line-height: 1.25em
}

a.read_news {
    display: inline-block;
    vertical-align: top;
    font-size: .95em;
    margin-top: 7px;
    font-weight: 700
}

p.date_text {
    font-size: 70%;
    margin-top: 15px
}

h1.news_title {
    margin-bottom: 20px
}

#feature_img {
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top
}

#showcase_map {
    position: absolute;
    left: 0
}

.about_video {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 15px 0
}

select#office_swap_address {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 30px
}

#office_swap img {
    cursor: pointer
}

select#office_swap_address option {
    display: block;
    width: 26px;
    overflow: hidden;
    height: 15px;
    background-image: url(../required_images/language-flags.png);
    background-repeat: no-repeat;
    margin: 5px 0
}

.contact_area {
    margin: 20px 0
}

.contact_address h2 {
    font-size: 1.8em;
    text-transform: none;
    margin-bottom: 15px
}

.address_holder p {
    font-size: 110%
}

.contact_details {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 5px 0;
    font-size: 1.05em;
    line-height: 1.4em;
    letter-spacing: .5px
}

.send_message {
    display: inline-block;
    vertical-align: top;
    margin: 15px 0;
    font-size: .9em
}

#office_swap_area p {
    width: 80%;
    display: inline-block;
    vertical-align: top
}

#office_swap {
    float: right;
    display: inline;
    background-image: url(../required_images/nav-arrow.png);
    background-position: right;
    padding-right: 15px;
    margin-top: 8px
}

#office_flags {
    display: none;
    padding-top: 10px
}

#timeline_intro,
#timeline_nav a,
#timeline_thumb,
.contact_address,
.contact_map,
.dates_container,
.dates_row,
.timeline_footer,
.timeline_nav a {
    display: inline-block;
    vertical-align: top
}

#office_flags a {
    padding: 2%
}

#office_flags a img {
    margin: 4px 0
}

#office_flags a img:hover {
    -webkit-box-shadow: 0 0 5px 4px rgba(0, 52, 113, .63);
    -moz-box-shadow: 0 0 5px 4px rgba(0, 52, 113, .63);
    box-shadow: 0 0 5px 4px rgba(0, 52, 113, .63)
}

.top_button {
    width: 100%;
    background: url(../required_images/top_arrow.png) top center no-repeat #fff;
    padding-top: 12px;
    font-size: .9em
}

.top_button a {
    color: #555
}

#timeline_nav,
.timeline_nav {
    text-align: right
}

#timeline_nav a,
.timeline_nav a {
    padding: 7px 8px;
    margin-left: 5px;
    text-align: center;
    font-size: .85em;
    cursor: pointer
}

#timeline_thumb img {
    width: 100%;
    height: auto
}

#timeline_intro {
    max-width: 94%;
    padding: 10px 3%;
    margin: 30px 0 40px
}

#timeline_intro h4 {
    font-size: 2.75em;
    margin-bottom: 0
}

#first_period #timeline_intro p {
    text-transform: uppercase;
    font-size: 1.05em
}

#first_period h3 {
    text-transform: none;
    font-size: 2.3em;
    margin-bottom: 20px
}

#first_period p {
    font-size: 1.2em;
    line-height: 1.3em
}

#first_period p strong {
    color: #ff9628;
}

.timeline_footer {
    margin-top: 45px
}

#timeline_thumb {
    margin-top: 10px
}

h5.timeline_title {
    font-family: HelveticaNeueW01-65Medi, arial;
    text-transform: none;
    font-size: 1.6em;
    margin: 10px 0 7px
}

h6.timeline_subtitle {
    font-family: HelveticaNeueW01-55Roma, arial;
    text-transform: none;
    font-size: 1.2em
}

#company_timeline .owl-theme .owl-controls .owl-page.active span {
    background: #003471;
    border: 2px solid #fff
}

#company_timeline .owl-theme .owl-controls .owl-page span {
    background: #fff;
    border: 2px solid #003471
}

.timeline_top_left {
    font-size: .9em;
    padding: 7px 1%;
    line-height: 1.4em
}

.dates_container {
    width: 100%;
    height: auto;
    padding: 35px 0
}

.dates_row {
    width: 100%;
    height: auto;
    padding: 15px 0;
    border-bottom: 1px solid #003471
}

.timeline_date {
    font-size: 2.2em;
    padding: 20px 0
}

.timeline_text {
    margin-top: 10px
}

.timeline_thumb {
    margin-top: 15px
}

.timeline_thumb img {
    width: 100%
}

.accordion-toggle {
    cursor: pointer
}

.accordion-content {
    display: none
}

.accordion-content.default {
    display: block
}

.about_top,
.scroll_btn {
    display: inline-block;
    vertical-align: top
}

.about_top {
    margin: 20px 0 0;
    width: 100%;
    text-align: center
}

.scroll_btn {
    background-repeat: no-repeat;
    height: 31px;
    width: 155px
}

#contact-form input,
#contact-form textarea {
    display: inline-block;
    width: 96%;
    margin: 3px 0;
    font-family: HelveticaNeueW01-55Roma, arial;
    font-size: .8em;
    vertical-align: top
}

.about_slide:nth-child(odd) .scroll_btn {
    background-image: url(../required_images/scroll-up-blue.png)
}

.about_slide:nth-child(even) .scroll_btn {
    background-image: url(../required_images/scroll-up-white.png)
}

.light_grey_bg .scroll_btn {
    background-image: url(../required_images/scroll-up-blue.png)!important
}

#contact-form {
    display: inline-block;
    vertical-align: top;
    width: 93%;
    margin-top: 10px
}

#contact-form input {
    padding: 4px 2%
}

#contact-form input[type=submit] {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 3px 0;
    padding: 7px 2%;
    border: 0;
    font-family: HelveticaNeueW01-55Roma, arial;
    font-size: .8em;
    cursor: pointer
}

#contact-form textarea {
    height: 80px;
    padding: 3px 2%
}

.loading_centre {
    display: block;
    margin: 0 auto
}

#glide_ethos .about_info ul li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    float: none!important;
    background-image: url(../required_images/li_line-teal.png)
}

.blue_about_bg a {
    color: #fff
}

.video-auto-height {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%
}

.video-auto-height iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.fav_btn { margin-top:5px; }
.inner_fav_btn { margin-top:10px; box-sizing:border-box; max-width: 100%; padding:5px 15px 7px; font-size:.9em; border-radius: 10px; display:inline-block; vertical-align: top;}
#data-library h1, #data-library h2, #data-library h3, #data-library h4, #data-library h5, #data-library h6 { text-transform: none; }
#data-library header h1,
#data-library-main {
    display: block;
    vertical-align: top;
    margin: 0 auto;
    width: 980px;
    box-sizing: border-box;
    max-width: 100%
}

#data-library .product_container {
    width: 100%;
    padding: 0;
}

#data-library .dataTables_wrapper label {
    color: #fff;
}

#load-product-data img.desktop_50_container {
    box-sizing: border-box;
    padding-right: 5%;
}

.data-intro ul {
    list-style: disc;
    font-size: .95em;
    padding: 20px 0 10px 20px;
}

.data-intro ul li {
    padding: 5px 0;
}

.library-separator {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 2px;
    background: #fff;
    margin: 20px 0 15px;
}

.mg-flag { display:inline-block; vertical-align: top; margin:5px 10px; }

.paginate_button.current {
    font-weight: bold;
}

.filter-btn {
    box-sizing: border-box;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    font-size: .8em;
    margin-top: 15px;
}

.overflow-locked {
    overflow: hidden;
}

.none-found {
    display: none;
}

.display-none {
    display: none !important;
    visibility: hidden !important;
}

.img-padding {
    padding: 20px;
}

.filter-btn span {
    float: right;
    margin: 0 0 0 5px;
    font-weight: bold;
}

.data-library-content table a.data-reg {
    font-size: 1.2em;
    border-bottom: 1px dashed;
    border-radius: 0 !important;
    padding: 0 0 5px 0;
}

#data-library {
    padding: 0 0 35px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-transform: uppercase
}

#data-library header {
    padding: 15px;
    max-width: 100%;
    width: 100%
}

#data-library header h1 {
    line-height: 1em;
    padding: 0
}

.data-lib-nav {
    border-right: 1px solid #e4e4e4;
    width: 25%;
    padding: 20px;
    box-sizing: border-box;
}

#data-library .data-trigger,
.data-lib-nav ul,
.data-lib-nav ul li {
    vertical-align: top;
    width: 100%;
    display: inline-block
}

.data-trigger {
    margin: 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #003471;
    cursor: pointer;
    background-image: url(../required_images/data-library/nav-inactive.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15px 7px
}

#data-library .active {
    background-image: url(../required_images/data-library/nav-active.png)!important
}

.data-lib-nav ul li {
    font-size: .75em;
    vertical-align: middle;
    margin: 3px 0;
    font-weight: 700;
    line-height: 1.25em;
    cursor: pointer
}

.data-lib-nav ul li ul {
    margin: 5px 0 10px
}

.data-lib-nav ul li ul li {
    font-size: 1em;
    font-weight: 400
}

.data-library-content table tr th,
.mg_tbl tr th,
.signup_row {
    font-weight: 700
}

.data-lib-nav ul li input[type=checkbox] {
    float: left;
    margin: -2px 5px 5px 0
}

.data-library-content {
    min-height: 350px;
    position: relative;
    width: 75%;
    left: -1px;
    box-sizing: border-box;
    padding: 15px;
    border-left: 1px solid #e4e4e4;
}

.data-library-content table {
    text-align: left;
    width: 100%
}

.data-library-content table tr td,
.data-library-content table tr th {
    padding: 5px;
    vertical-align: middle;
    font-size: .75em;
    line-height: 1.2em;
}

.data-library-content table a {
    display: inline-block;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    padding: 7px 10px;
    text-align: center;
    font-size: .9em
}

.data-lib-nav h1 {
    margin-bottom: 15px;
}

#data-library .dataTables_length {
    position: absolute;
    top: -55px;
    left: 15px;
    font-size: .8em;
}

#data-library .product_top {
    position: relative;
    top: 22px;
}

#data-library .dataTables_length select {
    height: 30px;
    padding: 5px 10px;
    margin-left: 10px;
    border: 1px solid #555;
}

#data-library .dataTables_filter {
    position: absolute;
    top: -55px !important;
    right: 15px;
    font-size: .8em;
}

#data-library .dataTables_filter input {
    height: 30px;
    padding: 5px 10px;
    margin-left: 10px;
    border: 1px solid #555;
}

#data-library .dataTables_paginate {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 25px;
    text-align: center;
}

#data-library .dataTables_paginate .previous {
    float: left;
    margin: 0 10px 10px 0;
}

#data-library .dataTables_paginate .next {
    float: right;
    margin: 0 0 10px 10px;
}

#data-library .dataTables_paginate span a {
    display: inline-block;
    vertical-align: top;
    margin: 0 3px;
}

#data-library .dataTables_info {
    font-size: .75em;
    margin-top: 20px;
}

#data-library #login_form input[type="email"],
#data-library #login_form input[type="password"] {
    border: 1px solid #333;
    max-width: 250px;
}

.data_container {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding: 25px;
    margin-top: 40px;
}

.data_container * {
    box-sizing: inherit;
}

.data_container h1 {
    font-size: 1.8em;
}

#data-library .product_top {
    padding: 10px;
    box-sizing: border-box;
}

.data_container p {
    font-size: 1.05em;
    margin: 25px 0 20px;
    line-height: 125%;
    display: inline-block;
    vertical-align: top;
    text-transform: none;
}

.data_container form {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.data_container form input[type="search"] {
    display: inline-block;
    vertical-align: top;
    width: 500px;
    max-width: 100%;
    height: 40px;
    font-size: 1em;
    padding: 5px 10px;
    margin-top: 10px;
}

.overlay-data.data_container {
    position: absolute;
    top: 0;
    left: 1px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    margin-top: 0;
}

.hidden-search {
    display: inline-block;
    vertical-align: top;
    visibility: hidden !important;
    height: 0 !important;
}

.data_container form input[type="submit"] {
    display: inline-block;
    vertical-align: top;
    width: auto;
    max-width: 100%;
    height: 40px;
    font-size: 1em;
    padding: 10px 25px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    margin-top: 10px;
}

.data_container a.data_skip {
    display: inline-block;
    vertical-align: top;
    margin-top: 50px;
    border-bottom: dashed 1px #fff;
    padding-bottom: 4px;
}

.img-col {
    width: 15%
}

.title-col {
    width: 55%
}

.num-col {
    width: 10%;
    text-align: center
}

.file-col {
    width: 20%
}

.button-col {
    width: 15%;
    text-align: right
}

.sub-lib-links {
    padding-left: 15px
}

#library-content {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(222, 222, 222, 1);
    top: 0;
    left: 0;
    z-index: 1000;
    box-sizing: border-box;
    padding: 30px;
    display: none;
    visibility: hidden;
    overflow-y: auto
}

.visible {
    display: inline-block!important;
    visibility: visible!important
}

#library-content h3,
#library-content p,
.library-container,
.library-container .lib-download,
.library-container strong,
.library-trigger,
.mg_tbl tr td select {
    display: inline-block;
    vertical-align: top
}

#library-content * {
    box-sizing: inherit
}

#library-content .content_centre {
    padding: 25px;
    background: #fff;
    max-width: 100%;
    position: relative
}

#library-content h3 {
    font-size: 2.2em;
    border-bottom: 2px solid;
    padding-bottom: 2px;
    margin: 25px 0
}

#library-content p {
    width: 100%;
    font-size: 1.2em;
    line-height: 1.2em
}

.library-container,
.library-trigger {
    width: 100%;
    padding: 10px 15px
}

.library-trigger {
    text-transform: uppercase;
    background-image: url(../required_images/data-library/acc-inactive.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 22px 10px;
    cursor: pointer;
    margin-top: 10px
}

.larger-margin {
    margin-top: 35px!important
}

#library-content .active {
    background-image: url(../required_images/data-library/acc-active.png)!important
}

.library-container .lib-download {
    width: 200px;
    padding: 25px;
    height: 225px;
    text-align: centre;
}

.library-container .lib-download img {
    max-width: 115px;
}

.library-container strong {
    width: 100%;
    margin-top: 10px;
    color: #555;
    text-transform: uppercase;
    font-size: .85em;
    line-height: 1.2em
}

.close-lib-bt {
    position: absolute;
    top: 10px;
    right: 5px;
    border: none;
    font-size: 1.1em;
    background: 0 0;
    cursor: pointer
}

.mg_tbl tr td {
    padding: 3px 0 10px
}

.mg_tbl tr td input[type=email],
.mg_tbl tr td input[type=password],
.mg_tbl tr td input[type=text] {
    box-sizing: border-box;
    width: 100%;
    padding: 5px 10px;
    height: 28px;
    display: inline-block;
    vertical-align: top;
    margin: 5px 0 10px;
	height:40px;
	border:none;
}

.mg_tbl tr td select {
    width: 100%
}

.mg_tbl tr td select option {
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    height: 24px
}

.mg_tbl tr th {
    font-size: .9em
}

.mg_tbl a {
    display: inline;
    float: right;
    margin: 8px 0;
    font-size: .8em;
    cursor: pointer
}

#my_gripple_logo,
.scroll_button {
    display: inline-block;
    vertical-align: top
}

.update_mg h1, .update_mg h2 { margin-bottom:20px; }

.mg_tbl input[type=submit], .mg_tbl input[type=button] {
    border: none;
    padding: 5px 10px 6px;
    cursor: pointer;
	display:inline-block; 
	vertical-align: top; 
	height:40px;
	box-sizing: border-box;
	font-size:1em;
	font-weight: bold;
}

#my_gripple_logo {
    width: auto;
    max-width: 100%;
    margin-bottom: 10px
}

#my_gripple_banner {
    background-size: cover;
    background-image: url(../images/backgrounds/My-Gripple.jpg);
    background-repeat: no-repeat;
    background-position: center;
    max-width: 100%;
    width: 100%;
    padding: 170px 0
}

#my_gripple_banner p {
    margin: 0 0 10px;
    font-size: .85em;
    line-height: 1.4em
}

.data-cta { display:inline-block; vertical-align: top; box-sizing:border-box; padding:25px; text-align:left center; background-image:url(../images/backgrounds/SwissTower.jpg); background-size: 200%; background-position: left; background-repeat: no-repeat; margin:15px 0 45px; }
.data-cta strong, .data-cta p {  display:block; margin:0 0 25px; max-width:50%; }
.data-cta strong { font-size:1.5em; }
.data-cta p { font-size:1.2em; }
.data-cta div { display:inline-block; vertical-align: top; box-sizing:border-box; padding:10px 15px; font-size:.95rem; }

.second_panes .dataTables_wrapper .dataTables_filter input { box-sizing: border-box; height: 40px; padding: 10px; margin: 0 5px; border:1px solid #a9a9a9; }
.data-pack-lbl { font-size:.8em; cursor: pointer;}
.data-pack-lbl input { float:left; margin:6px 5px 0 0; }
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { text-align:left !important; }

.scroll_button {
    margin-top: 50px
}

.my_gripple_border {
    border-left: 1px solid #fff;
    padding: 2px 0 10px 2%
}

.my_gripple_border h1 {
    font-size: 1.8em;
    margin-bottom: 35px
}

.my_gripple_border input[type=password],
.my_gripple_border input[type=text] {
    width: 96%;
    padding: 3px 2%;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 8px
}

.my_gripple_border #login_button {
    width: 100%;
    padding: 4px 0;
    border: none;
    text-transform: uppercase;
    float: left;
    display: inline;
    text-indent: 8px;
    text-align: left;
    font-size: .9em;
    cursor: pointer;
    background-image: url(../required_images/login_arrow.png);
    background-repeat: no-repeat;
    background-position: right
}

.my_gripple_border .mg_links:nth-child(3) {
    float: right;
    cursor: pointer
}

#my_gripple {
    padding-top: 35px
}

#my_gripple ul.second_tabs,
#my_gripple ul.tabs {
    font-size: 1.25em;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

#my_gripple ul.second_tabs li a,
#my_gripple ul.tabs li a {
    float: left;
    padding: 1px 10px 1px 0;
    margin-right: 10px;
    border-right: 1px solid #7d7d7d;
    display: inline;
    color: #6d6e71
}

#my_gripple ul.second_tabs li a.current,
#my_gripple ul.tabs li a.current {
    border-right: 1px solid #003471;
    color: #003471
}

.order_thumb {
    width: 80%;
    padding: 2%;
    border: 3px solid #e4e4e4
}

.mg_pagination,
.tech_data_row {
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.order_table tr td {
    font-size: 1.4em;
    padding: 6px 0
}

.order_table tr th {
    font-family: HelveticaNeueW01-45Ligh, arial;
    padding-bottom: 0
}

.mg_border_bottom {
    border-bottom: 1px solid #003471;
    padding-bottom: 8px
}

#my_gripple h2.mg_border_bottom {
    font-size: 1.25em
}

.tech_data_row {
    margin: 5px 0 12px
}

.tech_data_col {
    display: inline-block;
    vertical-align: top;
    padding: 10px 0 0 45px;
    font-size: 1.2em;
    background-repeat: no-repeat;
    background-position: top left
}

.my_gripple_border a.account_button,
.video_button {
    background-repeat: no-repeat;
    background-position: right
}

.tech_data_col h3 {
    font-size: .85em;
    text-transform: none
}

#prod_share,
ul.prod_tabs {
    text-transform: uppercase
}

.brochure {
    background-image: url(../required_images/icon_brochure.png)
}

.info {
    background-image: url(../required_images/icon_info.png)
}

.cert {
    background-image: url(../required_images/icon_cert.png)
}

.mg_pagination {
    text-align: center;
    margin-top: 25px
}

.top_button {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px
}

.my_gripple_border a.account_button {
    padding: 12px 50px 10px 10px;
    border: none;
	margin-bottom:15px;
    text-transform: uppercase;
    float: left; 
	box-sizing: border-box; 
	height:40px; 
    display: inline;
	clear: both;
    text-align: left;
    font-size: 1em;
    cursor: pointer;
    background-image: url(../required_images/login_arrow.png)
}

#my_gripple_content {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px
}

#my_gripple_content h2 {
    font-size: 28px;
    margin-bottom: 15px
}

.video_thumb {
    float: left;
    display: inline;
    width: 18%;
    border: 3px solid #e4e4e4
}

.video_container {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 3px 0 6px
}

.video_button,
.video_text {
    display: inline;
    float: right
}

.video_thumb img {
    width: 100%;
    height: auto;
    float: left;
    display: inline
}

.video_text {
    width: 76%
}

.video_text h4 {
    font-size: 1.2em;
    text-transform: none;
    margin-bottom: 5px
}

.video_text p {
    font-size: .75em
}

.video_button {
    background-color: #003471;
    color: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 5px 30px 5px 10px;
    font-size: .7em;
    background-image: url(../required_images/video_play.png);
    margin-top: 4px
}

.gripple_carousel {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    height: auto;
    margin-top: 50px
}

.gripple_carousel .owl-controls {
    position: relative;
    z-index: 5;
    top: -40px
}

.my_gripple_border form#mc-embedded-subscribe-form input {
    width: 96%!important;
    padding: 6px 2%;
    margin: 3px 0 12px
}

.my_gripple_border form#mc-embedded-subscribe-form input[type=submit] {
    width: 100%!important;
    height: 34px;
    padding: 8px 0;
    font-weight: 700;
    border: none;
    cursor: pointer
}

.my_gripple_border .indicates-required {
    float: right;
    display: inline;
    font-size: .8em
}

.my_gripple_border .asterisk {
    margin: 0 0 0 3px
}

html body:focus {
    outline-color: transparent;
    outline-style: none
}

.signup_row {
    display: inline-block;
    vertical-align: top;
    font-size: .9em
}

#filtered_cats label,
#filtered_cats_two label {
    display: inline;
    float: left;
    margin: 10px 10px 5px 0;
    font-size: .85em;
    cursor: pointer
}

#filtered_cats, #filtered_cats_two { margin-bottom:20px; display:inline-block; vertical-align: top; }

#filtered_cats label input[type=checkbox],
#filtered_cats_two label input[type=checkbox] {
    margin: 0 10px 0 0;
    display: inline-block;
    height: 15px;
    width: 15px;
    float: left
}

.dataTables_filter {
    top: 0!important
}

table.dataTable {
    margin-top: 5px!important
}

#mg-promo-container {
    margin-top: 20px
}

#my_gripple .dataTables_paginate {
    display: block!important;
    width: 100%;
    margin: 10px 0 30px
}

#my_gripple .dataTables_filter {
    width: 100%
}

#my_gripple td {
    line-height: 1.35em
}

#my_gripple td a {
    box-sizing: border-box;
    width: 100%;
    padding: 5px 10px 7px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: .95em;
    line-height: 1.2em
}

#filtered_cats_two,
#pdf_builder input,
.product_top {
    vertical-align: top;
    display: inline-block
}

#my_gripple_banner select {
    -webkit-appearance: select;
    height: 40px;
    padding: 5px 10px;
	box-sizing:border-box;
	display:inline-block; 
	vertical-align: top; 
	width:100%;
	margin:5px 0 10px;
}

#my_gripple_banner input[type=button] {
    border: none;
    padding: 5px 10px 6px;
    cursor: pointer
}

#my_gripple_banner input[type=checkbox] {
    -webkit-appearance: checkbox
}

#my_gripple_banner select#acc_main_cats_two {
    float: left;
    width: 200px;
    max-wdith: auto
}

.separator-mg {
    display: inline-block;
    width: 100%;
    height: 20px;
    margin-top: 20px
}

#filtered_cats_two {
    width: 100%;
}

#pdf_builder {
    box-sizing: border-box;
    padding: 15px;
    margin: 30px 0 45px
}

#pdf_builder * {
    box-sizing: inherit
}

#pdf_builder input {
    border: none;
    height: 35px;
    margin-left: 15px;
    padding: 5px 10px
}

#pdf_builder strong {
    margin: 0 0 15px;
    font-size: 1.2em
}

#pdf_builder span {
    margin: 10px 15px 0
}

#pdf_builder input[type=submit] {
    font-family: HelveticaNeueW01-65Medi, arial;
    padding: 5px 20px;
    font-size: 1em;
    cursor: pointer
}

input[type=checkbox] {
    -webkit-appearance: checkbox!important;
    appearance: checkbox!important;
    -moz-appearance: checkbox!important
}

.no_margin_left {
    margin-left: 0!important
}
.no_margin_right {
    margin-right: 0!important
}

#product_banner,
.product_banner {
    max-width: 100%;
    width: 100%;
    padding: 25px 0 75px;
    background: #333
}

.product_top {
    width: 100%
}

.breadcrumbs {
    float: left;
    display: inline;
    color: #fff;
    font-size: .8em;
    margin: 5px 0
}

.breadcrumbs a {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: 3px 3px 3px 0
}

#product_image,
#product_info,
#product_scroller,
.product_container,
.product_inner_thumb,
.product_inner_thumb img,
.product_top .tabs li,
.product_top .tabs li a,
.thumb_border {
    display: inline-block;
    vertical-align: top
}

.shop-link { box-sizing:border-box; padding:15px 20px; background:#003471; color:#fff; font-size:1.05em; margin:15px 0; border-radius:20px; display:inline-block; vertical-align: top; font-weight: bold; }

.product_container #product_info {
    min-height: 350px
}

.product_container {
    width: 96%;
    padding: 18px 2% 40px;
    margin-top: 35px;
    position: relative
}

.product_top .tabs li {
    margin: 0;
    font-size: 1.05em
}

.product_top .tabs li a {
    margin: 6px 7px;
    padding: 0
}

.product_top .tabs li a.current {
    background: #3384ff;
    padding: 6px 15px;
    margin: 0 7px 0 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.product_top .orange_tabs li a.current {
    background: #ff9628
}

.product_top .turq_tabs li a.current {
    background: #65c5b4
}

.product_top .red_tabs li a.current {
    background: #d22328
}

.product_top .blue_tabs li a.current {
    background: #3384ff
}

.product_top .green_tabs li a.current {
    background: #07743e
}

#product_image {
    width: 92%;
    padding: 10px 3%;
    border: 4px solid #e4e4e4;
    text-align: center
}

#product_image img {
    max-height: 415px
}

#product_image iframe {
    height: 315px;
    overflow: hidden;
    overflow-x: hidden!important;
    overflow-y: hidden!important
}

#product_info {
    max-width: 100%
}

#inner_details #product_info {
    padding-top: 0!important;
    padding-bottom: 0!important
}

#product_scroller {
    width: 100%;
    height: 123px;
    overflow: hidden;
    padding-bottom: 25px;
    margin-top: 15px;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap
}

.product_inner_thumb {
    width: 107px;
    height: 110px;
    margin: 0 6px 0 0;
    padding: 0 0 9px;
    background-image: url(../required_images/products/thumb_shadow.png);
    background-repeat: no-repeat;
    background-position: bottom center
}

.thumb_border {
    border: 3px solid #e4e4e4;
    height: 101px;
    width: 101px;
    padding: 2px;
    background: #fff;
    overflow: hidden;
    text-align: center
}

#prod_nav a,
.product_video {
    background-repeat: no-repeat
}

.product_inner_thumb img {
    cursor: pointer;
    height: 100%;
    max-width: 100%;
    width: auto
}

.product_video {
    height: 50px;
    width: 50px;
    display: inline;
    background-image: url(../required_images/products/thumb_video.png);
    position: relative;
    z-index: 10;
    top: -75px;
    left: 25px;
    float: left;
    cursor: pointer
}

#product_info h2,
#product_info ul,
.app_button {
    display: inline-block;
    vertical-align: top
}

#product_info h2 {
    font-size: 1.15em;
    margin: 5px 0 10px;
    width: 100%
}

#product_info ul {
    list-style: disc;
    padding-left: 16px;
    margin: 5px 0;
    font-size: .9rem
}

.app_button,
.related_button {
    padding: 8px 20px;
    font-size: .8em;
    text-align: center;
    cursor: pointer
}

#product_info ul li {
    margin: 3px 0;
    width: 100%;
    float: left;
    line-height: 1.35em
}

.app_button {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px
}

.info_buttons {
    display: inline;
    margin-top: 20px
}

#main-prod-info,
#prod_nav,
.prod_newsletter,
.related_button,
a.advert,
a.advert img,
form#prod_signup {
    display: inline-block;
    vertical-align: top
}
#product_info h2.intro {
	font-family:"HelveticaNeueW01-75Bold", arial; font-weight: bold; font-size:1em; text-transform: none;
}
.related_button {
    margin-left: 10px;
    border-radius: 15px;
    webkit-border-radius: 15px;
    -moz-border-radius: 15px
}

.blue_border {
    border: 1px solid #003471
}

#prod_nav {
    position: relative;
    z-index: 0;
    margin-top: -47px;
    width: 100%
}

#prod_nav a {
    height: 11px;
    width: 9px;
    background-image: url(../required_images/products/nav_arrows.png);
    background-position: top left
}

#prod_nav a.next_arrow {
    background-position: -11px 0
}

.prod_newsletter a,
.prod_newsletter input[type=submit] {
    background: #53b9be;
    color: #fff;
    position: relative;
    z-index: 10
}

a.advert {
    margin: 6px 0
}

a.advert img {
    width: 100%;
    height: auto
}

#main-prod-info {
    width: 100%;
    min-height: 410px
}

#landscape_promos .desktop_100_container {
    border: 3px solid #e4e4e4
}

.desktop_25_container a.advert {
    width: 100%
}

.prod_newsletter {
    width: 100%
}

.prod_newsletter h4 {
    font-size: .9em;
    text-transform: none
}

form#prod_signup {
    width: 100%;
    height: 26px;
    overflow: hidden
}

.prod_newsletter input[type=text] {
    float: left;
    width: 78%;
    height: 20px;
    border: 1px solid #dcdcdc;
    padding: 2px 20% 2px 1%;
    overflow: hidden
}

.prod_newsletter input[type=submit] {
    float: right;
    width: auto;
    height: 26px;
    border: none;
    top: -26px;
    right: 0
}

.prod_newsletter a {
    border: none;
    display: block;
    margin: auto;
    padding: 5px 0;
    width: 100%
}

#prod_share {
    width: auto;
    float: right;
    margin-top: 10px;
    position: absolute;
    bottom: 2%;
    right: 2%
}

#prod_share .float_left {
    margin: 1px 6px 0 0
}

#prod_share a {
    display: inline-block;
    vertical-align: top;
    margin: 0 3px;
    max-width: 25px
}

#kits_container {
    width: 95%;
    float: left;
    display: inline
}

.prod_separator,
ul.prod_tabs,
ul.prod_tabs li {
    display: inline-block;
    vertical-align: top
}

#kits_container h2 {
    margin-bottom: 15px
}

ul.prod_tabs {
    width: 100%;
    font-family: HelveticaNeueW01-45Ligh, arial;
    margin: 15px 0 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #53b9be
}

.render_info h5,
.render_inner_text h5,
.render_overlay h6,
.render_trigger {
    font-family: HelveticaNeueW01-75Bold, arial;
    font-weight: 700
}

ul.prod_tabs li a {
    color: #53b9be
}

ul.prod_tabs li a.current {
    color: #003471
}

.prod_separator {
    margin: 0 9px 0 12px;
    color: #53b9be
}

.tab_prod_item {
    float: left;
    display: inline;
    width: 30%;
    margin: 15px 5% 10px 0;
    text-align: center
}

#product_cases,
#related_tab_container,
.product_download,
.product_download_img,
.tab_thumb,
.video_margin,
h5#tab_prod_info {
    display: inline-block;
    vertical-align: top
}

.tab_prod_item:nth-child(3n+3) {
    margin: 15px 0 10px
}

.tab_thumb {
    border: 2px solid #e4e4e4;
    height: 100px;
    max-width: 95%;
    padding: 10px 0;
    width: 190px;
    overflow: hidden;
    margin-bottom: 10px
}

.related-tab .tab_thumb { height:125px; }

.tab_prod_item h4 {
    font-size: .9em;
    text-transform: none
}

#acc_filter_holder .tab_prod_item h4,
#fixing_filter_holder .tab_prod_item h4 {
    height: 20px
}

h5#tab_prod_info {
    font-size: 1.2em;
    text-transform: none;
    margin-top: 4px;
    margin-bottom: 0
}

#product_cases {
    margin-top: 35px;
    width: 980px;
    max-width: 100%
}

.product_download {
    width: 21.5%;
    margin: 10px 1.5%;
    height: 200px;
    text-align: center
}

#prod_download_title,
.video_margin {
    margin-bottom: 20px
}

.product_download h6 {
    font-size: .95em
}

.product_download_img {
    max-width: 100%;
    margin-bottom: 20px
}

#related_tab_container {
    width: 100%;
    height: auto
}

#related_tab_container h2 {
    margin-left: 8px
}

.rel_prod_item {
    float: left;
    display: inline;
    width: 30%;
    margin: 15px 3% 10px 0;
    text-align: center
}

.render_img,
.render_inner_text,
.render_text img,
.render_thumb {
    display: inline-block;
    vertical-align: top
}

#prod_search_table .rel_prod_item {
    width: 22%
}

.rel_prod_item h4 {
    font-size: .9em;
    text-transform: none;
    height: 24px
}

.render_img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1
}

.close_renderInfo {
    cursor: pointer
}

.render_trigger {
    font-size: 1.25em;
    background-color: #003471;
    position: absolute;
    z-index: 2;
    top: 80%;
    left: 47%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    cursor: pointer
}

.render_inner_text {
    max-height: 180px;
    overflow: auto;
    overflow-x: hidden;
    margin: 15px 1.5% 0;
    padding: 0 1% 5px
}

.render_inner_text a {
    color: #fff
}

.render_inner_text h5 {
    font-size: .9em;
    text-transform: none
}

.render_inner_text p {
    font-size: .8em
}

.render_thumb {
    width: 100%;
    height: 100px;
    overflow: hidden;
    background: #fff;
    padding: 15px 0;
    position: relative
}

.render_info,
.render_info_text {
    display: inline-block;
    vertical-align: top;
    overflow: auto
}

.render_overlay h6,
.render_overlay p {
    background: url(../required_images/render-overlay.png)
}

.render_overlay {
    display: inline-block;
    vertical-align: top;
    width: 80%;
    position: absolute;
    height: 100%;
    color: #fff;
    z-index: 1;
    left: 0;
    top: 0;
    text-align: center;
    padding: 0 10%
}

.render_overlay h6 {
    font-size: .9em;
    text-transform: none;
    margin-top: 25px;
    padding: 5px
}

.render_overlay p {
    font-size: .85em
}

.render_text .owl-theme .owl-controls .owl-page span {
    width: 6px;
    height: 6px;
    margin: 5px 3px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #fff
}

.owl-theme .owl-controls.clickable .owl-page:hover span,
.render_text .owl-theme .owl-controls .owl-page.active span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #003471
}

.render_text .owl-theme .owl-controls .active span,
.render_text .owl-theme .owl-controls .owl-page:hover span {
    background: #999!important
}

.render_text {
    width: 97%;
    padding: 15px 1.5% 25px;
    display: inline-block;
    vertical-align: top
}

#render_margin {
    margin-top: 35px
}

.render_info {
    margin: 0 1.5%;
    padding: 10px 2%;
    width: 93%;
    position: absolute;
    top: 15px;
    background: url(../required_images/render-info-overlay.png);
    overflow-x: hidden;
    left: 0;
    z-index: 3
}

#range_banner,
.view_button {
    background-repeat: no-repeat
}

.render_info h5 {
    font-size: .9em;
    text-transform: none
}

.render_info p {
    font-size: .8em;
    line-height: 1.4em;
    margin: 10px 0 0
}

.render_info_text {
    max-height: 125px;
    overflow-x: hidden;
    margin: 5px 1.5% 0;
    padding: 0 3% 5px
}

.close_button,
.prod_button {
    font-size: .8em;
    display: inline;
    float: right
}

.close_button {
    margin-top: 5px
}

.prod_button {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 6px 15px 7px;
    margin-top: 95px
}

#acc_filter,
#sub_filter,
#type_body,
#type_scroll {
    display: inline-block;
    vertical-align: top
}

.render_info .prod_button {
    position: absolute;
    right: 2%;
    bottom: 15px
}

#range_banner {
    background-size: cover;
    background-image: url(../required_images/render-overlay.png);
    background-position: center;
    max-width: 100%;
    width: 100%;
    padding: 25px 0 100px
}

#range_banner h1 {
    font-size: 2.4em;
    text-transform: none;
    margin: 80px 0 15px
}

#acc_filter,
#sub_filter {
    width: 100%;
    text-align: right;
    margin: 10px 0 5px
}

#acc_filter label,
#sub_filter label {
    font-size: .9em;
    font-family: HelveticaNeueW01-65Medi, arial;
    margin-right: 10px
}

#type_body {
    width: 94%;
    padding: 20px 3%
}

#type_body h1 {
    font-size: 1.4em;
    margin-bottom: 25px
}

#type_scroll {
    width: 95%;
    padding-right: 5%;
    height: 350px;
    overflow: auto
}

.view_button,
.why_container h3#cat_title {
    float: left;
    display: inline;
    font-weight: 700
}

.application_icon,
.fancybox-inner,
.rel_thumb {
    overflow: hidden
}

.view_button {
    width: 92%;
    height: auto;
    background-image: url(../required_images/products/view_icon.png);
    background-position: top left;
    padding: 3px 0 0 8%;
    min-height: 33px;
    font-family: HelveticaNeueW01-75Bold, arial;
    font-size: .95em;
    margin: 15px 0
}

#type_scroll .acc_container,
#type_scroll .acc_trigger,
.why_container {
    display: inline-block;
    vertical-align: top
}

.view_button span {
    color: #555;
    font-size: .8em;
    margin-top: 7px;
    font-family: HelveticaNeueW01-45Ligh, arial
}

#type_scroll .acc_trigger {
    width: 96%;
    padding: 8px 2%;
    background-color: #003471;
    color: #fff;
    margin: 5px 0;
    font-size: 1em;
    font-family: HelveticaNeueW01-75Bold;
    cursor: pointer
}

#type_scroll .acc_container {
    width: 96%;
    padding: 10px 2%;
    margin-bottom: 6px;
    font-family: HelveticaNeueW01-45Ligh, arial;
    font-size: .9em
}

.why_container {
    width: 100%;
    padding: 40px 1%;
    background-size: cover
}

.why_container h3#cat_title {
    padding: 8px 3%;
    max-width: 70%;
    width: auto;
    font-size: 1em;
    color: #fff;
    margin-left: -1%;
    font-family: HelveticaNeueW01-75Bold, arial
}

.why_container .why_text,
.why_container h1,
.why_container h2 {
    float: left;
    padding: 0 3% 0 2%;
    width: 95%;
    display: inline
}

.why_container h1 {
    margin: 10px 0;
    font-size: 1.9em;
    color: #fff;
    font-family: HelveticaNeueW01-45Ligh, arial
}

.why_container h2 {
    margin: 10px 0;
    font-size: 1.2em;
    color: #fff;
    font-family: HelveticaNeueW01-75Bold, arial;
    font-weight: 700
}

.why_container .why_text p {
    font-size: .9em;
    font-family: HelveticaNeueW01-45Ligh, arial;
    line-height: 1.2em
}

.render_tabs {
    display: inline
}

.mob-img,
.prod-new,
.render_pane,
.render_tabs li,
.render_tabs li a,
.render_tabs li a.current {
    display: inline-block
}

.render_tabs li {
    vertical-align: top;
    position: relative;
    z-index: 5
}

.render_tabs li a {
    vertical-align: top;
    padding: 9px 12px;
    background: #d6d6d6;
    color: #666
}

.render_tabs li a.current {
    vertical-align: top;
    padding: 9px 12px;
    background: #fff;
    color: #003471
}

.render_pane {
    max-width: 100%;
    -webkit-box-shadow: 0 0 16px 6px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0 0 16px 6px rgba(0, 0, 0, 1);
    box-shadow: 0 0 16px 6px rgba(0, 0, 0, 1)
}

.app_carousel .owl-item,
.app_carousel li {
    width: 300px;
    max-width: 100%;
    background: #fff;
    text-align: center
}

.prod-new,
.prod-new div {
    background-repeat: no-repeat
}

.product-background {
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%
}

.prod-new div,
.prod-new span {
    height: 25px;
    box-sizing: border-box;
    float: left
}

.prod_panes form label {
    font-size: .85em;
    font-family: HelveticaNeueW01-75Bold, arial;
    font-weight: 700
}

#not_found {
    max-width: 50%
}

#error #home_banner {
    min-height: 600px
}

.table_img {
    position: relative
}

.prod-new {
    vertical-align: top;
    background-image: url(../required_images/products/new-angle.png);
    background-size: 9px 5px;
    background-position: left bottom;
    padding-bottom: 5px;
    position: absolute;
    bottom: 12px;
    left: 0
}

.prod-new div {
    width: auto;
    padding: 0 9px 0 0;
    background-image: url(../required_images/products/new-arrow.png);
    background-position: top right;
    background-size: 9px 25px
}

.prod-new span {
    width: 100%;
    padding: 5px 5px 5px 10px;
    font-size: .9em;
    background: #ec1c24;
    text-transform: uppercase
}

ul#product_5_slide .table_img {
    box-sizing: border-box;
    padding-left: 9px!important
}

.mob-img {
    position: relative;
    width: auto
}

.mob-img .prod-new {
    left: -9px
}

#left-panel input[type=search] {
    display: inline-block;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: none;
    padding: 5px 10% 5px 3%;
    vertical-align: top;
    width: 87%;
    font-size: .8em;
    color: #000;
    margin-left: 13px
}

#left-panel input[type=image] {
    margin-right: 13px
}

#solution_banner {
    background-size: cover;
    background-image: url(../images/backgrounds/Solutions.jpg);
    background-repeat: no-repeat;
    background-position: center;
    max-width: 100%;
    width: 100%;
    padding: 25px 0 100px
}

#solution_banner h1 {
    font-size: 1.8em;
    text-transform: none;
    margin: 60px 0 40px
}

.application_line,
.industry_line {
    background-repeat: no-repeat;
    background-position: center;
    text-transform: uppercase;
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.industry_line {
    background-image: url(../required_images/solution_line.png);
    font-size: 1.3em
}

#solution_banner h2 {
    font-size: 2.3em;
    margin: 10px 0
}

#solution_banner p {
    font-size: 1.2em;
    margin-bottom: 35px
}

.application_line {
    background-image: none;
    font-size: 1.3em;
    margin-top: 115px;
    word-spacing: 950px;
    line-height: 1.2em
}

#application_icons_holder {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 30px
}

.application_icon {
    width: 122px;
    height: 180px;
    margin: 15px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    max-width: 95%
}

.larger_thumbs .application_icon {
    width: 200px!important;
    height: 220px!important
}

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

.img_holder {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 150px
}

.larger_thumbs .application_icon img {
    height: auto;
    width: 100%
}

.application_icon h4 {
    font-size: .8em;
    margin-top: 5px;
    line-height: 1.2em;
    width: auto;
    min-width: 70%;
    max-width: 96%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    padding: 7px 2%
}

#related_prod_holder {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.application_icon:hover>h4,
.related_prod:hover h3 {
    background: #3384ff
}

.related_prod {
    display: inline-block;
    vertical-align: top;
    width: 165px;
    height: 200px;
    margin: 12px
}

.rel_thumb {
    display: inline-block;
    vertical-align: top;
    width: 155px;
    height: 155px;
    border: 5px solid #ebebeb
}

.related_prod h3 {
    font-size: .7em;
    margin-top: 10px;
    line-height: 1.25em;
    width: auto;
    min-width: 75%;
    max-width: 98%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    padding: 7px 1%;
    font-family: HelveticaNeueW01-65Medi, arial
}

#sales_banner {
    padding: 0;
    max-width: 100%;
    width: 100%;
    height: auto
}

#sales_map {
    width: 100%
}

#sales_locator {
    padding-top: 30px
}

#locator_top {
    float: left;
    display: inline;
    width: 100%;
    height: auto;
    padding: 15px 0
}

#locator_top h1 {
    font-size: 1.03em;
    margin-top: 6px
}

#locator_top input[type=text] {
    height: 20px;
    display: inline-block;
    vertical-align: top;
    width: 76%;
    padding: 5px 21% 5px 3%
}

#locator_top select {
    height: 32px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-transform: none;
    padding: 5px 2%;
    color: #757575
}

#locator_top select#state {
    width: 85%;
    padding: 5px 2%
}

#locator_top input[type=submit] {
    float: right;
    display: inline;
    margin: -32px -2px 0 0;
    border: none;
    position: relative;
    z-index: 10;
    height: 32px;
    padding: 4px 10px
}

#advisor_container,
.advisor_scroll,
.sales_advisor h2 {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.sales_advisor {
    float: left;
    margin-right: 5%;
    margin-bottom: 30px
}

.sales_advisor h2 {
    text-transform: none;
    margin: 10px 0;
    font-size: 1.3em
}

.sales_advisor p {
    color: #000;
    font-size: .9em;
    margin: 0 0 7px;
    font-family: HelveticaNeueW01-45Ligh, arial
}

.sales_advisor p.sales_numbers {
    font-size: .85em;
    color: #003471
}

#advisor_container div:nth-child(3n+3) {
    margin-right: 0
}

#advisor_container {
    margin-top: 15px
}

.advisor_scroll {
    height: 230px
}

.ad_note {
    font-size: .75em
}

select option {
    padding: 5px
}

#locator_top input[type=text],
#locator_top select {
    border: 1px solid #fff
}

footer {
    padding: 40px 1% 20px
}

footer .content_centre div {
    float: left
}

footer .max_width_70 {
    border-left: 1px solid #003471;
    border-right: 1px solid #003471;
    padding: 0 15% 20px
}

footer .desktop_20_container {
    margin: 0 4%;
    width: 24%
}

footer .desktop_35_container {
    width: 34%
}

footer h6 {
    font-size: .85em;
    font-family: HelveticaNeueW01-65Medi, arial
}

footer ul li {
    font-size: .8em;
    margin: 0 0 9px;
    color: #003471;
    line-height: 1.2em
}

footer p {
    font-size: .75em;
    margin: 0 0 10px;
    color: #003471;
    line-height: 1.3em
}

.footer_btm_info {
    font-size: .75em;
    font-family: HelveticaNeueW01-45Ligh, arial;
    margin-top: 20px
}

#mobile_page_nav li,
h4.search_title,
ul#mobile_home_nav li {
    font-family: HelveticaNeueW01-65Medi, arial
}

footer .content_centre .footer_btm_right {
    float: right;
    text-align: right;
    margin-top: 10px
}

footer .desktop_50_container {
    width: 49%
}

form#newsletter_signup {
    display: inline;
    width: 100%;
    margin: 5px 0 14px;
    float: left;
    height: 20px
}

#newsletter_button,
#social_container,
#social_container a,
h3.search_cat_heading,
h4.search_title,
input#newsletter_button {
    display: inline-block;
    vertical-align: top
}
.eoa {
	display:inline-block; vertical-align: top; margin-top:10px;
}
#newsletter_button,
input#newsletter_button {
    margin-left: 1%;
    width: 80%;
    padding: 6px 0 4px;
    border: none;
    font-size: .8em;
    height: 16px;
    cursor: pointer
}

#mc_embed_signup_scroll input,
input#newsletter {
    display: inline-block;
    vertical-align: top;
    width: 61%;
    padding: 2px 1%;
    height: 18px;
    border: 1px solid #6d6e71
}

#social_container a {
    margin: 6px 5px 0;
    max-width: 20px
}

#social_container a:nth-child(5n+1),
.search_full_cont #related_tab_container h2 {
    margin-left: 0
}

.search_full_cont {
    background-color: #5579a1
}

.close-panel-bt,
.panel {
    background-color: #003471
}

h3.search_cat_heading {
    margin: 10px 0 15px
}

h4.search_title {
    margin: 10px 0 0;
    font-size: 1em
}

#left-panel-link,
#right-panel-link {
    height: 32px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: .85em
}

.search_full_cont p a {
    float: right;
    margin: 5px 1% 0 0
}

.panel {
    display: none;
    width: 220px;
    color: #fff
}

ul#mobile_home_nav,
ul#mobile_home_nav li {
    width: 100%;
    display: inline-block;
    vertical-align: top
}

#right-panel {
    box-shadow: inset 7px 0 9px -7px #000
}

#right-panel-link {
    padding: 10px 10px 5px 35px;
    background-image: url(../required_images/mobile-products-g.png);
    display: inline-block;
    vertical-align: top;
    background-size: 29px 11px
}

#left-panel-link {
    padding: 10px 10px 5px 30px;
    background-image: url(../required_images/mobile-menu-btn.png);
    display: inline-block;
    vertical-align: top;
    background-size: 25px 11px
}

#left-panel {
    box-shadow: inset -7px 0 9px -7px #000
}

.close-panel-bt {
    border: none;
    font-size: 1.1em;
    margin: 10px 2% 50px
}

ul#mobile_home_nav {
    margin-top: -1px
}

ul#mobile_home_nav li {
    margin: 2px 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 1em;
    overflow: hidden
}

ul.submenu {
    padding: 2px 0 5px
}

ul#mobile_home_nav .submenu li {
    font-size: .9em;
    margin: 0
}

ul#mobile_home_nav .submenu li a {
    color: #fff;
    padding: 6px 8% 4px 2%;
    width: 90%
}

ul#mobile_home_nav li a {
    padding: 12px 5% 12px 2%;
    display: inline-block;
    vertical-align: top;
    width: 93%
}

#mobile_page_nav li a {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 1.05em;
    line-height: 1.25em
}

#mobile_page_nav li {
    display: inline-block;
    vertical-align: top;
    margin: 9px 0;
    padding: 0 4% 0 6%;
    width: 90%;
    text-transform: uppercase;
    font-size: 1em
}

ul#mobile_page_nav {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

#mobile_nav_content {
    display: inline-block;
    vertical-align: top;
    width: 94%;
    padding: 15px 3%
}

#nav_content_thumb h2.white {
    float: left;
    display: inline;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    background: url(../required_images/mobile_grip_blue.png);
    font-size: 1.05em;
    z-index: 10;
    margin: -32px 0 0;
    position: relative
}

#product_2_slide {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    height: auto
}

.mobile_prod {
    float: left;
    display: inline;
    width: 94%;
    margin: 0 2%;
    border: 1px solid #e5e5e5;
    padding: 5px 1%;
    height: 155px;
    background: #fff
}

.mobile_prod:hover {
    background: #003471
}

.ad_column {
    margin-top: 44px
}

.prod_newsletter {
    line-height: 1.1em;
    margin: 10px 0
}

#kit_area .ad_column {
    bottom: 45px;
    margin-top: 0;
    right: 2%
}

#kit_area .ad_column #prod_share {
    bottom: -25px;
    position: relative
}

#kit_area .position_absol {
    position: absolute
}

#kit_area .position_rel {
    position: relative;
    bottom: 0!important;
    right: 0!important
}

.prod_def_height {
    min-height: 435px
}

.prod_ad_height {
    min-height: 620px
}

.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-inner,
.fancybox-outer,
.fancybox-skin {
    position: relative
}

.fancybox-skin {
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-iframe,
.fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
    background-image: url(../scripts/fancybox2/source/fancybox_sprite.png)
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

.fancybox-close,
.fancybox-nav,
.fancybox-nav span {
    z-index: 8040;
    position: absolute;
    cursor: pointer
}

.fancybox-close {
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px
}

.fancybox-nav {
    top: 0;
    width: 50%;
    height: 100%;
    background: url(../scripts/fancybox2/source/blank.gif)
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    top: 50%;
    width: 80px;
    background-repeat: no-repeat;
    height: 33px;
    margin-top: -18px;
    visibility: hidden;
    background-position: right
}

.fancybox-prev span {
    left: 0;
    background-position: 0 -36px
}

.fancybox-close {
    background-position: -16px 0
}

.fancybox-next span {
    right: 0;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible!important
}

.fancybox-lock {
    width: auto
}

.fancybox-lock body {
    overflow: hidden!important
}

.fancybox-lock-test {
    overflow-y: hidden!important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(../scripts/fancybox2/source/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

#caseStudy-popup .desktop_100_container,
.caseStudy30 {
    text-align: right
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: 0 0;
    background: rgba(0, 0, 0, .8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

#selector_container {
    display: inline-block;
    vertical-align: top;
    width: 330px;
    max-width: 94%;
    padding: 15px 3%
}

#selector_container h2 {
    font-size: 1.4em
}

#selector_container form {
    font-size: .8em;
    margin-top: 15px
}

#selector_container tr td,
#selector_container tr th {
    padding: 6px 0
}

#selector_container select {
    display: inline-block;
    padding: 4px 3%;
    height: 25px;
    max-width: 90%
}

#selector_container input[type=submit] {
    border: none;
    padding: 4px 12px;
    margin-top: 6px;
    cursor: pointer
}

#map-canvas {
    height: 100%
}

.gm-style img {
    max-width: none
}

.gm-style label {
    width: auto;
    display: inline
}

.gm-style .gm-style-iw {
    color: #FF060A;
    font-size: 20px
}

.faq-padding {
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    margin-top: 35px;
}

.faq-padding * {
    box-sizing: border-box;
}

h3.faq-header {
    font-size: 1.8em;
    padding: 25px;
    margin: 0;
}

.faq-scroll {
    display: inline-block;
    vertical-align: top;
}

.faq-padding .faq_trigger {
    cursor: pointer;
    padding: 20px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../required_images/faq-grey.png);
}

.faq_trigger.active {
    background-image: url(../required_images/faq-white.png);
}

.faq-padding .faq_container {
    width: 100%;
    background: #f2f2f2;
    float: left;
    padding: 0 20px;
}

.faq-padding .faq_container p {
    margin: 15px 0;
}

.blue-faq-border {
    border-bottom: 1px solid #3384ff;
}

.green-faq-border {
    border-bottom: 1px solid #07743e;
}

.orange-faq-border {
    border-bottom: 1px solid #ff9628;
}

.red-faq-border {
    border-bottom: 1px solid #d22328;
}

.turq-faq-border {
    border-bottom: 1px solid #65c5b4;
}

.blue-faq-border.active {
    background-color: #3384ff;
    color: #fff;
}

.green-faq-border.active {
    background-color: #07743e;
    color: #fff;
}

.orange-faq-border.active {
    background-color: #ff9628;
    color: #fff;
}

.red-faq-border.active {
    background-color: #d22328;
    color: #fff;
}

.turq-faq-border.active {
    background-color: #65c5b4;
    color: #fff;
}

#gripple_showcase {
    height: auto;
    position: relative;
    padding: 0;
    width: 100%;
    max-width: 100%
}

#gripple_showcase h2 {
    background-color: #fff;
    font-size: 18px;
    line-height: 23px;
    margin-top: 20px;
    padding: 15px;
    position: absolute;
    top: 0;
    width: auto;
    margin-left: 1%;
    left: 0
}

#showcase_filter {
    background: #fff;
    font-size: 14px;
    line-height: 19px;
    margin-right: 1%;
    margin-top: 20px;
    padding: 18px 15px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    display: none
}

#showcase_filter li {
    display: inline-block;
    padding: 0 5px
}

#caseStudy-popup {
    margin: 30px auto;
    position: relative
}

#caseStudy-popup .desktop_30_container {
    display: inline-block;
    vertical-align: top;
    float: left;
    width: 31%
}

#caseStudy-popup .desktop_30_container a {
    display: inline-block;
    width: 100%;
    margin-top: 20px
}

#caseStudy-popup .desktop_70_container {
    display: inline-block;
    vertical-align: top;
    float: right;
    width: 66%;
    margin-left: 2%
}

.caseStudy70 {
    float: left;
    width: 68%;
    margin-right: 2%;
    margin-bottom: 20px
}

.caseStudy30 {
    width: 30%;
    display: inline-block;
    float: right
}

.caseStudy70 h3 {
    font-size: 29px;
    line-height: 34px;
    margin-bottom: 0
}

.caseStudy70 h5 {
    font-size: 18px;
    line-height: 23px
}

#saleAd-popup {
    padding: 10px
}

#saleAd-popup img {
    margin-bottom: 10px;
    width: 100%
}

.sales_thumb {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 200px;
    margin-bottom: 5px;
    overflow: hidden
}

.sales_thumb img {
    max-width: 100%;
    max-height: 100%
}

.tickercontainer {
    width: 99%;
    height: 30px;
    margin: 0 0 0 1%;
    padding: 5px 0;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    top: 0
}

.tickercontainer .mask {
    position: relative;
    left: 0;
    top: 0;
    width: 99%;
    overflow: hidden
}

ul.newsticker {
    position: relative;
    left: 750px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: .9em
}

ul.newsticker li {
    float: left;
    padding: 7px 17px 7px 15px;
    background-image: url(../required_images/news-bullet.jpg);
    background-repeat: no-repeat;
    background-position: right center
}

#home_overlay .scroll-news {
    height: 20px !important;
    padding: 10px 15px;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 2%;
    top: 0;
    border-right: 10px solid #fff
}

.app-bk {
    padding: 6px 10px 7px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 25px 15px 0 0;
    float: left;
    display: inline;
    font-size: .9em
}

#why_adverts .desktop_30_container {
    width: 33.3%
}

.desktop_hide {
    display: none
}

#gripple_logged_in #my_gripple .desktop_50_container {
	font-size: 0.9em;
}
#gripple_logged_in #my_gripple .dataTables_filter {
	width: auto;
}
#gripple_logged_in .order_thumb {
	width: 70%;
}
#gripple_logged_in #my_gripple td a {
	white-space: nowrap;
	padding: 5px 10px;
}
#my_gripple_favourites {
	padding: 0;
	width: 100%;
}
#my_gripple_favourites h2 {
	color: #ff9628;
	border-bottom: 2px dashed #ff9628;
	padding: 0 0 15px;
	margin: 0 0 15px 0;
	font-size: 1.3em;
}
.favourites_grid {
	padding: 20px;
	background-color: #f6f6f6;
	width: 100%;
	display: inline-block;
	margin-bottom: 15px;
	font-size: 0.9em;
}
.row {
	width: 100%;
	display: inline-block;
}
#my_gripple select { box-sizing: border-box; height:40px; padding:10px; margin:0 5px;}
.col {
	display: inline-block;
	vertical-align: middle;
	padding: 20px 10px;
	box-sizing: border-box;
	float:left;
}
.col_10 {
	width:10%;
}
.col_60 {
	width: 60%; margin-top:15px;
}
.col_15 {
	width: 15%; margin-top:15px;
}
.remove_favourite { font-weight: bold; margin:10px 0 0 0; display: inline-block; vertical-align: top; cursor: pointer;}
.favourites_grid a {
	border-radius: 10px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0.95em;
    line-height: 1.2em;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
	background-color: #003471;
	color: #fff;
	white-space: nowrap;
	min-width: 100px;
}

/* Careers */

.alert_cta {
	position: fixed;
	left: 0;
	top: 147px;
	padding: 25px;
	background-color: #3b3b3a;
	color: #fff;
	text-align: center;
	font-size: 1em;
	line-height: 1.1em;
	z-index: 9;
	width: 200px;
	display: none;
}
#close_alert {
	border: 2px solid #fff;
	padding: 3px 10px 5px;
	cursor: pointer;
	vertical-align: top;
}
.glide_banner img {
	width: 155px;
	height: 165px;
}
.overflow_padding {
	padding: 20px 0 20px 20px;
}
.fb_link:hover {
	background-color:  #3B5998;
}
.twitter_link:hover {
	background-color:  #4099FF;
}
.linkedin_link:hover {
	background-color:  #0e76a8;
}
.insta_link.careers_social {
	background: #3b3b3a; 
	background: -moz-linear-gradient(45deg, #3b3b3a 0%, #3b3b3a 25%, #3b3b3a 50%, #3b3b3a 75%, #3b3b3a 100%); 
	background: -webkit-linear-gradient(45deg, #3b3b3a 0%,#3b3b3a 25%,#3b3b3a 50%,#3b3b3a 75%,#3b3b3a 100%); 
	background: linear-gradient(45deg, #3b3b3a 0%,#3b3b3a 25%,#3b3b3a 50%,#3b3b3a 75%,#3b3b3a 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3a', endColorstr='#3b3b3a',GradientType=1 );
}
.insta_link:hover {
 	background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
#gripple_careers .content_centre {
	display: block;
    margin: 0 auto;
    max-width: 1145px;
    width: 100%;
    padding: 0 25px 0 0;
}
#gripple_careers header .content_centre { padding:0; }
.relative {
	position: relative;
}
.valign_mid {
	display: inline-block;
	vertical-align: middle;
}
.valign_helper {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
#careers_main * {
	box-sizing: border-box;
}
#careers_main blockquote {
	font-size: 1.8em;
	line-height: 1.35;
	margin-bottom: 15px;
	color: inherit;
	font-family: HelveticaNeueW01-Thin, arial;
	text-shadow: 1px 1px #404040;
}
#careers_main .white blockquote {
	text-shadow: 0.5px 0.5px #eee;
}
#careers_carousel a {
	color: inherit;
}
.careers_slide_outer {
	max-width: 550px;
	height: 100%;
}
.padding_10 {
	padding: 10px;
}
.padding_20 {
	padding: 20px;
}
.large {
	font-size: 1.12em;
	line-height: 1.35;
	margin-bottom: 12px;
}
span.large {
	margin: 0;
}
.dark_grey {
	color: #3b3b3a;
}
.dark_grey_bg {
	background-color: #3b3b3a;
}
.grey_bg {
	background-color: #f0f0f0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.border_right {
	border-right: 2px solid #ccc;
}
.border_left {
	border-left: 2px solid #ccc;
}
.no_top_padding {
	padding-top: 0 !important;
}
.no_btm_padding {
	padding-bottom: 0 !important;
}
.margin_top_5 {
	margin-top: 5px;
}
.content_10 {
	width: 10%;
}
.content_16 {
	width: 16.66%;
}
.content_25 {
	width: 25%;
}
.content_33 {
	width: 33.33%;
}
.content_40 {
	width: 40%;
}
.content_45 {
	width: 45%;
}
.content_50 {
	width: 50%;
}
.content_55 {
	width: 55%;
}
.content_60 {
	width: 60%;
}
.content_66 {
	width: 66.6%;
}
.content_90 {
	width: 90%;
}
#careers_main {
	display: inline-block;
	width: 100%;
}
#careers_main ul {
	list-style: disc outside none;
	padding-left: 20px;
}
#careers_main ul li {
	margin-bottom: 10px;
}
#careers_main #careers_ticker {
	padding: 0;
}
#careers_main #careers_ticker li {
	margin-bottom: 0;
	font-size: 1em;
	line-height: 1;
}
.careers_wrapper {
	display: block;
	width: 100%;
	max-width: 1210px;
	margin: 0 auto;
}
.careers_section {
	width: 100%;
	float: left;
	margin: 30px 0;
}
.careers_row {
	width: 100%;
	float: left;
}
.careers_padding {
	padding: 5px;
}
.careers_extra_padding {
	padding: 5px 10px;
}
.content_33.left.border_right .careers_extra_padding,
.content_45 img.careers_extra_padding {
	padding: 10px 10px 10px 5px;
}
.content_55.right .careers_extra_padding {
	padding: 5px 5px 5px 10px;
}
.careers_btn {
	padding: 18px;
	text-align: center;
	width: 100%;
	float: left;
}
.careers_heading {
	font-size: 2.3em;
}
.main_slide {
	width: 100%;
	height: 370px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	font-family: HelveticaNeueW01-Thin, arial;
}
.main_slide p {
	font-size: 1.25em;
	line-height: 1.5;
}
.btm_right {
	position: absolute;
	right: 25px;
	bottom: 30px;
}
.careers_link {
	width: 100%;
	height: 175px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	color: #fff;
	font-size: 1.4em;
	text-align: center;
	font-family: HelveticaNeueW01-Thin, arial;
}
.case_study_link {
	height: 211px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	float: left;
	color: #fff;
	font-size: 1.4em;
	text-align: center;
	font-family: HelveticaNeueW01-Thin, arial;
}
.case_study_link .link_overlay {
	background-color: rgba(0,0,0,0.6);
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 20px 10px;
}
.careers_link .link_overlay {
	background-color: rgba(0,0,0,0.6);
	display: inline-block;
	width: 100%;
	height: 75px;
}
.careers_link .link_overlay .valign_mid {
	width: 97%;
}
.video_link {
	width: 100%;
	height: 370px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
}
.video_link.video_link_large {
	height: 435px;
}
.video_link.video_link_xl {
	height: 553px;
}
.video_link img {
	margin: 141px auto;
	display: block;
}
.video_link.video_link_large img {
	margin: 156px auto;
}
.video_link.video_link_xl img {
	margin: 233px auto;
}
.section_header {
	text-align: center;
	padding: 10px 0 30px;
	font-size: 2.6em;
	font-family: HelveticaNeueW01-Thin, arial;
}
.section_header h2 {
	text-transform: none;
}
.section_header h3 {
	text-transform: none;
	font-size: 0.8em;
}
.careers_subheading {
	text-transform: none;
	text-align: center;
	color: #fff;
	background-color: #3b3b3a;
	width: 100%;
	padding: 18px;
	font-family: HelveticaNeueW01-Thin, arial;
	margin: 0;
}
.job_title a {
	margin-bottom: 5px;
	padding: 10px;
	display: block;
	font-size: 1.05em;
	line-height: 130%;
}
.spirit_content {
	height: 370px;
	overflow-y: auto;
	padding-right: 20px;
}
.careers_region {
	text-align: center;
	background-color: #f0f0f0;
	color: #003471;
	float: left;
	font-size: 1.1em;
	padding: 15px;
	width: 100%;
}
.careers_region.active {
	background-color: #003471;
	color: #f0f0f0;
}
.job_title {
	height: 335px;
	overflow-y: auto;
}
.job_desc {
	height: 484px;
	overflow-y: auto;
}
.job_desc .large {
	margin: 0;
}
.apply_btn {
	float: right;
	margin: 10px 0;
	padding: 9px 18px;
}
.content_33 .careers_btn {
	padding: 12px 6px;
}
.btm_btn {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 30%;
}
.glide_logo {
	position: absolute;
	bottom: 80px;
	right: 20px;
}
.glide_link {
	float: left;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 123px;
	color: #fff;
	text-align: center;
	font-size: 1.02em;
}
.glide_link span {
	background-color: rgba(0,0,0,0.6);
	display: inline-block;
	padding: 15px 2px;
	width: 100%;
}
#hero_carousel .owl-controls {
	display: none !important;
}
#careers_main .owl-pagination {
	display: none !important;
}
#careers_carousel .owl_arrows {
	top: -265px;
}
.careers_slide {
	height: 382px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 0 125px;
}
.carousel_nav {
	position: absolute;
	top: 35%;
	cursor: pointer;
	z-index: 9;
	background-color: rgba(255,255,255,0.5);
}
.left_nav {
	left: 20px;
}
.right_nav {
	right: 20px;
}
#careers_ticker li {
	list-style: none;
	background-image: none;
	color: #000;
	font-size: 1.1em;
}
.news_title {
	padding: 11px 7px;
	display: inline-block;
	width: 100%;
	font-size: 1.2em;
	text-align: center;
}
#careers_main .tickercontainer {
	margin: 5px 0 0 0;
	background-color: #f0f0f0;
	padding: 5px 0 37px;
}
.careers_content {
	height: 395px;
	overflow-y: auto;
	padding-right: 20px;
}
.graduates_content {
	overflow-y: auto;
}
.graduate_panel {
	background-color: #f0f0f0;
	text-align: center;
	padding-right: 20px;
	height: 310px;
	overflow-y: auto;
}
.graduate_panel.graduate_panel_small {
	height: 228px;
}
.graduate_panel.graduate_img {
	background-image: url("/images/careers/graduate-img.svg");
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0;
}
.graduate_heading {
	font-family: HelveticaNeueW01-45Ligh, arial;
	font-size: 2.2em;
	padding: 90px 0;
	text-transform: none;
}
.graduate_video.video_link {
	height: 150px;
}
.graduate_video.video_link img {
	margin: 24px auto;
	width: 50px;
}
.graduate_video .link_overlay {
	background-color: rgba(0, 0, 0, 0.6);
    display: inline-block;
    width: 100%;
	padding: 15px;
	font-family: HelveticaNeueW01-45Ligh, arial;
	color: #fff;
	text-align: center;
	font-size: 1.4em;
}
.job_alerts_inner {
	height: 577px;
	background-image: url("/images/careers/GCAREERS PEOPLEICONS-01.png");
	background-position: bottom;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 1.4em;
	padding: 60px 0;
}
.job_alerts h3 {
	text-transform: none;
	margin-bottom: 60px;
	font-family:  HelveticaNeueW01-45Ligh, arial;
	font-size: 1.6em;
}
.job_alerts a {
	padding: 15px 30px;
}
.glide_banner {
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 45px;
	text-align: center;
}
.glide_icon {
	display: block;
	margin: auto;
}
.glide_banner .content_16 {	
	padding: 15px;
	height: 275px;
}
.glide_banner .content_16 h3 {
	font-size: 1.3em;
	font-family: HelveticaNeueW01-45Ligh, arial;
	padding-top: 15px;
	text-transform: none;
}
.start_glide {
	color: #fff;
	background-color: rgba(0,0,0,0.7);
	padding: 10px 15px;
	font-family: HelveticaNeueW01-45Ligh, arial;
	font-size: 1.2em;
	display: inline-block;
}
#careers_main p {
	font-size: 1.15em;
	font-family: HelveticaNeueW01-Thin, arial;
	line-height: 1.3em;
}
#careers_main li {
	font-size: 1.15em;
	line-height: 1.3em;
	font-family: HelveticaNeueW01-Thin, arial;
}
#careers_main .large {
	font-size: 1.3em;
	font-family: HelveticaNeueW01-45Ligh, arial;
}
#job_alerts label,
#job_alerts input,
#job_alerts select,
#job_alerts textarea {
	display: inline-block;
	vertical-align: top;
	width: 47%;
	margin: 5px 0;
	padding: 8px;
	box-sizing:border-box; 
	height:40px;
}
#job_alerts label { font-weight: bold; padding-left:0; line-height: 125%; }
#job_alerts input,
#job_alerts select,
#job_alerts textarea {
	border:1px solid #eeeeee;
}
#job_alerts select {
	width: 47.4% !important;
    padding: 4px !important;
}
#job_alerts #job_submit {
	margin: 20px auto 0;
	display: block;
	color: #fff;
	background-color: #3b3b3a;
	text-transform: uppercase;
	width: auto;
	font-size: 1.15em;
	padding: 8px 26px;
	border: none;
}
#job_alerts h2 { margin:20px 0 10px; }
#job_alerts textarea {font-family:HelveticaNeueW01-55Roma, Arial; text-transform: uppercase; font-weight: bold; color: #555;}
#ui-datepicker-div { font-size:12px; }
.ui-datepicker-header { float:right; display:inline; background-color:#555555; color:#fff; width:100%; margin-top:5px; padding-bottom:4px; }
.ui-datepicker-calendar { background-color:#003471; width:100%; padding:5px 5px 10px 5px; }
.ui-datepicker-next { margin-left:50px; margin-right:10px; margin-top:5px; float:right; cursor:pointer; font-weight:bold; }
.ui-datepicker-prev { margin-left:10px; margin-right:50px; margin-top:5px; float:left; cursor:pointer; font-weight:bold; }
.ui-datepicker-header a { color:#fff; }
.ui-datepicker-calendar tr td { text-align:center; }
.ui-datepicker-calendar tr td a { color:#fff; font-weight:bold; display:inline-block; margin:3px 0; }
.ui-datepicker th { color:#fff;	text-align:center; padding:5px 0; }
.ui-datepicker-title { float:left; margin-left:5px; margin-top:5px; font-size:13px; font-weight:bold; }
.job_desc h2, .job_desc h3, .job_desc h4, .job_desc h5, .job_desc h6 {font-family: HelveticaNeueW01-45Ligh, arial; font-size: 1.3em; line-height: 1.3em; margin: 0; color: #003471; text-transform: inherit;}
.career_desc.active {background-color: #003471; color: #f0f0f0;}
#sales_popup ul {list-style: disc outside none; padding-left: 20px;}
#sales_popup li {margin-bottom: 10px;}
#sales_popup .sales_p {font-size: 1.15em; font-family: HelveticaNeueW01-Thin, arial; line-height: 1.3em;}
.transform_none {text-transform:none;}

/* AU Landing Page*/
.section_padding { padding:50px 0; box-sizing:border-box; }
.section_padding * { box-sizing:inherit; }
.section_padding h1 { font-size:1.75em; line-height: 125%; }
.section_padding p { font-size:1.1em; margin:15px 0; display:inline-block; vertical-align: top; width:100%; line-height: 145%;  font-family: HelveticaNeueW01-Thin, arial; }
.section_padding .landing-container { margin-bottom:50px; text-align: center; position: relative; }
.section_padding .landing-container.two { width:48%; }
.section_padding .space.two { margin-left:4%; }
.section_padding .landing-container.three { width:32%; }
.section_padding .space.three { margin-left:2%; margin-right:2%; }
.section_padding .landing-container.four { width:23.5%; }
.section_padding .space.four { margin-left:2%; }
.section_padding .landing-container img { display:inline-block; vertical-align: top; width:100%; }
.section_padding .landing-container h2 { width:100%; height:auto; padding:15px 10px; font-weight: bold; font-size:1rem; color:#fff; position: absolute; top:35px; left:0; line-height: 125%; }
.section_padding .landing-container h2.green { background:rgba(7,116,62,.8); }
.section_padding .landing-container h2.orange { background:rgba(255,150,40,.8); }
.section_padding .landing-container h2.blue { background:rgba(51,132,255,.8); }
.section_padding .landing-container h2.red { background:rgba(210,35,40,.8); }
.section_padding .landing-container h2.turquoise { background:rgba(101,197,180,.8); }
.section_padding .landing-container.four h2 { min-height: 100px; }
#landing #home_heading { position: relative; bottom:0; border-top:1px solid #003471; border-bottom:1px solid #003471; margin:35px 0 0; height:40px; overflow: hidden; }
.scroll-news {  height:38px; }
#landing { text-align: center;}

/* General Landing */
#landing-page .section_padding { text-align: center; }
#landing-page .section_padding h2, #landing-page .section_padding h3, #landing-page .section_padding h4, #landing-page .section_padding h5, #landing-page .section_padding h6 { font-size:1.6rem; } 
#landing-page .banner { padding-top:15vh; background-image:url(images/landing-page/blackline/product-bg.png); height:auto; min-height:65vh; background-repeat: no-repeat; background-size:contain; background-position: center bottom; background-color: #000; }	
#landing-page.blackline .banner .content_centre { width:768px; max-width:100%; padding:0 25px; background-color:rgba(0,0,0,.5) }
#landing-page.blackline .banner h1 { font-size:2rem; font-family: HelveticaNeueW01-45Ligh, arial; margin-bottom:25px; padding-bottom:0; }
#landing-page.blackline .banner .tagline { font-size:1.4rem; font-family: HelveticaNeueW01-Thin, arial; margin:0 0 25px 0; }
#landing-page.blackline .banner p { font-size:1.1rem; font-family: HelveticaNeueW01-Thin, arial; margin:0 0 25px 0; }
#landing-page .cta { font-size:1.1rem; letter-spacing: .5px; font-family: HelveticaNeueW01-45Ligh, arial; border-radius:5px; margin:15px 10px 0; padding:10px 35px; font-weight: bold; display:inline-block; vertical-align: top; }
#landing-page .cta-holder { display:inline-block; vertical-align: top; width:550px; max-width: 100%; }
#landing-page.blackline .banner .hashtag { font-size:1.75rem; margin-top:50px; display: inline-block; font-family:HelveticaNeueW01-75Bold; }
#landing-page form div>div { text-align: left; }
#landing-page form h4, #related_products h2 { margin-bottom:35px; }
#landing-page form label { display:inline-block; vertical-align: top; font-family:HelveticaNeueW01-75Bold; font-size:.9rem; margin-bottom:5px; }
#landing-page form input[type="text"], #landing-page form input[type="email"] { width:100%; height:35px; padding:5px 10px; display:inline-block; vertical-align: top; margin-bottom:15px; border:1px solid #bdbdbd; font-family: HelveticaNeueW01-45Ligh, arial; } 
#landing-page form textarea { width:100%; height:173px; padding:5px 10px; display:inline-block; vertical-align: top; margin-bottom:15px; border:1px solid #bdbdbd; max-width:100%; font-family: HelveticaNeueW01-45Ligh, arial; } 
#landing-page form input[type="button"], #landing-page form input[type="submit"] { width:100%; height:35px; padding:5px 10px; display:inline-block; vertical-align: top; border:none; font-family:HelveticaNeueW01-75Bold; font-size:1rem; letter-spacing: .2px; cursor: pointer; margin-top:15px; } 
#landing-page .section_padding#related_products .content_centre { width:1240px; }
#landing-page .product { display:inline-block; vertical-align: top; width:390px; max-width:100%; padding:15px; height: 250px; }
.justify { text-align:justify; }
#related_products .product img { float:left; max-width:35%; width:35%; }
#related_products .product div { float:right; max-width:60%; width:60%; text-align: left;}
#related_products .product h3 { font-size:1.2rem; margin-bottom:15px; padding-bottom: 0; }
#related_products .product p { font-size:.9rem; font-family:HelveticaNeueW01-75Bold; margin:0 0 15px; }
#related_products .product a.cta { float:right; border-radius:5px; padding:5px 10px; font-size:.8rem; }
.ib { display:inline-block; vertical-align: top; }
.form-cta { margin-top:35px; } 
.form-cta label { text-align: left; width:100%; }
#landing-page.ukcw .orange_bg.desktop_100_container { margin:45px 0; padding:25px 0; }
#landing-page.ukcw .banner p.orange strong { font-size:1.6em; margin:10px 0; display:block; }
.hashtag { font-size:1.6em; }
#landing-page.ukcw #btm-cta h4 { text-transform: none;text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.85), -1px 3px 14px rgba(0, 0, 0, 0.85); } 
#landing-page.ukcw #btm-cta p { font-size:2.4em; font-weight: bold;	text-shadow: -3px 3px 10px rgba(0, 0, 0, 0.85), -1px 3px 11px rgba(0, 0, 0, 0.85); }

/* FastTrak */
#fasttrak { box-sizing:border-box; }
#fasttrak * { box-sizing:inherit; }
#fasttrak footer { position: relative; z-index: 10; box-sizing:content-box; }
#fasttrak section { width:100%; max-width:100%; }
#fasttrak .content_centre { padding:0; max-width:100%; }
ul.fasttrak-tabs { text-align: center; margin:35px 0; }
ul.fasttrak-tabs li { display:inline-block; vertical-align: top; margin:5px; font-size:1.2em; }
ul.fasttrak-tabs li a { display:inline-block; vertical-align: top; color:#fff; padding:10px 20px; }
#fasttrak form h4 { margin-bottom:35px; }
#fasttrak aside { text-align:center; } 
#fasttrak form { text-align: center; }
#fasttrak form label { display:inline-block; vertical-align: top; font-family:HelveticaNeueW01-75Bold; font-size:.9rem; margin-bottom:5px; }
#fasttrak form input[type="text"], #fasttrak form input[type="email"] { width:100%; height:35px; padding:5px 10px; display:inline-block; vertical-align: top; margin-bottom:15px; border:1px solid #bdbdbd; font-family: HelveticaNeueW01-45Ligh, arial; } 
#fasttrak form textarea { width:100%; height:173px; padding:5px 10px; display:inline-block; vertical-align: top; margin-bottom:15px; border:1px solid #bdbdbd; max-width:100%; font-family: HelveticaNeueW01-45Ligh, arial; } 
#fasttrak form input[type="button"], #fasttrak form input[type="submit"] { width:100%; height:35px; padding:5px 10px; display:inline-block; vertical-align: top; border:none; font-family:HelveticaNeueW01-75Bold; font-size:1rem; letter-spacing: .2px; cursor: pointer; margin-top:15px; }
#fasttrak .cta.trial { padding:15px 30px; font-size:1.2rem; }
#fasttrak .cta.trial img { display:inline-block; vertical-align: top; margin-top:10px;}

.fasktrak-inner p { text-transform: none; font-size:1.2em; margin:0 0 20px; line-height: 150%; }
.fasktrak-inner h1, .fasktrak-inner h2, .fasktrak-inner h3, .fasktrak-inner h4, .fasktrak-inner h5, .fasktrak-inner h6 { font-size:2em; margin-bottom:20px; } 
.fasttrak-scroll { display:inline-block; vertical-align: top; overflow-y:auto; max-height: 450px; }
.fasttrak-footer { min-height: 90px; position: absolute; bottom:0; left:0; width:100%; background-image:url(../required_images/fasttrak/bottom.png); background-repeat: no-repeat; background-size:contain; z-index: 3; padding:15px 45px; font-weight: bold; -webkit-transition: top 1s ease; transition: top 1s ease; margin-top:25px; }
.fasttrak-bg { background-image:url(../required_images/fasttrak/bottom.png); background-repeat: no-repeat; background-size:contain; background-position: bottom; }
.fasttrak-footer a { padding:10px 15px; font-size:.8em; margin:5px 0 0 10px; }
.hidden-anchor { float:left; display:inline; height:1px; width:100%; margin-bottom:100px; }

header.fasttrak-anchor, footer.fasttrak-anchor, ul.fasttrak-tabs.fasttrak-anchor, aside.fasttrak-anchor { height:auto !important; }
#fasttrak .fasktrak-outer { height:auto; min-height: 100vh; position: relative; display:inline-block; vertical-align: top; width:100%; }
.fasttrak-anchor.fasttrak-slide { display:inline-block; vertical-align: top; height:auto !important; padding:100px 50px 0; position: relative; background-color:#fff;  }

.fasttrak-l-top { position: absolute; top:-1px; left:-41px; width:123px; height:400px; background-image:url(../required_images/fasttrak/l-side-top.png); background-repeat: no-repeat; background-size:104px 335px; z-index: 2; }
.fasttrak-r-top { position: absolute; top:-1px; right:-61px; width:123px; height:400px; background-image:url(../required_images/fasttrak/r-side-top.png); background-repeat: no-repeat; background-size:104px 335px; z-index: 2; }
.fasttrak-logo { padding:50px 10px; border-bottom:5px solid #003471; }
#fasttrak .fasttrak-logo { text-align: center; }
#fasttrak .fasktrak-inner { position: relative; display:inline-block; vertical-align: top; width:100%; padding:0 60px; min-height: 100vh; }
#fasttrak .fasktrak-inner::before { background-image:url(../required_images/fasttrak/l-side.png); content:" "; background-repeat: repeat-y; position: absolute; top:27px; z-index: 1; left:52px; height:100%; width:12px; }
#fasttrak .fasktrak-inner::after { background-image:url(../required_images/fasttrak/r-side.png); content:" "; background-repeat: repeat-y; position: absolute; top:27px; z-index: 1; right:52px; height:100%; width:12px; }
#fasttrak aside.section_padding { padding:100px 50px; position: relative; z-index: 1; }

.fasttrak-r-h { text-align: right; }
.fasttrak-l-h { text-align:left; }
.fasttrak-r-txt { float:right; width:50%; padding:25px; display:inline; margin:10px 0; }
.fasttrak-l-txt { float:left; width:50%; padding:25px; display:inline; margin:10px 0; }
.fasttrak-l-img { float:left; width:45%; display:inline; margin:10px 0; }
.fasttrak-r-img { float:right; width:45%; display:inline; margin:10px 0; }

#fasttrak .cta-holder { text-align: center; margin:25px 0; }
#fasttrak .cta { display:inline-block; vertical-align: top; padding:10px 15px; margin:10px; font-weight: bold; }
#fasttrak section { padding-left:0; padding-right: 0; }


/* UniGrip Landing Page */
#unigrip {
	box-sizing:border-box;
}
#unigrip * {
	box-sizing:inherit;
}
#unigrip .desktop_100_container {
	width:100% !important; max-width: 100% !important;
}
#unigrip .top {
	background-image:url(../images/unigrip/bg.jpg); background-repeat: no-repeat; background-position: bottom center; background-size:cover;
}
#unigrip .top.section_padding {
	padding-bottom:25px;
}
#unigrip .top h1 {
	font-family:HelveticaNeueW01-75Bold, arial; font-size:3em; text-transform: none; margin-bottom:0;
}
#unigrip .top h2 {
	font-family:HelveticaNeueW01-75Bold, arial; padding-bottom:25px; position: relative; font-size:2em; text-transform: none;
}
#unigrip .top h2::after {
	position: absolute; width:100px; height:7px; background:#d8d8d8; content:' '; position: absolute; bottom:0; left:0;
}
#unigrip .top .cta-btn, .start-form .cta-btn {
	padding:10px 30px; font-family:HelveticaNeueW01-75Bold, arial; border-radius:10px; text-transform: uppercase; font-size:1em; margin-top:10px; display:inline-block;
}
.ftr_carousel {
	padding:20px; text-align: center;
}
.ftr_carousel strong {
	display:inline-block; vertical-align: top; width:100%; margin:10px 0 5px; font-size:1.2em;
}
.ftr_carousel.owl-theme .owl-controls {
	margin-top:0; position: absolute; top:45%; width:100%; left:0;
}
.ftr_carousel.owl-theme .owl-controls .owl-buttons div {
	border:3px solid #9b9b9b; border-radius: 50%; width:40px; height:40px; position: relative; z-index: 5; color:#9b9b9b; margin:0; background-repeat: no-repeat; background-image:url(../required_images/unigrip/ftr-arrows.png); background-size:38px 25px;
}
.ftr_carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
	float: left; left:-25px; background-position: 7px 5px; 
}
.ftr_carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
	float: right; right:-25px; background-position: -12px 5px;
}
.benefit-tab {
	text-align: center;
}
.benefit-tab li {
	display:inline-block; vertical-align: top; margin:5px; padding:10px 15px; font-family:HelveticaNeueW01-75Bold, arial; font-size:1.25em; text-transform: uppercase; border:3px solid #3384ff; border-radius:10px; color:#3384ff; cursor:pointer;
}
.benefit-tab li.active {
	background:#3384ff; color:#fff;
}
.benefit-container {
	margin-top:50px;
}
.benefit-container .desktop_33_container {
	padding:15px 15px 15px 75px; height:210px; width:33.33%; position: relative;
}
.benefit-container .desktop_33_container:nth-child(1), .benefit-container .desktop_33_container:nth-child(2), .benefit-container .desktop_33_container:nth-child(3) {
	border-bottom:2px solid #d0cee0;	
}
.benefit-container .desktop_33_container:nth-child(2), .benefit-container .desktop_33_container:nth-child(5) {
	border-left:2px solid #d0cee0; border-right:2px solid #d0cee0;
}
.benefit-container .desktop_33_container::before {
	position: absolute; top:15px; left:15px; border-radius:50%; background:#fff; border:5px solid #414051; padding:5px; background-image:url(../images/unigrip/sprite.png); background-repeat: no-repeat; width:25px; height:25px; content:' '; background-size:195px 28px;
}
.benefit-container .desktop_33_container.quick::before {
	background-position: 4px 3px;
}
.benefit-container .desktop_33_container.safe::before {
	background-position: -30px 3px;
}
.benefit-container .desktop_33_container.easy::before {
	background-position: -64px 3px;
}
.benefit-container .desktop_33_container.secure::before {
	background-position: -99px 3px;
}
.benefit-container .desktop_33_container.versatile::before {
	background-position: -134px 3px;
}
.benefit-container .desktop_33_container.strong::before {
	background-position: -168px 3px;
}
.benefit-container .desktop_33_container h3 {
	margin:10px 0 0;
}
.benefit-container .desktop_33_container p {
	font-size:.95em;
}
.benefit-container .desktop_33_container a.cta-btn {
	border:3px solid #fff; border-radius:10px; text-transform: uppercase; color:#000; font-size:.9em; margin-right:5px; font-family:HelveticaNeueW01-75Bold, arial; padding:10px;
}
.benefit-icons {
	text-align: center;
}
.benefit-icons i {
	display:inline-block; vertical-align: top;  margin:5px 0 0; width:48px; height:36px; background-image:url(../required_images/unigrip/sprite.jpg); background-repeat: no-repeat; background-size:150px 196px;
}
.pipework { background-position:0 0; }
.single-tier { background-position:0 -40px; }
.air-conditioning-units { background-position:0 -80px; }
.chilled-beams { background-position:0 -120px; }
.heating-and-ventillation { background-position:-51px 0; }
.cable-containment { background-position:-51px -40px; }
.multi-tier { background-position:-51px -80px; }
.modules { background-position:-51px -120px; }
.busbar { background-position:-102px 0; }
.signage { background-position:-102px -40px; }
.radiant-banels { background-position:-102px -80px; }
.lighting { background-position:-102px -120px; }
.plenum-boxes { background-position:-51px -160px; }
.single-pipe { background-position:0 -160px; }
.suspended-ceiling { background-position:-102px -160px; }
.unigrip-game {
	background: #64bbe9; 
	background: -moz-linear-gradient(top, #64bbe9 0%, #1280d1 100%); 
	background: -webkit-linear-gradient(top, #64bbe9 0%,#1280d1 100%);
	background: linear-gradient(to bottom, #64bbe9 0%,#1280d1 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64bbe9', endColorstr='#1280d1',GradientType=0 ); 
	color:#fff; position: relative;
}
.mobile-trial { display:none !important; }
.unigrip-game h2 {
	font-family:HelveticaNeueW01-75Bold, arial; font-style:italic; font-size:5em; line-height: 95%; position: relative; z-index: 3;
}
.game-intro {  
	margin-top:10px; display: inline-block; vertical-align: top; position: relative; z-index: 3;
}
.game-intro p {
	font-family:HelveticaNeueW01-55Roma, Arial; margin:0; font-size:1.25em; line-height:125%;
}
.game-intro p strong {
	font-size:1.25em;
}
.unigrip-status p {
	margin:0 0 5px 0; font-family:HelveticaNeueW01-55Roma, Arial;
}
.shuffle, .begin, .restart {
	padding:10px 20px; border-radius:10px; text-transform: uppercase; font-size:1em; margin:15px 0 0 10px; display:inline-block; font-family:HelveticaNeueW01-75Bold, arial; position: relative; z-index: 3;
}
#unigrip-status {
	margin:25px 0; display:inline-block; vertical-align: top;
}
#unigrip-status img {
	border-radius:50%; border:5px solid #003471; position: relative; z-index: 2;
}
#unigrip-status div.desktop_75_container {
	border-radius:10px; padding:25px; font-size:1.25em; font-family:HelveticaNeueW01-75Bold, arial; position: relative; font-style:italic; z-index: 3;
}
#unigrip-status div.desktop_75_container::after {
	content:' '; position: absolute; bottom:-15px; left:-25px; background-image:url(../images/unigrip/speech.png); background-repeat: no-repeat; background-position: bottom left; height:40px; width:102px; background-size: contain; z-index: -1;
}
.unigrip-grid a {
	max-width:16.666%; width:16.666%; padding: 5px;
}
.unigrip-grid a.inactive {
	opacity:.5; border-radius:16px;
}
.unigrip-grid a img {
	vertical-align: top;
}
.unigrip-game .outer { 
	background-image:url(../images/unigrip/top-chips.png); background-position: top 200px right; background-repeat: no-repeat; 
}
.unigrip-btm {
	text-align: center; position: relative;
}
.unigrip-btm img {
	position: relative; z-index: 1;
}
.unigrip-btm::before {
	content:' '; background-image:url(../images/unigrip/table-bottom-rpt.jpg); background-repeat: repeat-x; background-size:contain; height:176px; background-position: top; width:100%; top:0; left:0; position: absolute; z-index: 0;
}
.unigrip-overlay { position: absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index: 2; content:' '; }
#unigrip #newsletter_button {
	height:30px;
}
.complete-form, .start-form {
	width:100%; left:0; top:40%; max-width:100%; padding:35px; position: absolute; z-index: 10; text-align: center;
}
.complete-form h3 {
	margin-bottom:0;
}
.complete-form form, .start-form div.container {
	background:#fff; display:block; padding:35px; margin:0 auto; width:400px; max-width:100%; background-image:url(/required_images/unigrip/complete-bg.png); background-repeat: no-repeat; background-position: top -35px center; 
}
.start-form div.container {
	background-image:none;
}
.complete-form label {
	display:inline-block; vertical-align: top; font-size:1.1em; margin:15px 0 10px; text-align: center; 
}
.complete-form input[type="text"], .complete-form input[type="email"] {
	display:inline-block; height:45px; border:1px solid #9b9b9b; vertical-align: top; width:100%; padding:10px; color:#000; font-size:1.1em; margin:10px 0;
}
.complete-form input[type="submit"] {
	border-radius:10px; border:none; padding:10px 15px; margin-top:20px; display:inline-block; vertical-align: top; font-size:1.1em; cursor: pointer; width:100%;
}
.prize-cta { position: relative; display: inline-block; vertical-align: top; width:100%; }
.unigrip-entry {
	box-sizing:border-box; text-align: center; background:#fff; display:block; padding:35px; margin:0 auto; width:400px; max-width:100%; background-image:url(/required_images/unigrip/complete-bg.png); background-repeat: no-repeat; background-position: top -35px center; 
}
.unigrip-entry * {
	box-sizing:inherit;
}
.unigrip-entry label {
	width:100%; display:inline-block; vertical-align: top; margin:15px 0 5px;
}
.unigrip-entry input {
	display:inline-block; height:45px; border:1px solid #9b9b9b; vertical-align: top; width:100%; padding:10px; color:#000; font-size:1.1em; margin:10px 0;
}
.unigrip-entry input[type="submit"] {
	border-radius:10px; border:none; padding:10px 15px; margin-top:20px; display:inline-block; vertical-align: top; font-size:1.1em; cursor: pointer; width:100%; color:#fff;
}
.close-overlay {
	width:40px; height:40px; text-align: center; padding:5px; font-size:1.4em; border:2px solid #000; background:#fff; font-weight: bold; position: absolute; top:-20px; right:-20px; border-radius:50%; cursor: pointer;
}
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
	min-height: 225px;
}
/* flip the pane when hovered */
.flip-container.flip .flipper {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
 -ms-transform: rotateY(180deg);
}

.flip-container, .front, .back {
	width: 100%;
	height: auto; display:inline-block; vertical-align: top;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}
/* pane, placed above back */
.back {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
 -ms-transform: rotateY(0deg);
}
/* initially hidden pane */
.front {
	transform: rotateY(180deg); position: relative;
	-webkit-transform: rotateY(180deg);
 -ms-transform: rotateY(180deg);
}
.front.tick::after { position: absolute; width:25px; height:25px; background-image:url(../images/unigrip/tick.png); background-repeat: no-repeat; background-position: top left; background-size:25px 25px; content:' '; top:10px; right:10px; }
.complete-tick {
	position: absolute; width:25px; height:25px; content:' '; top:15px; right:15px; z-index:10;
}
.trial-trigger {
	width:auto; padding:15px 25px; font-size:1.25em; font-family:HelveticaNeueW01-75Bold, arial; text-align: center; position: fixed; top:100px; right:0; z-index: 10; -webkit-box-shadow: -5px 5px 2px 0px rgba(0,0,0,.2); -moz-box-shadow: -5px 5px 2px 0px rgba(0,0,0,.2); box-shadow: -5px 5px 2px 0px rgba(0,0,0,.2);
}
.trial-trigger span {
	font-size:.9em; font-family:HelveticaNeueW01-55Roma, Arial;
}
.prize-cta .social-share {
	display:inline-block; vertical-align: top; width:100%; margin-top:20px;
}
.prize-cta strong {
	display:inline-block; vertical-align: top; width:100%; margin-bottom: 10px;
}
.prize-cta a {
	display:inline-block; vertical-align: top; margin:0 5px; width:30px;
}
.prize-cta a:last-child {
	margin-left:10px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles */
.flip-container.flip .flipper {
transform: none;
-webkit-transform: none;
 -ms-transform: none;
}
.flipper {
	transition: 0.6s;
	transform-style:none;
	-webkit-transition: 0;
	-webkit-transform-style: none;
	-ms-transform-style: none;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility:visible !important;

	position: absolute;
	top: 0;
	left: 0;
}
.back {
	z-index: 2;
	/* for firefox 31 */
	transform: none;
	-webkit-transform:none;
 -ms-transform: none;
}
/* initially hidden pane */
.front {
	transform:none; position: relative;
	-webkit-transform: none;
 -ms-transform: none;
}

}

/* Blackline Promo */
#promo-popup {
	background: rgba(4, 5, 5, 0.95);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	height: 100vh;
	width: 100%;
	text-align: center;
	z-index: 99999;
	font-family: HelveticaNeueW01-Thin, arial;
}
#promo-popup.open {
	display: inline-block; vertical-align: top;
}/*
#promo-popup:before {
	content: '';
	background-image: url(../images/blackline-promo/blackline-desktop.png);
	background-size: cover;
	position: absolute;
	top: 0;
	width: 700px;
	height: 100%;
}
#promo-popup > div {
	display: table-cell;
	vertical-align: middle;
	padding: 0 40px 0 720px;
}*/
#promo-popup span.close {
	color: #31aff6;
	cursor: pointer;
	font-size: 22px;
	position: absolute;
	top: -10px;
	right:0;
}
#promo-popup h3 {
	color: #fff;
	text-transform: inherit;
	font-size: 52px;
	padding-bottom: 40px;
}
#promo-popup p {
    color: #909497;
    font-size: 22px;
    margin-bottom: 40px;
}
#promo-popup a {
	color: #31aff6;
}
#promo-popup > div br {
	display: none;
}
#promo-popup > div br:nth-child(3) {
	display: block;
}
#promo-popup .pop-btns a {
	border-radius: 5px;
	display: inline-block;
	font-weight: 600;
	font-size: 20px;
	padding: 20px;
	margin: 15px auto 11px;
	letter-spacing: 1px;
	background: #31aff6;
	color: #fff ;
}
#promo-popup  .pop-btns span {
	font-size: 18px;
    font-weight: 600;
	margin:10px 15px;
    color: #bebebe;
}
.pop-promo-h { font-size:5em; font-family:'HelveticaNeueW01-75Bold', arial; display: block; margin-bottom:10px; text-transform:none; }
.pop-logo { margin:25px 0 50px; }
.pop-btns { display:inline-block; vertical-align: top; margin-bottom:35px;}
.pop-scroll { width:100%; /*overflow-y:auto;*/ }
.mobile-pop-img { display:none !important; }
#promo-popup .pop-centre { width:1600px; max-width:100%; margin:0 auto; position: relative; padding:0; display:inline-block; vertical-align: top; }

.pop-centre:before {
	content: '';
	background-image: url(../images/blackline-promo/blackline-desktop.png);
	position: absolute;
	top: 0;	
	width:50%; height:100%; left:0; background-repeat: no-repeat; background-size:contain; background-position: center;
}
	#promo-popup { padding:50px; box-sizing:border-box; }
	#promo-popup * { box-sizing:inherit; }
	#promo-popup .pop-centre .pop-scroll { float:right; width:45%; padding:0; }
	#promo-popup > .close { top:20px; }

@media only screen and (min-width: 1600px) {
	#promo-popup h3 {
		font-size: 56px;
	}
	#promo-popup p {
		font-size: 24px;
	}
	#promo-popup > div > div * {
		display: inline-block;
	    margin: 15px 5px 11px;
	}
}
@media only screen and (max-width:1240px) {
	#promo-popup .pop-btns a, #promo-popup  .pop-btns span {
		display:block;	
	}
}
@media (max-width:1180px) {
	#promo-popup:before {
		background-image: url(../images/blackline-promo/blackline-tablet.png);
		left: -40px;
		width: 460px;
		height: 100%;
	}
	#promo-popup > div {
		padding: 0 50px 0 430px;
	}
	#promo-popup h3 {
		font-size: 46px;
		padding-bottom: 45px;
	}
	#promo-popup p {
		font-size: 19px;
    	margin-bottom: 50px;
	}
}
@media (max-width:980px) {
	#promo-popup:before {
		left: -140px;
		width: 470px;
	}
	#promo-popup > div {
		padding: 0 20px 0 330px;
	}
	#promo-popup h3 {
		font-size: 38px;
		padding-bottom: 30px;
	}
	#promo-popup p {
		font-size: 18px;
		margin-bottom: 35px;
		padding-top: 0;
    	padding-bottom: 20px;
	}
	#promo-popup > div > div a { 
		font-size: 19px;
	    width: 280px;
	}
	.flip-container {
		min-height:200px;
	}
	.benefit-container .desktop_33_container p {
		font-size:.85em;
	}
	.benefit-container .desktop_33_container a.cta-btn {
		padding:5px 10px; font-size:.8em;
	}
}
@media (max-width:800px) {
	#promo-popup > span {
		font-size: 18px;
	}
	#promo-popup .pop-centre .pop-scroll { width:100%; }
	#promo-popup > div br {
		display: block;
	}
	#promo-popup > div::before { 
		display: none;
	}
	#promo-popup h3 {
		font-size: 53px;
		line-height: 50px;
		padding-bottom: 40px;
		letter-spacing: 2px;
	}
	#promo-popup p {
		font-size: 21px;
    	padding-bottom: 22px;
    	line-height: 27px;
	}
}
@media(max-width:660px) { 
	#promo-popup > div {
		padding: 0 18%;
	}
	#promo-popup h3 {
		font-size: 53px;
		line-height: 50px;
		padding-bottom: 40px;
		letter-spacing: 2px;
	}
	#promo-popup p {
		font-size: 23px;
    	padding-bottom: 9px;
    	line-height: 25px;
	}
	#promo-popup > .close {
		font-size: 20px;
	}
	#promo-popup { height:100%; position: absolute; }
	.mobile-pop-img { display:inline-block !important; }
	.pop-logo { margin-top:50px; }
	.pop-promo-h { font-size:3.5em; }
}
@media (max-width:525px) { 
	#promo-popup > div {
		padding: 20px 50px;
	}
	#promo-popup h3 {
		font-size: 38px;
    	line-height: 39px;
    	padding-bottom: 12px;
	}
	#promo-popup p {
		font-size: 19px;
    	padding-bottom: 5px;
    	line-height: 25px;
	}
}
@media (max-width:400px) {
	#promo-popup > div {
		padding: 0 15%;
	}
	#promo-popup h3 {
		font-size: 30px;
		line-height: 29px;
		padding-bottom: 15px;
	}
	#promo-popup p {
    	font-size: 19px;
    	padding-bottom: 0;
    	line-height: 23px;
	    margin-bottom: 25px;
	}
	#promo-popup > div > div a {
		width: 100%;
		font-size: 17px;
	    margin: 11px auto 9px;
	}
}
@media (max-height: 500px) {
	#promo-popup h3 {
    	font-size: 27px;
    	line-height: 26px;
    	padding-bottom: 5px;
	}
	#promo-popup p {
		font-size: 17px;
		line-height: 23px;
	}
	#promo-popup > div > div a {
	    padding: 11px 0;
    	width: 100%;
    	font-size: 17px;
    	margin: 8px auto 7px;
	}
}
/* Jap specific */
.app-contact-btn { box-sizing: border-box; border-radius:15px; padding:10px; width:100%; height:auto; display: inline-block; vertical-align: top; }


@media (max-width:1180px) {
	#gripple_careers header.relative_slide { box-sizing:border-box; padding:0 20px; }
	#careers_main {
		font-size: 85%;
	}
	.careers_wrapper {
		max-width: 980px;
	}
	.careers_btn {
		padding: 14px;
	}
	.graduates_content {
		height: 412px;
	}
	.job_desc {
		height: 540px;
	}
	.glide_link span {
		height: 55px;
	}
	#gripple_careers header .content_centre { padding:20px 0 0; }
	.alert_cta {
		top: 117px;
	}
}
@media (max-width:980px) {
    .content_centre {
        max-width: 94%;
        width: 980px;
        margin: 0 auto;
        padding: 0 3%
    }
    .product_top .tabs li a {
        font-size: .9em
    }
    #prod_share,
    #prod_share .float_left {
        width: 100%;
        text-align: center;
        margin: 10px 0
    }
    #landscape_promos #prod_share,
    #landscape_promos #prod_share .float_left,
    #related-cont #prod_share,
    #related-cont #prod_share .float_left {
        width: auto;
        text-align: right;
        margin: 0 10px 0 0
    }
    .prod_newsletter {
        text-align: center;
        font-size: .85em;
        line-height: 1.1em;
        margin-top: 10px
    }
    .ad_column {
        margin-top: 44px
    }
    .render_inner_text {
        margin: 10px 1.5%;
        max-height: 90px;
        padding: 0 1% 5px;
        vertical-align: top
    }
    #main-prod-info {
        min-height: 370px
    }
	.careers_wrapper {
		max-width: 800px;
	}
	.main_slide {
		font-size: 81%;
		height: 270px;
	}
	.video_link {
		height: 270px;
	}
	.video_link img {
		margin: 91px auto;
	}
	.careers_btn {
		padding: 10px 4px;
		font-size: 90%;
	}
	.careers_subheading {
		padding: 10px;
	}
	.video_link.video_link_xl {
		height: 528px;
	}
	.job_desc {
		height: 503px;
	}
	.glide_banner {
		padding: 15px;
	}
	.job_alerts_inner {
		height: 512px;
	}
	.job_alerts a {
		 padding: 10px 15px;
    	font-size: 0.8em;
	}
}

@media (max-width:900px) {
    #logo {
        width: 250px;
        margin-top: 7px
    }
    #site_search {
        margin: 0;
        position: absolute;
        right: 3%;
        top: 20px
    }
	#site_search.top_hdr_search { margin:-8px 0 0 15px; right:0; position:relative; top:0;}
    header nav {
        float: right;
        margin: 25px 0 0
    }
    #gripple_contact {
        padding: 0;
        width: 100%
    }
    header {
        padding: 25px 0;
        max-width: 100%;
        width: 100%
    }
    header nav ul li.dropit-trigger {
        margin-right: 0!important
    }
    .dropit .dropit-submenu {
        margin-left: -77px
    }
    #home_heading h1 {
        width: 94%;
        padding: 5px 3%;
        left: 0;
        background: #fff
    }
    .home_scroll {
        margin-top: 61px
    }
    ul#product_5_slide,
    ul#product_5_slide>div {
        font-size: 90%
    }
    .crossword-container input[type=text] {
        width: 15px;
        height: 15px
    }
	#gripple_logged_in .mobile_100 {
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
	}
	.alert_cta {
		top: 130px;
	}
	.flip-container {
		min-height:175px;
	}
}

@media (max-width:800px) {
	.alert_cta {
		width: 100%;
		top: 0;
	}
    #company_timeline .owl-pagination,
    #render_inner_thumb,
    .render_info .desktop_30_container {
        display: none
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 1.3em
    }
    .product_download {
        width: 29.5%
    }
    .product_top .tabs {
        width: auto;
        text-align: center;
        background: #fff;
        padding: 8px 15px;
        margin-top: 25px
    }
    .product_top .tabs li a {
        font-size: .9em;
        color: #003471
    }
    .product_top .tabs li a.current {
        color: #fff
    }
    .prod_button {
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        font-size: .75em;
        margin-top: 85px;
        padding: 6px 13px 7px
    }
    .render_info .desktop_50_container {
        width: 75%
    }
    .render_text .desktop_30_container {
        width: 50%
    }
    .render_text .desktop_35_container {
        width: 45%
    }
    #prod_share,
    #prod_share .float_left {
        width: 100%;
        text-align: center;
        margin: 10px 0
    }
    #app-rel-box #prod_share,
    .news_cont #prod_share,
    .vac_content #prod_share {
        position: relative
    }
    #landscape_promos #prod_share,
    #landscape_promos #prod_share .float_left {
        width: auto;
        text-align: right;
        margin: 0 10px 0 0
    }
    #related-cont #prod_share,
    #related-cont #prod_share .float_left {
        width: auto;
        text-align: right;
        margin: 0;
        bottom: 15px
    }
    .prod_newsletter {
        text-align: center;
        font-size: .85em;
        line-height: 1.1em;
        margin-top: 10px
    }
    .ad_column {
        margin-top: 41px
    }
    .render_text {
        padding-bottom: 2px
    }
    .render_inner_text {
        margin: 15px 1.5%;
        max-height: 140px;
        padding: 0 1% 5px;
        vertical-align: top
    }
    .tab_prod_item h4 {
        font-size: .85em;
        height: 24px;
        line-height: 1.25em
    }
    #main-prod-info {
        min-height: 400px
    }
    #kit_area #fixing_ad_col,
    #kit_area .desktop_75_container {
        width: 100%
    }
    #kit_area .position_absol {
        bottom: 0!important;
        position: relative;
        right: 0!important
    }
    #related-cont .ad_column {
        bottom: 45px;
        margin-top: 0;
        right: 2%
    }
    .render_text img {
        height: auto;
        width: auto;
        max-width: 100%;
        max-height: 100%
    }
    header nav ul li {
        margin: 0 8px
    }
    #logo {
        width: 200px;
        margin-top: 10px
    }
	#gripple_logged_in #pdf_builder input[type="submit"] {
		float: left !important;
		clear: both;
		display: block;
		margin: 15px 0 0;
	}
	#my_gripple_banner { padding:100px 0; }
	#main_hero_vid_carousel {width: 100% !important;}
	.tablet_100 {
		width: 100%;
	}
	.tablet_50 {
		width: 50%;
		float: left;
	}
	.tablet_hide {
		display: none;
	}
	.auto_height {
		height: auto;
	}
	.careers_btn {
		padding: 20px;
	}
	.content_16 {
		width: 33.33%;
	}
	.content_10 {
		width: 15%;
	}
	#careers_hero .content_90 {
		width: 85%
	}
	.tablet_50.padding_20 {
		padding: 10px 10px 0;
	}
	.glide_content {
		padding-bottom: 115px;
	}
	.carousel_nav {
		width: 30px;
	}
	.left_nav {
		left: 10px;
	}
	.right_nav {
		right: 10px;
	}
	#careers_carousel .owl_arrows {
		top: -230px;
	}
	.careers_slide {
		padding: 0;
		height: 440px;
	}
	.careers_slide .align_right, .careers_slide .align_left {
		text-align: center;
		padding: 0 35px;
		background-color: rgba(255,255,255,0.6);
	}
	#careers_carousel .owl_arrows {
		top: -275px;
	}
	.border_left {
		border: none;
	}
	.content_55.right .careers_extra_padding {
		padding: 5px;
	}
	.no_btm_padding {
		padding-bottom: 5px !important;
	}
	.glide_banner .content_16 {
		width: 33.33%;
		height: 280px;
	}
	#graduates-apprentices .content_33 {
		width: 100%;
	}
	.graduate_panel, .graduate_panel.graduate_panel_small {
		height: auto;
	}
	.graduate_video_outer {
		width: 50%;
	}
	.graduate_heading {
		padding: 0;
		margin: 0;
	}
	header nav a { font-size:.9em; }
	/* Landing */
	.section_padding .landing-container.four { width:46%; margin-left: 2%; margin-bottom:25px; }
	.flip-container {
		min-height:175px;
	}
}
@media (max-width:740px) {
	.flip-container {
		min-height:150px;
	}
	.benefit-container .desktop_33_container::before {
		position: relative; display:inline-block; vertical-align: top; left:0; top:0;
	}
	.benefit-container .desktop_33_container {
		text-align: center; padding:15px; height:230px;
	}
	.benefit-container .desktop_33_container p {
		font-size:.85em;
	}
	.benefit-container .desktop_33_container .float_right {
		float:none !important; margin-top:5px; display:inline-block; vertical-align: top;
	}	
	.trial-trigger {
		top:auto !important; bottom:0 !important; width:100%; padding:10px 15px;
	}
}
@media(max-width:660px) {
.section_padding .landing-container.four h2 { min-height: 10px; }
	.col_10 { display:none !important; }
	.col_60 { width:100%; }
    #load-product-data img.desktop_50_container {
        padding-right: 0;
    }
    #data-library .dataTables_length,
    #data-library .dataTables_filter {
        top: -45px !important;
    }
    .data-lib-nav,
    .data-library-content {
        left: 0;
        width: 100% !important;
        max-width: 100% !important;
        border-left: none;
        border-right: none;
    }
    .data-lib-nav {
        font-size: 1.05em;
    }
    .data-library-content {
        border-top: 60px solid #333;
    }
.return_nav { margin-top:20px; }
    #logo,
    #mobile_menu {
        vertical-align: top
    }
    #main-prod-info,
    .product_container #product_info {
        min-height: auto
    }
    header {
        padding: 18px 0;
        max-width: 100%;
        width: 100%
    }
    #fancybox-wrap {
        position: absolute;
        right: 0!important;
        float: right
    }
    #home_banner {
        height: 400px
    }
    #vimeo_home {
        margin-bottom: 25px
    }
    footer .content_centre div {
        line-height: 18px
    }
    footer .content_centre .footer_btm_right {
        margin-top: 10px
    }
    #newsletter_button,
    input#newsletter_button {
        width: 100%;
        padding: 6px 0 7px
    }
    #gripple_contact {
        padding: 0;
        width: 100%
    }
    .dropit {
        float: left;
        display: inline;
        padding: 7px 8px 4px;
        border: 1px solid #003471
    }
    .dropit .dropit-submenu {
        margin: 12px 0 0 -8px
    }
    .dropit .language_select .dropit-submenu {
        min-width: 136px;
        padding: 10px 5px 2px;
        background: #fff
    }
    li.language_select ul a:nth-child(3n+3) {
        margin-right: 4px
    }
    li.language_select ul a:nth-child(4n+4) {
        margin-right: 0
    }
    li.language_select ul a:nth-child(3n+1),
    li.language_select ul a:nth-child(4n+1) {
        margin-left: 4px
    }
    #mobile_menu {
        display: inline-block;
        margin-top: 20px;
        width: 90%;
        text-align: center
    }
    #site_search {
        width: 90%;
        margin: 10px 5% 0;
        position: relative;
        right: 0;
        top: 0
    }
    input#search_submit,
    input.search_submit {
        float: right;
        margin: 5px 0 0;
        position: absolute;
        right: 10px
    }
    #right-panel input#search_submit,
    #right-panel input.search_submit {
        right: 22px
    }
    #sub_filter div {
        margin: 5px 0
    }
    .mobile_100 {
        width: 100%!important;
        padding-left: 0!important;
        max-width: 100%!important;
        padding-right: 0!important;
        margin-left: 0!important;
        margin-right: 0!important
    }
    .timeline_thumb {
        display: none
    }
    #logo,
    .desktop_hide {
        display: inline-block
    }
    #logo {
        float: none!important
    }
    .mobile_hide {
        display: none!important
    }
    #home_first_stage ul.tabs li,
    #home_first_stage ul.tabs li a,
    .mobile_slide_text,
    ul#product_2_slide li {
        display: inline-block;
        vertical-align: top
    }
    header .content_centre {
        text-align: center
    }
    #landscape_promos #prod_share,
    #landscape_promos #prod_share .float_left {
        width: 100%;
        text-align: center;
        bottom: 5px;
        position: relative;
        margin: 10px 0
    }
    .home_banner_info {
        text-align: center;
        margin-top: 0;
        padding: 10px;
        background: url(../required_images/mob-tran-bg.png)
    }
    .home_banner_info h2,
    .home_banner_info h3 {
        color: #002d72!important
    }
    #home_heading h1 {
        font-size: 1em;
        line-height: 1.2em
    }
    #product_search,
    .product_search {
        font-size: 1.05em;
        margin: 15px 5% 0;
        padding: 0;
        background: 0 0!important;
        width: 90%
    }
    .desktop_not_vis {
        visibility: visible
    }
    #home_first_stage ul.tabs {
        font-size: 1em;
        margin-bottom: 20px
    }
    #home_first_stage ul.tabs li {
        text-align: center;
        width: 100%
    }
    #home_first_stage ul.tabs li a {
        border: 1px solid #003471;
        float: none!important;
        width: 94%;
        padding: 8px 3%;
        color: #003471;
        background: #fff
    }
    #home_first_stage ul.tabs li a.current {
        background: #003471;
        color: #fff
    }
    #nav_content_left a.popup_button {
        font-family: HelveticaNeueW01-65Medi, arial;
        font-size: .8em;
        margin-top: 5px;
        padding: 6px 0 7px;
        width: 100%;
        text-align: center
    }
	#my_gripple_banner { padding:50px 0; }
    #nav_content_left p {
        font-size: .85em;
        line-height: 1.25em;
        margin: 0 0 10px;
        text-align: center
    }
    #nav_content_thumb {
        margin-bottom: 11px
    }
    #nav_content_right h3 {
        margin: 15px 0;
        font-size: 1.25em
    }
    ul#product_2_slide,
    ul#product_5_slide>div {
        width: 100%;
        padding: 0;
        display: inline-block;
        vertical-align: top
    }
    ul#product_2_slide li {
        width: 40%;
        padding: 8px 3% 7px;
        background: #fff;
        border: 1px solid #e5e5e5;
        margin-bottom: 5px
    }
    .mobile_slide_text {
        width: 90%;
        padding: 5px 5%;
        text-align: center
    }
    #timeline_thumb,
    .timeline_period .desktop_30_container,
    .timeline_thumb,
    a.about_breadcrumb {
        display: none
    }
    .mobile_slide_text h4 {
        font-size: .85em;
        text-transform: none;
        margin: 8px 0 3px
    }
    .mobile_slide_text p {
        font-size: .8em;
        text-transform: none;
        margin: 0
    }
    .about_banner_info {
        margin: 50px 0 100px;
        width: 55%
    }
    #about_banner {
        padding: 70px 0 0
    }
    #company_timeline .owl-carousel .owl-item {
        margin-right: 1px
    }
    .timeline_top {
        text-align: center;
        margin-top: 10px
    }
    #timeline_nav,
    .timeline_nav {
        margin: 20px 0 0;
        text-align: center
    }
    .timeline_period {
        width: 100%
    }
    .dates_container {
        padding: 10px 0 40px
    }
    footer .desktop_20_container {
        padding: 15px 0;
        margin: 15px 0;
        width: 100%;
        border-top: 1px solid #003471;
        border-bottom: 1px solid #003471
    }
    footer .desktop_35_container,
    footer .desktop_60_container,
    footer .max_width_70 {
        border-left: none;
        border-right: none;
        padding: 0;
        max-width: 100%;
        width: 100%
    }
    footer .max_width_70 ul li {
        float: left;
        margin-right: 20px
    }
    .timeline_period .desktop_65_container {
        width: 100%
    }
    #timeline_intro {
        width: 94%
    }
    .timeline_period #timeline_nav,
    .timeline_period .timeline_nav {
        display: inline-block!important
    }
    .about_slide .desktop_50_container,
    .about_slide_grey .desktop_50_container {
        width: 100%;
        margin: 10px 0
    }
    .about_tagline {
        margin-bottom: 0
    }
    .company_square_image img {
        width: 100%
    }
    #faqs .desktop_50_container {
        margin: 0
    }
    #faqs .about_tagline {
        margin-bottom: 15px
    }
    #faqs .about_info {
        margin: 10px 0 5px
    }
    #news .mobile_50,
    #vacancies .mobile_50 {
        width: 47%;
        margin: 10px 0
    }
    #news .owl-item .mobile_50, #vacancies .owl-item .mobile_50 {
        display: inline;
        float: left;
        width: 90%;
        margin: 15px 2.5% 10px
    }
    .info_buttons a:nth-child(1),
    .product_top .tabs li:nth-child(5),
    .render_img {
        display: none
    }
    #news .mobile_50:nth-child(even),
    #vacancies .mobile_50:nth-child(even) {
        float: right
    }
    .news_thumbnail img {
        width: 100%
    }
    #visit_us .desktop_30_container,
    #visit_us .desktop_65_container {
        width: 100%;
        margin: 10px 0
    }
    #solution_banner ul#home_nav {
        width: 90%;
        line-height: 1.4em
    }
    .product_top .breadcrumbs {
        width: 100%;
        margin-bottom: 25px
    }
    #data-library .product_top .breadcrumbs {
        margin-bottom: 15px
    }
    .product_top .tabs {
        width: 100%;
        text-align: center;
        background: #fff;
        padding: 8px 0
    }
    .product_container {
        margin-top: 15px;
        padding: 18px 4%;
        width: 92%
    }
    .product_top .tabs li a {
        font-size: .9em;
        color: #003471;
        margin: 0 0 0 5px;
        padding: 8px 15px
    }
    .product_top .tabs li a.current {
        color: #fff;
        padding: 8px 15px;
        margin: 0 0 0 5px
    }
    #prod_share .float_left,
    #related-cont #prod_share {
        position: relative;
        width: 100%;
        text-align: center;
        margin: 10px 0;
        bottom: 0
    }
    #product_info {
        padding: 30px 2% 15px;
        width: 96%!important
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.25em
    }
    .desktop_25_container a.advert {
        width: 50%
    }
    .desktop_25_container a.desktop_100_container {
        width: 100%!important
    }
    #kit_area .ad_column #prod_share {
        position: relative;
        bottom: 0
    }
    .prod_newsletter {
        margin: 10px 0
    }
    #kit_area .ad_column,
    .ad_column {
        margin-top: 15px
    }
    .render_inner_text {
        margin: 10px 1.5%;
        max-height: auto;
        padding: 0 4%!important;
        max-width: 92%!important;
        vertical-align: top
    }
    #render_inner_thumb {
        display: inline-block
    }
    #locator_top select#state {
        width: 91.5%
    }
    #locator_top select#country {
        margin: 15px 0
    }
    .my_gripple_border {
        border-left: none;
        border-top: 1px solid #fff;
        padding: 15px 0;
        margin: 15px 0
    }
    .my_gripple_border h1 {
        font-size: 1.8em;
        margin-bottom: 20px
    }
    .my_gripple_border a.mg_links {
        position: absolute
    }
    .caseStudy70 {
        float: none;
        margin-right: 0;
        width: 100%;
        text-align: center
    }
    .caseStudy30 {
        float: none;
        margin-bottom: 10px;
        text-align: right;
        width: 100%
    }
    #caseStudy-popup .desktop_30_container,
    #caseStudy-popup .desktop_70_container {
        width: 100%;
        text-align: center
    }
    .tab_thumb {
        height: 100px;
        max-width: 95%;
        padding: 10px 0;
        width: 190px;
        overflow: hidden;
        margin-bottom: 10px
    }
    .tab_prod_item {
        width: 47%;
        margin-right: 0
    }
    .tab_prod_item:nth-child(3n+3) {
        margin: 15px 0 10px
    }
    .tab_prod_item:nth-child(2n+2) {
        float: right
    }
    .rel_prod_item {
        width: 47%;
        margin: 15px 3% 10px 0
    }
    #prod_search_table .rel_prod_item {
        width: 47%
    }
    #kits_container {
        width: 100%
    }
    .tab_prod_item h4 {
        font-size: .85em
    }
    ul.prod_tabs {
        text-align: center
    }
    ul.prod_tabs li {
        margin: 5px 0
    }
    #acc_filter,
    #acc_filter div,
    #sub_filter {
        text-align: left!important
    }
    #acc_filter select,
    #sub_filter select {
        width: 100%;
        margin: 5px 0 9px
    }
    .render_text .render_inner_text {
        height: auto;
        max-height: 1000px
    }
    .render_thumb {
        width: 50%;
        height: auto
    }
    .app_carousel .owl-item,
    .render_text .app_carousel li {
        width: 100%
    }
    .render_text img {
        height: auto;
        width: auto;
        max-width: 100%;
        max-height: 100%
    }
    #home_heading h1 {
        width: 94%;
        padding: 5px 3%;
        left: 0;
        background: #fff
    }
    #home_overlay {
        padding: 40px 0
    }
    .crossword-container input[type=text] {
        width: 20px;
        height: 20px
    }
    .crossword-container #crossword-tbl tr td {
        padding: 0
    }
	.col_15 {
		width: 50%;
		text-align: center;
	}
	.col {
		padding: 20px 10px 5px;
	}
	.btm_btn {
		width: 50%;
	}
	.content_10 {
		display: none;
	}
	
	.glide_banner .content_16 {
		width: 50%;
		height: 300px;
		padding: 50px 35px;
	}
	.start_glide {
		margin-top: 50px;
	}
	.tab_content_100 {width: 100% !important;}
	
	.ft-100 { width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; }
	.fasttrak-l-top { left:-93px; top:-5px; }
	.fasttrak-r-top { right:-113px; top:-5px; }
	#fasttrak .fasktrak-inner::before { left:0; top:23px; }
	#fasttrak .fasktrak-inner::after { right:0; top:23px; }
	#fasttrak .fasktrak-inner { padding:0; }
	.fasttrak-anchor.fasttrak-slide { padding:25px 25px 0; }
	.hidden-anchor { margin-bottom:50px; }
	.hidden-anchor#first-anchor { margin-bottom:100px; }
	.fasktrak-inner p { font-size:1em; }
	.fasktrak-inner h1, .fasktrak-inner h2, .fasktrak-inner h3, .fasktrak-inner h4, .fasktrak-inner h5, .fasktrak-inner h6 { font-size:1.6em; } 

	.benefit-container .desktop_33_container {
		width:50%; max-width:50%;
	}
	.benefit-container .desktop_33_container:nth-child(2) {
		border-right:none; border-left:none;
	}	
	.benefit-container .desktop_33_container:nth-child(3), .benefit-container .desktop_33_container:nth-child(1) {
		border-right:2px solid #d0cee0;
	}
	.benefit-container .desktop_33_container:nth-child(5) {
		border-left:none;	
	}	
	.benefit-container .desktop_33_container:nth-child(4) {
		border-bottom:2px solid #d0cee0;
	}
	.unigrip-game, .unigrip-btm, .play-btn {
		display:none !important;
	}
	.mobile-trial {
		display:inline-block !important; vertical-align: top;
	}
	.unigrip-top {
		width:100%; max-width:100%; margin-left:0; margin-right: 0;
	}
	.unigrip-top+.unigrip-top {
		margin-top:25px;
	}
}

@media (max-width:525px) {
	.glide_banner .content_16 {
		height: 300px;
		padding: 20px;
	}
    #data-library .dataTables_filter input {
        width: 135px;
    }
    #data-library .dataTables_filter {
        top: -40px !important;
        left: 15px !important;
        right: 0 !important;
    }
    .data-library-content {
        border-top: 90px solid #333 !important;
    }
    #data-library .dataTables_length {
        top: -80px  !important;
    }
    .product_download {
        width: 46%;
        margin: 10px 1.5%
    }
    #all_events ul.tabs {
        font-size: 1.2em
    }
    .event_scroll .event_date {
        display: none
    }
    .event_scroll .event_details {
        width: 100%;
        max-width: 100%
    }
    .event_right {
        line-height: 1.2em
    }
    #product_image iframe {
        height: 250px
    }
    .crossword-container input[type=text] {
        width: 15px;
        height: 15px
    }
	#gripple_logged_in #pdf_builder input,
	#gripple_logged_in #pdf_builder span {
		float: left;
		clear: both;
		width: auto;
		margin: 15px 0 0;
	}
	.favourites_grid {
		padding: 10px;
	}
	.mob_100 {
		width: 100%;
	}
	.mob_auto,
	#careers_main .content_33 .grey_bg {
		height: auto;
	}
	.video_link.video_link_xl {
		height: 300px;
	}
	.video_link.video_link_xl img {
		margin: 106px auto;
	}
	.careers_section {
		margin: 10px 0;
	}
	.section_header {
		padding: 0 0 10px;
	}
	#gripple-careers {
		margin-top: 50px;
	}
	.careers_slide {
		font-size: 85%;
		height: 300px;
	}
	.careers_link {
		height: 75px;
	}
	.section_header {
		font-size: 2.2em;
	}
	#job_alerts label, #job_alerts input, #job_alerts select, #job_alerts textarea {height: auto; width: 100%;}
	#careers_hero .content_90.white {color: #3b3b3a; }
	#careers_hero .content_90.white blockquote {text-shadow: 1px 1px #404040;}
}

@media (max-width:400px) {
	.job_alerts a {
		font-size: 0.7em;
		padding: 10px 10px;
	}
    .tab_prod_item {
        width: 100%;
        margin-right: 0
    }
    .rel_prod_item {
        width: 100%;
        margin: 15px 0 10px
    }
    .news_thumbnail {
        height: auto
    }
    .crossword-container input[type=text] {
        width: 12px;
        height: 15px
    }
	#gripple_logged_in #my_gripple .dataTables_paginate {
		font-size: 0.8em;
	}
	.content_16 {
		width: 50%;
	}
	.btm_btn {
		width: 65%;
	}
	.glide_banner .content_16 {
		width: 100%;
		height: auto;
		padding: 20px 50px;
	}
	.careers_slide {height: 200px;}
	#careers_main blockquote {font-size: 1.3em;}
	.video_link.video_link_large {height: 200px;}
	.benefit-container .desktop_33_container {
		width:100% !important; max-width:100% !important; border-left:none !important; border-right:none !important; border-bottom:2px solid #d0cee0; height:auto; min-height: 0 !important; padding:20px; 
	}
	.benefit-container .desktop_33_container {
		font-size:1.15em;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #site_search input#search_site,
    #site_search input.search_site,
    .site_search input#search_site,
    .site_search input.search_site {
        width: 100%
    }
}
@media screen and (max-height: 400px) and (max-width:660px) {
	.mobile-pop-img { display:inline-block !important; }
}
@media screen and (max-height: 768px) {
	#promo-popup { height:100%; position: absolute;  }
}
@media screen and (max-height: 768px) and (min-width:661px) {
	#promo-popup { padding:50px; box-sizing:border-box; }
	#promo-popup * { box-sizing:inherit; }
	#promo-popup > div { float:right; width:45%; padding:0; }
	#promo-popup > .close { top:20px; }
	#promo-popup:before { width:50%; height:50%; left:0; background-repeat: no-repeat; background-size:contain; }
}
@media screen and (min-height:800px) {
	#promo-popup .pop-centre { padding:5vh 0; }
}
@media screen and (min-height:920px) {
	#promo-popup .pop-centre { padding:15vh 0 !important; }
}