/*
useful colours: 
FUJIFILM green - #00a882
FUJIFILM red - #ee382b
dark grey, eg. btn hovers - #262122
another dark grey - #212121
light grey - #999999
70% black - #4D4D4D
30% black  - #B3B3B3
15% black - #D9D9D9												
*/


@font-face {
    font-family: 'close-icon';
    src: url('fonts/close-icon.eot');
    src: local('☺'), url('fonts/close-icon.woff') format('woff'), url('fonts/close-icon.ttf') format('truetype'), url('fonts/close-icon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
} 

/* Scroll bar */
/* width */
#fps .modal-b-content ::-webkit-scrollbar {
	width: 8px;
}

/* Track */
#fps .modal-b-content ::-webkit-scrollbar-track {
	background: #000000; 
	border-radius: 5px;
}
 
/* Handle */
#fps .modal-b-content ::-webkit-scrollbar-thumb {
	background: #888; 
	border-radius: 5px;
}

/* Handle on hover */
#fps .modal-b-content ::-webkit-scrollbar-thumb:hover {
	background: #555; 
}
/* /Scroll bar */

.alertify.social_terms_capture_alertify .ajs-dimmer {
    /*	z-index: 1000000;	*/
    z-index: 10000000;	
}
.alertify.social_terms_capture_alertify .ajs-modal {
    /*	z-index: 1000001;	*/
    z-index: 10000001;	
}

/* disable FB login if broken */
.social_icons .social a:first-child {
    /*	opacity: 0.5;*/
    /*	pointer-events: none;*/
}

/* class to alert reviewers that a translation is needed */
.trans {
    background: yellow !important;
    /*	color: black;*/
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:noto-sans, sans-serif;vertical-align:baseline;}
strong {font-weight: 700;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

b {
	font-weight: 700;
}

a{text-decoration:none;}
.txt-rt{text-align:right;}
.txt-lt{text-align:left;}
.txt-center{text-align:center;}
.float-rt{float:right;}
.float-lt{float:left;}
.clear{clear:both;}
.pos-relative{position:relative;}
.pos-absolute{position:absolute;}
.vertical-base{vertical-align:baseline;}
.vertical-top{vertical-align:top;}
nav.vertical ul li{	display:block;}
nav.horizontal ul li{display: inline-block;}
img{max-width:100%;}
input,textarea,button,select,label,a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

html, body {
    font-size: 100%;
    font-family: noto-sans, sans-serif;
	font-weight: 400;
	line-height: 17px;
    overflow: auto;
    width: 100%;
    height: 100%;
}
body.noscroll {
    position:fixed;
    overflow:hidden;
}

input[type="text"]:focus, input[type="password"]:focus {
    color: #00a882 !important;
    border: 1px solid #00a882!important;
}

* {
    -webkit-overflow-scrolling: touch;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: subpixel-antialiased;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) {
    ::i-block-chrome, * {
        font-weight: 500 !important;
    }
}

h1,h2,h3,h4,h5,h6,p {
	font-family: noto-sans, sans-serif;
	font-weight: 400;
    font-size: 13px;
    line-height: 17px;
	margin:0;
    -moz-hyphens:none;
    -ms-hyphens:none;
    -webkit-hyphens: none;
    hyphens:none;
}
ul,label {
    margin:0;
    padding:0;
}
body a {
    font-family: noto-sans, sans-serif;
    text-decoration:none;
    cursor: pointer;
    color: #000;
}

a.text_link, label.text_link, input.text_link {
    color: #00a882;
    text-decoration: underline;
    cursor: pointer;
    border: none;
    padding: 0px !important;
    font-size: 13px;
    line-height: 17px;
    outline: none;
    font-weight: 500 !important;
}

.underline {
    text-decoration: underline;
}

.relative {
    position: relative;
}

.no_wrap {
    white-space: nowrap;
}

.red {
    color: #ef382b;
}

a.text_link:hover, label.text_link:hover, input.text_link:hover {
    color: #ee382b;
}

.btn {
    background: #00a882;
    outline: none;
    padding: 10px;
    font-size: 13px;
	line-height: 17px;
    color: #fff;
    border: none;
    font-family: noto-sans, sans-serif;
    cursor: pointer;
    margin: 20px auto;
    text-transform: capitalize;
    text-align: center;
    display: inline-block;
    min-width: 15%;
}

.save {
    width: 15%;
    float: right;
}
.btn:hover{
    background:#ee382b;
}

#index #menu .item_profile, 
#fps #menu .item_fps, 
#regProd #menu .item_regProd, 
#repairs #menu .item_repairs, 
#settings #menu .item_settings, 
#xMag #menu .item_xMag,
#promotions #menu .item_promotions,
#retailers #menu .item_retailers,
#terms #menu .item_terms,
#promotion #menu .item_more_info,
#voucher #menu .item_voucher,
#claim_tracker #menu .item_claim_tracker,
#inspire:not(.workshops) #menu .item_inspire,
#inspire.workshops #menu .item_workshops, 
#hac #menu .item_hac, 
#basket #menu .item_basket,
#inbox #menu .item_inbox,
#basket #menu .item_my_basket,
#redeem_voucher #menu .item_redeem-voucher,
#my-orders #menu .item_my-orders,
#settings #menu .item_settings {
    color: #00a882;
}


input[type="text"] {
    -webkit-appearance: none;
    border-radius: 0px;
}
hr {
    margin: 10px 0;
    width: 100%;
    display: inline-block;
    float: left;
}
.spacer {
    width: 100%;
    height: 10px;
    display: inline-block;
}
#regProd .spacer, #repairs .spacer {
    display: block;
}

/* display at certain widths */
.wide_only {
    display: block !important;
}
.narrow_only {
    display: none !important;
}
/* /display at certain widths */

/* -- Hidden fields for forms -- */
.middle_name, .middle_name_check {
    display: none;
}
/* -- /Hidden fields for forms -- */

/* -- header --*/
.header {
    background-color: #000000;
    width: 100%;
    height: 21px;
/*    padding: 25px 0 15px 0;*/
	padding: 20px 0 20px 0;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 9999;
}
.logo_desktop {
    display: inline-block;
    height: 20px;
}
.logo_mob {
    display: none;
    margin-left: 60px;
}
a img.logo_mob {
    margin: 0;
}
.header .lang_sel {
    position: absolute;
    width: 180px;
    right: -10px;
    top: 17px;
    z-index: 15;
}
.header .lang_sel.disabled {
    opacity: 0.3;
    pointer-events: none;
}
.header .lang_sel .ms-choice {
    border: 1px solid #5b5c5d;
    color: #fff;
    background-color: #404041;
}
.header .lang_sel .ms-choice span {
    color: #ccc !important;
}
.lang_sel li span:hover {
    color: #fff;
}

.header .lang_sel .ms-drop {
    position: absolute;
    background: #404041;
    color: #ccc !important;
    border: 1px solid #5b5c5d;
    font-size: 13px;
    line-height: 20px;
}
/*
.menu_nav li.item_hac {
	border: none;
}
*/
/* -- /header --*/

/* -- menu --*/
.menu_nav .hidden_menu_item {
    display: none;
    pointer-events: none;
}

.menu_nav a {
    /*	color: #000;*/
    color: inherit;
}
.menu_nav a:hover {
    color: #00a882;
}
.menu {
    display: inline-block;
    position: relative;
}
.menu a {
    display: block;
}
span.sub_menu{
    display: inline-block;
}
span.sub_menu a{
    color: #000;
}
.main_menu {
    background-color: #e7e7e8;
    top: 60px;
    position: fixed;
    width: 100%;
    color: #000;
    z-index: 10;
    font-size: 13px;
    line-height: 22px;
}
.menu_nav {
    margin: 0 auto;
    padding: 20px 20px;
    text-align: center;
}
.menu_nav li {
    display: inline-block;
    padding: 0 20px;    
    vertical-align: middle;
    border-image: linear-gradient(to top,transparent, #918f8f, transparent);
    border-image-slice: 1;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    border-right: 1px solid #000;
}
.menu_nav li:first-child {
    padding: 0 20px 0 0;
}
.menu_nav li:last-child {
    padding: 0 0px 0 0;
}

/*
.menu_nav .r_border {
	border-image: linear-gradient(to top,transparent, #918f8f, transparent);
    border-image-slice: 1;
	border-right: 1px solid #000;
}
.menu_nav .l_border {
	border-image: linear-gradient(to top,transparent, #918f8f, transparent);
    border-image-slice: 1;
	border-left: 1px solid #000;
	padding: 0 24px 0 45px;
}
*/

.menu_nav li.sub_menu .dd_container li {
    border: none;
    line-height: 17px;
    width: 100%;
}

.menu_nav li:nth-last-of-type(-n+2) {
    border-right: 0px solid #000;
}

.menu_nav li:hover {
    cursor: pointer;
}
.main_menu.long .sub_menu {
    position: relative;
}
.main_menu.long .dd_container {
    width: auto;
    left: 10px;
    margin-left: 0;
}
.main_menu.long li:last-child > div {
    width: auto;
    left: -10px;
    margin-left: 0;
}
.long .menu_nav li.sub_menu .dd_container li {
    display: block;
}
.long .profile_pic.circle {
    top: -4px;
}
#mobile_menu {	
    width: 100%;
    padding: 10px;
    position: fixed;
    z-index: 11;
    background-color: rgba(0,0,0,0);
    transition: background-color 0.3s ease;
    top: 0;
    right: 0;
    display: none;
}
#mobile_menu.scrolled, #mobile_menu.open {	
    background-color: rgba(0,0,0,0.75);
}
#mobile_menu #logo {	
    float: left;
    width: 12vw;
    max-width: 120px;
    position: relative;
}
#mobile_menu #logo img {
    width: 100%;
}
#mobile_menu .mobile_sub_menu {
    height: 0;
    opacity: 0;
    transition: height 350ms, opacity 200ms;
    pointer-events: none;
}
#mobile_menu .mobile_sub_menu.open {
    height: 234px;
    opacity: 1;
    pointer-events: auto;
}
#mobile_menu .mobile_sub_menu.items_1.open {
    height: 30px;
}
#mobile_menu .mobile_sub_menu.items_2.open {
    height: 60px;
}
#mobile_menu .mobile_sub_menu.items_3.open {
    height: 90px;
}
#mobile_menu .mobile_sub_menu.items_4.open {
    height: 120px;
}
#mobile_menu .mobile_sub_menu.items_5.open {
    height: 150px;
}
#mobile_menu .mobile_sub_menu.items_6.open {
    height: 180px;
}
#mobile_menu .mobile_sub_menu.items_7.open {
    height: 210px;
}
#mobile_menu .mobile_sub_menu.items_8.open {
    height: 240px;
}


#mobile_menu .mobile_sub_menu a {
    margin-left: 37px;
}
#mobile_menu .mobile_sub_menu a:first-child {
    margin-top: 0;
}

#hamburger {
    float: left;
    left: 30px;
}
#popup_menu {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 60px;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    background-color: rgba(22,20,20,0.90);
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
    pointer-events: none;
    text-align: center;
    padding: 0 0 0 0;
    overflow: auto;
    max-height: calc(100vh - 60px);
}
#popup_menu.open {	
    opacity: 1;
    pointer-events: inherit;
}
#popup_menu a {
    color: white;
    margin-bottom:10px;
    display: block;
    text-align: left;
    margin-left: 23px;
}
#popup_menu a:first-child {
    margin-top: 20px;
}
#popup_menu a:hover{
    color:#01916d;
}

#hamburger {
    width: 30px;
    max-width: 44px;
    height: 20px;
    max-height: 33px;
    position: relative;
    margin: 10px 0 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 9999;
}
#hamburger span {
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    height: 16%;
    width: 100%;
    background: #fff;
    border-radius: 0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#hamburger span:nth-child(1) {
    top: 0%;
}
#hamburger span:nth-child(2), #hamburger span:nth-child(3) {
    top: 40%;
}
#hamburger span:nth-child(4) {
    top: 80%;
}
#hamburger.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}
#hamburger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#hamburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#hamburger.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}
/* -- /menu --*/

