/*
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;
}

/* OneTrust overrides */
#onetrust-consent-sdk a {
    outline: none;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-grp .ot-always-active {
    color: #01916D;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob:before {
    background-color: #01916D;
    border-color: #01916D;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob {
    background-color: #afc7c1;
    border: 1px solid #01916D;
}
/* #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch-nob {
    background-color: #afc7c1;
    border: 1px solid #01916D;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch-nob:before {
    background-color: #01916D;
} */
#onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:focus+.ot-switch {
    outline: none;
}
/* / OneTrust overrides */

.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);
}
textarea {
    padding: 5px;
    margin: 5px 0;
    outline: none;
}

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, textarea: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: 5px 15px;
    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%;
}
.btn:first-letter {
    text-transform: capitalize
}

.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,
#virtual_session #menu .item_virtual_session,
#x100_comp #menu .item_x100,
#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;
}

.margin_r_30 {
    margin-right: 30px;
}

#regProd .spacer, #repairs .spacer {
    display: block;
}

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

/* -- Hidden honeypot fields for forms -- */
.middle_name, .middle_name_check, .email_field {
    display: none;
}
/* -- /Hidden honeypotfields 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;
}
#virtual_session .header, #x100_comp .header, #connect_survey .header, #legal_notice .header {
    padding: 20px 0 40px 0;
}
#virtual_session .header .lang_sel .ms-choice, #x100_comp .header .lang_sel .ms-choice, #connect_survey .header .lang_sel .ms-choice, #legal_notice .header .lang_sel .ms-choice {
    font-size: 12px;
}
.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;
}
#x100_comp #menu .item_hac {
    border-image: linear-gradient(to top,transparent, #918f8f, transparent)!important;
    border-image-slice: 1!important;
    border-left: 0!important;
    border-top: 0!important;
    border-bottom: 0!important;
    border-right: 1px solid #000!important;
}
/* -- /header --*/

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

.menu_nav a {
    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 15px;
    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;
    margin-right: 30px;
}

.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 (login screen) --*/
.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;
}
div.slider_img.centre {
    background-position: center;
}

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;
}
.slider_container.top {
    top: 180px;
}
.slider_container.middle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.slider_container.bottom {
    top: 60%;
}
.slider_container.centre {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}

.slider_container.transparent {
    background-color: transparent;
}

.slider_container.hop svg {						/* added for HOP slide in en */

}

.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_container.temp_moving .slider_title {
    font-size: 60px;
    line-height: 60px;
}
.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 .smallprint {
    color: white;
    font-size: 70%;
    text-align: center;
    margin-top: 20px;
    display: block;
}

.slider_floating_content {
    position: absolute;
}
.top_slider.au .slider_floating_content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top_slider.au .slider_floating_content img {
  width: 75vw;
  height: auto;
}
/* -- /top slider (login screen) -- */

/* -- Content --*/
.add_prof_pic {
    position: absolute;
    text-align: left;
}
.content_container {
    max-width: 805px;
    margin: 140px auto 0;
    padding: 20px 20px 140px;	/* moved bottom 140px from margin to padding for Safari */
}
.content_container input {
    padding: 5px 15px;
    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;
}
.white_txt {
    color: #ffffff;
}
.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;
    width: 83%;
}
.footer_links span, .footer_links_right span, .ot-sdk-show-settings  {
    vertical-align: super;
    color: #999999;
}
.footer_links #ot-sdk-btn.ot-sdk-show-settings {
    color: #999999;
    font-family: noto-sans, sans-serif;
    background: none;
    border: none;
    height: auto;
    white-space: normal;
    word-wrap: break-word;
    padding: inherit;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}
.footer_links #ot-sdk-btn.ot-sdk-show-settings:hover {
    color: #999999;
    background: none;
}
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,
.ot-sdk-show-settings {
    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 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, textarea {
    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: 0;
    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%;
}

.lang_sel_toggl_select {
    background: #404041 !important;
}
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;
    */
}


/* google recapture - currently on create_account form only */
button.g-recaptcha {

}

.grecaptcha-badge {
    display: none;
}
/* /google recapture */


.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 */
/* FPS 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;
}
/* /FPS Scroll bar */
#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 {
    display: none;
    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;
}
body#settings.au .ajs-button.ajs-ok.confirm-deletion {
    background-color: #ee382b;
}
/* --- /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.ch_sps .body_txt.sps_approved {
    font-size: 16px;
    line-height: 20px;
}
#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);
    overflow: auto;
}

#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;
}
.col_4 .imgFade1, .col_4 .imgFade2, .col_4 .imgFade3, .col_4 .imgFade4, .col_4 .imgFade5{ /* for AU and other 4 col ones */
    margin: 0 auto 20px;
}
.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;
    z-index: 1;
}
.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;
}

.sps_approved_container {
    text-align: center;
}
/* --- / FPS/SPS Page ---*/

/* 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 a.policy_btn {
    font-size: 13px;
    line-height: 17px;
    position: absolute;
    right: 26px;
    bottom: 0;
}
#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_v3.jpg');
    background-position: top;
    padding: 20px 10px;
    max-height: inherit;
}
#welcome_popup.welcome_popup_1 .modal-body{
    overflow: auto;
    padding: 22px 26px;
}
#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_v2.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;
}
#imprint_popup .terms_title {
    margin-bottom: 0;
}
.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;
    width: 69%;
    box-sizing: border-box;
}

/* 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 ---*/


/* -- Register Product page -- */

body#regProd {
    overflow: unset;
}

