/*
Theme Name: FBWP
Theme URI: http://example.org/themes/dusk/
Description: Theme for FlashBack
Version: 1.0
Author: Dave Francis
Author URI: http://example.org/
Template: full-frame
Tags: 
*/




/* basic elements */

html {
	margin: 0;
	padding: 0;
	}
html, body {background-color:#ffffff}
body, a, textarea, input, select, label  { 
	font-size: 18px;
	    font-family: "Neuzeit-Grotesk",Arial,Helvetica,Sans-Serif;
	line-height: 26px;
    	font-weight: normal;
	color: #323232; 
	margin: 0; 
	padding: 0;
	}
p { 
	margin-top: 0; 
	padding: 0;
	font-family: "Neuzeit-Grotesk",Arial,Helvetica,Sans-Serif;
    	font-weight: normal;
	}
h1, h2, h3, h4, h5, h6 {
    font-family: "Neuzeit-Grotesk",Arial,Helvetica,Sans-Serif;
}
h1 { 
	font-size: 53px;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 1.25em;
	}
h2 { 
	font-size: 45px;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 1.25em;
	}
h3 { 
	font-size: 38px;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 1.25em;
	}
h4 { 
	font-size: 27px;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 1.25em;
	}
h5 { 
	font-size: 20px;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 1.25em;
	}
a:link { 
	color: #1264A3;
    text-decoration: none;
	}
a:visited { 
	color: #1264A3;
    text-decoration: none;
	}
a:hover, a:focus, a:active { 
	color: #1264A3;
    text-decoration: none;
	}
abbr {
	border-bottom: none;
	}





#pg-master {
	display:flex;
}

#pg-footer {
	padding:20px;
	box-sizing:border-box;
	background-color:#202040;
	color:white;
}

main {
flex:1;
background-color:#ffffff;
padding:0px;
box-sizing:border-box;
}

aside {width:400px;background-color:#20f0f0;border-left:#d0d0d0 1px solid;padding:10px;box-sizing:border-box}

header {display:none}

#pg-master main article {padding-top:40px;}

/* start -header */

body {padding-top:0px}
#pg-header {
	background-color: #86627a;
    margin: 0;
    position: fixed;
    width:100%;
    height:60px;
    top:0;
    z-index:10;
 }
.pg-content {
	width:940px;
	margin:0 auto;
	display:flex;
	align-items: center;
	justify-content:space-between;
	height:100%;
}
.pg-logo {
	margin-right:20px;
	line-height:0px;
}

#pg-head-allmenu {display:flex;}

#pg-head-right {display:flex;align-items: center;}

#pg-globe {
	display:flex;
	padding:3px 0;}

/*Added styles */

h5.elementor-image-box-title
{
	margin: 0;
}

.elementor-widget:not(:last-child) {
    margin-bottom: 5px !important;
}

/*download and buy buttons */

.pg-head-btn {
	line-height:32px;
	color:white;
	padding:0 20px;
	margin-right:10px;
	letter-spacing:2px;
	text-transform: uppercase;
	display:inline-block;
	font-size:8pt;
	text-decoration: none;
	font-family:"Montserrat",Arial,Helvetica,Sans-Serif;
}

#pg-head-downloadbtn {
	background-color:rgb(187,125,166);
}

#pg-head-downloadbtn:hover {
	background-color:rgb(205,137,182);}

#pg-head-buybtn {
	background-color:rgb(30,156,155);
	margin-right:24px;
}
#pg-head-buybtn:hover {
	background-color:rgb(33,171,170);
}

/* header menus */

.pg-head-menucont {position:relative;display:inline-block;}

.pg-head-menu {
	display:none;
	position:absolute;
	left:50%;top:100%;
	transform:translateX(-50%);
}

.pg-head-menucont:hover .pg-head-menu {display:block;}


.pg-menuarrow {
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #9c718f transparent;
    margin-right: 0;
}
.pg-menuarrow.pg-menuarrow-white {
    border-color: transparent transparent white transparent;
}

.pg-menu-box {
	box-shadow: 0px 3px 4px rgba(0,0,0,0.3);
	background-color:#ffffff;
	width:200px;
}