/* -- top slider --*/
.top_slider {
    width: 100%;
    opacity: 0;		
    transition: opacity 400ms; 
    -webkit-transition: opacity 400ms;
    position: relative;
}

.top_slider .slick-slide {
    height: 100vh;
}


div.slider_img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

img.slider_logo {
    margin-top: 10px;
}

.slider_container {	
    position: absolute;
    width: 24%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    right: 100px;
    background-color: rgba(0,0,0,0.5);
    padding: 20px;
}
.top {
    top: 180px;
}
.bottom {
    top: 60%;
}

.slider_title, .slider_body {
    display:block;
    position: relative;
    width: 100%;	
    text-align:center;
    color: white;
}
.slider_body {
	font-family: noto-sans, sans-serif;
}
.slider_title {
    font-family: ff-good-headline-web-pro-ext, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.slider_body {
    font-size: 19px;
    line-height: 23px;
}

.top_slider .top_slider_txt img.top_slider_logo {	/* still needed? */
    width: 35%;
    min-width: inherit;
    height: initial;
    position: relative;
    display: block;
}
/* -- /top slider -- */

/* -- Content --*/
.add_prof_pic {
    position: absolute;
    text-align: left;
}
.content_container {
    max-width: 785px;
    margin: 140px auto 0;
    padding: 20px 20px 140px;	/* moved bottom 140px from margin to padding for Safari */
}
.content_container input {
    padding: 5px;
    margin-top: -5px;
}
#warranty_logged_out .content_container {
    margin: 10px auto;
}
.title {
	font-family: ff-good-headline-web-pro-ext, sans-serif;
	font-weight: 600;
	font-style: normal;
    font-size: 30px;
    line-height: 30px;
	text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
	letter-spacing: 0.5px;
}
.subheader {
    font-size: 13px;
    text-align: center;
}
.body_txt {
    color: #000;
}
.labels {
    width: 100px;
    color: #000 !important;
    float: left;
	font-weight: 600;
    letter-spacing: -0.5px;
	-webkit-font-smoothing: antialiased;
}
.labels.full_width {
    width: 100%;
}
p.labels {
    width: 100%;
    margin-bottom: 10px;
}
.save_btn_container {
    width: 49%;
}
/* -- /Content --*/

/* -- Promos -- */
.promos {
    margin-top: 20px;
    float: left;
    width: 100%;
}
/* -- /Promos -- */

/* -- footer -- */
.footer {
    width: 100%;
    height: 5px;
    background-color: #00a882;
    float: left;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 17;
}
.footer img {
    right: 0px;
    position: relative;
    float: right;
    overflow: hidden;
    bottom: 18px;
}
.footer_links_container {	
    -webkit-box-shadow: 0 0px 1px #888888;
    -moz-box-shadow: 0 0px 1px #888888;
    box-shadow: 0 0px 1px #888888;
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 20px 20px;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
    left: 0;
    z-index: 16;
}
.footer_links {
    max-width: 785px;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-family: noto-sans, sans-serif;
    font-size: 13px;
    font-weight: 100;
}
.footer_links_left {
    float: left;
}
.footer_links_right {
    float: right;
    text-align: right;
}
.footer_links span, .footer_links_right span {
    vertical-align: super;
    color: #999999;
}
body.Firefox .footer_links span, body.Firefox .footer_links_right span {		/* Firefox struggles with light text at this size and colour */
    font-weight: 400;
}
.footer_links_right img {
    margin-right: 5px;
}

#index_footer .save {
    width: 100%;
    margin: 0 0 5px;
    padding: 5px 15px;
}
#index_footer a,
.footer_links_right a {
    display: inline-block;
    margin-left: 10px;
    margin-top: 4px;
}

/* -- /footer -- */

/*-- main --*/
.main h1 {
    font-size: 2.8em;
    text-align: center;
    padding: 1em 0 0;
    color: #fff;
    letter-spacing: 3px;
    font-weight: 600;
    text-transform: uppercase;
	letter-spacing: -0.5px;
}
.cw_copyright{
    padding: 3em 0 5em;
}
.cw_copyright p{
    font-size: 1em;
    color:#fff;
    margin:0;
    line-height: 1.8em;
    text-align: center;
    letter-spacing: 1px;
}
.cw_copyright p a{
    color: #00a882;
    text-decoration:none;
}
.cw_copyright p a:hover{
    color:#fff;
}
.login_form {
    width: 100%;
    position: relative;
    top: 0;
    float: left;
    padding-bottom: 50px;
}
#home.row {
    position: absolute;
    width: 100%;
    height: 100%;
}
.login_connect {
    background:#fff;
}
.login_connect h3 {
	font-family: ff-good-headline-web-pro-ext, sans-serif;
	font-weight: 600;
	font-style: normal;
    font-size: 30px;
    line-height: 30px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
    color: #000;
    padding: 10px 0 10px 0;
    background:#fff;
    text-align: center;
    float: left;
}
.login_connect_sub h3 {
    background:#fff;
    width: 100%;
}
.login_connect:nth-child(3) h3{
    background:#ee382b;
}

.login_connect_grid.third{
    padding:2em;
}
.login_connect input[type="text"],.login_connect select,.login_connect input[type="password"],.login_connect input[type="email"]{
    outline: none;
    padding: 10px;
    font-size: 13px;
    color: #000;
    border: none;
    border: 1px solid #000;
    width: 93%;
    font-family: noto-sans, sans-serif;
    background-color: #fff;
    margin: 0 0 5px 0;
    text-align: center;
    -webkit-appearance: none;
    border-radius: 0px;
}
.login_connect select{
    width: 100%;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;
    -moz-border-radius: 0px;
    border-radius: 0px;
    cursor: pointer;
    text-align: center;
    /* 	text-align-last: center; not well enough supported */
    text-indent: 42%; /* until js fix kicks in */
}
input[type="text"], .left_col input[type="text"], .left_col input[type="email"], .left_col select, .right_col select, select {
    outline: none;
    padding: 5px;
    font-size: 12px;
    color: #000000;	
    border: none;
    border: 1px solid #000;
    font-family: noto-sans, sans-serif;
    background-color: #fff;
    margin: 5px 0;
    width: 69%;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;
    -moz-border-radius: 0px;
    border-radius: 0px;	
}
body.Firefox input[type="text"], body.Firefox .left_col input[type="text"], body.Firefox .left_col input[type="email"], body.Firefox .left_col select, body.Firefox .right_col select, select {
    color: #000000;
}
.product_block input[type="text"] {
    margin: 0;
    width: 34%;
}

.product_block .retailer_select{
    width: 35.6% !important;
}
.product_block select {
    width: 8% !important;
    margin: 0 5px 0 0;
    cursor: pointer;
    text-align: center;
    text-align-last: center;
}

/* Hover tooltips */
.field-tip {
    position:relative;
    cursor:pointer;
    left: 10px;
    top: 5px;
}
.tip-content {
    position:absolute;
    width:200px;
    padding:10px;
    color:white;
    background:#00a882;
    opacity:0;
    font-weight: 500;
	pointer-events: none;
}

.field-tip:hover .tip-content {
    opacity:1;
    z-index: 1;
}

.valid_swiss
{
    color:#00a882;
    border:1px solid #00a882;
}
.retailer_field-tip
{
    margin-left: -5px;
}

.swiss_date
{
    margin-left:12%;
}

.swiss_garantie_text, #swiss_garantie_text
{
    margin-top: 3%;
}

#date_registered {
    color:#00a882;
    font-weight:500;
    display: block;
	margin-top: 10px;
}
#result_date_registered
{
    color:#00a882;
    font-weight:500;
}
.left_col .lang_sel_toggle input[type="text"] {
    width: 100%;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
    -moz-box-shadow: 0 0 0 30px white inset;
    box-shadow: 0 0 0 30px white inset;
}
.login_connect label {
    font-size: 13px;
	line-height: 17px;
    font-weight: 400;
    color: #000;
    margin: 1.5em 0 0 0em;
}
.login_connect label span {
    color: #00a78e;
}

.checkbox {
    position: relative;
    padding-left: 27px !important;
    cursor: pointer;
    margin-bottom: 5px;
}

.lang_sel .checkbox {
    padding-left: 0px !important;
}

.create_account .checkbox {
    padding-left: 0px !important;
}

.create_account .login_form span {
	margin-bottom: 10px !important;
    display: inline-block;
    font-weight: 600 !important;
    font-size: 19px;
    line-height: 23px;
	color: #00a882;
    letter-spacing: -0.5px;
}

.lang_sel_toggle .checkbox, .retailer_sel_toggle .checkbox {
    padding-left: 0px !important;
}

.checkbox input[type="checkbox"] + i {
    position: absolute;
    top: -2px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    outline: none;
    border: 1px solid #000;
    background: none;
}

.create_account .checkbox input[type="checkbox"] + i {
    /*	position: relative;*/
    /*    float: left;*/
    /*    margin: 6px 6px 6px 0;*/
    margin: 0;
    position: absolute;
    left: -30px;
    top: 4px;
}

.create_account .checkbox:first-child input[type="checkbox"] + i {	/* so text doesn't wrap under checkbox */
    /*
    position: absolute;
    left: -30px;
    top: 4px;
    */
}

.checkbox input + i:after,.radio input + i:after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
}
.checkbox input:checked + i:after,.radio input:checked + i:after{
    opacity: 1;
}
.checkbox input,.radio input {
    position: absolute;
    left: -9999px;
}
.checkbox input[type="checkbox"] + i:after {
    content: '';
    background: url("../images/tick.png") no-repeat 0px 2px;
    top: 0px;
    left: 2px;
    width: 20px;
    height: 20px;
    font: normal 12px/16px FontAwesome;
    text-align: center;
}
.login_connect input[type="submit"],.login_connect input[type="reset"]{
    outline: none;
    padding: 10px 0;
    font-size: 13px;
    color: #fff;
    border: none;
    width: 100%;
    font-family: noto-sans, sans-serif;
    background:#00a882;
    cursor: pointer;
    margin: 10px 0;
}
.login_connect_sub input[type="submit"] {
    background: #00a882;
}

.login_connect:nth-child(3) input[type="reset"] {
    background: #00a78e;
}
.login_connect:nth-child(3) input[type="submit"] {
    background:#ee382b;
}
.login_connect input[type="submit"]:hover,.login_connect input[type="reset"]:hover{
    background: #ee382b;
}
.login_connect_sub input[type="submit"]:hover{
    background:#ee382b;
}
input[type="submit"],.cw_copyright p a,input[type="reset"],.login_connect h5 a, a,.login_connect_grid p a, .btn, .qualify_btn, a, .product_remove, .fps_reg_btn, .popup_r_btn, .submit_repair, a.text_link, .content_container .item_claim, .content_container .item_claim_tracker, .content_container .item_more_info, .content_container .item_retailers, .content_container .item_terms {
    transition:.5s ease-in;
    -webkit-transition:.2s ease-in;
    -moz-transition:.2s ease-in;
    -o-transition:.2s ease-in;
    -ms-transition:.2s ease-in;
    -webkit-appearance: none;
    border-radius: 0px;
    /*	background-color: inherit;*/
}

.login_connect h4 {
    font-size: 16px;
    color: #000;
    margin: 10px 0 20px;
    text-align: center;
    font-weight: 300;
}
::-webkit-input-placeholder {
    color: #999 !important;
}