body#regProd ul.connect_tab_grid_list.instax_product {	/* hide instax products on register product page */
    display: none;
}

.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_flex_container {
    display: flex;
    width:100%;
}
.prod_flex_container_content {
    display: block;
    width:100%;
}

.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: 20%;
    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.statusMsg.error a {
    color: #ee382b;
    text-decoration: underline;
}
.login_connect_grid p a:hover{
    color:#ee382b;
}
h5.rest {
    padding-bottom: 1.55em;
}

.login_connect{
    background:#fff;
    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;
}
.create_account.login_connect {
    height: 75vh;
    overflow: scroll;
}
.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;
    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 */


/* Push Banner */
body form#userAccountForm > .content_container,		/* these 3 are then given calculated values in js */
body .header,
body .main_menu,
body #mobile_menu,
body #popup_menu {
    transition: none;
}
body.push_banner_open form#userAccountForm > .content_container,
body.push_banner_open .header,
body.push_banner_open .main_menu,
body.push_banner_open #mobile_menu,
body.push_banner_open #popup_menu {
    transition: margin 500ms 1000ms, top 500ms 1000ms;
}
body.push_banner_static form#userAccountForm > .content_container,
body.push_banner_static .header,
body.push_banner_static .main_menu,
body.push_banner_static #mobile_menu,
body.push_banner_static #popup_menu {
    transition: none;		/* to allow instant resizing when banner is shown */
}
form#userAccountForm > .content_container {
    position: relative;
    top: 0;
}
.push_banner {
    position: absolute;
    top: 0;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
}
body.push_banner_open .push_banner {
    opacity: 1;
    pointer-events: auto;
}
.push_banner_close {
    position: absolute;
    right: 15px;
    top: 15px;
    background-image: url(../images/push_banner_icon_close.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    cursor: pointer;
    border-radius: 500px;
    transition: background 200ms;
}
.push_banner_close:hover {
    background-color: rgba(255,255,255,0.2);
}
.push_banner_close_inner {
    pointer-events: none;
}
.push_banner_close_inner::after {
    pointer-events: none;
}
.push_banner img {
    display: block;
}
/*
body.push_banner_open .main.profile_page,
body.push_banner_open .header,
body.push_banner_open .main_menu {
        margin-top: 150px;
}
*/
/* /Push Banner */



/* 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:last-child {
    margin-right: 0;
}

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: 4px;
    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 !important;
}
.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;
}
body.long .product_block .kit_bag .btn {
    font-size: 10px;
}
.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;
}

.swiss_status.statusMsg {
    font-size: 18px;
    line-height: 25px;
}
.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_container a {
    width: 100%;
}
.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: 805px;
}
#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: 805px;
    width: 100%;
    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, .promotion_more_info_container p > 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;
}

#flags .row {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}
#flags .col-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    width: 100%;
}

#flags .clearfix:after,
#flags .clearfix:before,
#flags .row:after,
#flags .row:before {
    display: table;
    content: " ";
}
#flags .clearfix:after,
#flags .row:after {
    clear: both;
}

#flags .col-12 {
    display: flex;
    text-align: center;
    justify-content: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}
#flags .col-12 svg {
    margin: 0 0.5rem;
}
#flags .flag-item {
    margin: 0 0.5rem;
    min-width: 134px;
    margin-bottom: 30px;
}
#flags .flag-item span{
    display: block;
}
#flags .flag_img {
    width: 60px;
    height: 40px;
    margin-bottom: 10px;
    border: solid 1px #B9B9B9;
}
#flags .title {
    margin-bottom: 30px;
}
#flags .subheader {
    max-width: 760px;
    margin: 0 auto 40px;
}
#flags .content_container {
    max-width: 1034px;
}

.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 */

/* Virtual Session page */
/* Date picker */
#virtual_session #ui-datepicker-div {
    font-family: noto-sans, sans-serif;
    font-size: 13px;
    font-weight: 400;
    width: 277px;
    border-radius: 0;
    border: 1px solid #000000;
}
#virtual_session .ui-datepicker .ui-datepicker-header {
    border-radius: 0px;
}
#virtual_session .ui-widget-header .ui-icon {
    background-image: none;
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
}
#virtual_session .ui-datepicker .ui-datepicker-next span {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #918f8f;
}
#virtual_session .ui-datepicker .ui-datepicker-prev span {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #918f8f;
    margin-left: -2px;
}
#virtual_session .ui-datepicker-next.ui-state-hover,
#virtual_session .ui-datepicker-prev.ui-state-hover {
    color: #02A87F;
    border: none;
    top: 2px;
    opacity: 0.5;
}
#virtual_session .ui-datepicker-next.ui-state-hover {
    right: 2px;
}
#virtual_session .ui-datepicker-prev.ui-state-hover {
    left: 2px;
}
#virtual_session .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #e7f2ef;
    background: #e7f2ef;
    color: #000;
}
#virtual_session td a.ui-state-hover {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
#virtual_session td a:hover {
    border: 1px solid #02A87F;
    background: #02A87F;
    color: #ffffff;
}
#virtual_session .ui-state-active {
    border: 1px solid #e7f2ef;
    background: #e7f2ef;
}
#virtual_session #ui-datepicker-div li span {
    margin: 0;
}
/* / Date picker */