.pg-menu-separator {height:1px;background-color:#a9899e;}

.pg-head-menu a, .pg-head-menuitem {
	color:white;
	text-decoration:none;
	font-size:13px;
	background-color:#9c718f;
	white-space:nowrap;
	letter-spacing:1px;
	transition:background-color 0.1s;
}
.pg-head-menuitem:link, .pg-head-menuitem:visited, .pg-head-btn:link, .pg-head-btn:visited {color:white;}
/*.pg-head-menu a:link, .pg-head-menuitem:link, .pg-head-menu a:visited, .pg-head-menuitem:visited, .pg-head-btn:link, .pg-head-btn:visited {color:white;}
*/
/*
.pg-head-menu a {
	line-height:200%;
	padding:6px 15px;
	display:block;
}
.pg-head-menu a:hover {background-color:#8a5c7b;color:#dec8d7;}
*/


/* central header menu */

#pg-head-mainmenu {margin-right:50px;}

.pg-head-menuitem {
	line-height:32px;
	padding:0 10px;
	background-color:#86627a;
	display:inline-block;
	border-radius:2px;

}
.pg-head-menuitem:hover {
	background-color:#9c718f;
}

/* solutions dropdown */

#pg-solutionsmenu {
	width:560px;
	display:flex;
	flex-wrap: wrap;
	font-size:100%;
	line-height:140%;
}

#pg-solmenu-left, 
#pg-solmenu-right, 
#pg-solmenu-footer { 
	padding:20px;
	box-sizing: border-box;
}
#pg-solmenu-left {
	background-color:white;
	width:55%;
	display:inline-block;
}
#pg-solmenu-right {
	width:45%;
	background-color:#ececec;
	display:inline-block;
}
#pg-solmenu-footer {
	color:white;
	background-color: #606060;
	width:100%;
	display:flex;
	align-items: center;
	font-size:10pt;
}

#pg-solutionsmenu .pg-solmenu-head, #pg-solutionsmenu .pg-solmenu-subhead {
	font-family:"Montserrat",Arial,Helvetica,Sans-Serif;
	display:block;
	font-weight:600;
}

#pg-solutionsmenu .pg-solmenu-head {
	font-size:130%;
	text-transform:uppercase;
	margin-bottom:1em;
color:#303030;
border-bottom:#d0d0d0 1px solid;
padding-bottom: 15px;
font-weight:bold;
text-align:center;
}


#pg-solutionsmenu a {
	color:#a24083;
	background-color:transparent;
	padding:0;
	margin:0;
	line-height:150%;
	letter-spacing:0;
	font-size:100%;
	font-weight:bold;
}


#pg-solutionsmenu a:hover {color:#b06f9b;}

#pg-solmenu-footer a {display:inline-block;color:#ea97cf;}
#pg-solmenu-footer a:hover {color:#bc8aab;}
#pg-solmenu-footer img {display:inline-block;margin-right:20px;}

/* end- header */

#pg-storemenu {
	/*display:flex;*/
	width:300px;
	background-color:white;
	/*flex-wrap:wrap;*/
}
/*
#pg-storemenu-left {
	display:inline-block;
	width:50%;
	background-color:#ffffff;
}
#pg-storemenu-right {
	display:inline-block;
	width:50%;
	background-color:#f0f0f0;
}
*/
#pg-storemenu a, .pg-head-menu a {
	background-color:transparent;
	/*line-height:110%;*/
	color:#a24083;
	display:block;
	text-align:left;
	white-space:normal;
	padding:1em;

}
#pg-storemenu a:hover, .pg-head-menu a:hover {background-color:#f0f0f0;}
#pg-storemenu .pg-menu-separator {background-color:#e0e0e0}
/*#pg-storemenu a:last-child {margin:0;}
#pg-storemenu-right span {display:block;line-height:140%;}
*/
/* products menu */

#pg-productsmenu {
	width:555px;
	display:flex;
	flex-wrap: wrap;
	background-color:white;
	font-size:100%;
	line-height:140%;
}

#pg-productsmenu .grey {color:#a0a0a0;}

#pg-prodmenu-left, 
#pg-prodmenu-right, 
#pg-prodmenu-footer,
#pg-storemenu-left,
#pg-storemenu-right { 
	padding:20px;
	box-sizing: border-box;
}

#pg-prodmenu-right {background-color:#f0f0f0;}

#pg-prodmenu-left, #pg-prodmenu-right {width:50%;text-align:center;}

.pg-prodmenu-head {
	font-size:130%;
	display:block;
	text-align:center;
	margin-bottom:1em;
	font-weight:bold;
	text-transform: uppercase;
	font-family: "montserrat";
    border-bottom: #d0d0d0 1px solid;
    padding-bottom: 15px;    
}

#pg-prodmenu-left a, #pg-prodmenu-right a {
    display: block;
    width: 8em;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
    background-color:#1e9c9b;
    font-weight:bold;
    color:white;
}

#pg-prodmenu-footer {
    background-color: #868686;
	display: block;
	width: 100%;
	color:white;
	padding-bottom:10px;
}

#pg-prodmenu-footer .pg-prodmenu-head {
	border-bottom:#d0d0d0 1px solid;
	padding-bottom:10px;
	text-transform:none;
	text-align:left;
}

#pg-prodmenu-footer span {
	display:block;
	margin-bottom:10px;
}

#pg-prodmenu-footer a {
	background-color:transparent;
    padding: 0;
    color: #ffbbe9;
    font-weight: bold;
    line-height:100%;
    display:inline;
}