/* 'social signup terms' and 'FPS password capture' popups */
#social_terms_capture {
    display: none;
    max-width: initial;
    position: absolute;
    margin: 0;
}
#social_terms_capture.show {
    display: block;
    z-index: 999999;
}
#fps #fps_password_capture {
    z-index: 10000000;
}
#social_terms_capture h3, #fps_password_capture h3 {
    width: 100%;	
}
#social_terms_capture .body_txt, #fps #fps_password_capture .body_txt, #fps #fps_password_capture .labels {
    margin-bottom: 0;
    color: #000000 !important;
    font-weight: 400;
}
#social_terms_capture input[type="email"], #fps #fps_password_capture input[type="email"] {
    width: 100%;
    padding: 10px 0;
    pointer-events: none;
    color: #000000;
    margin-bottom: 10px;
}
#social_terms_capture input[type="email"] {
    pointer-events: auto;
}
#social_terms_capture .modal-w-content, 
#fps_password_capture .modal-w-content,
#help_popup .modal-w-content,
#help_popup1 .modal-w-content,
#welcome_popup.welcome_popup_2 .modal-w-content,
div[id^="firmware_popup_"] .modal-w-content {
    max-width: 323px;
}
#social_terms_capture i, #fps_password_capture i {
    position: relative;
    display: inline-block;
    float: left;
    margin: 6px 6px 0 0;
}
#social_terms_capture label:first-of-type i, #fps_password_capture label:first-of-type i {
    margin-bottom: 40px;
}
#social_terms_capture label, #fps_password_capture label {
    text-align: left !important;
    padding: 0 !important;
    display: inline-block;
    margin: 0;
}

#ca_popup_terms {
    z-index: 999999;	/* make this popup over the social login terms popup */	
}
#ca_popup_terms .modal-body {
    overflow: hidden;
    max-height: 100%;
}

#fps #fps_password_capture input {
    pointer-events: auto;
}

#fps .login_connect, #index .es_pt_password_capture {
    max-width: 100%;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    overflow:hidden;
    position:fixed;
    text-align: center;
    margin: 0;
    padding: 10px;
    z-index: 100000;
}
#fps .login_connect li > span, #index .es_pt_password_capture li > span {
    width: 100%;
}
#fps .login_connect .modal-w-content, #index .es_pt_password_capture .modal-w-content {
    max-height: 100%;
}
#fps .login_connect .optin_txt, #index .es_pt_password_capture .optin_txt {
    margin-left: 30px;
}
#fps .login_connect hr, #index .es_pt_password_capture hr {
    margin-bottom: 20px;
}
#fps .login_connect .checkbox input[type="checkbox"] + i, #index .es_pt_password_capture .checkbox input[type="checkbox"] + i {
    display: block;
    width: 20px;
    height: 20px;
    outline: none;
    border: 1px solid #000;
    background: none;
    margin: 0;
    position: absolute;
    left: -30px;
    top: 4px;
}
#fps .login_connect .checkbox input[type="checkbox"] + i:after, #index .es_pt_password_capture .checkbox input[type="checkbox"] + i:after {
    content: '';
    background: url(../images/tick.png) no-repeat 0px 2px;
    top: 0px;
    left: 2px;
    width: 20px;
    height: 20px;
    font: normal 12px/16px FontAwesome;
    text-align: center;
}

/* social signup terms popup */


/*-- social-icons --*/
.social_icons {
    text-align: center;
}
.social{
    position:relative;
    margin: 10px auto;
}
.social a{
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 10px;    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    margin-right: 10%;
}
.social .fb{
    background: #46629E;
}
.social .fb:before,
.social .fb:after{
    border-color: #46629E;
}

.social .tw{
    /*    background: #00ACEE;*/
    background: #92d4d4;
}
.social .tw:before,
.social .tw:after {
    /*    border-color: #00ACEE;*/
    border-color: #92d4d4;
}

.social .gp {
    background: #DD4B39;
}
.social .gp:before,
.social .gp:after {
    border-color: #DD4B39;
}
.social a:before,
.social a:after {
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    top: 0; bottom: 0; left: 0; right: 0;
    border-radius: 50%;
    transition: .3s all;
    border: 1px solid;
}
.social a:hover:after{
    -webkit-transform: scale(1.3); /* only webkit? */
}
.social a:hover:before{
    -webkit-transform: scale(1.5); /* only webkit? */
    transition: .3s all;
    opacity: 0;
}
.social a.icon:last-child {
    margin: 0;
}

.slide{
    position: relative;
    float: left;
    width: 75%;
    height: 100%;
}
.slide p{
    position: relative;
    top:10px;
    margin: 0;
    border-left: 1px solid rgba(255,255,255,0.3);
    color:#FFF !important;
    text-align: center;
}
/* Brand Colours */
.facebook{
    background: #3b5998;
}
.twitter{
    background: #00acee;
}
/* Slide Animation */
.slide-social:hover .slide{
    -webkit-transform: translate(101%, 0);
    -moz-transform: translate(101%, 0);
    -ms-transform: translate(101%, 0);
    -o-transform: translate(101%, 0);
    transform: translate(101%, 0);
}
.no-cssanimations .slide{
    display: none; /* hide in IE 8-9 */
}
.touch .slide{
    display: none; /* hide on touch devices */
}
/* Transition */
.slide{
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

/* --- Settings Page ---*/  
#settings {
    text-align: center;
}
#settings .labels {
    float: none;
    width: 130px;
}
.connect_tab_grid input[type="text"],.connect_tab_grid input[type="password"],.connect_tab_grid input[type="email"]{
    outline: none;
    padding: 5px;
    font-size: 12px;
    color: #999;
    border: none;
    border: 1px solid #000000;
    width: 100%;
    font-family: noto-sans, sans-serif;
}
#settings .connect_tab_grid input[type="password"] {
    width: 40%;
    margin-bottom: 10px;
}
#settings .connect_tab_grid input[type="submit"] {
    width: 10%;
    min-width: 128px;
    float: none;
}
#settings .connect_tab_grid_list li span {
    margin: 5px 0 5px 0;
}
.sub_title {
	font-size: 15px;
    line-height: 19px;
    margin-bottom: 10px;
}
.events .sub_title {
    margin-bottom: 0;
}
.events .btn {
    margin-top: 10px;
    text-transform: none;
}
#settings .optin_txt, .create_account .optin_txt {
    text-align: left;
    font-size: 12px;
    color: #000000;
    margin-left: 30px;
}
#settings .checkbox input[type="checkbox"] + i {
    position: relative;
    top: 4px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    outline: none;
    border: 1px solid #000;
    background: none;
    margin: 0 5px 0 0;
    float: left;
}
#settings .checkbox {
    padding-left: 0px !important;
}
#settings #delete_account {
    position: absolute;
    right: 0;
    bottom: 0;
}
#settings #delete_account a {
    font-weight: 500;
    text-decoration: underline;
}
/* --- /Settings Page ---*/

/* --- FPS/SPS Page ---*/
#fps {
    background-color: #000;
}
#fps .sps_logo {
	width: 384px;
}
#fps .title, #fps .subheader, #fps .labels, #fps .connect_tab_grid_list li span {
    color: #fff !important;
    font-weight: 600;
/*	letter-spacing: -0.5px;*/
}
#fps .body_txt {
    font-size: 13px;
    line-height: 17px;
    font-weight: 100;
    color: #fff;
}
#fps .footer_links a{
    color: #ffffff;
}
#fps .non_fps_header .col_3 .body_txt {
    min-height: 64px;
}
#fps .left_col input, #fps .right_col input {
    border: 0px solid transparent;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#fps .right_col .camDiv input {
    pointer-events: none;
}
#fps .product_block .labels {
    width: 45%;
}
#fps li.product_block {
    display: block;
}
#fps .right_col .camDiv input[type="text"], #fps .right_col .camDiv input[type="email"] {
    padding: 0;
    background-color: transparent;
    color: #fff;
    border: 0px solid transparent;
}
#fps input[type="text"], #fps input[type="email"], #fps input[type="url"] {
    border: 1px solid #fff;
    padding: 5px;
    margin: 0 0 5px;
    background-color: transparent;
    color: #fff;
}
#fps .prev_img {
    float: right;
    right: 0;
}
#fps .connect_tab_grid_list .product_sel_container span {
    margin: 0 0 0 0;
}
#fps .save_btn_container, #repairs .save_btn_container {
    width: 100%;
    text-align:  center;
    display: inline-block;
    margin-top: 40px;
}
#fps .save_btn, #repairs .save_btn {
    float: none;
}
#fps .connect_tab_grid_list li span {
    margin: 0px 0 10px 0;
}
#fps .camDiv {
    margin-top: 0;
}
#fps .optin_txt {
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    font-weight: 100;
}
#fps .checkbox input[type="checkbox"] + i {
    position: relative;
    top: 3px;
    left: 0;
    display: block;
    width: 10px;
    height: 10px;
    outline: none;
    border: 1px solid #fff;
    background: none;
    margin: 0 5px 5px 0;
    float: left;
}
#fps .checkbox input[type="checkbox"] + i:after {
    content: '';
    background: url("../images/tick_white.png") no-repeat 0px 2px;
    top: -1px;
    left: 1px;
    width: 10px;
    height: 10px;
    font: normal 12px/16px FontAwesome;
    text-align: center;
}
#fps .checkbox {
    padding-left: 0px !important;
}
#fps .prod_img {
    background: #ffffff;
    color: #000000;
}
#fps .footer_links_container {    
    -webkit-box-shadow: 0 0px 1px #FFF;
    -moz-box-shadow: 0 0px 1px #FFF;
    box-shadow: 0 0px 1px #FFF;
    background-color: #000;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#fps .help_icon {
    width: 10px;
    margin: 0 5px 50px 0;
    position: relative;
    top: 3px;
    float: left;
}
#fps .social_icons {
    margin: 0 10px 0 0;
    position: relative;
    top: 4px;
    float: left;
}
#fps .content_container a, #fps .modal-w-content a {
    color: #00a882;
    text-decoration: underline;
    font-weight: 500;
}
.non_fps_header, .fps_header {
    margin: 0 auto;
    text-align: center;
    height: auto;
    display: block;
}
.fps_header .title {
    font-size: 30px;
	line-height: 30px;
    text-transform: uppercase;
    margin: 10px 0 5px;
}
.fps_main_title {
	font-family: ff-good-headline-web-pro-ext, sans-serif;
	font-weight: 600;
	font-style: normal;
    font-size: 30px;
    line-height: 30px;
	letter-spacing: 0.5px;
    color: #fff;
    text-transform: uppercase;
}
/*
.fps_main_title span {
    font-weight: 500;
}
*/
/* -- Full page Popup -- */
.modal, .modal-terms, .modal-warrenty, .modal-help {
    position: fixed; 
    z-index: 9999999; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(22,20,20,0.90);
    -webkit-animation-name: fadeIn; 
    -webkit-animation-duration: 0.5s;
    animation-name: fadeIn;
    animation-duration: 0.5s
}
.modal {
    display: block;
}
.modal-terms, .modal-warrenty, .modal-help, .modal-firmware {
    display: none;
}
#fps .modal-w-content .title {
    color: #000 !important;
}
.modal-w-content .fps_popup_block,
.modal-w-content .fading_circles_block {
    margin-bottom: 0;
    text-align: left;
}
.modal-w-content .col_3 {
    text-align: left;
}
.modal-b-content, .modal-w-content {
    position: fixed;
    max-width: 785px;
    text-align: center;
    top: 11%;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 90%;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 1s;
    animation-name: slideIn;
    animation-duration: 1s;
    transform: translate3d( 0, 0, 0);
}

#hac .loan_info, #redeem_voucher .loan_info {
    max-width: 400px;
}
/*
#repairs .modal-w-content {
width: 30%;
}
*/
#repairs input[type='submit'] {
    background-color: white;
}
.modal-b-content {
    padding: 80px 20px 20px;
    background-color: #000;
    color: #fff;
}
.modal-w-content {
    padding: 20px 20px 20px;
    background-color: #fff;
    color: #000;
/*
    max-height: 50%;
    overflow: scroll;
*/
}
.fps_reg_btn, .popup_r_btn, .popup_btn {
    font-size: 13px;
    font-weight: 100;
    cursor: pointer;
}
.popup_r_btn {
    color: #00a882;
    text-decoration: underline;
    font-size: 13px;
    bottom: -20px;
    text-align: right;	
}
.popup_r_btn:hover {
    color: #ffffff;
}
.popup_r_terms {
    color: #fff;
    font-size: 10px;
    float: left;
    bottom: -20px;
    text-align: left;
    white-space: pre-wrap;
}
.fps_reg_btn, .popup_btn {
    color: #fff;
    background-color: #00a882;;
}
.fps_reg_btn {
    padding: 10px 0;
}
.popup_btn {
    padding: 10px 10px;
    display: inline-block;
    transition: background-color .2s ease-out;
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
}
.fps_reg_btn:hover {
    color: #000000;
    background: #ffffff;
}
.popup_btn:hover {
    background: #000000;
}
.modal-body {
    padding: 2px 16px;
    max-height: calc(90vh - 180px);
}