#virtual_session .content_container {
    margin: 50px auto 0;
    padding: 20px 20px 200px;
}
#virtual_session .left_col, #virtual_session  .right_col {
    margin-top: 0;
}
#virtual_session p {
    margin-bottom: 10px;
}
#virtual_session .header_wrapper {
    width: 100%;
    height: auto;
    position: relative;
    background-image: url('../images/virtual_session_header.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 600px;
}
#virtual_session .content_container ul {
    margin-top: 10px;
}
#virtual_session .header_img img {
    width: 100%;
}
#virtual_session .header_overlay_text {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: auto;
    z-index: 2;
    color: #ffffff;text-align: center;
    padding: 30px;
    box-sizing: border-box;
}
#virtual_session .header_overlay_text:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-top-color: #000000;
    border-bottom: 0;
    margin-bottom: -30px;
    opacity: 0.5;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, 0);
}
#virtual_session .header_text_container {
    max-width: 700px;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, 0);
}
#virtual_session select{
    width: 69%; /* 72*/
}
#virtual_session input[type=radio]:not(old) + label {
    width: 100%;
    float: left;
    margin-right: 0;
}
/*
#virtual_session .checkbox {
        width: 100%;
    float: left;
        margin-bottom: 20px;
}
*/
#virtual_session .btn_container {
    width: 100%;
    text-align:  center;
    display: inline-block;
    margin-top: 40px;
}
#virtual_session .btn {
    display: inline-block;
    width: auto;
    margin-bottom: 0;
}
#virtual_session button.btn.dropdown-toggle {
    background: white;
    border: 1px solid black;
    color: black;
    margin-top: 0;
    width: 100%;
}
#virtual_session #lensDrop {
    margin: 0px 0 20px 100px;
}

#virtual_session .btn.lang_switcher {
    margin: 0 auto 20px;
}
/* Alertify */
#virtual_session .alertify-notifier {
    z-index: 9999;
}
#virtual_session .alertify-notifier .ajs-message.ajs-error {
    color: #fff;
    background: #ee382b;
    text-shadow: none;
    border: none;
}
/* / Alertify */
/* Adding new Current Kit and Type of enquiry dropdown - JP */
#virtual_session #cameraDrop .labels, #virtual_session #enquiryDrop .labels {
    font-size: 13px;
    display: inline-block;
    margin: 10px 0 10px 0;
}
#virtual_session .btn-default {
    color: #333;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 0px;
    width: 100%;
    text-align: left;
    margin-top: 14px;
    font-size: 12px;
}

.submit_disclaimer
{
  margin-top: 5vh !important;
}

#virtual_session .btn-group {
    width: 69%;
}
#virtual_session li.multiselect-item.multiselect-group input[type="checkbox"] {
    display: none;
}
#virtual_session .dropdown-menu > li.multiselect-item > a {
    padding: 0 12px !important;
    display: inline-block;
    width: 100%;
    outline: none;
    text-decoration: underline;
}
#virtual_session .dropdown-menu > li.checkList > a {
    text-decoration: none;
}
#virtual_session .dropdown-menu > li > a:hover {
    text-decoration: none;
}
#cameraDrop .multiselect-container, #lensDrop .multiselect-container, #enquiryDrop .multiselect-container {
    max-height: 169px;
    overflow: scroll;
    width: 100%;
}
#cameraDrop > div > ul > li.multiselect-item.multiselect-all > a > label,
#lensDrop > div > ul > li.multiselect-item.multiselect-all > a > label {
    display: none;
}
#virtual_session .content_container .multiselect-container {
    margin-top: 0px;
    border: 1px solid #000;
    border-radius: 0px;
}
#virtual_session .multiselect-container > li {
    margin-bottom: 0px;
    position: relative;
}
#virtual_session .multiselect-container .multiselect-item {
    margin-bottom: 7px;
    position: relative;
}
#virtual_session .multiselect-container .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
    width: 0px;
    height: 0px;
    left: 0px;
}
#virtual_session #enquiryDrop .checkbox {
    padding-left: 12px!important;
}
#virtual_session .multiselect.btn {
    text-align: left;
    border-radius: 0;
    width: 100%;
    overflow: hidden;
    padding: 5px 15px 5px 6px;
}
#virtual_session .dropdown-menu>.active>a, #virtual_session .dropdown-menu>.active>a:focus, #virtual_session .dropdown-menu>.active>a:hover {
    background-color: #fff;
    outline: none;
}
#virtual_session .checkList .blk_checkbox_wrapper {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 5px 5px 5px 0;
    border: 1px solid #000;
    border-radius: 0;
    background: #fff;
    vertical-align: middle;
}
#virtual_session .checkList .blk_checkbox_wrapper .blk_checkbox_inner {
    color: #4D4D4D;
    display: inline-block;
    margin: 10px 0 10px 0;
}
#virtual_session .checkList.active .blk_checkbox_wrapper .blk_checkbox_inner {
    display: block;
    width: 10px;
    height: 10px;
    margin: 3px;
    border-radius: 0px;
    background: #000;
}
/* / Adding new Current Kit and Type of enquiry dropdown - JP */
/* / Virtual Session page */

/* --- Privacy policy page --- */
#policy_popup {
    z-index: 99999999;
}
.privacy_policy_wrap {
    max-width: 785px;
    margin: 20px auto;
    padding: 20px;
}
#policy_popup p, #policy_popup_fb p, .privacy_policy_wrap p, #repairs_policy_popup p,
.modal-w-content p:not(.title) {
    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;
}
#policy_popup a {
    color : blue;
    text-decoration: underline;
}
/* --- 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%;
    max-height: 300px;
    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 {
    margin-left: 93px;
}
.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;
}




/* FR FPS */
.contact_email_label {
    display: block;
    margin-top: 20px;
}