#pg-prodmenu-mid {background-color:#676767;width:100%;color: white;
    font-size: 110%;
    text-align: center;
    line-height: 200%;
    font-weight: 600;}
#pg-prodmenu-mid a {background-color:transparent;padding:0;display:block;text-align:center;color:#b7618c;} 

/* css for download form  */
.df_errormessage {color:red;line-height:30px;display:block;}
.df_errormessage label {color:red;line-height:30px;display:inline-block;}
.df_errormessage input[type="checkbox"] {vertical-align: middle;margin-left:5px;}
.df_successmessage {display:block;font-weight:bold; margin-top:20px; margin-bottom:20px;}

.downloadbtn {display:inline-block;margin-right:10px;background-color:#808080;font-size:12pt;padding:5px 10px;}
.downloadbtn:visited, .downloadbtn:link {color:white;text-decoration:none;}

.df-downloadpro a.greyedout, .df-downloadplus a.greyedout, .df-downloadexpress a.greyedout, .df-downloadsdk a.greyedout, .df-downloadexpert a.greyedout
{
	background-color:#a8a8a8 !important;
	color:#d0d0d0 !important;
	cursor:default !important; 
}

#downloadinfo {
	background-color:#f0f0f0;
	display:flex;
	padding:20px;
	box-sizing:border-box;
}
#downloadinfo div {
	width:50%;
}
#downloadinfo div, #downloadinfo div a {
	line-height:170%;
	font-size:10pt;
}

#fbxfaq-accord .elementor-tab-title {outline:none;display:flex;align-items:center;}

/* get-pro licence selectors */
.lic-select {cursor:pointer}  
.lic-select.selected {border-color:#ff3030 !important}
.lic-select.selected h3, .lic-select.selected i, .lic-select.selected .elementor-text-editor {color:#282828 !important}
/* end licence selectors */

/* CSS for footer */
#pg-footer {
	padding:50px 0;
	background-color:#35223d;
}


.pg-ft-col a {
    display: block;
    color: #FFFFFF !important;
    font-size: 14px;
}

.pg-ft-col a:visited {
    display: block;
    color: #FFFFFF !important;
    font-size: 14px;
}

.pg-ft-col  a:link {
    display: block;
    color: #FFFFFF !important;
    font-size: 14px;
}

#pg-footer2 {
	background-color:#251b29;
	padding:25px 0;
}

.pg-ft-content {
	width:950px;
	margin:0 auto;
	display:flex;
	align-items:top;
	justify-content: space-between;}

.pg-ft-col {width:25%;box-sizing:border-box;padding:0 25px;}
.pg-ft-col:first-child {padding-left:0}
.pg-ft-col:last-child {padding-right:0}

.pg-ft-head {
	color:white;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-bottom:#55446f 3px solid;
	padding-bottom:6px;
	margin-bottom:20px;
	display:block;
font-size:13px;}


#pg-ft2-left, #pg-ft2-right {display:flex;align-items:center;}
#pg-ft2-right span {color: #e8dded;font-size:13px;}
#pg-ft2-right img {width:85px;margin-left:50px;display:inline-block;}
/* end of footer */



.formobile {display:none;}
.pg-head-menu a.formobile {display:none;}
#mobmenu {
	width:16px;
	height:13px;
	margin-right:10px;
	background:url('images/burger.png');
}

#devicedetect {z-index:1;}