#fps .modal-body {
	overflow-y: scroll;
	overflow-x:hidden;
}

.modal-w-content table {
    border-collapse: collapse;
    font-size: 13px;
    margin-bottom: 12px;
}
.modal-w-content table tr:first-child {
    background: rgba(0,0,0,0.1);
}
.modal-w-content table tr {    
}
.modal-w-content table td {
    border: 1px solid #666;
    padding: 3px;
}


.col_5 {
    width: 16%;
    float: left;
    margin: 0 2%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
}
.col_4 {
    width: 21%;
    float: left;
    margin: 0 2%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
}
.col_2_l, .col_2_r {
    float: left;
}
.col_2_l {
    width: 70%;
}
.col_2_r {
    width: 30%;
}
.fps_popup_block, 
.fading_circles_block {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.fps_popup_block:last-child {
    margin-bottom: 10px;
}
.col_5 .title {
    font-size: 26px;
    line-height: 26px;
    margin: 15px 0 0;
    text-transform: uppercase;
}

/* Add Animation */
@-webkit-keyframes slideIn {
    from {top: -300px; opacity: 0} 
    to {top: 11%; opacity: 1}
}

@keyframes slideIn {
    from {top: -300px; opacity: 0}
    to {top: 11%; opacity: 1}
}

@keyframes slideInTo9pc {
    from {top: -300px; opacity: 0}
    to {top: 9%; opacity: 1}
}

@-webkit-keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

@keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

@keyframes fadeScale { 
    0% {
        opacity: 0;
        transform: scale(.1);
    }

    85% {
        opacity: 1;
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.imgFade1, .imgFade2, .imgFade3, .imgFade4, .imgFade5 {
    animation: fadeScale 1s linear;
    animation-fill-mode: both;
}
.txtFade1, .txtFade2, .txtFade3, .txtFade4, .txtFade5  {
    animation: fadeIn 1s linear;
    animation-fill-mode: both;
}

.imgFade1 { animation-delay: .5s }
.imgFade2 { animation-delay: 1s }
.imgFade3 { animation-delay: 1.5s }
.imgFade4 { animation-delay: 2s }
.imgFade5 { animation-delay: 2.5s }

.txtFade1 { animation-delay: 1.5s }
.txtFade2 { animation-delay: 2s }
.txtFade3 { animation-delay: 2.5s }
.txtFade4 { animation-delay: 3s }
.txtFade5 { animation-delay: 3.5s }
/* -- /Full page Popup -- */

.col_2, .col_3 {
    float: left;
    margin: 0 2% 0 0;
    position: relative;
}
.col_2 {
    width: 49%;
}
#fps .non_fps_header .col_2 {
    display: inline-block;
    margin: 0 1% 0 0;
    float: initial;
    width: 48%;
}
#fps .col_4 a {
    color: auto; 
    text-decoration: none; 
    font-weight: inherit; 
    cursor: pointer;
}
.col_3 {
    width: 32%;
}

.col_2:last-child, .col_3:last-child {
    margin: 0;
}
.qualify_btn {
    background: #00a882;
    outline: none;
    padding: 5px 0;
    font-size: 13px;
    color: #fff;
    border: none;
	font-family: noto-sans, sans-serif;
    cursor: pointer;
    margin: 20px 0 0;
    display: inline-block;
    width: 100%;
}
.qualify_btn:hover{
    background:#fff;
    color: #000;
}
.qualify_popup {
    display: none;
    background-color: #fff;
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    line-height: 20px;
}
.qualify_popup p {
    padding: 0 10px;
}
.qualify_popup p:last-child {
    padding: 0 10px 10px;
}
.qualify_close, .popup_close {
    font-family: 'close-icon', Sans-Serif;
    background: #00a882;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    top: -14px;
    font-weight: 100;
    cursor: pointer;
}
.qualify_close:hover,
.popup_close:hover {
    background: #fff;
    color: #00a882;
}
.qualify_close.terms,
div[id^="firmware_popup_"] .popup_close {
    z-index: 1;
    top: 10%;
    right: -384px;
    animation: fadeInClose 0.25s linear;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInClose {
    from {opacity: 0} 
    to {opacity: 1}
}

@keyframes fadeInClose {
    from {opacity: 0} 
    to {opacity: 1}
}

.qualify_close.terms,
div[id^="firmware_popup_"] .popup_close {
    animation-delay: 1s; 
}

.qualify_popup_title {
    background: #00a882;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    line-height: 24px;
}


/* help popup */
#help_popup .modal-body {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 165px;
}
#help_popup .modal-w-content {
    background-image: url('../images/help_popup_bg.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 100%;
    background-color: white;
    padding: 20px 10px;
    overflow: hidden;
}
#help_popup .popup_close, 
#welcome_popup .popup_close {
    position: absolute;
    top: 5px;
    right: 5px;
    background: white;
    background: transparent;
}
#help_popup .popup_close:hover .popup_close_inner,
#help_popup .popup_close:hover .popup_close_inner:after,
#welcome_popup .popup_close:hover .popup_close_inner,
#welcome_popup .popup_close:hover .popup_close_inner:after {
    background: black;	
}
#help_popup .popup_close_inner,
#welcome_popup .popup_close_inner {
    position: absolute;
    height: 22px;
    width: 3px;
    top: 5px;
    right: 13px;
    border-radius: 10px;
    background: #999999;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: background 250ms;
}
#help_popup .popup_close_inner::after,
#welcome_popup .popup_close_inner::after {
    content: "";
    position: absolute;
    height: 3px;
    width: 22px;
    left: -9px;
    top: 9.5px;
    border-radius: 10px;
    background: #999999;
    transition: background 250ms;
}
#help_popup h3 {
    font-size: 26px;
    margin-bottom: 20px;
}
#help_popup p.body_txt {
    margin: 20px 0;
    font-size: 13px;
	line-height: 17px;
    color: #000000;
    font-weight: 400;
}
#help_popup a.popup_btn {
    font-weight: 400;
    color: #ffffff;    
    text-decoration: none;
}
/* /help popup */



/* welcome popup */
#welcome_popup {
    /* force visible for dev only  display: block;*/
}

#welcome_popup input[type="text"],
#welcome_popup .left_col input[type="text"],
#welcome_popup .left_col input[type="email"],
#welcome_popup .left_col select,
#welcome_popup .right_col select,
#welcome_popup select {
    width: 100%;
	box-sizing: border-box;
	text-align: center;
}

#welcome_popup #inner_form .col_2.right {
	margin: 0;
}

#welcome_popup #inner_form input[type="submit"] {
	min-width: 200px;
	margin-top: 50px;
	border: none;
    float: left;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px 10px;
    display: inline-block;
    transition: background-color .2s ease-out;
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    color: #fff;
    background-color: #00a882;
    font-size: 13px;
    font-weight: 100;
    cursor: pointer;
	outline: none;
}

#welcome_popup .inner_form_container {
	width: 100%;
    height: auto;
    background-color: rgba(255,255,255,0.8);
    display: inline-block;
    padding: 26px;
    margin-left: -26px;
    bottom: -73px;
    position: relative;
}

#welcome_popup .inner_form_container select {
	text-indent: 0px !important;
	text-align-last:center;
}

#welcome_popup.welcome_popup_1 .modal-w-content,
#welcome_popup.welcome_popup_2 .modal-w-content {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 100%;
    background-color: white;
    overflow: hidden;
    margin-bottom: 20px;			/* this might need adding to all popups for landscape phones */
    position: relative;				/* this might need adding to all popups for landscape phones */
}

#welcome_popup.welcome_popup_1 .modal-w-content {
    background-image: url('../images/welcome_popup_1_bg_v2.jpg');
    background-position: top;
    padding: 20px 10px;
    max-height: inherit;
}
#welcome_popup.welcome_popup_1 .left_col {
    width: 38%;
    padding: 0 6%;
    margin: 80px 0;
}
#welcome_popup.welcome_popup_1 h3 {
    font-size: 30px;
    line-height: 32px;
    margin: 0 0 20px;
}
#welcome_popup.welcome_popup_1 .standfirst {
    font-size: 13px;
    line-height: 17px;
}
#welcome_popup.welcome_popup_1 .fading_circles_block {
    margin: 0 0 50px;
    text-align: center;
}
#welcome_popup.welcome_popup_1 .fading_circles_block .title {
    text-transform: uppercase;
    font-weight: 600;
	letter-spacing: -0.5px;
    margin: 10px 0 2px;
}
#welcome_popup.welcome_popup_1 .popup_btn {	
    width: 50%;
    max-width: 180px;
    float: left;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}


#welcome_popup.welcome_popup_2 .modal-w-content {
    background-image: url('../images/welcome_popup_2_bg.jpg');
    padding: 20px 10px;
}
#welcome_popup.welcome_popup_2 .modal-body {
    padding-bottom: 300px;
}
#welcome_popup.welcome_popup_2 h3 {
    font-size: 30px;
    line-height: 32px;
    margin: 20px 0;
}
#welcome_popup.welcome_popup_2 p {
    margin: 30px 0;
}
#welcome_popup.welcome_popup_2 .popup_btn {
    width: 75%;
    margin: 0 0 20px;
}
/* /welcome popup */


/* firmware popup */
div[id^="firmware_popup_"] h2.title {
    font-size: 24px;
}
div[id^="firmware_popup_"] img {
    margin: 0 0 20px;
    max-width: 200px;
}
div[id^="firmware_popup_"] img.camera {
    margin-top: -18%;
}
div[id^="firmware_popup_"] h3.standfirst {
    font-size: 22px;
    margin: 0 0 20px;
    font-weight: 300;
}
div[id^="firmware_popup_"] p {
    margin-bottom: 10px;
}
div[id^="firmware_popup_"] .separator {
    width: 100%;
    height: 1px;
    background: #B3B3B3;
    margin: 20px 0;
}
div[id^="firmware_popup_"] .smallprint {
    font-size: 12px;
    line-height: 14px;
}
div[id^="firmware_popup_"] .modal-w-content {
    max-height: 100%;
    top: 9%;
    -webkit-animation-name: slideInTo9pc;
    animation-name: slideInTo9pc;
}
div[id^="firmware_popup_"] .modal-body {
    padding: 2px 16px;
    max-height: calc(100vh - 170px);
}
div[id^="firmware_popup_"] .popup_close {
    top: 8%;
}
div[id^="firmware_popup_"] .btn {
    margin: 20px 10% 0px;
}

#firmware_popup_FUJIFILM_GFX_100 .modal-body img {
	margin-top: 0;
}
/* /firmware popup */


.terms_title {
    font-weight: 100;
    font-size: 13px;
    text-align: left;
    margin: 10px 0;
    line-height: 17px;
    color: #00a882;
}
.terms_title.bold {
    font-weight: 600;
    font-size: 13px;
	line-height: 17px;
	letter-spacing: -0.5px;
}
.terms_bullet {
    width: 10px;
    height: 10px;
    background: #00a882;
    display: inline-block;
    margin-right: 5px;
}
.print_btn {
/*    padding: 5px 2%;*/
    display: inline-block;
}
.print_btn:hover {
    background-color: #000;
    color: #fff;
}
#fps .content_container a:hover {
    color: #fff;
}
#fps .fps_id {
    font-weight:500;
    border: 1px #fff solid;
    padding: 5px;
}