#fps .amateur_pro_checkboxes {
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    font-weight: 100;
}

#fps .pro_contents {
    display: none;
}

.failure_text {
    pointer-events: all !important;
}
/* FR FPS */


/* X100 Competition - JP */
#x100_comp .dropzone, #x100_comp .dropzone * {
    box-sizing: unset!important;
}
#x100_comp .content_container {
    margin: 50px auto 0;
    padding: 20px 20px 200px;
}
#x100_comp .left_col, #x100_comp  .right_col {
    margin-top: 0;
}
#x100_comp p {
    margin-bottom: 10px;
}
#x100_comp .register_now {
    text-transform: uppercase;
}
#x100_comp .header_wrapper {
    width: 100%;
    height: auto;
    position: relative;
    background-image: url('../images/x100_comp/X100VAnniversary_header_new.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 600px;
}
#x100_comp .content_container ul:first-child {
    margin-top: 0px;
}
#x100_comp .jssocials-share.jssocials-share-facebook, #x100_comp .jssocials-share.jssocials-share-twitter {
    display: inline-block;
}
#x100_comp .jssocials-share.jssocials-share-twitter {
    margin-left: 10px;
}
#x100_comp .content_container ul {
    margin-top: 10px;
}
#x100_comp .header_img img {
    width: 100%;
}
#x100_comp .header_overlay_text {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: auto;
    z-index: 2;
    color: #ffffff;text-align: center;
    padding: 30px;
    box-sizing: border-box!important;
}
#x100_comp .header_overlay_text:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-top-color: #000000;
    border-bottom: 0;
    margin-bottom: -30px;
    opacity: 0.5;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, 0);
}
#x100_comp .header_text_container {
    max-width: 700px;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, 0);
}
#x100_comp .header_overlay_logo_wrapper {
    position: absolute;
    top: 45%;
    width: 100%;
    height: auto;
    z-index: 2;
    color: #ffffff;
    /* text-align: center; */
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 820px;
}
#x100_comp .header_overlay_logo_wrapper .header_overlay_logo_inner img {
    max-width: 270px;
    margin: 0 auto;
}
#x100_comp select{
    width: 72%;
}
#x100_comp input[type=radio]:not(old) + label {
    width: 100%;
    float: left;
    margin-right: 0;
}
#x100_comp .btn_container {
    width: 100%;
    text-align:  center;
    display: inline-block;
    /*    margin-top: 40px;*/
}
#x100_comp .btn {
    display: inline-block;
    width: auto;
    margin-bottom: 0;
}
#x100_comp .btn.lang_switcher {
    margin: 0 auto 20px;
}
/* Alertify */
#x100_comp .alertify-notifier {
    z-index: 9999;
    /* top: 50%;
    transform: translateY(-50%);
    margin: auto; */
}
#x100_comp .alertify-notifier .ajs-message.ajs-error {
    color: #fff;
    background: #ee382b;
    text-shadow: none;
    border: none;
}
#x100_comp hr {
    margin: 0;
    border-top: 1px dotted black;
    float: none;
    float: unset;
}
#x100_comp .grid_container {
    width: 100%;
    height: auto;
    display: block;
    margin: 40px 0px 40px;
    /* display: table;
    margin: 30px 0px 40px;
    text-align: center;
    display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-auto-rows: 1fr;
    grid-column-gap: 10px; */
}
#x100_comp .grid_container .grid_1 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0px 10px;
}
#x100_comp .grid_container .grid_1 .x100_year {
    background-color: #000000;
    color: #ffffff;
    padding: 10px;
    display: block;
    max-width: 60px;
    margin: 0 auto;
}
#x100_comp .grid_container .grid_1 img {
    padding-top: 40px;
}
#x100_comp .short_input {
    width: 64%;
}
#x100_comp .question_mark {
    background-color: black;
    color: white;
    padding: 0.1px;
    border-radius: 50%;
    width: 16px;
    text-align: center;
    font-size: 10px;
}
#x100_comp .social_description_wrapper {
    text-align: right;
    margin: 0 auto;
    display: block;
    width: 95%;
}
#x100_comp .social_description {
    margin-bottom: 0px;
    font-size: 9px;
    width: 85%;
    display: inline-block;
}
#x100_comp .dropfield {
    margin: 0px auto;
    text-align: center;
    width: 100%;
}
#x100_comp #dropzonePreview {
    height: 110px;
    min-height: 110px;
    width: 90%;
    margin: 4px auto 20px;
    padding: 60px 20px;
    cursor: pointer;
    border: 0px solid rgba(0, 0, 0, 0.1);
    background: #e8e9e9;
}
#x100_comp #dropzonePreview p, #x100_comp .dz-remove {
    color: #808285;
    text-decoration: none;
}
#x100_comp .dz-remove:hover {
    color: #808285;
    text-decoration: none;
}
#x100_comp .dropzone .dz-preview .dz-image {
    width: 90px;
    height: 90px;
}
#x100_comp #dropzonePreview .form-hidden {
    display: none;
}
#x100_comp #optInLabel, #x100_comp #imgPermissionLabel  {
    margin: 20px auto;
    text-align: left;
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
}
#x100_comp #optIn, #x100_comp #imgPermission {
    position: absolute;
    left: 0;
    top: 7px;
}
#x100_comp .tnx_msg_container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: none;
    background-color: rgba(0,0,0,0.9);
    padding: 70px 100px;
    max-width: 330px;
    z-index: 99;
}
#x100_comp .tnx_msg_container.show {
    display: block;
    z-index: 999;
}
#x100_comp .tnx_msg_container.hide {
    display: none;
}
#x100_comp .tnx_msg_container .tnx_msg_wrapper {
    width: 100%;
    height: auto;
    display: block;
    z-index: 99;
}
#x100_comp .tnx_msg_container .tnx_msg_wrapper .close {
    color: white;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(0%,0%);
    font-size: 30px;
    padding: 10px;
}
#x100_comp .tnx_msg_container .tnx_msg_wrapper .tnx_msg_inner {
    width: 100%;
    height: auto;
    /* max-width: 330px; */
    /* max-height: 300px; */
    /* background-color: rgba(0,0,0,0.8); */
    color: white;
    text-align: center;
    /* padding: 70px 100px; */
}
#x100_comp .tnx_msg_container .tnx_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;
    color: #ffffff;
}
#x100_comp .tnx_msg_container .hr_wrapper {
    width: 100%;
    height: auto;
    display: block;
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: center;
}
#x100_comp .tnx_msg_container .hr_wrapper hr {
    max-width: 70px;
    text-align: center;
    margin: 0 auto;
    float: none;
    float: unset;
}
#x100_comp .tnx_msg_container .tnx_icon_wrapper {
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
}
#x100_comp .tnx_msg_container .tnx_icon_wrapper .tnx_icon {
    width: 15%;
    height: auto;
    display: inline-block;
}
#x100_comp .emailSubmitted {
    color: red;
    text-transform: uppercase;
    display: block;
}
#x100_comp .x100_comp_submit {
    background: #00a882;
    outline: none;
    padding: 5px 15px;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    border: none;
    font-family: noto-sans, sans-serif;
    cursor: pointer;
    margin: 20px auto;
    text-align: center;
    display: inline-block;
    min-width: 15%;
    text-transform: uppercase;
}
#x100_comp .x100_comp_submit:hover {
    background-color: #ee382b;
}
#x100_comp .x100_comp_submit:disabled {
    background-color: #e8e9e9;
    pointer-events: none;
}
#x100_comp .question_mark.tooltip {
    position: relative;
    cursor: pointer;
    margin: 0;
}
#x100_comp .question_mark.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #75777a;
    color: #fff;
    text-align: center;
    border-radius: 0px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