/* Tipso Bubble Styles */
.tipso_bubble,.tipso_bubble > .tipso_arrow{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tipso_bubble{position:absolute;text-align:center;border-radius:6px;z-index:9999}.tipso_title{border-radius:6px 6px 0 0}.tipso_content{word-wrap:break-word;padding:0.5em}.tipso_bubble.tiny{font-size:0.6rem}.tipso_bubble.small{font-size:0.8rem}.tipso_bubble.default{font-size:1rem}.tipso_bubble.large{font-size:1.2rem;width:100%}.tipso_bubble > .tipso_arrow{position:absolute;width:0;height:0;border:8px solid;pointer-events:none}.tipso_bubble.top > .tipso_arrow{border-top-color:#000;border-right-color:transparent;border-left-color:transparent;border-bottom-color:transparent;top:100%;left:50%;margin-left:-8px}.tipso_bubble.bottom > .tipso_arrow{border-bottom-color:#000;border-right-color:transparent;border-left-color:transparent;border-top-color:transparent;bottom:100%;left:50%;margin-left:-8px}.tipso_bubble.left > .tipso_arrow{border-left-color:#000;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;top:50%;left:100%;margin-top:-8px}.tipso_bubble.right > .tipso_arrow{border-right-color:#000;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;top:50%;right:100%;margin-top:-8px}.tipso_bubble .top_right_corner,.tipso_bubble.top_right_corner{border-bottom-left-radius:0}.tipso_bubble .bottom_right_corner,.tipso_bubble.bottom_right_corner{border-top-left-radius:0}.tipso_bubble .top_left_corner,.tipso_bubble.top_left_corner{border-bottom-right-radius:0}.tipso_bubble .bottom_left_corner,.tipso_bubble.bottom_left_corner{border-top-right-radius:0}
.tipso_style {cursor:default;}

/* dialog */
#fb-dlg-mask {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.3);z-index:1000;}
.fb-dlg-dialog 
{
	display:none;
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:450px;
	height:auto;
	padding:20px;
	box-sizing:border-box;
	border-radius:4px;
	background-color:#ffffff;
	color:#303030;
	z-index:1001;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
.fb-dlg-dialog > div {position:relative;}
.fb-dlg-close {
	width:36px;
	height:36px;
	position:absolute;
	top:-36px;
	right:-36px;	
	cursor:pointer;
	background:url('images/popup_close.png');
	background-size:100% 100%;
}

#fbx-banner3 {height:20px;overflow:hidden;transition:height 0.5s;}
#fbx-banner3 img {display:block;opacity:0;transition:opacity 0.8s;}

/* weglot button */
aside.country-selector.weglot-default {bottom:80px;right:10px;background-color:transparent}
aside.country-selector.weglot-dropdown {background-color:#715080;border: 0;padding: 0;}
.country-selector.weglot-dropdown .wgcurrent {background-color:transparent;color:white;border:0}
/*.country-selector.weglot-dropdown .wgcurrent:after {display:none}*/
.country-selector.weglot-dropdown a {color:#202020 !important}
aside.country-selector label.weglot-flags {background-color:white;border-color:#d0d0d0}

/* tablets of all sizes */
@media screen and (max-width:1024px)
{
	.fortablet {display:block !important;}
	#devicedetect {z-index:2;}

	.pg-head-menu.pg-left-align {left:100%;transform:translateX(-100%);}
}

/* tablets in portrait mode */
@media screen and (max-width:768px)
{ 
	#pg-head-allmenu {flex:1}
	#pg-head-mainmenu {margin-right:20px;margin-left:10px;}
	.pg-head-btn {font-size:60%;padding:0 10px;}

	.pg-ft-content {display:block;width:100%;overflow:hidden;}
	.pg-ft-col {width:50%;float:left;padding:10px;}
	.pg-ft-col:first-child, .pg-ft-col:last-child {padding:10px;}
	.pg-ft-col:nth-child(3) {clear:both;}

	#pg-ft2-left, #pg-ft2-right {
		justify-content: center;
    	margin-bottom: 10px;
    	padding: 10px;}

	#feature-slider .entry-container, #promotion-message .section, #content .wrapper, .hentry, .no-results, .not-found, .sidebar, #comments, #nav-below, #infinite-handle, #supplementary .widget, #site-generator
	{padding: 0px !important;}
}


/* phones */
/*
@media screen 
and (min-width : 320px) 
and (max-width : 568px) {

#feature-slider .entry-container, #promotion-message .section, #content .wrapper, .hentry, .no-results, .not-found, .sidebar, #comments, #nav-below, #infinite-handle, #supplementary .widget, #site-generator
{padding: 0px !important;}

}
*/


@media only screen 
and (min-width : 320px) 
and (max-width : 568px) 
and (orientation : portrait) 
{ 

#feature-slider .entry-container, #promotion-message .section, #content .wrapper, .hentry, .no-results, .not-found, .sidebar, #comments, #nav-below, #infinite-handle, #supplementary .widget, #site-generator
{padding: 0px !important;}

	.formobile {display:block;}
	.fordesktop {display:none !important;}
	.fortablet {display:none;}

	#mobmenu {display:inline-block;}
	#devicedetect {z-index:3;}


	.pg-logo {margin-left:10px;}

	/*#pg-hd-top-r {
		display:none;
	}*/
	.pg-content {width:100%;}

	#pg-head-allmenu {
		display:block;
		position:absolute;
		left:0;right:0;
		background-color:#f0f0f0;
		z-index:100;
		box-shadow: 0px 4px 4px rgba(0,0,0,0.2);
		top:60px;
		transition:transform 0.4s ease-out, opacity 0.4s;
		opacity: 0;
		transform:translateX(101%);
	}
	#pg-head-allmenu.displayed {transform:translateX(0);opacity:1.0;}


	#pg-head-right, #pg-head-mainmenu, .pg-head-menucont, .pg-head-menuitem {display:block;margin:0;border-radius:0;}
	.pg-head-menucont:hover .pg-head-menu {display:none;}
	.pg-head-menu {position:static;display:none;transform:none;}
	.pg-menu-links a {padding-left:30px;}
	.pg-menuarrow {display:none;}

	.pg-head-btn, #pg-head-buybtn {display:block;margin:0;padding:0 10px;}
	#pg-globe {padding:10px;background-color:#86627a;display:block;line-height:10px;}
	#pg-globe a {background-color:transparent;}
	.pg-menu-box {box-shadow:none;}

	#pg-solutionsmenu,#pg-solmenu-left,#pg-solmenu-right,#pg-solmenu-footer {display:block;width:auto;}
	#pg-solutionsmenu {line-height:100%;height:400px;overflow-y:auto;}	
	#pg-solutionsmenu .pg-solmenu-head, #pg-solutionsmenu .pg-solmenu-subhead {font-size:10pt;margin:0;padding:0;}
	#pg-solmenu-left span, #pg-solmenu-right span, #pg-solutionsmenu a {font-size:10pt;}
	#pg-solmenu-footer img {float:left;}

	.fb-dlg-dialog {width:95%;font-size:90%;}
}



/*
	Resellers
*/

#spinner-country {
	background-image:url("http://wp-flashback.bbconsult.co.uk/wp-content/themes/FBWP/images/ajax-loader.gif");
}

img[id^='spinner'], .resellers-state, #no-result.msg {
	display: none;
}

/*

	$("img[id^='spinner'").hide();
	$("#fb_resellers_country_id").val(null).change();

	//applyUserCountry();

	// Hide state dropdown
	$(".resellers-state").hide();
	$("#no-result-msg").hide();
*/

/*popups for video tutorials on Help page*/
.popup-box {
    position: absolute;
	background: #fff;
	display: none;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
	z-index: 9999999;
}

.popup-close {
	position: absolute;
	top: -14px;
	right: -14px;
	cursor: pointer;
    background: url();
}

#popup-blackout {
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	overflow: hidden;
	z-index: 9999;
	left: 0;
	display: none;
}



/**********************************
 * Tooltip Styles
 **********************************/

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 240px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  line-height: 14pt;
  font-size: 9pt;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

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



/*****************************************************************************************************/
/*********************** SINGLE PURCHASE PAGE ********************************************************/
/*****************************************************************************************************/

/*------------------ CONTROLS -------------------------------*/
.spp-container br,
.featherlight-content br {
  clear: both;
}

/*
.spp-container select  {
  height: 31px;
}
*/

.spp-container label {
  font-size: 10pt;
}

.spp-container a,
.featherlight-content a
 {
  	font-size: 10pt;
    cursor: pointer !important;
    text-decoration: none;
    color: #06c;
}

.spp-container a:focus, .spp-container a:hover,
.featherlight-content a:focus, .featherlight-content a:hover
 { color: #09f; }

.spp-container input[type=text], .spp-container input[type=password], .spp-container select {  
  font-size: 100%;
  background-color:#f8f8f8;
  border:#d0d0d0 1px solid;
  padding:0.4em;
  line-height:140%;
}

.spp-container input[type=button], .spp-container input[type=submit],
.featherlight-content input[type=button], .featherlight-content input[type=submit]
{
    cursor: pointer;
    background-color: #0092e5;
    padding: 2px 12px;
    margin-left: 9px;
    text-decoration: none;
    color: white !important;
    border-radius: 3px;
    border: 1px #0092e5 solid;
    text-align: center;
    display: inline-block;
    font-size: 11pt;
}

.spp-container input[type=button]:focus, .spp-container input[type=button]:hover,
.spp-container input[type=submit]:focus, .spp-container input[type=submit]:hover
.featherlight-content input[type=button]:focus, .featherlight-content input[type=button]:hover,
.featherlight-content input[type=submit]:focus, .featherlight-content input[type=submit]:hover
{
    background-color: #8e3998 !important;
    border-color: #8e3998 !important;
    color: white !important;
}

.spp-container select:focus  {  
  font-size: 100%;
  outline:0;
  
}

/*------------------ CUSTOM CLASSES -------------------------------*/
.spp-container {
  width: 100%;  
  margin-bottom: 50px;
}

.spp-container,
.featherlight-content 
{    
    font-size: 10pt;
}

label.error, div.error, div.error label, .chk-error { color: red; }
label.error, div.error {
    padding: 5px 0 0 0  !important;
    margin: 0 !important;
}

.span-0, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10 {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  color: #101010;
  font-size: 10pt;
}

.span-0 label, .span-1 label, .span-2 label,.span-3 label,.span-4 label,.span-5 label,.span-6 label, .span-7 label, .span-8 label, .span-9 label, .span-10 label{
  width: 100%;
  float: left;
  line-height:20px;
  padding-top: 1.2em;
  display: block;
  margin-bottom:0.2em;
}


.input-60 select {width:60px}
.input-80 select {width:80px}
.input-100 select {width:100px}
.input-120 select {width:120px}
.input-150 select {width:150px}
.input-200 select {width:200px}
.input-250 select {width:250px}
.input-300 select {width:300px}
.input-400 select {width:400px}

.label-40 label, .input-40 input[type=text], .input-40 input[type=password] {width:40px}
.label-80 label, .input-80 input[type=text], .input-80 input[type=password] {width:80px}
.label-100 label, .input-100 input[type=text], .input-100 input[type=password] {width:100px}
.label-110 label, .input-110 input[type=text], .input-110 input[type=password] {width:110px}
.label-120 label, .input-120 input[type=text], .input-120 input[type=password] {width:120px}
.label-160 label, .input-160 input[type=text], .input-160 input[type=password] {width:160px}
.label-170 label, .input-170 input[type=text], .input-170 input[type=password] {width:170px}
.label-200 label, .input-200 input[type=text], .input-200 input[type=password] {width:200px}
.label-210 label, .input-210 input[type=text], .input-210 input[type=password] {width:210px}
.label-220 label, .input-220 input[type=text], .input-220 input[type=password] {width:220px}
.label-230 label, .input-230 input[type=text], .input-230 input[type=password] {width:230px}
.label-250 label, .input-250 input[type=text], .input-250 input[type=password] {width:250px}
.label-300 label, .input-300 input[type=text], .input-300 input[type=password] {width:300px}

.span-1 { width: 90px; }
.span-2 { width: 120px; }
.span-3 { width: 150px; }
.span-4 { width: 180px; }
.span-5 { width: 210px; }
.span-6 { width: 240px; }
.span-7 { width: 270px; }
.span-8 { width: 300px; }
.span-9 { width: 330px; }
.span-10 { width: 360px; }

.bb-selectorcontainer
{  
}

.bb-selectorcontainer input[type=checkbox]
{  
  vertical-align: -2px;
}

.bb-radiocontainer input[type=radio]
{
  vertical-align: -2px;
}

.bb-radiocontainer label
{
  margin-right: 4em;
}

.spp-section-header {
  	font-size: 180%;
  	font-weight: bold;
    display: block;
    width: 100%;
    border-top: 1px solid #d0d0d0;
  	margin-top: 1.2em;
  	margin-bottom: 0;
  	padding-bottom:0.7em;
  	padding-top:1.2em;
}

.spp-msg-warning {
  background-color: rgb(247, 231, 241);;
  border: 0px;
  padding: 5px 10px 5px 10px;
  border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  line-height: 20px;
}

.spp-msg-warning input[type=button]{
    background-color: rgb(187,125,166);
    border-color: rgb(187,125,166)
}

.spp-msg-warning input[type=button]:hover, .spp-msg-warning input[type=button]:focus{
    background-color: rgb(191, 151, 178);
    border-color: rgb(191, 151, 178);
}

.spp-msg-warning a {
    line-height: 20px;
}

.spp-msg-info {
  background-color: rgb(226, 246, 255);
  border: 0px;
  padding: 5px 10px 5px 10px;
  border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  line-height: 20px;
}

.spp-note {
    font-size: 9pt;
    line-height: 12pt;
  	color: #555;
}

.spp-field-value {
  /*font-size: 11pt;    */
  vertical-align: -1px;
}

.spp-img-invalid, .spp-img-valid {
    position: absolute;
    display: inline-block;
    height: 22px;
    width: 22px;
    background-repeat: no-repeat;
}
.spp-img-invalid {
     background-image: url(/wp-content/themes/FBWP/images/invalid.png);
    margin-left: -26px;
    margin-top: 5px;
}
.spp-img-valid {
    background-image: url(/wp-content/themes/FBWP/images/valid.png);
    margin-left: -22px;
    margin-top: 7px;
}

input[type='button'].spp-btn-spinner, input[type='submit'].spp-btn-spinner,
input[type='button'].spp-btn-spinner:focus, input[type='submit'].spp-btn-spinner:focus,
input[type='button'].spp-btn-spinner:hover, input[type='submit'].spp-btn-spinner:hover 
{
    cursor: default !important;
    background: #a8a8a8 url(/wp-content/themes/FBWP/images/spinner.gif) no-repeat center center !important;
    color: transparent;
    border-color: #a8a8a8 !important;
}

a.spp-btn-spinner, select.spp-btn-spinner, div.spp-btn-spinner {
    cursor: default !important;
    background: url(/wp-content/themes/FBWP/images/spinner_noback.gif) no-repeat center center !important;
}


.spp-popup-header {
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 1.25em;
    margin-bottom: 15px;
}
/*------------------ SECTIONS -------------------------------*/
#divFormSpinner {    
    height: 100vh;
    background: url(/wp-content/themes/FBWP/images/loading_large.gif) no-repeat center center;
}

#sectionGlobalWarns, #sectionTitle, #sectionProductOptions, #sectionNewAccount, #sectionExistentAccount, #sectionBillingAddress, #sectionVAT, #sectionOrder, #sectionPayment 
{	
  width: 100%;
}

#sectionGlobalWarns {
    margin-top: 10px;
}