/* disable some fields for FPS users so they can't update some details */
body.FPS_user #fps_form div:not(.web_info_container):not(.social_info_container) input:not([type="submit"]):not(.file-upload) {
    opacity: 0.5;
    pointer-events: none;
}
body.FPS_user #fps_form div .web_info_container input, 
body.FPS_user #fps_form div .social_info_container input {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/*
TO DO 
- come up with solution with either only css or only js, currently the class added in js isn't used in the css
*/

/* /disable some fields */

/*
#fps_form input[type="submit"] {
background-color: #00a882;
}
*/
/* --- /FPS Page ---*/

/* -- Reg Prod page -- */
/*
body#regProd input[type="submit"] {
background-color: #00a882;
}
*/
body#regProd {

    overflow: unset;
}

.product_block br {
    display: block;
    margin: 4px 0;
    /*line-height: 32px;*/
}
.reg_dd_bg {
    background-color: #00a882;
    padding: 15px;
}
.reg_dd_bg > h2 {
    color: #ffffff;
    margin-right: 2%;
    float: left;
    line-height: 24px;
}

.reg_dd_bg .ms-parent {
    width: 50% !important;
}

.opt_disabled .checkbox input[type="checkbox"] + i {
    display: none;
}
.opt_disabled label.checkbox {
    padding-left: 0px !important;
    pointer-events: none;
}

.prod_img {
    width: 73px;
    background: #E4F3EF;
    padding: 5px;
    text-align: center;
    float: left;
    height: 100%;
    font-size: 12px;
    color: #000;
    margin: 0 10px 0 0;

    word-break: break-all;		/* fallback for IE */
    word-break: break-word;		/* for browsers which support it */
    position: relative;
    min-height: 74px;
}
.prod_img img {
    display: block;
    margin: 0 auto;
}
.prev_img {
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
    float: right;
    border: 1px solid #ccc;
    right: 15%;
    max-height: 80px;
}
.it_fps_cert {
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
    float: right;
    border: 1px solid #ccc;
    right: 22%;
}
.prev_img input {
    height: 100%;
    line-height: 100px;
    font-size: 18px;
    position: absolute;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
    left: 0;
    top: 0;
    width: 100%;
}
.prev_img label {
    border: none;
    width: 100%;
    right: 0;
}
.file-preview {
    background-image: url(../images/icon_upload.png);
    background-size: cover;
    background-position: center center;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    padding: 5px;
}
.product_remove {    
    position: absolute;
    right: 0;
    bottom: 5px;
    font-weight: 500;
    color: #00a882;
    cursor: pointer;
    line-height: 0px;
	text-decoration: underline;
}
.product_remove:hover {
    color: #ee382b;
}
.camDiv {
    margin-top: 20px;
}
.plus_btn, .minus_btn {
    float: right;
}
.plus_btn {
    display: block;
    background: url(../images/icon_plus.png) no-repeat;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    cursor: pointer;
}
.plus_btn:hover {
    background-position: 0 -15px;
}
.minus_btn {
    display: block;
    background: url(../images/icon_minus.png) no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
    clear: both;
    margin-right: 10px;
}
.minus_btn:hover {
    background-position: 0 -15px;
}
.counter {
    float: right;
    margin: 0 5px 0 0;
    line-height: 14px;
    color: #999;
}
.item-class {
    height: auto;
    display: inline-block;
    width: 100%;
    position: relative;
}

/* stop prod name hitting +- btns,
needed for when there's a scrollbar, e.g. IE & Edge: */
#regProd .ms-drop li.selected label span:not(.rowhide) {
    max-width: 220px;
    display: inline-block;
    white-space: pre-wrap;
}

/* ensure +- btns are floated right, whether you have products or not */
#regProd .ms-drop li .checkbox span:nth-of-type(2) {
    float: right;
}


/* --- /Reg Prod page --- */

/* --- Sign up ---*/
.login_connect_sub {
    margin:0 1em;
}
.loginBox_col_2_left {
    float:left;    
}
.loginBox_col_2_right {
    float:right;
    line-height: 46px;
}
.loginBox_col_2_right a {
    font-size:13px;
}
.loginBox_col_2 {
    padding: 0;
    margin-top: 15px;
}
.login_connect h5 {
    font-size: 13px;
    color: #000;
    margin:0px 0 10px 0;
    text-align: center;
}

.login_connect .loginBox_col_2_left h5 {
    text-align: left;
}
.login_connect .loginBox_col_2_right h5 {
    text-align: right;
}
.login_connect .loginBox_col_2_left h5:first-child,
.login_connect .loginBox_col_2_right h5:first-child {
    margin-bottom: 6px;
}
.login_connect .loginBox_col_2_left h5:last-child,
.login_connect .loginBox_col_2_right h5:last-child {
    margin-bottom: 0;
}
.login_connect h5 a, .login_connect .check a {
    color: #00a882;
    text-decoration: underline;
}
.login_connect h5 a:hover, .login_connect .check a:hover{
    color:#ee382b;
}
.login_connect_grid p.asd{
    font-size:13px;
    color:#ee382b;
    line-height:1.8em;
    padding:1em 0 0;
}
.login_connect_grid p a {
    color: #fff;
    text-decoration: underline;
}
.login_connect_grid p a:hover{
    color:#ee382b;
}
h5.rest {
    padding-bottom: 1.55em;
}
.login_connect{
    overflow:hidden;
}
.login_connect{
    max-width: 323px;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    overflow:hidden;
    position:relative;
    margin: 100px 0 0 5%;
    text-align: center;
    padding: 10px 10px 20px;
}
.login_connect p {
    margin-bottom: 10px;
    font-weight: 100;
}
.login_connect:hover{    
    -webkit-box-shadow:0px 0px 10px #262122;
    -moz-box-shadow:0px 0px 10px #262122;
    -o-box-shadow:0px 0px 10px #262122;
    -ms-box-shadow:0px 0px 10px #262122;
    box-shadow:0px 0px 10px #262122;
    z-index: 1;
}



/* --- /Sign up ---*/

/* profile */

/* inspire snippet on profile page */
#article_snippet {
    margin: 20px 0;
    padding: 20px 0;
    border: 2px solid #B3B3B3;
    border-width: 2px 0;
    position: relative;
    width: 100%;
    float: left;
}
#article_snippet .btn {
    margin: 10px 0 0;
    padding: 4px 6px 2px;
    font-size: 12px;
}
.article_snippet_image {
    position: relative;
    background-size: cover;
    background-position: center center;
}
.article_snippet_image.main {
    width: 100%;
    height: 217px;					/* gives a ratio of 1.77 at wide widths */
    margin: 0 0 10px;
}
.article_snippet_image.first {
    width: 75px;
    height: 75px;
    display: block;
    float: left;
    margin: 4px 5px 1px 0px;
}
.article_snippet_slug {
	font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.5px;
    font-weight: 600;
	letter-spacing: -0.5px;
    color: #00a882;
    text-transform: capitalize;
    margin: 0 0 4px;
}
.article_snippet_title {
	font-family: ff-good-headline-web-pro-ext, sans-serif;
	font-weight: 600;
	font-style: normal;
    font-size: 30px;
    line-height: 26px;
	text-transform: uppercase;
    margin: 0 0 3px;
	letter-spacing: 0.5px;
}
.article_snippet_synopsis, .article_synopsis {
    color: #000000;
    font-weight: 100;
    font-size: 13px;
}
/* /inspire snippet on profile page */


/* V2 banners */
body#index .promo img {
    width: 100%;
}
.right_col_banner {
    margin: 20px 0 0;
}

.banner img {
    display: block;
    width: 100%;
}
/* V2 banners */


input[type=radio]:not(old){
    width : 0px;
    margin : 0;
    padding : 0;
    opacity : 0;
}

input[type=radio]:not(old) + label {
    display : inline-block;
    margin-left : 0px;
    /*line-height : 1.5em;*/
    cursor: pointer;
    margin-right: 20px;
    float: left;
}

input[type=radio]:not(old) + label > span {
    display : inline-block;
    width : 20px;
    height : 20px;
    margin: 5px 5px 5px 0;
    border : 1px solid #000;
    border-radius : 0;
    background  : #fff;
    vertical-align : middle;
}

input[type=radio]:not(old):checked +  label > span > span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 0px;
    background: #000;
}
.lang_sel_toggle input, .retailer_sel_toggle input {
    -webkit-appearance: none;
    padding: 0px;
    margin: 0px;
}
.connect_tab_grid_list.country li span {
    margin: 5px 0 0 0;
}
.connect_tab_grid_list.country li span:hover {
    color: #000;
}
.connect_tab_grid_list .country_sel_toggle span{
    margin: 0;
}
.country_sel_toggle .ms-drop ul > li label {
    display: inline-block;
    line-height: 0;
}
.country_sel_toggle .ms-drop ul {
    padding: 0px 10px 10px 10px;
}
.country_sel_toggle .checkbox {
    padding-left: 0px !important;
}
.country_sel_toggle input[type="text"] {
    width: 96%;
    margin: 5px;
}
.country_sel_toggle .ms-choice > span {
    right: 0;
    text-align: left; 
}
.ms-parent.country_sel_toggle {
    width: 72% !important;
}
.connect_tab_grid_list .lang_sel_toggle li span, .connect_tab_grid_list .retailer_sel_toggle li span {
    margin: 5px 0 0;
    width: 100%;
    cursor: pointer;
}
.connect_tab_grid_list .lang_sel_toggle li span:hover {
    color: #fff;
}
.connect_tab_grid_list .retailer_sel_toggle li span:hover {
    color: #000;
}
.connect_tab_grid_list .check label {
    margin-right: 10px;
    color: #000000;
}
body.Firefox .connect_tab_grid_list .check label {	/* Firefox struggles with light text at this size and colour */
    color: #666;
}
.genre_left_col {
    width: 60%;
    float: left;
}
.genre_right_col {
    width: 40%;
    float: left;
}

.hide {
    display: none;
}
.left_col {
    padding-right: 14px;
}
/*
.right_col {
    margin-bottom: 20px;
}
*/
.left_col, .right_col {
    width: 49%;
    float: left;
    margin-top: 20px;
    position: relative;
}
.prod_container {
    padding: 10px;
}
.profile_page input[type="file"] {
    display: none;
}
.profile_page .product_block {
    background-color: #E4F3EF;
}
.profile_page .product_block p {
	 padding: 10px 0 0 15px !important;
}
.product_block {
    background-color: transparent;
    padding: 0;
}
.product_block .labels {
    margin: 5px;
    width: 120px;
}
.product_block .ms-parent {
    width: 30% !important;
}
.product_block .ms-search input[type="text"]{
    width: 100% !important;
}
.connect_tab_grid_list .product_sel_container span {
    margin: 5px 0 0px 0;
}
.kit_bag { 
    display: inline-block;
    margin: 0 5px 10px;
    width: 22%;
    vertical-align: top;
}

.product_block .kit_bag {
    padding: 0;
    position: relative;
}
.product_block .kit_bag img {
    display: block;
    margin: 0 auto;
}
.product_block .kit_bag span.product_title {
    margin: 5px 0 0 0;
}
.product_block .kit_bag .btn_container {
    position: absolute;
    bottom: 5px;
    width: calc(100% - 10px);
}

.product_block .kit_bag .btn {
    font-size: 12px;    
    line-height: 12px;    	
    color: white;
    padding: 5px 0;
    margin: 0 0 4px;
    width: 100%;
    display: block;
}
body.Firefox .product_block .kit_bag .btn {		/* Firefox struggles with light text at this size and colour */
    font-weight: 400;
}
.product_block .kit_bag .btn:last-child {
    margin-bottom: 0;
}
.product_block .kit_bag .btn:hover {
    opacity: 0.8;
}
.product_block .kit_bag .btn.manual_btn {
    background-color: #00a882;
}
.product_block .kit_bag .btn.firmware_popup_btn {
    background-color: black;
}
.product_block .kit_bag span.no_wrap {
    margin: 0;
}
div[id^="firmware_popup_"] .popup_close {
    right: -150px;
}