#x100_comp .question_mark.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #75777a transparent transparent transparent;
}

#x100_comp .question_mark.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
#x100_comp .grid_container .slick-dots li button:before {
    font-family: 'slick';
    font-size: 15px;
    line-height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: '\25CF';
    text-align: center;
    opacity: 1;
    color: #818285;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 50%;
}
/* x100 comp gallery */
.x100_comp_entries_container {
    padding-top: 40px;
}
.x100_comp_entries_wrapper .title {
    text-transform: none!important;
}
#x100_comp_entries .gallery-grid {
    /* margin-left: 15px; */
}
#x100_comp_entries .gallery-item-inner {
    width: 100%;
    height: auto;
}
#x100_comp_entries .gallery-item-inner img {
    max-width: 130px;
}
#x100_comp_entries .gallery-item-inner .zoom-in {
    width: 100%;
    height: auto;
    text-align: right;
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}
#x100_comp_entries .gallery-item-inner:hover .zoom-in {
    opacity: 1;
}
#x100_comp_entries .gallery-item {
    display: block;
    cursor: pointer;
}
#x100_comp_entries .gallery-item.hidden {
    display: none;
}
#x100_comp_entries .gallery-img {
    width: 130px;
    height: 130px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}
#x100_comp_entries .see-more {
    width: 100%;
    height: auto;
    text-align: center;
}
#x100_comp_entries .see-more .load-more {
    background: #00a882;
    outline: none;
    padding: 5px 15px;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    border: none;
    font-family: noto-sans, sans-serif;
    cursor: pointer;
    margin: 20px auto;
    text-align: center;
    display: inline-block;
    min-width: 15%;
    text-transform: uppercase;
    text-decoration: none!important;
}
#x100_comp_entries .see-more .load-more:hover {
    background: #ee382b;
    text-decoration: none;
}
#x100_comp .slick-lightbox .slick-next:before {
    content: "";
    height: 16px;
    width: 16px;
    border: 4px solid;
    border-color: transparent #ffffff #ffffff transparent;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    top: 58%;
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transition: all 0.3s ease;
}
#x100_comp .slick-lightbox .slick-prev:before {
    content: "";
    height: 16px;
    width: 16px;
    border: 4px solid;
    border-color: transparent #ffffff #ffffff transparent;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    top: 58%;
    transform: translate(-50%, -50%) rotate(-225deg);
    -webkit-transform: translate(-50%, -50%) rotate(-225deg);
    transition: all 0.3s ease;
}
#x100_comp .slick-lightbox .slick-prev,#x100_comp .slick-lightbox .slick-next {
    width: 80px;
    height: 80px;
}
#x100_comp .termsBtn, #x100_comp .declarationBtn, #x100_comp .dataProtection {
    text-decoration: underline;
    /* font-weight: 600; */
}
#x100_comp .dataProtection {
    margin-bottom: 0;
    padding-bottom: 0;
}
.x100_comp_terms_wrapper, .x100_comp_doc_wrapper  {
    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;
    display: none;
}
.x100_comp_terms_qualify_close.terms, .x100_comp_doc_qualify_close.terms {
    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;
    z-index: 1;
    top: 10%;
    right: -384px;
    animation: fadeInClose 0.25s linear;
    animation-fill-mode: both;
}
.x100_comp_terms_qualify_close.terms:hover, .x100_comp_doc_qualify_close.terms:hover {
    background: #fff;
    color: #00a882;
}
.x100_comp_terms_modal-w-content, .x100_comp_doc_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);
    padding: 20px 20px 20px;
    background-color: #fff;
    color: #000;
}
.x100_comp_terms_wrapper .title, .x100_comp_doc_wrapper .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;
    text-align: left;
}
.x100_comp_terms_wrapper p, .x100_comp_doc_wrapper p {
    text-align: left;
    margin-bottom: 10px
}
.x100_comp_terms_wrapper .terms_title, .x100_comp_doc_wrapper .terms_title {
    font-weight: 100;
    font-size: 13px;
    text-align: left;
    margin: 10px 0;
    line-height: 17px;
    color: #00a882;
}
.x100_comp_terms_wrapper .terms_title.bold, .x100_comp_doc_wrapper .terms_title.bold {
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: -0.5px;
}
.x100_comp_terms_wrapper .terms_bullet, .x100_comp_doc_wrapper .terms_bullet {
    width: 10px;
    height: 10px;
    background: #00a882;
    display: inline-block;
    margin-right: 5px;
}
.x100_comp_terms_modal-body, .x100_comp_doc_modal-body {
    padding: 2px 16px;
    max-height: calc(90vh - 180px);
    overflow: auto;
}
#x100_comp .content_container .grid_container ul {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    z-index: 1;
}
#x100_comp .limited {
    font-size: 40px;
    line-height: 35px;
    margin-top: 60px;
    margin-bottom: 20px;
    text-align: center;
}
#x100_comp .limited_wrapper {
    width: 100%;
    height: auto;
    display: block;
}
#x100_comp .limited_wrapper .limited_inner {
    /* width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 15px; */
    width: 100%;
    height: auto;
    display: block;
    margin: 30px 0px 40px;
}
#x100_comp .limited_wrapper .limited_inner .limited_container {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0px 10px;
}
#x100_comp .winners_wrapper {
    padding: 40px 0px;
}
#x100_comp .winners_wrapper .congrats {
    font-family: ff-good-headline-web-pro-ext, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    /* margin-bottom: 20px; */
}
#x100_comp .winners-grid {
    /* display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between; */
    width: 100%;
    height: auto;
    display: block;
}
#x100_comp .winners-grid .winners-item {
    /* display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1; */
    display: inline-block;
    height: auto;
    margin: 10px 10px 0 0;
    width: calc(1/2*100% - (1 - 1/2)*10px);
}
#x100_comp .winners-grid .winners-item:nth-child(2n) {
    margin-right: 0;
}
#x100_comp .winners-grid .winners-item .winners-item-inner {
    width: 100%;
    height: auto;
    position: relative;
}
#x100_comp .winners-grid .winners-item .winners-item-inner .winners-img {
    width: 100%;
    height: 295px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    cursor: pointer;
}
#x100_comp .winners-grid .winners-item .winners-item-inner .zoom-in {
    position: absolute;
    bottom: 102px;
    right: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}