#sectionProductOptions .dfcontainer
{
	/*background-color: #f8f8f8;*/
    width: 100%;
    overflow: hidden;
    /*padding: 0.8em;*/
}
/*#ddlEdition, #ddlQuantity {background-color:#ffffff;}*/


/*--- title section ---*/
#divTitleProduct {
  text-align: center;
  font-size: 24pt;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgb(240, 240, 240);
  font-weight:bold;
}

#divTitleFeatures {
  background-color: rgb(226, 226, 226);
  display: inline-block;
  width: 100%;
  padding: 5px 0px;
}

#divImgAcceptPay {
  float: left;
  margin-left: 20px;
  line-height: normal;
}
#divImgAcceptPay img{
  height: 25px;
  vertical-align: -25px;
}

#divImgMoneyBack {
  float: right;
  margin-right: 20px;
  line-height: normal;
}
#divImgMoneyBack img{
  height: 50px
}

#divImgMoneyBack span{
  vertical-align: 18px
}

/*--- header section ---*/
#sectionHeader {
  margin-top:20px;
}


#sectionCurrency {
  margin: 0;
}

#divHeaderOptions {
display:flex;
align-items:center;
margin-top:30px;
}


#sectionCoupon {
margin-left:2em;  
}

/*--- Your purchase section ---*/
#msgBuyingBusiness, #msgBuyingPersonal {
  margin-bottom: 10px;
  margin-top: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
}