.product_block .ms-drop ul > li {
    text-align: center;
}
.profile_page .kit_bag > div {	
    background-color: rgba(255,255,255, 0.3);
    font-size: 12px;
    color: #000;
    text-align: center;
    padding: 5px;
    word-break: break-word;
    position: relative;
    /*	-webkit-transition: height 500ms, min-height 500ms;*/
    /*	transition: height 500ms, min-height 500ms;*/
}
body.v2 .profile_page .kit_bag > div {
    min-height: 183px;
}


.ms-select-all {
    display: none !important;
}
.remove {
    opacity: 0;
    z-index: 5;
    -webkit-transition: opacity 150ms;
    text-align: center;
    border: 0;
    cursor: pointer;
    color: #fff !important;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.8);
    top: 0;
    left: 0;
    font-size: 30px;
    line-height: 90px;
    margin: 0 !important;
}

.dd_container {
    position: absolute;
    background: #e7e7e8;
    z-index: 1;
    width: 110px;
    text-align: left;
    margin-left: -10px;
    padding: 10px 10px 6px;
}
.dd {
    display: none;
    color: #000;
}
.menu_nav .dd li {
    padding: 0 0 6px;
}
/*
.menu_nav .dd li:last-child {
    padding: 0 0 0px;
}
*/
/*
.dd a {
    color: #000;
    line-height: 14px;
}
*/
.dd a:hover {
    color: #01916d;
}
.profile_pic {
    max-width: 60px;
    z-index: 9999;
}
.profile_pic.circle {
    border-radius: 200px;
    width: 30px;
    line-height: -88px;
    position: absolute;
    top: 18px;
    margin-left: -34px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: cover;
}
.connect_tab_grid_list.prof_pic_upload span {
    margin: 0 0 0 10px;
}

.down_arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #918f8f;
    display: inline-block;
}
.down_arrow.active {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid #918f8f;
    border-top: 0px solid #918f8f;
}

.mobile_sub_menu_link::after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid white;
    margin: 0 0 1px 7px;
}
.mobile_sub_menu_link.active::after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid white;
    border-top: 0px solid white;
    margin: 0 0 2px 7px;
}
.mobile_sub_menu_link {
    color: white !important;
}
.mobile_sub_menu_link.active {
    color: #01916d !important;
}

.cw_main_grid{
    width:30%;
    margin: 150px 0 0 110px;
}
.cw_main_grid1{
    background: #000000;
    padding: 2em;
}
.cw_main_grid1_left{
    float:left;
}
.cw_main_grid1_right{
    float:right;
}
.cw_main_grid1_right i{
    width:5px;
    height:5px;
    border-radius:10px;
    background:#fff;
    display:block;
    margin-bottom: 2px;
    font-style:normal;
}
.cw_main_grid1_sub{
    text-align:center;
}
ul.nav1{
    z-index: 999;
    width: 102px;
    background-color: #FFF;
    padding: 10px;
    position: absolute;
    right: 0;
}
ul.nav1{
    display: none;
}
ul.nav1 li {
    display: block;
    margin:0 0 10px;
}
ul.nav1 li a{
    font-size: 13px;
    color: #212121;
    text-align: center;
}
ul.nav1 li a:hover{
    color:#ed342b;
}
.cw_main_grid1_sub h2{
    font-size:1.2em;
    color:#fff;
    margin:.5em 0 0;
    text-transform: uppercase;
}
.cw_main_grid2{
    background:#fff;
}
/*-- Tabs --*/
.resp-tab-active {
    text-shadow: none;
}

.resp-tabs-container {
    /*-- cwayouts --*/
    padding: 1em;
    clear: left;
    background:#f5f5f5;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 2em;
    background: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-item label {
    margin-right:8px;
}
.cws_figure{
    background: url(../images/2.png) no-repeat 0px 0px;
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}
.connect_tab_grid h4 {
    font-size:1em;
    color:#212121;
    text-transform:uppercase;
    padding-bottom:.5em;
    margin-bottom:1em;
    position:relative;
    font-weight:700;
}
.connect_tab_grid h4:after {
    content: '';
    background: #f5f5f5;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0%;
    left: 0%;
}

p.eget {
    color: #999;
    line-height:2em;
    font-style: italic;
    text-transform: capitalize;
    font-size: 13px;
}
p.eget1 {
    color: #212121;
    line-height:2em;
    font-size: 13px;
    margin:1em 0 2em;
}
.connect_tab_grid_list li {
    display:inline-block;
    color:#212121;
    font-size:13px;
    font-weight:100;
}
.connect_tab_grid_list li span {
    /*	color:#999;*/
    color:#4D4D4D;
    display:inline-block;
    margin: 10px 0 10px 0;
}
.connect_tab_grid_list .product_sel_toggle li span:hover {
    color:#000;
}
.connect_tab_grid_list li span a {
    color:#999;
    text-decoration:none;
}
.connect_tab_grid ol {
    padding:1em 0 0 1em;
}
.connect_tab_grid ol li {
    padding-top: 1em;
    font-size: 13px;
    font-weight: 600;
	letter-spacing: -0.5px;
    color: #212121;
    list-style: initial;
    text-transform: capitalize;
}
.connect_tab_grid ol li span {
    display:block;
    margin:.5em 0 0;
    color:#999;
    font-weight:500;
    text-transform: initial;
    line-height: 1.8em;
}

.statusMsg{
	font-size: 15px;
	line-height: 19px;
	color: #fff;
	margin: 20px 0;
	text-align: center;
}

.statusMsg.success{
	color:#00a882;
}
.error_msg {
	color: #ee382b;
	font-size: 15px;
	line-height: 19px;
	text-align: center;
}
#regProd .statusMsg.success{
	margin:0px 0 20px 0;
}
.statusMsg.error{
	color:#ed342b;
}
.inputErr{
    color: #fff;
    font-size: 13px;
    text-align: left;
    padding-bottom: 10px;
}
.connect_tab_grid_list .inputErr {
    color: #EA4335;
}

.connect_tab_grid_list li{width: 100%;}

.connect_tab_grid input[type="submit"] {
    background: #00a882;
    outline: none;
    padding: 10px 0;
    font-size: 1em;
    color: #fff;
    border: none;
    width: 100%;
    font-family: noto-sans, sans-serif;
    cursor: pointer;
    margin: 1.5em 0 0;
    text-transform: uppercase;
}
.connect_tab_grid input[type="submit"]:hover {
    background: #ee382b;
}

/* --- DOB --- */
.left_col .dob select {
    width: 19%;
    margin-right: 2px;
    cursor: pointer;
    text-align: center;
    text-align-last: center;
}
.left_col .dob select:last-child {
    margin-right: 0px;
}
/* --- /DOB --- */

/* --- X Mag page --- */
#xMag .body_txt {
    text-align: center;
}
#xMag .footer_txt {
    font-size: 12px;
    line-height: 14px;
    text-align: left;
}
#xMag .content_container {
    text-align: center;
}
/* --- /X Mag page --- */

/* --- Repair page --- */
#repairs .product_display input[type=text], #repairs .product_display select, #repairs .product_display .file-preview  {
    pointer-events: none;
}
.repair_bg {
    background-color: #00a882;
    padding: 15px;
}
.repair_bg > h2 {
    color: #ffffff;
    margin-right: 2%;
    float: left;
    line-height: 0px;
}
.submit_repair {
    font-family: noto-sans, sans-serif;
    font-size: 13px;
    background-color: #ffffff;
    color: #00a882;;
    cursor: pointer;
    float: right;
    bottom: -30px;
    position: relative;
    right: -98px;
    text-align: right;
    border: 0px;
    outline: none;
    font-weight: 600;
	letter-spacing: -0.5px;
	text-decoration: underline;
}
.submit_repair:hover {
    color: #ee382b;
}
.repairs_header_img {
    top: 124px;
    position: relative;
    max-height: 150px;
    overflow: hidden;
}
.repairs_header_img img {
    width: 100%;
    margin: 0 auto;
    display: block;
}
/* --- Repairpage --- */

/* Promotions page */
table {
    font-family: noto-sans, sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 17px;
    border-collapse: collapse;
    width: 100%;
}
.promo_list_container {
    text-align: center;
}
.promo_list {
    margin: 0 auto;
    border-bottom: 1px solid #cccccc !important;
    padding: 20px 0;
}
.promo_list:first-child {
    /*	padding: 0 0 30px;*/
}
.promo_list:last-child {
    border-bottom: none;
}
.promo {
    border: 1px solid #cccccc;
}
.desktop {
    display: block;
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
}
.mobile {
    display: none;
    width: 100%;
}
#more_info_img {
    margin-bottom: 10px;
    cursor: pointer;
}
.promo_closed_container {
    max-width: 700px;
    position: relative;
    width: 100%;
    margin: 20px auto 0;	
	padding: 0 0 20px;
    line-height: 0;
    border-bottom: 1px solid #cccccc !important;
}
.promo_overlay {
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    opacity: 0;
}
.closed_txt {
    color: #ffffff;
    font-size: 18px;
    line-height: 22px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
}
#promotions .content_container button {
    min-height: 38px;
}
/*
#promotions .content_container a {   
padding: 19px 0px;
}
*/

#promotions .content_container input {
    max-width: 780px;
    padding: 0;
    margin-top: 0;
    outline: none;
    width: 100%;
    margin: 0 auto;
}
#promotions .content_container, #promotion .content_container {
    /*	max-width: 1420px;*/
}
#terms .content_container a {
    text-decoration: underline;
    font-weight: bold;
    color: #00a882;
}
#iframe_container, #more_info_container {
    display: none;
}
#iframe_container, #iframe_container_autoload {
    max-width: 785px;
    margin: 0 auto;
}
#more_info_container, .more_info_container {
    text-align: center;
    padding: 0 40px !important;
}
#more_info_container p > a, #more_info_container ol > a, .more_info_container p > a, .more_info_container ol > a {
    text-decoration: underline;
    font-weight: bold;
    color: #00a882;
}
#more_info_container p, #more_info_container ol, .more_info_container p, .more_info_container ol {
    margin-bottom: 10px;
}
#more_info_container ol, .more_info_container ol {
    font-size: 13px;
    line-height: 17px;
    list-style-type: decimal;
    list-style-position: inside;
}
#more_info_container ol li, .more_info_container ol li {
    margin-bottom: 10px;
}
.more_info_txt {
    text-align: left;
}

.back_btn {
    margin-bottom: 10px;
    cursor: pointer;
    text-align: left;
    font-size: 13px;
    line-height: 17px;
    text-decoration: underline;
    color: #00a882;
}
.back_btn a {
	color: #00a882;
}
.pre_loader {
    transform: translate(45%,50%);
}
.pre_loader div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #000;
    border-radius: 50%;
    animation: pre_loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #000 transparent transparent transparent;
}
.pre_loader div:nth-child(1) {
    animation-delay: -0.45s;
}
.pre_loader div:nth-child(2) {
    animation-delay: -0.3s;
}
.pre_loader div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes pre_loader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.ck-icon {
    display: none;
}

.custom_margin {
    margin: 80px auto;
}

.flags_wrapper {
    width: 100%;
    max-width: 785px;
    margin: 0 auto;
    text-align: center;
    padding-top: 25px;
}

.flags_container {
    display: inline-block;
    padding: 15px;
    width: 100%;
    max-width: 140px;
    text-align: center;
}

.flags_container img {
    width: 100%;
    max-width: 51px;
    margin: 0 auto;
}

.flags_container p {
    font-size: 10px;
}

.promotions_menu .menu_nav li:nth-child(2),
.promotions_menu .menu_nav li:nth-child(3) {
    padding: 0 20px;
    vertical-align: middle;
    border-image: linear-gradient(to top,transparent, #918f8f, transparent);
    border-image-slice: 1;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    border-right: 1px solid #000;
}

.promotions_menu .menu_nav li:last-child {
    padding: 0 20px;
    border-right: 0px solid #000 !important;
}

.promotions_menu .menu_nav li:nth-last-of-type(-n+2) {
    border-right: 1px solid #000;
}

.content_container .item_claim,
.content_container .item_claim_tracker,
.content_container .item_more_info,
.content_container .item_retailers,
.content_container .item_terms {
    font-size: 13px;
    font-family: noto-sans, sans-serif;
    background-color: #00a882;
    border: none;
    padding: 10px 15px;
    color: #ffffff;
    display: inline-block;
    outline: none;
    cursor: pointer;
    min-width: 110px;
}

/*
.promo_btn_container {
margin-top: 20px;
}
*/

.promo_btn_container a, 
.content_container button, 
body#index .content_container button,
body#regProd .content_container button {		/* body selectors added to protect from unwanted margin in promotions.css */
    margin: 0 20px 0 0;
}