#x100_comp .winners-grid .winners-item .winners-item-inner:hover .zoom-in {
    opacity: 1;
}
#x100_comp .winners-grid .winners-item .winners-item-inner .text-wrapper {
    text-align: center;
    text-transform: uppercase;
    padding: 30px 0px 20px 0px;
}
#x100_comp .winners-grid .winners-item .winners-item-inner .text-wrapper .category {
    font-family: ff-good-headline-web-pro-ext, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    padding: 0px 0px 5px 0px;
}
#x100_comp .winners-grid .winners-item .winners-item-inner .text-wrapper .name {
    font-family: ff-good-headline-web-pro-ext, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 29px;
    line-height: 29px;
    text-align: center;
}
#x100_comp .winners-grid .winners-item .winners-item-inner .text-wrapper .exifData {
    font-size: 11px;
}
/**/
#x100_comp .winner-grid {
    display: block;
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
    width: 100%;
    /* justify-content: space-between; */
}
/* #x100_comp .winner-grid .winners-item {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    margin: 10px 10px 0 0;
    width: calc(1/2*100% - (1 - 1/2)*10px);
} */
#x100_comp .winner-grid .winner-item:nth-child(2n) {
    margin-right: 0;
}
#x100_comp .winner-grid .winner-item .winner-item-inner {
    width: 100%;
    height: auto;
    position: relative;
}
#x100_comp .winner-grid .winner-item .winner-item-inner .winner-img {
    width: 100%;
    height: 550px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    cursor: pointer;
}
#x100_comp .winner-grid .winner-item .winner-item-inner .zoom-in {
    position: absolute;
    bottom: 0px;
    right: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}
#x100_comp .winner-grid .winner-item .winner-item-inner:hover .zoom-in {
    opacity: 1;
}
#x100_comp .winner-grid .winner-item .winner-item-inner .text-wrapper {
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0px 20px 0px;
}
#x100_comp .winner-grid .winner-item .winner-item-inner .text-wrapper .category {
    font-size: 16px;
    padding: 0px 0px 20px 0px;
}
#x100_comp .winner-grid .winner-item .winner-item-inner .text-wrapper .name {
    font-family: ff-good-headline-web-pro-ext, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 41px;
    line-height: 41px;
    text-align: center;
    margin-bottom: 10px;
}
#x100_comp .winner-grid .winner-item .winner-item-inner .text-wrapper .exifData {
    font-family: noto-sans, sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
}