#noteWeAddVAT {
	line-height: 14pt;
}

#vatNoteContainer {clear:both;margin-bottom:1em;}

/*#aDiscountCoupon {float:right;}*/

#chkPS + div {vertical-align:top;display:inline-block;}

/*--- Your account (NEW) section ---*/
#divVatValidation {
	margin: 5px 0px 5px 0px;
}

#divUpgradeWarn {margin-bottom: 10px}

#divLoginWarn {width: 75%;}

#divLogin {
  padding-left: 60px;
  padding-bottom: 10px;
}

#btnLogin {
  margin-left: 0;
}

#divLoginButton {
  margin-top: 10px;
}

#divLoginButton .bb-selectorcontainer {
  display: inline-block;
}

#divErrorEmailIncorrect div {
    padding-top: 5px;
}

#divErrorEmailIncorrect div input {
    float: left;
}

#divErrorEmailIncorrect div label {
    margin: -3px 0 0 0; 
    padding: 0 0 0 4px; 
    width: 240px;
    float: left;
}

/*--- Your account (EXISTENT) section ---*/
#divLoggedInAs {
    margin-bottom: 5px;    
}

#divBillingDetails.spp-business {
  /*.spp-business / .spp-personal - special classes, added to modify an element's view depending on a licence type (business/personal)*/
  margin-left: 160px;
}