.content_container a:last-child, 
.content_container button:last-child {
    margin-right: 0;
}

.promotions_menu .item_more_info {
    margin-left: 0px;
}
.content_container .item_claim:hover,
.content_container .item_claim_tracker:hover,
.content_container .item_more_info:hover,
.content_container .item_retailers:hover,
.content_container .item_terms:hover{
    background-color: #ee382b;
}

/* --- Promotions area  --- */
.promotion_terms-header h2,
.qualifying-retailers h2 {
    margin-top: 1rem;
    margin-bottom: 10px;
    color: #252525;
    font-family: noto-sans, sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
}

.promotion_terms-header{
    border-bottom: 1px solid #CCC;
    padding-bottom: 9px;
    margin: 40px 0 20px;
}

.promotion_terms-header a {
    color: #337ab7;
    text-decoration: none;
}

.promotion_terms {
    line-height: 22px;
}

.promotion_terms h3 {
    margin-top: 1rem;
    font-family: noto-sans, sans-serif;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 13px;
    color: #00a882;
}

.promotion_terms ol {
    margin: 10px 0 0 25px;
    padding-left: 0;
    list-style-type: decimal; 
}

.promotion_terms ol>li {
    padding: 10px 0;
}

.item h4 {
    font-size: 15px;
    line-height: 19px;
    text-transform: uppercase;
    color: #00a882;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 15px 0;
}

.dealer_icon {
    float: left;
    padding-right: 10px;
}

.store_detail {
    padding: 0 0 10px 0;
    font-size: 13px;
    line-height: 17px;
}

.item {
    border-bottom: 1px solid grey;
}

#terms #promotion_winter_cashback_table tr:first-child {
    text-align: center
}
#terms #promotion_winter_cashback_table tr:first-child td:nth-child(1) { width: 10%; }
#terms #promotion_winter_cashback_table tr:first-child td:nth-child(3) {
    width: 20%;
    padding: 8px;
}
#terms #promotion_winter_cashback_table .promotion_table_row_group_header {
    vertical-align: top;
    text-align: center;
    padding: 8px;
}

#terms #promotion_winter_cashback_table td {
    border: 1px solid black;
}

#terms #promotion_winter_cashback_table tr {
    text-align: center;
}

#terms .content_container {
    font-family: noto-sans, sans-serif;
    font-size: 13px;
    line-height: 17px;
}

#terms .content_container h1 {    
    margin-top: 1rem;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    color: #252525;
}

#terms .content_container h2 {
    margin-top: 1rem;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 13px;
    color: #00a882;
}

#terms .content_container h3 {
    margin: 13px 0;
    font-size: 13px;
    color: #252525;
}

#terms .content_container p, #terms .content_container ol, #terms .content_container li {
    list-style-type: decimal;
    list-style-position: inside;
    margin: 13px 0;
}

#terms .content_container table td {
    border: 1px solid black;
    padding: 2px;
    font-size: 13px;
}

#terms .content_container table tr {
    text-align: center;
}

#terms .content_container table tr:first-child { 
    text-align: center
}

#terms .content_container table tr:first-child td:nth-child(1) { width: 10%; }
#terms .content_container table tr:first-child td:nth-child(3) { 
    width: 20%; 
    padding: 8px;
}

#terms .content_container table .table_row_group_header {
    vertical-align: top;
    text-align: center;
    padding: 8px;
}

#terms .qualifying-retailers h4 {
    padding: 10px 0;
    margin: 0;
}
.cke_button__about_icon {
    display: none;
}
#searhtext {
    width: 122px;
}
.btn.search {
    width: 117px;
}


.End_PP_date {
    pointer-events: none;
}
/* /Promotions page */



/* --- Privacy policy page --- */
.privacy_policy_wrap {
    max-width: 785px;
    margin: 20px auto;
    padding: 20px;
}
#policy_popup p, #policy_popup_fb p, .privacy_policy_wrap p {
    text-align: left;
    margin-bottom: 10px;
}
#policy_popup ul, #policy_popup_fb ul, .privacy_policy_wrap ul {
    text-align: left;
    list-style-type: disc;
    list-style-position: inside;
}
#policy_popup li, #policy_popup_fb li, .privacy_policy_wrap li {
    margin-bottom: 10px;
}
/* --- Privacy policy page --- */


/* inspire Section */
/* generic inspire stuff */

/* for dev */
.header {
    /*	opacity: 0.8;*/
}

.page_banner {
    width: 100%;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 125px;
    top: 125px;
    position: relative;
    text-align: center;
}
.page_banner_inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
.page_banner img {
    display: inline-block;
    margin: 0 5px;
    height: 18px;
}
.page_banner span {
    display: block;
    position: relative;
}
.page_banner span:nth-of-type(1) {
    display: inline-block;
}		
.page_banner span:nth-of-type(2) {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
}
.page_banner span:nth-of-type(3) {
    margin: 5px 0 0;
}

body#inspire_article.logged_out #menu,
body#inspire_article.logged_out .lang_sel {
    display: none;
}
body#inspire_article.logged_out .page_banner {
    /*		top: 0;*/
    top: 60px;			/* with Connect header bar */
}
body#inspire_article.logged_out .content_container {
    /*		margin-top: 0;*/
    margin-top: 60px; 	/* with Connect header bar */
}
/* /generic inspire  stuff */

body#inspire .page_banner, 
body#inspire_article .page_banner {
    color: white;
}
body#inspire .page_banner span:nth-of-type(1), 
body#inspire_article .page_banner span:nth-of-type(1) {
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 300;
}
body#inspire .page_banner span:nth-of-type(3), 
body#inspire_article .page_banner span:nth-of-type(3) {
    font-size: 13px;
    font-weight: 300;
}
#inspire_filter_container {
    margin-top: -7px;
}
.inspire_filter_item {
    text-transform: uppercase;
    color: #B3B3B3; 										/* 30% black */ 
    float: left;
    margin-right: 20px;
    font-size: 13px;
    line-height: 30px;
}	
.inspire_filter_item.disabled {
    pointer-events: none;
    opacity: 0.4;
}
.inspire_filter_item:not(.label) {
    cursor: pointer;
    transition: color 200ms;
    user-select: none;
}
.inspire_filter_item:not(.label):hover {
    color: black;
}
.inspire_filter_item:nth-last-child(2) {
    margin-right: 0;
}
.inspire_filter_item.filter > span {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 4px 5px 7px 0;
    border: 1px solid #B3B3B3;								/* light grey */
    border-radius: 0;
    background: #fff;
    vertical-align: middle;
}
.inspire_filter_item.filter > span > span {
    display: none;
    width: 8px;
    height: 8px;
    margin: 3px;
    border-radius: 0px;
    background: #00a882;									/* green */
}
.inspire_filter_item.filter.active > span > span {
    display: block;
}
#inspire_articles {
    margin-top: 20px;	
    overflow: hidden;
    transition: max-height 500ms ease, 
        height 500ms ease;
    height: 0;							/* for age load only - gets set to required height by js */


    /* for dev */
    /*	overflow: visible;*/
    /*	height: 5000px !important;*/
}
#inspire_articles .article_preview {
    width: 31.3%;
    text-align: center;
    margin: 0 0 3%;										/* same as .article_spacer */
    float: left;
    overflow: hidden;
    transition: max-height 400ms ease-in-out, 
        margin 400ms ease-in-out, 
        opacity 400ms linear;
    /* for dev */
    /*	opacity: 0.3;*/
}
#inspire_articles .article_preview:nth-child(3n) {
    margin-right: 0;
}
#inspire_articles .article_preview .article_img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120%;
    background-color: black;							/* in case image doesn't cover area */
    height: 160px;

    /* for dev */
    /*	opacity: 0.3;*/

}
#inspire_articles .article_preview .article_img.qsg {
    /*    background-size: 100%;*/							/* for product shot thumbs used here */
    /*    background-color: white;*/
    background-size: cover;								/* for main images used here */
}
#inspire_articles .article_preview .article_tag {
    color: #00a882;										/* green */
    font-size: 13px;
    line-height: 17px;
    margin: 8px 0 0;
}
#inspire_articles .article_preview .article_title {
    font-size: 15px;
    line-height: 19px;
    min-height: 40px;
    margin: 3px 0;
}
body#inspire:not(.workshops) #inspire_articles .article_preview .article_title .cam_name {
    display: none;										/* hide camera names here as it's also in the tag */
}
#show_more_btn {
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    color: white;
    font-size: 13px;
    margin: 20px 0 0;
    padding: 5px 0;
    background: #D9D9D9;
    cursor: pointer;
    pointer-events: all;
    transition: background 200ms, opacity 500ms;
}
#show_more_btn:hover {
    background: #00a882;
}
#show_more_btn.disabled {
    opacity: 0.4;
    pointer-events: none;
}
.article_spacer {
    width: 3%;
    height: 3%;
}

/* article page: */
body#inspire_article .content_container img {
    display: block;
    width: 100%;
}
body#inspire_article .article_main_image {
    margin: 5px auto 20px;
}
body#inspire_article .article_main_image img {
    width: 100%;
    display: block;
}
/*
body#inspire_article .back_btn {
    font-weight: 600;
}
*/
body#inspire_article .title {
    margin: 0 0 20px;
    font-size: 30px;
    line-height: 30px;
}
body#inspire_article .subtitle {
    font-size: 19px;
    line-height: 23px;
    margin: 20px 0;
    font-weight: 600;
	letter-spacing: -0.5px;
}
body#inspire_article .intro {
    text-align: center;
}
body#inspire_article #contents {}
body#inspire_article .contents_item.body_copy {
    color: #00a882;
    line-height: 20px;
    text-decoration: underline;
    cursor: pointer;
    width: 50%;				/* stop whitespace right of contents being clickable - removed on thin widths */
    /* if a title is too long it'll wrap */
    -webkit-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    transition: color .2s ease-in;
}
body#inspire_article .contents_item:hover {
    /*	text-decoration: none;*/
    color: #ee382b;
}
body#inspire_article .body_copy {
    font-size: 13px;
    line-height: 17px;
}
body#inspire_article .body_copy p,
body#inspire_article .body_copy ul,
body#inspire_article .body_copy ol {
    margin: 0 0 16px;
    line-height: 17px;
}
body#inspire_article .body_copy a {
    color: #00a882;
    text-decoration: underline;
    -webkit-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    transition: color .2s ease-in;
}
body#inspire_article .body_copy a:hover {
    color: #ee382b;
}

body#inspire_article .content_container li {
    position: relative;
    margin-left: 8px;
    padding-left: 2px;
}
body#inspire_article .content_container li::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 20px;
    background: black;
    position: absolute;
    display: block;
    left: -8px;
    top: 8px;
}

body#inspire_article .inspire_section {
    margin: 20px 0;	
    position: relative;
}

body#inspire_article .inspire_section::before {
    content: '';
    display: block;
    position: relative;
    background: #999999;
    width: 100%;
    height: 1px;
    margin: 20px 0;
}

body#inspire_article .inspire_section_header {
    color: #00a882;
    font-size: 19px;
    line-height: 23px;
    margin-bottom: 10px;
    font-weight: 600;
	letter-spacing: -0.5px;
}

body#inspire_article .inspire_back_to_contents {
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    text-align: right;
    color: #00a882;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
    user-select: none;
}
body#inspire_article .inspire_back_to_contents::before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 9px solid #00a882;
    left: -18px;
    top: 55%;
    -mozilla-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