/**/
#x100_comp .other_langs_winner_wrapper {
    width: 100%;
    height: auto;
    display: block;
}
#x100_comp .other_langs_winner_wrapper .other_langs_winner_inner {
    /* width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 15px; */
    width: 100%;
    height: auto;
    display: block;
    margin: 20px 0px 40px;
    position: relative;
}
#x100_comp .other_langs_winner_wrapper .other_langs_winner_inner .other_langs_container {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0px 10px;
}
#x100_comp .other_langs_winner_wrapper .other_langs_image {
    width: 235px;
    height: 235px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    cursor: pointer;
}
#x100_comp .other_langs_winner_wrapper .text-wrapper {
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0px;
}
#x100_comp .other_langs_winner_wrapper .text-wrapper .country {
    font-family: ff-good-headline-web-pro-ext, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    padding: 0px 0px 5px 0px;
}
#x100_comp .other_langs_winner_wrapper .text-wrapper .name {
    /* font-size: 29px;
    font-weight: bold;
    padding: 10px 0px;
    line-height: 33px; */
    font-family: ff-good-headline-web-pro-ext, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 29px;
    line-height: 29px;
    text-align: center;
}
#x100_comp .other_langs_winner_wrapper .text-wrapper .exifData {
    font-size: 11px;
}
#x100_comp .slick-slide .slider_xif, #x100_comp .slick-slide .text-wrapper {
    opacity: 0;
    transition: opacity 0.1s ease;
    -webkit-transition: opacity 0.1s ease;
    -moz-transition: opacity 0.1s ease;
    -o-transition: opacity 0.1s ease;
}
#x100_comp .slick-center.slick-slide .slider_xif, #x100_comp .slick-center.slick-slide .text-wrapper {
    opacity: 1;
    transition: opacity 0.5s ease 0.7s;
    -webkit-transition: opacity 0.5s ease 0.7s;
    -moz-transition: opacity 0.5s ease 0.7s;
    -o-transition: opacity 0.5s ease 0.7s;
}
#x100_comp .slick-prev, #x100_comp .slick-next {
    top: 60%;
}
#x100_comp .slick-prev:before, #x100_comp .slick-next:before{
    opacity: 1;
    color: #000000;
}
#x100_comp .slick-prev {
    left: -20px;
}
#x100_comp .slick-next {
    right: -40px;
}
#x100_comp .other_langs_winner_wrapper .other_langs_winner_inner:before,
#x100_comp .other_langs_winner_wrapper .other_langs_winner_inner:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 250px;
    top: 0;
    height: 100%;
    pointer-events: none; /*makes the linkes behind clickable.*/
}
#x100_comp .other_langs_winner_wrapper .other_langs_winner_inner:before {
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
#x100_comp .other_langs_winner_wrapper .other_langs_winner_inner:after {
    right: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
#x100_comp .other_langs_winner_wrapper .slick-dots li.slick-active button:before {
    /* color: black; */
    opacity: 1;
}
#x100_comp .other_langs_winner_wrapper .slick-dots {
    position: absolute;
    bottom: -50px;
}
#x100_comp .slick-dots li button:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    background-color: #000000;
    opacity: 0.25;
}
.x100_pre_loader {
    transform: translate(45%,50%);
    width: 100%;
    height: 100%;
    background-color: white;
    display: block;
}
.x100_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: x100_pre_loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #000 transparent transparent transparent;
}
.x100_pre_loader div:nth-child(1) {
    animation-delay: -0.45s;
}
.x100_pre_loader div:nth-child(2) {
    animation-delay: -0.3s;
}
.x100_pre_loader div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes x100_pre_loader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
#x100_comp .slick-lightbox-slick-caption {
    display: block;
    width: 100%;
    height: auto;
}
/* Connect survey */
#connect_survey .intro_wrapper {
    width: 100%;
    height: auto;
    display: block;
}
#connect_survey .intro_container {
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
}
#connect_survey .bold-text {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
}
#connect_survey .small_print {
    text-align: center;
    font-size: 12px;
    font-family: 'noto-sans';
    font-style: italic;
}
#connect_survey .subtitle, #connect_survey .subtitle_2nd  {
    font-size: 19px;
    color: #bcbdc0;
    display: none;
}
#connect_survey .content_container {
    padding: 20px;
    margin: 140px auto 80px;
}
#connect_survey .image_container {
    padding-top: 20px;
}
#connect_survey .enter_btn {
    background: #00a882;
    outline: none;
    padding: 5px 15px;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    border: none;
    font-family: noto-sans, sans-serif;
    cursor: pointer;
    margin: 20px auto;
    text-align: center;
    display: inline-block;
    min-width: 15%;
    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;
}
#connect_survey .enter_btn:hover{
    background:#ee382b;
}
#connect_survey #accordion1 {
    /* background-color: yellow; */
}
#connect_survey #accordion2 {
    /* background-color: pink; */
}
#connect_survey #accordion2.notActive {
    display: none;
}
#connect_survey #survey {
    height: 100%;
    overflow-y: hidden;
    margin-bottom: 0px;
}
#connect_survey #survey .survey_container {
    top: 0;
    position: relative;
    z-index: 3;
    height: 100%;
    /* background-color: rgba(0,0,0,0.4); */
    width: 100%;
    display: block;
    min-height: 380px;
    transition: min-height 1s ease-out;
    overflow: hidden;
}

#connect_survey #survey .question_container {
    /* background-color: transparent; */
    /* color: white; */
    position: absolute;
    width: 100%;
    height: auto;
    overflow: hidden;
}