#divBillingDetails div div {
  margin-bottom: 0;
}

#divBillingLinks {
  margin-top: 5px;
}

#divPersonalVatNote {
  margin-top: 10px;
}

#divConfirmLocation {
  margin-top: 10px;  
}

#divConfirmLocation .bb-selectorcontainer {
  margin-top: 5px;
}

#divConfirmLocation .bb-selectorcontainer label {
  line-height: 14pt;
  width: 95%;
  vertical-align: text-top;
  display: inline-block;
}

#divConfirmLocation .bb-selectorcontainer label a {
  line-height: 14pt;
}

#divConfirmVat {
  margin-top: 10px;
}

#sectionMailingAddress, #sectionVAT {clear:both;}

/*--- VAT section ---*/
#vatEU .spp-msg-warning
{
}

/*-- Order summary section ---*/
#tblOrderSummary {
  display: table; 
  width: 100%; 
  /*background-color: rgb(240, 240, 240); */
  border-collapse: collapse;
  padding: 4px;
  /*margin-top: 20px;*/
}
#tblOrderSummary th, #tblOrderSummary td {
  text-align: left;
  line-height: 14pt;
  font-weight: normal;
  padding:0.7em;
}
/*#tblOrderSummary th {font-weight:bold;}*/

#tblOrderSummary .summary-sep {
	/*border-top: 1px solid #ddd;*/
	display:none;
}
#tblOrderSummary tr {/*background-color:#f8f8f8;*/ border-bottom:#d0d0d0 1px solid;}
/*#tblOrderSummary tr:last-child {background-color:#f8f8f8;}*/
/*#tblOrderSummary tr:first-child {background-color:transparent;}*/

.tblOrderRowSubtotal {background-color:#f8f8f8;}

#divOrderTotal {
  width: 100%;
	background-color: #e8e8e8;
  text-align: center;
  font-size: 18pt;
  line-height: 40pt;
  font-weight: bold;
  border-bottom:#d0d0d0 1px solid;
}