body#inspire_article .inspire_row {
    margin-bottom: 20px;		
}

body#inspire_article .inspire_row h2 {
    color: #00a882;
    display: block;
    width: 100%;
    margin-bottom: 2px;
    font-weight: 600;
	letter-spacing: -0.5px;
}
body#inspire_article .inspire_row h4 {
    color: #00a882;
    display: inline-block;
}
body#inspire_article img {}
body#inspire_article .img_sequence {
    cursor: pointer;
    user-select: none;
}
body#inspire_article .img_sequence img {
    position: absolute;	
    opacity: 0;
    transition: opacity 600ms;
}
body#inspire_article .img_sequence img.active {
    opacity: 1 !important;
}

body#inspire_article .seqence_nav {
    position: relative;
    width: 100%;
    margin: 4px 0 0;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flexbox;
    display: flex;
    flex-wrap: nowrap;
}
body#inspire_article .nav_block {
    position: relative;
    background: #B3B3B3;

    border-right: 3px solid white;
    height: 8px;
    cursor: pointer;
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-grow: 1;
}
body#inspire_article .nav_block:last-child {
    border-right-width: 0;
}
body#inspire_article .nav_block.active {
    background: #00a882;
}

body#inspire_article .play_cover {
    background: black;
    width: 100%;
    opacity: 0.5 !important;
    position: absolute !important;
    z-index: 15;
    transition: opacity 300ms;
}
body#inspire_article .play_cover::after {
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%) scale(1);
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 43px solid white;
    transition: transform 250ms;
    transition: transform 250ms cubic-bezier(0.54, 0.1, 0.24, 1.97);	/* lil bounce */
}
body#inspire_article .img_sequence.playing .play_cover {
    opacity: 0 !important;
}
body#inspire_article .img_sequence.playing .play_cover::after {
    transform: translate(-50%, -50%) scale(0.5);
}
body#inspire_article .img_sequence:not(.playing):hover .play_cover {
    opacity: 0.65 !important;
}

.img_sizer {
    position: relative !important;
    display: block;
    opacity: 1 !important;
    background: black;
    z-index: -1;
}

body#inspire_article .caption, body#inspire_article .caption p {
    width: 100%;	
    text-align: right;
    font-size: 12px;
    margin: 5px 0 14px;
    color: #4D4D4D;
}

body#inspire_article .col_container .col_2 .btn {
    width: 100%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}



/* template-specific styles */
body#inspire_article .content_container.template_A .inspire_section::before {
    display: none;
}
body#inspire_article .content_container.template_A .inspire_section::after {
    content: '';
    display: block;
    position: relative;
    background: #999999;
    width: 100%;
    height: 1px;
    margin: 20px 0;
}
body#inspire_article .content_container.template_A .inspire_section:last-of-type::after {
    display: none;
}
/* /template-specific styles */


/* /article page: */
/* /inspire Section */


/* Workshops page */
body#inspire.workshops .page_banner span,
body#inspire_article.workshop .page_banner span {
    display: block;
}
body#inspire.workshops .page_banner span:nth-of-type(1),
body#inspire_article.workshop .page_banner span:nth-of-type(1) {
    margin: 0 0 10px;
}
body#inspire.workshops .article_preview .flash {
    background: #ef382b;
    transform: rotate(-45deg);
    position: absolute;
    top: 20px;
    left: -60px;
    width: 200px;
    padding: 4px 0;
    opacity: 0;
}
body#inspire.workshops .article_preview[style] .flash {
    opacity: 1;
}
body#inspire.workshops .article_preview .flash span {
    color: white;
    display: block;
    width: 100%;	
    text-transform: uppercase;
    text-align: center;
}
body#inspire.workshops .article_preview .flash span:nth-child(1) {
    font-size: 13px;
    line-height: 14px;
    font-weight: 300;
}
body#inspire.workshops .article_preview .flash span:nth-child(2) {
    font-size: 15px;
    line-height: 19px;
    font-weight: 600;
	letter-spacing: -0.5px;
}
body#inspire.workshops .article_preview.past_event {
    opacity: 0.5;
}
body#inspire.workshops .article_preview.past_event .flash span:nth-child(2) {				/* hide 'book now' if it's a past event */
    display: none;
}
body#inspire.workshops .article_preview.past_event.sold_out_event .flash span:nth-child(2) {		/* but show 'sold out' even if it's a past event */
    display: block;
}


body#inspire_article.workshop .inspire_section::before {
    display: none;
}
body#inspire_article.workshop .title {
    margin-bottom: 10px;
}
body#inspire_article.workshop .standfirst {
    text-align: center;
    color: #00a882;
    font-size: 13px;
    margin-bottom: 40px;
}
body#inspire_article.workshop .content_container .btn {
    display: inline-block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* /Workshops page */


/* Cookie styles */
/* Font family imported in JS */
#cookieLaw{width:100%;background-color:#ededed;position:fixed;bottom:0px;z-index:20;display: none;}
#cookieLaw .cookieLawContent{position:relative;padding:10px 0 10px;width:70%;min-height:54px;margin:0 auto;text-align:center;font-size:12px;line-height:15px;font-family: "noto-sans",sans-serif;}
#cookieLaw .cookieLawContent p{width:100%;margin:0;padding:5px 0 5px;color:#555;text-align:center;font-size: 12px;line-height: 15px;font-weight: 100;font-family: "noto-sans",sans-serif;}
#cookieLaw .cookieLawContent p a,#cookieLaw .cookieLawContent p a:hover,#cookieLaw .cookieLawContent p a:visited{background-color:transparent;text-decoration:none;color:#555;font-weight: normal;}
.cookie_close {width:32px;height:32px;opacity:0.8;position:fixed;bottom: 79px;right:10px;cursor: pointer;}
.cookie_close:hover{opacity:1;}
.cookie_close:before, .cookie_close:after {position:absolute;left:15px;content:' ';height:33px;width:2px;background-color:#555;}
.cookie_close:before{transform:rotate(45deg);}
.cookie_close:after{transform:rotate(-45deg);}
body#index #cookieLaw{bottom:0;}
body#index .cookie_close{bottom:10px;}
body#index.logged_in #cookieLaw{bottom:73px;}
body#index.logged_in .cookie_close{bottom:83px;}
#cookieLaw .cookieLawContent a.policy_btn {
    color: #00a882;
    text-decoration: underline;
}
#cookieLaw .cookieLawContent a.policy_btn:hover {
    color: #ee382b;
}
#cookieLaw .cookie_btn {
    display: inline-block;
    margin: 0 5px;
    font-size: 13px;
    color: #00a882;
    text-decoration: underline; 
}
#cookieLaw .cookie_btn:hover {
    color: #ee382b;
}
#cookieLaw .cookie_btn a{}
/* /Cookie styles */


/* Dropdown hide depends on the location */

.hideCountry {
    display: none !important;
}

/* /Dropdown hide depends on the location */

/* Inbox */

/* Count badge*/
.count, .basket_count {
    padding: 0px 6px;
    font-size: 12px;
    border-radius: 50%;
    margin-left: 10px;
    color: #ffffff;
    background-color: #ef382b;
}

.body_txt .count {
    padding: 0;
    font-size: inherit;
    border-radius: 0;
    margin-left: 0px;
    color: #ef382b;
    background-color: transparent;
}
.item_basket {
	padding-left: 15px !important;
}
/* / Count badge*/

.inbox {
    margin-top: 8%;
}
.inbox_message {
    font-size: 19px;
	line-height: 23px;
}

.message_text a {
    color: #00a882;										/* green */
}

li.fade .prod_img,li.fade .message_title,
li.fade .message_text {									/* Fade read messages */
    opacity:0.2;
}

.trash_icon {
    float: right;
    width: 24px;
    cursor: pointer;
    padding-right: 10px;
}

/* Checkbox style */
.inbox_filter_item {
    text-transform: uppercase;
    color: #B3B3B3; 									/* 30% black */ 
    float: right;
    font-size: 80px;
    line-height: 30px;

}	
.inbox_filter_item:not(.label) {
    cursor: pointer;
    transition: color 200ms;
    user-select: none;
}
.inbox_filter_item:not(.label):hover {
    color: black;
}
.inbox_filter_item:nth-last-child(2) {
    margin-right: 0;
}
.inbox_filter_item.filter > span {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 4px 0 7px 0;
    border: 1px solid #B3B3B3;							/* light grey */
    border-radius: 0;
    background: #fff;
    vertical-align: middle;
}
.inbox_filter_item.filter > span > span {
    display: none;
    width: 8px;
    height: 8px;
    margin: 3px;
    border-radius: 0px;
    background: #00a882;								/* green */
}

.inbox_filter_item.filter.active > span > span {
    display: block;
}
/* / Checkbox style */

/* Red badge on profile pic */
.dot {
    background-color: #ef382b;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    color: #ffffff;
    display: none;
    border-radius: 50%;
}


.basket_dot {
    background-color: #ef382b;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    color: #ffffff;
    display: none;
    border-radius: 50%;
}
/*Red badge on profile pic*/

/* / Inbox */

/* Hire a camera */
#hac_iframe {
    display: block;
    background: #ffffff;
    border: none;
    height: calc(100vh - 193px);
    width: 100vw;
    margin-top: 125px;
    margin-bottom: 60px;
}
#hac .loan_info .btn.save, #redeem_voucher .loan_info .btn.save {
    float: none;
    margin-right: 10px;
    width: 27%;
}
#hac .loan_info .btn, #redeem_voucher .loan_info .btn {
	margin: 20px auto 0;
}
/* / Hire a camera */




/* Benefits Page */

#benefits {
	background-color: rgba(0,0,0,0.05);
}

#benefits .bg-img img {
	width: 100%;
/*	min-width: 1600px;*/
    
    margin: 0 auto;
}

#benefits .overlay-outer {
	position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 35%;
	min-width: 580px;
/*	overflow: scroll;*/
    text-align: center;
	background: #ffffff;
	height: auto;
}

#benefits .overlay-inner {
	margin: 0;
    padding: 30px;
    border: 0;
	vertical-align: baseline;
}

#benefits .overlay-text {
	width: 100%;
	height: auto;
	font-family: Source Sans Pro, sans-serif;
	display: block;
	padding-bottom: 20px;
}

#benefits .overlay-text h1 {
	font-size: 25px;
	line-height: 29px;
	font-weight: bolder;
	color: #00a882;
	text-transform: none;
	padding: 0 0 16px 0;
}

#benefits .overlay-text h2 {
	font-size: 24px;
	padding: 0 0 22px 0;
	    line-height: 30px;
}

#benefits .overlay-text p {
	font-size: 17px;
	line-height: 24px
}

#benefits hr {
	margin: 0;
	border-top: 1px dotted black;
}

#benefits .overlay-column {
	width: 49%;
	display: inline-block;
	padding: 20px 0px;
}

#benefits .overlay-list {
	width: 95%;
	font-family: Source Sans Pro, sans-serif;
	font-size: 15px;
	text-align: left;
}

#benefits ul {
	list-style: none;
	font-weight: bolder;
}

#benefits ul li::before {
	content: "\2022";
	color: #00a882;
	line-height: 25px;
 	display: inline-block; 
  	width: 1.5em;
}

#benefits .overlay-column img {
	width: 100%;
}

#benefits .register-outer {
	width:100%;
	display: block;
	background-color: rgba(0,0,0,0.05);
}

#benefits .register-inner {
	display: block;
	padding: 20px;
}

#benefits .register-inner p {
	font-size: 14px;
	font-weight: bolder;
	font-family: Source Sans Pro, sans-serif;
	line-height: 21px;
	padding-bottom: 15px;
}

#benefits .register-button {
	outline: none;
    padding: 5px;
    font-size: 15px;
    color: #fff;
    border: none;
    width: 100%;
    font-family: Source Sans Pro, sans-serif;
    background: #00a882;
    cursor: pointer;
    margin: 5px 0;
	transition: 0.5s;
}

#benefits .register-button:hover {
	background: #eb3a33;
}

#benefits .lang_sel {
	display: none;
}