#connect_survey #survey .question_wrapper {
    padding: 20px 0 0;
    height: 100%;
    /* min-height: 380px; */
    width: 100%;
    /* overflow-y: auto; */
    overflow: hidden;
}
#connect_survey #survey .answers_5 .question_wrapper, #connect_survey .answers_4 .question_wrapper {
    /* width: 46%; */
}
#connect_survey .show_page, #connect_survey .show_container {
    display: block;
    top: 0;
    bottom: 0px;
    background-color: #ffffff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
#connect_survey .hide_page, #connect_survey .hide_container {
    display: none;
    right: -100%;
    opacity: 0;
    z-index: 1;
}
#connect_survey .page_ontop {
    z-index: 999;
}
#connect_survey .force_gpu {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/* --- arrow btns --- */
#connect_survey .arrow_btn_container {
    width: 100%;
    height: 80px;
    /* position: fixed;
        left: 0;
        bottom: 50px;
        background-color: rgba(255,255,255,0.8); */
    z-index: 3;
    text-align: center;
}
#connect_survey .arrow_btn {
    /* width: 80px;
        padding: 0;
        margin: 0 15px;
    border: 2px solid black;
        background-color: transparent;
        opacity: 1;
        -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
        pointer-events: all;
        display: inline-block;
    color: black; */
    background: #00a882;
    outline: none;
    padding: 5px 15px;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    border: none;
    font-family: noto-sans, sans-serif;
    cursor: pointer;
    margin: 20px;
    text-align: center;
    display: inline-block;
    min-width: 15%;
    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;
}

#connect_survey .arrow_btn.disabled, .disabled {
    opacity: 0.25;
    pointer-events: none;
    /* background: transparent; */
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}
#connect_survey .arrow_btn:active {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}
#kit_selector .arrow {
    text-align: center;
}
#connect_survey .arrow img {
    width: 15%;
    display: inline-block;
    padding: 5px 5px 5px 10px;
    box-sizing: unset;
    vertical-align: middle;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
#connect_survey .prev .arrow img {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

#connect_survey .arrow.small {
    width: 1.75vw;
    height: 1.75vw;
    margin: 0 0 0 2vw;
    border-width: 0.3vw .3vw 0 0;
}
#connect_survey .arrow.small:before {
    width: 2.7vw;
    height: 0.3vw;
    top: -0.2vw;
}
/* --- /arrow btns --- */
#connect_survey #survey .progress_indicator {
    position: relative;
    height: 5px;
    border-radius: 100px;
    background-color: rgba(0, 0, 0, 0.25);
    /* bottom: 35%; */
    margin: 0 auto;
    width: 100%;
    z-index: 3;
}
#connect_survey .progress_indicator span {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 20%;
    height: 5px;
    background: #00a882;
    border-radius: 100px;
    -webkit-transition: width 500ms;
    transition: width 500ms;
}

#connect_survey .question {
    text-align: center;
    font-size: 28px;
    font-family: ff-good-headline-web-pro-ext, sans-serif;
    font-weight: 600;
    font-style: normal;
}
#connect_survey .question span {
    color: #E4032E;
}

#connect_survey #survey .progress_slug {
    text-align: center;
    text-transform: uppercase;
    color: black;
}
#connect_survey #survey .answer_wrapper {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 30px 0;
    flex-direction: column;
    max-height: 250px;
}

#connect_survey #survey .answer {							/* answers */
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: left;
    font-size: 16px;
    line-height: 7px; /*22px*/
    cursor: pointer;
    /*    padding-left: 40px;*/
    color: black;
    position: relative;
    display: inline-block;
    border-radius: 100px;
    width: 355px;
    height: 25px; /*40px*/
    vertical-align: top;
    margin: 10px;
}
#connect_survey #survey #q1 .answer {
    text-align: center;
    width: auto;
}
#connect_survey #survey .answer:last-child {
    /*	margin-bottom: 50px;							 to let last answer be scrolled above buttons */
}
#connect_survey #survey .answer .check_wrapper {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 5px 5px 9px 0;
    border: 1px solid #000;
    border-radius: 0;
    background: #fff;
    vertical-align: middle;
}
#connect_survey #survey .answer .check_wrapper .check_inner {
    color: #4D4D4D;
    display: inline-block;
    margin: 10px 0 10px 0;
}
#connect_survey #survey .answer.selected .check_wrapper .check_inner {
    display: block;
    width: 9px;
    height: 9px;
    margin: 2px;
    border-radius: 0px;
    background: #000;
}
/* #connect_survey #survey .answer::before {
        content: '';
        display: inline-block;
    margin-right: 10px;
}
#connect_survey #survey .answer::before {
    width: 12px;
    height: 12px;
    background: transparent;
    border: 1px solid black;
        -webkit-transition: all 250ms;
        transition: all 250ms;
        box-sizing: content-box;
}
#connect_survey #survey .answer.selected::before {
    width: 0;
    height: 0;
    border-width: 8px;
        -webkit-transition: all 250ms;
        transition: all 250ms;
} */
#connect_survey #survey .answer:active {
    /*	background: rgba(0,0,0,0.3);*/
}
#connect_survey .otherOption1_input, #connect_survey .otherOption2_input, #connect_survey .otherOption3_input, #connect_survey .otherOption4_input, #connect_survey .otherOption5_input {
    width: 47%;
    display: none;
}
#connect_survey .thank_you_message,  #connect_survey .error_message, #connect_survey .error_btn {
    opacity: 0;
    transition: opacity .5s ease-out;
}
#connect_survey #q21 {
    text-align: center;
}