/*--- payment details section ---*/
#divPayTypeSelect {	
  margin-top: 10px;
}

#labChkVisa {
  vertical-align: -6px;
  padding-left: 0;
}

#labChkPayPal {
  vertical-align: -8px;
  padding-left: 0;
}

#pdCol1 {
	display:inline-block;
	width:40%;
	vertical-align:top;
	padding-top:10px;
}
#pdCol2 {
	display:inline-block;
	width:59%;
	padding-left:5%;
	border-left:#d0d0d0 1px solid;
	min-height:385px;
}

#pdCol1 br {line-height:400%}

#sectionPayment .spp-section-header /*, #sectionProductOptions .spp-section-header*/ {border:0;}

#placeholderCard {}

#divCardButton {
  margin-top: 30px;
}

.card-field-container {
  float: left;
  margin-top: 10px;
}

#divCardNumber { width: 22em }
#divCardNumber div { width: 19em }

#divCardExpires { width: 120px }
#divCardExpires div { width: 110px }

#divCardCvv { width: 90px }
#divCardCvv div { width: 90px; }

#divCvvQ {
  float: left;
    margin-top: 40px;
    margin-right: 30px;
    background-color: #772e5f;
    text-align: center;
    margin-left: 0.7em;
    width: 24px;
    height: 24px;
    border-radius: 12px;
}

#divCvvQ span {
  font-size:14pt;
  color:#ffffff;
}

#divCardPostalCode { width: 140px }
#divCardPostalCode div { width: 130px }

.spp-pay-button {
  font-size: 18pt !important;
  line-height: 36pt !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  margin: 0 !important; 
}

#divCardFields {
    display: inline-block;    
}

#divPaypalButton {
  text-align: center;
  margin-top: 30px;
}

#placeholderOrder {
  text-align: center;
  margin-top: 30px;
}

#placeholderOrder a
{
  font-size: 18pt;
  text-decoration: underline;
}

#divBTSecured {
    box-sizing: initial;
    margin-top: 30px;
    background-color: transparent;
    border-top: #d0d0d0 1px solid;
    padding: 0;
    padding-top: 25px;
}


#divBTSecured a img {
    width: 164px;
    height: 44px; 
    border: 0;
}

#divPurchaseError { margin-top: 20px; color: red;}
#divPurchaseError, #divPurchaseError a {
    font-size: 12pt;
    font-weight: bold;
}

/* popup: volume discounts section*/
#tblVolumes {
    width: 100%;
    font-size: 10pt;
}

#tblVolumes td:first-child, #tblVolumes th:first-child {
    text-align: left;
}

#tblVolumes td:last-child, #tblVolumes th:last-child {
    text-align: right;
}

#tblVolumes th {
    padding-bottom: 10px;
}

/* popup: coupon*/
#txtCouponToValidate {width: 100%}
    
/*------------------ BRAINTREE FIELDS -------------------------------*/
.hosted-field {
		display: block;
    width: 100%;
    height: 34px;
    padding: 0px 0px 0px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    
    background-color: #f8f8f8;
    background-image: none;
    border: 1px solid #d0d0d0;
}

.braintree-hosted-fields-focused { 
  border: 1px solid #0275d8;
}

/*.bt-field-invalid*/
.braintree-hosted-fields-invalid {
    border: 1px solid red;
}

/*override featherlight*/
@media all {
    .featherlight:last-of-type {
        background: rgba(0, 0, 0, 0.5) !important;
    }
}

/*====== RESULT PAGE =======*/
.spp-result-title {
    font-size: 180%;
    font-weight: bold;
    display: block;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}

#divResultSuccess, #divResultFailure {
    display: none;
}

/*****************************************************************************************************/
/*********************** /SINGLE PURCHASE PAGE ********************************************************/
/*****************************************************************************************************/

/* FBX dialog */
#fb-fbxdialog {
	width:33em;
	padding:2em 3em;
	box-sizing:border-box;
	color:#ffffff;
	background: #1a3b48;
	background: linear-gradient(to bottom, #1a3b48 0%,#0a161c 100%);
}

#fb-fbxdialog .fb-dlg-close {top:-3em;right:-4em;}

.fbx-firstline {
	text-transform:uppercase;
	display:block;
	color: #d0d0d0;
	letter-spacing:2px;
}
#fb-fbxdialog img {
	display: block;
    margin: 0 auto;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.fbx-main {
	font-size: 130%;
    font-weight: 100;
}
#fbxdownbtn {color: white;
    background-color: #16b7c9;
    padding: 0.7em 1em;
    display: block;
    width: 13em;
    margin: 0 auto;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;}
#fbx-nothanks {color: #16b7c9;}
/* end */