body.flex {min-height:100vh; display:flex; flex-direction:column}
body.flex section {flex:1 1 auto;}
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none; background-color:#00b99e;
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
    background-size: 15px 15px; height: 15px; width: 15px;cursor:pointer;
}
input[type=range] {-webkit-appearance: none;width: 100%;height:8px;background:#ccc;outline:none;border-radius:3px;}
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width:25px;height:25px;background:#fff; border:2px solid #ccc;cursor: pointer;border-radius:50%;}
input[type=range]::-moz-range-thumb {width:25px;height:25px;background:#fff; border:2px solid #ccc;cursor: pointer;}
input[type=range]:focus {outline: none;}
input[type=range]::-ms-track {width: 100%;cursor: pointer;background: transparent;border-color: transparent;color: transparent;}

h1 {font-size:48px; font-weight:normal; line-height: 1.2;}
h2 {font-size:42px; font-weight:normal; line-height: 1.2;}
h3 {font-size:22px; font-weight:normal; line-height: 1.2;}
/*p {line-height:2;}*/
a:hover {text-decoration: underline;}
.button {background:#00b99e; border-color:#00b99e; font-size:18px; color:#fff;}
.button:hover {background:transparent; color:#000;text-decoration:none;}
.buttonCross {font-size:18px; display:inline-flex; justify-content:center; align-items:center; width:30px; height:30px; border:3px solid #00b99e; border-radius:50%;transition: 0.3s;}
.buttonCross:hover {background:#00b99e; color:#fff;text-decoration:none; border-radius:50%;}
.fixedPadding {padding-top:85px;}




.overflowHidden {overflow:hidden;}
header {padding:10px; position:fixed; z-index:9999;  transition: 0.3s; left:0; top:0; width:100%; height:85px; box-shadow:0 2px 3px rgba(96, 96, 96, .1);}
header > div {max-width:1280px; margin:0 auto; display:flex; align-items:center; height:100%;}
header svg {display:inline-block; vertical-align:middle; width:30px; margin:0 10px; }
header .logo {display:inline-block; vertical-align:middle; font-weight:700; font-size:18px; line-height:1.2;font-family: 'Montserrat', sans-serif;color:#252a36; text-align:center;}
header .logo span {color:#00b99e}
header #links {text-align:right; flex:1 1 auto;}
header #links a {display:inline-block; padding:20px 10px;  font-weight:500; margin:0 10px; cursor:pointer;transition: 0.3s; font-size:14px;}
header.blue #links a {color:#fff;}
header #links a:hover {color:#00b99e;}
header #links a {color:#333;}
header {background:#fff;}
header.blue {background:#252a36;  box-shadow:none;}
header.blue .logo {color:#fff;}
header #links .button {padding:5px 20px; color:#000; background:transparent;}
header #links .button:hover,header.blue #links .button:hover  {color:#fff; background:#00b99e}



.hamburgerContainer {text-align:right; flex:1 1 auto; display:none; margin:5px 5px 0 0;}
.hamburger {font-size:22px;display: inline-block;width: 1em;height: 1em;padding: 0;cursor: pointer;vertical-align: bottom;border: 0 none;transition: transform .2s ease-in-out;background: transparent;}
.hamburger::-moz-focus-inner {padding: 0;border: 0 none;}
.hamburger:focus {outline: 0;}
.hamburger:before,.hamburger:after {content: "";}
.hamburger:before,.hamburger .icon,.hamburger:after {display: block;width: 100%;height: .1em;margin: 0 0 .2em;transition: transform .2s ease-in-out;border-radius: .05em;background:#252a36;}
.hamburger.active:before,.hamburger.active .icon,.hamburger.active:after {background:#252a36;margin: 0 0 .1em;}
.hamburger.hamburger-vertical.active {transform: rotate(270deg);}
.hamburger.hamburger-cancel.active .icon {transform: scale(0);}
.hamburger.hamburger-cancel.active:before {transform: translateY(.2em) rotate(135deg);}
.hamburger.hamburger-cancel.active:after {transform: translateY(-.2em) rotate(-135deg);}
.hamburger.hamburger-plus.active .icon {transform: scale(0);}
.hamburger.hamburger-plus.active:before {transform: translateY(.2em) rotate(90deg);}
.hamburger.hamburger-plus.active:after {transform: translateY(-.2em) rotate(180deg);}
header button:hover {background:transparent;}


header.blue .hamburger:before, header.blue .hamburger .icon, header.blue .hamburger:after {background:#fff;}
header.blue .hamburger.active:before, header.blue .hamburger.active .icon, header.blue .hamburger.active:after {background:#fff;}

header .mobileLinks {display:none;}


.aboutUsContainer {padding: 100px 0; position:relative;}
.aboutUsContainer:before {
	content: '';position: absolute;height: 500px;top: 0;right: 0;display: block;width: 100%; max-width:900px; z-index: -1;
    background: url(/images/about/dividerAbout.webp);background-size:100%; background-repeat: no-repeat;background-position: right top;
}
.aboutUsContainer:after {
	content: ''; position: absolute;height: 500px;bottom: 0;left: 0;display: block;width: 100%; max-width:900px; z-index: -1; transform:scale(-1);
    background: url(/images/about/dividerAbout.webp);background-size:100%;background-repeat: no-repeat;background-position: right top;
}
.aboutUsContainer > div {margin: 0 auto;max-width: 1024px; padding: 0 20px;}
.aboutUsContainer > div .sig {max-width:250px; height:auto; display:inline-block; margin-top:50px;}
.aboutUsContainer > div h2 i {font-size:72px; color:#00b99e}



section {overflow:hidden;}
section.graphic .button {color:#000}
section.graphic .button:hover {color:#fff;}
.wave-shape-bottom {position:absolute;bottom:0;left:0;width:100%;}
.wave-shape-bottom svg {display:block;}

section.graphic {background:#252a36; background-position:center;position:relative; padding-top:50px; line-height:2;}
section.graphic img {position:relative;}

.graphicFlex {display:flex; align-items:center;overflow:hidden; color:#fff; font-size:18px;}
.graphicFlex .txt {width:60%; padding:0 150px 0 150px;}
.graphicFlex .img {width:40%;}


section.content {padding:0 20px; line-height:2;}
section.content > div {max-width:1200px; margin:80px auto;}
.flexPromoContainer {padding:90px 0 50px 0; }
.flexPromo {display:flex; align-items:center; margin:0 50px;}
.flexPromo {margin-top:-60px;}
.flexPromo.odd {flex-direction:row-reverse;}
.flexPromo .img {width:400px; height:400px; margin-right:60px;}
.flexPromo .img img {border-radius: 51% 49% 77% 23%/65% 50% 50% 35%; object-fit:cover;object-position:center; width:100%; height:100%;}
.flexPromo .txt {width:calc(100% - 460px);}
.flexPromo.odd .img {margin-right:0;margin-left:60px;}

.flexPromo2Container {padding:90px 20px 50px 20px; max-width:1200px; margin:0 auto;line-height:2;}
.flexPromo2 {display:flex; align-items:center;}
.flexPromo2 h2 {display:flex; align-items:center; font-size:32px;}
.flexPromo2 h2 i {font-size:48px; margin-right:10px;}
.flexPromo2.odd {flex-direction:row-reverse;}
.flexPromo2 .img {width:550px;}
.flexPromo2.odd .img {text-align:right;}
.flexPromo2 .img img {max-width:500px;}
.flexPromo2 .img img.unsetMax {max-width:unset;}
.flexPromo2 .txt {width:calc(100% - 550px);}

section.pricing {background:#f4f4f9;padding:80px 20px;}
section.pricing h1 {text-align:center;}


section.contactHeader {background:#252a36; position:relative; color:#fff; padding:0 20px 20px 20px;}

section.contactHeader:after {	
	background-image: url(/images/Section-Splitter-Curve.svg); background-size: 100% auto;background-position: bottom;background-repeat: no-repeat;
    content: "";position: absolute;bottom: -1px;display: block;left: 0;width: 100%;height: 200px;
}

section.contactHeader > div {max-width:700px; width:100%; margin:40px auto 80px auto;}

.contactFormContainer {padding:0 10px 100px 10px; position:relative; overflow: visible;}
.contactFormContainer > div {
	margin:-80px auto 0 auto; max-width:700px; width:100%; background:#fff; border-radius: 10px; padding:50px;
	box-shadow: 0 10px 25px #3838751c;
}

.phoneFlagContainer {display:flex;}
.phoneFlagContainer .flagContainer {margin-bottom:10px; width:78px; margin-right:10px; position:relative;}
.phoneFlagContainer .flagActive {border: 1px solid #ccc; border-radius:5px;padding:7px 25px 7px 7px; margin-top:8px; position:relative;}
.phoneFlagContainer img {max-width:100%; display:block; border-radius:4px;}
.phoneFlagContainer fieldset {width:calc(100% - 88px);}
.phoneFlagContainer .flagActive:after {
    content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; cursor: pointer; position: absolute;
    right:5px; top: 50%; margin-top: -.5em; z-index: 1; pointer-events: none; color:#343C51; font-size:12px;
}
.flagList {position: absolute;top: 100%;border:1px solid #ccc; border-radius:5px; background:#fff; overflow:hidden; width:305px; z-index:2; display:none;}
.flagList > div {}
.flagList .flagSearch {padding:5px;}
.flagList .flagSearch input {padding:5px 10px; font-size:14px;}
.flagList .flagCountries {height:100%; max-height:250px;overflow:auto; font-size:14px;}
.flagList .flagCountries > div {display:flex; align-items:center; padding:10px; cursor:pointer;}
.flagList .flagCountries > div:hover {background:#F0F2F5;}
.flagList .flagCountries > div .img {width:40px; margin-right:10px;}
.flagList .flagCountries > div .txt {width:calc(100% - 50px); white-space:nowrap;}

#contactRobot {text-align:center;}
#contactRobot svg {height: 80px;fill: #337ab7;opacity: 0.3;}
#contactRobot .title {font-size:22px;}
#contactRobot .g-recaptcha {display: inline-block;margin-bottom: 10px;}

#inactiveRobot {text-align:center;}
#inactiveRobot svg {height: 80px;fill: #337ab7;opacity: 0.3;}
#inactiveRobot .title {font-size:22px;}
#inactiveRobot .g-recaptcha {display: inline-block;margin-bottom: 10px;}

#confirmRobot {text-align:center;}
#confirmRobot svg {height: 80px;fill: #337ab7;opacity: 0.3;}
#confirmRobot .title {font-size:22px;}
#confirmRobot .g-recaptcha {display: inline-block;margin-bottom: 10px;}

#loginRobot {text-align:center;}
#loginRobot svg {height: 80px;fill: #337ab7;opacity: 0.3;}
#loginRobot .title {font-size:22px;}
#loginRobot .g-recaptcha {display: inline-block;margin-bottom: 10px;}

section.branding {padding:0 20px; line-height:2;}
section.branding > div {max-width:1200px; margin:80px auto; line-height: 1.6;}
section.branding h1 {margin-bottom:30px;}
section.branding h2 {font-size:32px;}

.brandingFlex {display:flex; justify-content: space-between;flex-wrap: wrap;}
.brandingFlex > div {position:relative; border: 1px solid #ddd; border-radius:10px; padding:20px; margin-bottom:10px; width: calc(50% - 5px); display:flex; justify-content:center; align-items:center;}
.brandingFlex > div.t25 {width: calc(25% - 5px);}
.brandingFlex > div img {max-width:100%; max-height:250px;}
.brandingFlex > div.blue {background:#1c2f43; border-color: #1c2f43;}

.brandingFlex > div.brandGuide {flex-direction:column;align-items: flex-start; padding:30px;line-height:1.6; font-size:14px;}
.brandingFlex .brandingColours {display:flex; margin-bottom:20px;}
.brandingFlex .brandingColours .color {width:60px; display:flex; align-items:center;}
.brandingFlex .brandingColours .color.green span {display:block; width:40px; height:40px; background:#02b59a; border-radius:50%;}
.brandingFlex .brandingColours .color.blue span {display:block; width:40px; height:40px; background:#1c2f43; border-radius:50%;}
.brandingFlex .brandingColours .text {display:flex; flex-wrap:wrap; width:calc(50% - 60px);}
.brandingFlex .brandingColours .text > div:nth-of-type(odd) {width:80px; font-weight:600;}
.brandingFlex .brandingColours .text > div:nth-of-type(even) {width:calc(100% - 80px);}

.brandingFlex .font {display:flex; flex-wrap:wrap; margin-bottom:20px;}
.brandingFlex .font .title {width:55px; display:flex; align-items:center; font-weight:600;}
.brandingFlex .font .text {width:calc(100% - 55px);}

.brandingFlex .generalRule {display:flex;}
.brandingFlex .generalRule .icon {margin-right:15px;}
.brandingFlex .generalRule .text p:first-child {font-weight:600;}

.brandingFlex > div.icons {padding:0; border:0; justify-content: space-between;flex-wrap: wrap;}
.brandingFlex > div.icons > div {position:relative; border: 1px solid #ddd; border-radius:10px; padding:20px; margin-bottom:10px; width: calc(50% - 5px); height:calc(50% - 5px); display:flex; justify-content:center; align-items:center;}
.brandingFlex > div.icons > div.blue {background:#1c2f43; border-color: #1c2f43;}
.brandingFlex > div.icons > div:nth-of-type(3) {margin-bottom:0;}
.brandingFlex > div.icons > div:nth-of-type(4) {margin-bottom:0;}
.brandingFlex > div.icons > div img {max-width:100%; max-height:180px;}




.wcfTerms > ol {margin-left:-25px;}
.wcfTerms > div {margin-bottom:10px;}
.wcfTerms b {font-weight:600;}
.wcfTerms ol {counter-reset: item;}
.wcfTerms ol > li {counter-increment: item; margin-bottom:10px;}
.wcfTerms ol > li:before {content:'';margin-right:6px;}
.wcfTerms ol ol > li {display: block;}
.wcfTerms ol ol > li:before {content: counters(item, ".") ". ";margin-left: -30px; display:inline-block;}
.wcfTerms ol > li span {display:inline-block;vertical-align:top; margin-bottom:10px; width:calc(100% - 20px)}
.wcfTerms ol > li span:not(:first-child) {margin-left:5px;}
.wcfTerms ol > li:before {width:20px;}
.wcfTerms ol ol > li span {width:calc(100% - 30px)}
.wcfTerms ol ol > li span:not(:first-child) {margin-left:10px;}
.wcfTerms ol ol > li:before {width:30px;}
.wcfTerms ol ol ol > li span {width:calc(100% - 40px)}
.wcfTerms ol ol ol > li:before {width:40px;}
.wcfTerms ol ol ol ol > li span {width:calc(100% - 50px)}
.wcfTerms ol ol ol ol > li:before {width:50px;}

ul.breadcrumb {margin:0; padding:30px 0;list-style: none;}
ul.breadcrumb li {display: inline;}
ul.breadcrumb li+li:before {padding: 8px;color:#ccc;content: "\f101"; font-family: 'Font Awesome 5 Free'; font-weight: 900;}







section.partnersHomeBanner {position:relative;}
section.partnersHomeBanner .phbFlex {display:flex; align-items:center; background:#eeeae7;}
section.partnersHomeBanner .phbFlex .txt {width:50%; padding:0 150px; font-size:18px; position:relative; z-index:1;}
section.partnersHomeBanner .phbFlex .img {width:50%;}

section.partnerSummary {background:#252a36; padding:80px 20px;}
section.partnerSummary > div {display:flex; justify-content:space-between; max-width:1200px; margin:0 auto;}
section.partnerSummary > div > div {padding:20px; background:#fff; border-radius:5px; width:calc(25% - 10px); text-align:center;}
section.partnerSummary > div > div img {height:100px;}
section.partnerSummary > div > div .title {font-size:18px; font-weight:600;}





/* PARTNERS ADMIN */
section.partners {background:#f4f4f9;padding:80px 20px;}
section.partners h1 {font-size:24px;}
section.partners h2 {font-size:24px;}
section.partners .button {font-size:14px;}

section.partners > div {max-width:1200px; margin:0 auto; background:#fff; padding:40px; border-radius:10px; box-shadow:0px 15px 20px 0px rgba(5, 5, 5, .05);}
section.partners .partnerNav {display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:40px;}
section.partners .partnerIMG {display:flex; align-items:center;}
section.partners .partnerIMG img {width:60px;height:60px; border-radius:50%; display:block; margin-right:20px;}
section.partners .partnerLinks {display:flex; align-items:center; justify-content: flex-end;}
section.partners .partnerLinks a {margin-right:25px; font-size: 12px; display:flex; align-items: center;text-decoration: none; color:#000;}
section.partners .partnerLinks a i {margin-right:5px;}
section.partners .partnerLinks a:hover {color: #00b99e;}


section.partners .partnerMainBody {}

section.partners #partnerNew {line-height:1.8; padding:30px;}
section.partners #partnerNew .section {display:flex; align-items:center; margin-bottom:30px;}
section.partners #partnerNew .section .txt {width:calc(100% - 300px); padding-right:150px;}
section.partners #partnerNew .section.right .txt {padding-right:0; padding-left:150px;}
section.partners #partnerNew .section .img {width:300px;}


section.partners .dashPerfPieContainer {display:flex;}
section.partners .dashPerformance {width:calc(50% - 20px); margin-right:20px;}
section.partners .dashPieCharts {width:calc(50% - 20px); margin-left:20px;}


section.partners .dashSearchBoxContainer {margin-bottom:10px;}

section.partners .dashSearchFromTo {font-size:14px; display:flex; align-items:center; margin-bottom:15px;}
section.partners .dashSearchFromTo > span {margin:0 10px;}
section.partners .dashSearchFromTo > i {opacity:0.3}
section.partners .dashSearchFromTo > i.active {cursor:pointer; opacity:1; color: #00b99e;}

section.partners .dashSearchDrop {display:flex; align-items:center;margin-bottom:15px;}
section.partners .dashSearchDrop .select {margin-right:10px;}
section.partners .dashSearchDrop select {font-size:12px; padding:7px 10px; width:130px;}


section.partners #customDates {width:100%;}
section.partners #customDates > div {display:flex; align-items:center;}
section.partners #customDates fieldset {margin-right:10px; width:130px; }
section.partners #customDates legend {font-size:10px;}
section.partners #customDates input {font-size:12px; padding:7px 10px;}

section.partners #chartTotals {margin:15px 0;}
section.partners #chartTotals th {text-align:right;}
section.partners #chartTotals th:nth-of-type(1) {text-align:left;}
section.partners #chartTotals td {padding:5px 10px; text-align:right;}
section.partners #chartTotals td:nth-of-type(1) {text-align:left;}


.dashboardBoxSearch {display:flex; align-items:center;}
.dashboardBoxSearch .select {margin-right:10px;}
.dashboardBoxSearch select {font-size:12px; padding:7px 10px; width:180px;}
.dashboardBoxSearch input {font-size:12px; padding:7px 10px; width:130px;}


.dashboardBoxContainer {display:flex;justify-content: space-between; margin:30px 0 15px 0;}
.dashboardBoxContainer > div {display:flex; flex-direction:column;border:1px solid #ddd; padding:10px; border-radius:5px; width:calc(33.333333333% - 5px);position:relative;}
.dashboardBoxContainer > div .titleContainer {display:flex; align-items:flex-start;}
.dashboardBoxContainer > div .title {flex:1 1 auto; font-size:12px;}
.dashboardBoxContainer > div .updown {display:flex; align-items:center; font-size:10px; border-radius:3px; padding:0px 5px 0 0; font-weight:600}
.dashboardBoxContainer > div .updown i {font-size:18px;}
.dashboardBoxContainer > div .updown.none {background: #DDDDDD; color: #000000; display:none}
.dashboardBoxContainer > div .updown.down {background: #FFE2E5; color: #E8194F;}
.dashboardBoxContainer > div .updown.up {background: #D4FFF1; color: #00BC7E;}
.dashboardBoxContainer > div .number {margin:15px 0;display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:500;}

#best_campaign_signups,#best_campaign_commission {font-size:12px;}

/*
section.partners #partnerWelcome {display:flex; height:100%; align-items:center; justify-content:center; text-align:center;}
section.partners #partnerWelcome i {color:#ddd; font-size:136px;}
*/

#partnerCompany {display:flex; flex-wrap:wrap; justify-content:space-between;margin:10px 0;}
#partnerCompany > * {width:calc(50% - 10px);}



table {border-collapse:collapse; font-size:14px; width:100%;}
table th,table td {white-space:nowrap;}
table b {font-weight:600;}
table .right {text-align:right;}
table .center {text-align:center;}
table thead {border-bottom:1px solid #ddd;}
table thead th {text-align:left; font-weight:600; font-size:12px; padding:5px 10px;/* if sorting turned on // padding-right: 26px;*/ position:relative;}
table tbody tr {border-bottom: 1px solid #F0F2F5;}
table tbody tr:hover {background:#F0F2F5;}
table tbody td {padding:15px 10px; font-size:13px;/* if sorting turned on // padding-right: 26px;*/}
table tbody td .action {font-size:10px; font-weight:600; line-height:1; padding:2px 7px; border-radius:4px;}
table tbody td .pending {background:#F8D7DA;color:#B02A37;}
table tbody td .paid {background:#D4FFF1; color:#00BC7E;}

/* Datatables.net */
table.collapsed tbody tr td:not(.child):first-child {position:relative;cursor:pointer; padding-left: 30px;}
table.collapsed tbody tr td:not(.child):first-child:before {top: 50%;
    left: 5px;height: 1em;width: 1em;margin-top: -9px;display: block;position: absolute;color: white;border: 0.15em solid white;
    border-radius: 1em;box-shadow: 0 0 0.2em #444;box-sizing: content-box;text-align: center;text-indent: 0 !important;
    font-family: "Courier New",Courier,monospace;line-height: 1em;content: "+";background-color: #00b99e; 
}

.dataTables_length {display:inline-block; vertical-align:middle; width:150px; margin-bottom:20px;}
.dataTables_length label {display:flex; align-items:center; font-size:12px;}
.dataTables_length label select {width:35px; padding:5px; font-size:12px; margin:0 5px; text-align:center;}
.dataTables_filter {display:inline-flex; align-items:center;flex-direction: row-reverse;vertical-align:middle; width:calc(100% - 150px); text-align:right; font-size:12px;margin-bottom:20px;}
.dataTables_filter input {border:1px solid #ccc; padding:5px; margin-left:5px; border-radius:4px;}

.sorting:before, .sorting:after {position: absolute;right: 10px;display: block;line-height:7px;font-size: 0.7em; cursor:pointer; color:#00b99e}
.sorting:before {bottom: 50%;content: "▲";content: "▲"/"";}
.sorting:after {top: 50%;content: "▼";content: "▼"/"";}
.sorting.sorting_asc:before {opacity: 0.325;}
.sorting.sorting_desc:after {opacity: 0.325;}

.dataTables_info {font-size:13px; display:inline-block; vertical-align:middle; width:250px; margin-top:20px;}
.dataTables_paginate {display:inline-block; vertical-align:middle; width:calc(100% - 250px); margin-top:20px; text-align:right; font-size:13px;}
.dataTables_paginate a {display:inline-block; vertical-align:middle; padding:5px 10px; border-radius:4px; margin-left:5px;}
.dataTables_paginate span a {width:35px; text-align:center;}
.dataTables_paginate a:hover {background:#ddd;color:#00b99e; text-decoration:none;}
.paginate_button.current {background:#00b99e;  color:#fff;}

table tbody td.child ul {list-style: none;margin: 0;padding: 0;}
table tbody td.child ul li {margin-bottom:5px;}
table tbody td.child .dtr-title {display:inline-block; min-width:125px; font-weight:600; margin-right:10px;}


.toggleContainer {line-height:1.4;font-size:14px;}
.toggleContainer .toggle {padding:10px; border-bottom:1px solid #ddd;}
.toggleContainer .toggle:last-child {border-bottom:0;}
.toggleContainer .toggle .title {cursor:pointer; position:relative; font-weight:600; font-size:16px;}
.toggleContainer .toggle .info {display:none; margin:20px 0;}
.toggleContainer .button {padding:6px 15px; margin-bottom:20px;}

.createCampaign {display:none; }
.createCampaignFlex {display:flex; margin-bottom:20px;}
.createCampaignFlex > div {width:50%; padding:20px; }
.createCampaignFlex > div:nth-of-type(1) {text-align:center;}
.createCampaignFlex .buttonContainer {display:inline-flex;align-items:center;}
.createCampaignFlex .buttonContainer .button {margin-right:20px; margin-bottom:0;}
.campaignSlider {margin:20px 0;}
.campaignURL {display:flex; align-items:center; border:1px solid #ccc; padding-left:10px; border-radius:4px; max-width:600px; margin:0 20px;}
.campaignURL input {border:0; font-size:14px; padding-left:0; text-transform: uppercase; font-weight:600;}
.campaignURL input:focus {border:0;}
.campaignURL input::placeholder {color:#ddd; font-weight:normal;}
.campaignURL:has(> input:focus) {border:1px solid #2486ff;}

#partnerBulk {font-size:14px;}
.purchaseContainer {display:flex; align-items:center; margin-bottom:10px;}
.purchaseContainer b {font-weight:600;}
.purchaseContainer .select {margin-right:20px;}
.purchaseContainer select {padding:5px 25px 5px 10px; font-size:14px;}
.purchaseContainer .select:after {right:10px;}
.purchaseContainer .purchaseUsers {margin-right:20px;}
.purchaseTextAreaContainer {display:flex; align-items:center; margin-bottom:10px;}
.purchaseTextarea {flex:1 1 auto; margin-right:20px;}
.purchaseTextarea textarea {/*height:200px; font-size:14px;*/}
.purchasePriceTable table {width:100%;}
#codeEditor, #lineCounter {
	font-family: lucida console, courier new, courier, monospace;
	margin: 0; padding: 10px 0; height: 200px; border-radius:4px; resize: none; font-size: 12px; line-height: 1.4; outline: none;
}
#codeEditor {padding-left: calc(3.5rem + 5px);width:100%;background-color:#fff;border-color:#ddd;color:#000;}
#lineCounter {
	display: flex; overflow-y: hidden; border-radius:4px 0px 0px 4px; text-align: right; box-shadow: none; color: #707070;
	position: absolute; width: 3.5rem; background-color:#F0F2F5; border-color:#ddd; color:#666;
}
#lineCounter:focus-visible,#codeEditor:focus-visible {outline:none;}

#duplicateEmailErrors {margin-top:10px; display:none;}
#duplicateEmailErrors b {font-weight:600;}
#emailErrors {margin-top:10px; display:none;}
#emailErrors b {font-weight:600;}
#emailErrors table i {cursor:pointer; color:#00b99e;}

#noEmailErrors {display:none; margin-top:20px;}
#noEmailErrors b {font-weight:600;}
#createUsersSuccess {display:none; margin-top:20px;}
#createUsersSuccess b {font-weight:600;}



section.signup {display:flex;justify-content:center; align-items:center; padding:50px 0;background: #f4f4f9;}
section.signup .button {font-size:14px;}
section.signup b {font-weight:600;}
section.signup > div {width:100%; max-width:800px; background:#fff; border-radius:5px; padding:20px; margin:0 10px;}
.partnerSignupContainer b {font-weight:600;}
.partnerSignupContainer .personalInfo {display:flex; align-items:center;}
.partnerSignupContainer .personalInfo span {width:130px; margin-right:10px;}
.partnerSignupContainer .personalInfo fieldset {width:calc(50% - 80px); margin-right:10px;}
.partnerSignupContainer .personalInfo fieldset:last-child {width:calc(50% - 70px); margin-right:0;}
.partnerSignupContainer .personalContact {display:flex; align-items:center; justify-content:space-between; margin-bottom:20px;}
.partnerSignupContainer .personalContact fieldset:first-child {width:calc(50% + 65px); margin-right:10px}
.partnerSignupContainer .personalContact fieldset:last-child {width: calc(50% - 70px);}
.partnerSignupContainer .companyInfo {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-bottom:20px;}
.partnerSignupContainer .companyInfo span {width:calc(50% - 5px);}
.partnerSignupContainer .companyInfo fieldset {width:calc(50% - 5px);}
.partnerSignupContainer .bankInfo {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-bottom:20px;}
.partnerSignupContainer .bankInfo fieldset {width:calc(50% - 5px);}
.partnerSignupContainer .termsBox {display:flex; align-items:center;}
.partnerSignupContainer .termsBox input {margin-right:10px; accent-color:#00b99e;}
.partnerSignupContainer .termsBox {font-size:14px; margin-bottom:10px;}
.partnerSignupContainer .buttonError {display:flex; align-items:center;}
.partnerSignupContainer .buttonError .button {margin-right:20px;}
.partnerSignupContainer .buttonError .partnerSignupError {}
section.signup .partnerRobot {text-align:center; display:none;}
section.signup .partnerRobot .robotIcon {margin-bottom:20px;}
section.signup .partnerRobot .robotIcon svg {display:inline-block;fill:#ddd; max-width:150px;}
section.signup .partnerRobot .g-recaptcha > div {display:inline-block; margin:20px auto;}
section.signup .partnerRobot .partnerRobotError {margin-top:10px;}
section.signup .partnerEmailSent {text-align:center; padding:30px 0;}
section.signup .partnerEmailSent i {color:#00b99e; font-size:64px; margin-bottom:20px;}

section.accountsetup {display:flex;justify-content:center; align-items:center; padding:50px 0;background: #f4f4f9;}
section.accountsetup .button {font-size:14px;}
section.accountsetup b {font-weight:600;}
section.accountsetup > div {width:100%; max-width:800px; background:#fff; border-radius:5px; padding:20px; margin:0 10px; display:none;}
section.accountsetup .partnerPassConfirm {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-bottom:10px;}
section.accountsetup .partnerPassConfirm fieldset {width:calc(50% - 5px);}
section.accountsetup .buttonError {display:flex; align-items:center;}
section.accountsetup .buttonError .button {margin-right:20px;}

section.accountLogin {display:flex;justify-content:center; align-items:center; padding:50px 0;/*background: #f4f4f9;*/ min-height:calc(100vh - 85px);}
section.accountLogin > div {width:100%; max-width:600px; background:#fff; border-radius:5px; padding:20px; margin:0 10px;box-shadow: 0 10px 15px #3838751c;}
section.accountLogin > div h1 {font-size:22px; margin-bottom:10px;}
section.accountLogin .button {font-size:14px;}
section.accountLogin b {font-weight:600;}
section.accountLogin .partnerLoginFields {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-bottom:10px;}
section.accountLogin .partnerLoginFields fieldset {width:calc(50% - 5px);}
section.accountLogin .buttonError {display:flex; align-items:center;}
section.accountLogin .buttonError .button {margin-right:20px;}



.editImageContainer {display:inline-flex; flex-direction:column; justify-content:center; align-items:center; margin-bottom:30px;}
.imageContainer {width:100px; height:100px;  border-radius:50%; overflow:hidden; margin-bottom:10px;position: relative;}
.imageContainer img {
	width:100%; height:100%; left: 0; pointer-events: none;position: absolute;top: 0;-moz-user-select: none;
	-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.imageContainer img:focus {outline: none !important;}
.editImageContainer div {font-size:12px;}
.editImageContainer div a, .editImageContainer div label {cursor:pointer;display:inline-block; margin:0 10px; color:#00b99e; font-weight:500;}
.editImageContainer div i {margin-right:5px;}

#editingImageContainer {display:none;}

.webkitMaskContainer {overflow:hidden; max-height:350px; cursor:move;}
.webkitMaskContainer > div {position:relative; width:250px; margin:0 auto; padding:50px 0; }
.webkitMaskContainer > div > img {opacity:0.3; }
.webkitMask {
	-webkit-mask-image:-webkit-radial-gradient(center, white, black); border-radius:50%; height: 250px;width: 250px; position:absolute;
}
.webkitMaskContainer img {
	pointer-events: none; position:relative;
	-moz-user-select: none; -webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;
	-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.imageResizerContainer {max-width:400px; margin:25px auto;}

.h1button {display:flex; justify-content:space-between;align-items:center;}
.h1button button {padding:6px 15px;}
.partnerBannerContainer {margin-top:10px; font-size:14px;}
.partnerBannerFlex {display:flex; align-items:center;}
.partnerBannerFlex .options {width:250px; margin-right:30px;}
.partnerBannerFlex .options .option {display:flex; align-items:center; margin:5px 0;}
.partnerBannerFlex .options .option input {accent-color:#00b99e; width:15px; height:15px;}
.partnerBannerFlex .options .option span {margin-left:10px;}
.partnerBannerFlex .banner {
	width:calc(100% - 280px);display:flex; align-items:center; padding:7px; border-radius:4px;background:#fbfbfb;border:1px solid #ccc;
}
.partnerBannerFlex .banner .img {width:70px; margin-right:10px;}
.partnerBannerFlex .banner .img img {max-width:100%; border-radius:50%; display:block;}
.partnerBannerFlex .banner .txt {width:calc(100% - 80px);}
.partnerBannerFlex .banner .txt .title {font-weight:600;}
.partnerBannerFlex .banner .txt .partner {font-size:12px;}
.bpBespokeStrap {display:none;}
.bpBespokeStrap input {padding:5px 10px; font-size:14px;width:250px;}

.partnerWills {margin-top:30px; font-size:14px;}
.pwQuestion {display:flex; align-items:center; margin:5px 0; margin-bottom:10px;}
.pwQuestion input {accent-color:#00b99e; width:15px; height:15px;}
.pwQuestion span {margin-left:10px; font-weight:600;}

.pwDisplay {display:none;}
.pwContainer {display:flex; align-items:center; margin-bottom:20px; margin-top:10px;}
.pwContainer .pwContact {width:250px; margin-right:30px;}
.pwContainer .pwContact input {padding:5px 10px;}
.pwContainer .pwContent {width:calc(100% - 280px);}
.pwContainer .pwContent textarea {min-height:130px; font-size:14px;}
.growTextArea {resize: none;overflow: hidden;height: calc(1.6em + 20px);min-height: calc(1.6em + 20px);}

.pwAdvert {background:#fbfbfb;border:1px solid #ccc; padding:7px; border-radius:4px;}
.pwBanner {display:flex; align-items:center;}
.pwBanner .img {width:70px; margin-right:10px;}
.pwBanner .img img {max-width:100%; border-radius:50%; display:block;}
.pwBanner .txt {width:calc(100% - 80px);}
.pwBanner .txt .title {font-weight:600;}
.pwAdvert #pwText {margin-bottom:20px;}
.pwAdvertContact {margin-bottom:20px;}
.pwAdvertContact > div {display:flex; align-items:center; margin-bottom:5px;}
.pwAdvertContact > div span:nth-of-type(1) {width:100px;}




/* Support Section */
#docsContainer {display: flex;max-width:1920px;margin: 0 auto 0 auto;}
#docsMenu {border-right: 1px solid #d9d9d9;width:420px;padding: 40px 24px;font-size: 16px;font-weight:500;}
.docsMenuMobileHeader {display: none;background:#F0F2F5}
.docMenuToggle,.docsMenuMobileHeader {display:flex;align-items:center; cursor:pointer; padding:10px; font-size:18px; border-radius:4px; text-decoration: none; color: #343C51;}
.docMenuToggle:hover {background:#F0F2F5}
.docMenuToggle span,.docsMenuMobileHeader span {flex:1 1 auto}
.docMenuToggle i,.docsMenuMobileHeader i {font-size:28px;}
.docMenuToggle i.icon {margin-right:10px;}

.docMenuDrop {display:none;}
.docMenuDrop .docMenuToggle {margin-left:20px; font-size: 16px; text-decoration: none;}
.docMenuDrop .docMenuToggle i {font-size:24px;}

.docMenuDrop .docMenuDrop {margin-left:50px; margin-top:10px; font-size:14px;}

#docsContent {width: calc(100% - 420px); padding:40px;}
#docsContent.homeDocsContent {width:100%;}
#docsContent b {font-weight:600;}
#docsContent ol, #docsContent ul {margin:0 0 40px 0; padding-left:20px;}
#docsContent li {margin-bottom:5px;}
#docsContent li i {vertical-align: middle; margin:-3px 3px 0 3px;}

.supportTiles {display:flex; flex-wrap:wrap; justify-content: space-between; font-size:12px; margin:10px 0 20px 0;}
.supportTiles:after {content:"";width:calc(33.333333333% - 5px)}
.supportTiles > a {
	border:1px solid #ddd; padding:20px; border-radius:5px; width:calc(33.33333333% - 5px); margin-bottom:10px; color: #343C51; text-decoration: none;
	font-weight:normal;
}
.supportTiles > a:hover {border-color:#2486ff}  
.supportTiles > a .title {display:flex; align-items:center; font-size:16px; font-weight:500;}
.supportTiles > a .title i {margin-right:10px;}

#docsContent ul.breadcrumb {padding:0;}


#docsContent li input[type=text] {
	display: inline-block; vertical-align:middle; max-width:200px; padding:5px 10px; background: #f6f9fc;
	border-radius: 20px;border: 0;font-size: 14px; cursor:default;
}
#docsContent .hashtag {border-radius: 2px;padding:0 2px; border-radius:2px;font-weight: normal;background: rgba(24, 119, 242, 0.2);cursor: pointer; font-size:14px;}

#docsContent .relatedArticles {margin-top:40px;}
#docsContent .relatedArticles p {font-size:16px; font-weight:600;padding-bottom: 5px}
#docsContent .relatedArticles p.hide {display:none;}




section#articleHeader {border-bottom:1px solid #ddd;}
section#articleHeader > div {max-width:1320px; margin:30px auto; padding:0 20px; display:flex; align-items:center;}
section#articleHeader > div .text {width:calc(100% - 400px);}
section#articleHeader > div .image {width:400px;}
section#articleHeader > div .image img {max-width:100%; height:auto; display:block;}

section#articleBody {max-width:1320px; margin:30px auto; padding:0 20px; padding:0 20px; display:flex; overflow:visible;}

.articleLeft {width:250px;margin-right:100px; font-size:14px;}
.articleLeft h2 {font-size:22px;}
.articleLeft h3 {font-size:16px;}
.articleLeft img {max-width:100%; height:auto; display:block;}
.articleMain {width:calc(100% - 700px);line-height: 1.8;}
.articleMain p {padding-bottom:30px;}
.articleRight {width:250px;margin-left:100px;}
.articleRight .sticky {position: sticky;top: 84px; background:#F0F2F5; padding:20px; font-weight:500;}
.articleRight .buttonTrans {width:100%; text-align: center;}


.articleSocialButtons {display:flex; align-items:center;}
.articleSocialButtons a {margin:0 15px;}

.articleSignup {background:#252a36; padding:50px; color:#fff; line-height:1.3; margin-top:20px;}
.articleSignup img {display:block;}
.articleSignup p {padding-bottom:10px;}
.articleSignup p.title {font-weight:600; font-size:42px;}
.articleSignup p.title span {color:#00b99e}
.articleSignup p.slogan {font-size:22px;color:#00b99e; padding-bottom:30px;}
.articleSignup p.signupTxt {font-size:14px;}
.articleSignup .buttonTrans {background:#252a36; color:#fff; padding:6px 15px;}
.articleSignup .buttonTrans:hover {background:#00b99e; }
.articleSignupBtns {display:flex; align-items:center;}
.articleSignupBtns div {margin-right:10px;}



section.articlesContainer {max-width:1320px; margin:30px auto; padding:0 20px; display:flex; align-items:center;}
section.articlesContainer img {max-width:100%; height:auto;}
.latestArticle {width:40%; margin-right:30px;}
.recentArticles {width:calc(60% - 30px);}
.recentArticles > div {display:flex; align-items: center;}
.recentArticles > div .image {width:200px;}
.recentArticles > div .text {width:calc(100% - 200px);}

.allArticles {max-width:1320px; margin:30px auto; padding:0 20px; display:flex; flex-wrap:wrap; justify-content: space-between;}
.allArticles:after {display:block; content:'';width:calc(25% - 20px);}
.allArticles img {max-width:100%; height:auto; display:block;}
.allArticles > div {width:calc(25% - 20px);}
.allArticles > div h3 {font-size:18px;}

.thePledge {margin: 0 auto;max-width: 1024px; padding: 100px 20px;}
.thePledge .flex {display:flex; align-items:center; margin-bottom:20px;}
.thePledge .flex.reverse {display:flex; flex-direction:row-reverse;}
.thePledge .flex .img {width:50%;}
.thePledge .flex .img img {max-width:100%; height:auto; border-radius:20px;}
.thePledge .flex .txt {width:50%;padding-left:50px;}
.thePledge .flex.reverse .txt {padding-left:0; padding-right:50px;}



@media screen and (max-width:1380px) {
	section.partnersHomeBanner .phbFlex .txt {padding:0 50px;}

}


@media screen and (max-width:1280px) {
	.graphicFlex .txt {padding:0 50px;}
	section.graphic img {height:500px;}

}

@media screen and (max-width:1280px) {
	section.partners .dashPerfPieContainer {display:flex; flex-direction: column;}
	section.partners .dashPerformance {width:100%; max-width:600px; margin-bottom:60px;}
	section.partners .dashPieCharts {width:100%; max-width:600px; margin-left:0;}

	.articleLeft {display:none;}
	.articleMain {width:100%; max-width:600px;}

}




@media screen and (max-width:1024px) {
	
	section.graphic {padding-top:20px;}
	.graphicFlex {flex-direction:column;}
	.graphicFlex .txt {width:100%; max-width:700px; text-align:center; padding:0 20px;}
	.graphicFlex .img {width:100%; max-width:800px;}
	.graphicFlex .img img {width:100%; max-width:800px; height:auto; padding:0 20px; margin-top:30px;}

	.flexPromo2 {margin-bottom:50px;}
	.flexPromo2 .img {width:350px;}
	.flexPromo2 .img img {max-width:300px;}
	.flexPromo2 .txt {width:calc(100% - 350px);}
	.flexPromo2 .img img.unsetMax {max-width:600px;}

	.brandingFlex > div.brandGuide {width:100%;}
	.brandingFlex > div.icons {width:100%;}
	.brandingFlex > div.icons > div {width: calc(25% - 5px); height:auto; margin-bottom:0;}
	.brandingFlex > div.icons > div:nth-of-type(3) {order:4;}

	#docsContainer {flex-direction:column;}
	#docsMenu {width: 100%;border-radius: 0; padding:40px;}
	#docsContent {width:100%; padding:0 40px 40px 40px;}
	#docsContent.homeDocsContent {padding:40px;}
	.docsMenuMobileHeader {display:flex;}
	.docsMenuMobileSlide {display:none;}
	.docMenuToggle:hover {background:transparent;}

	.supportTiles:after {content:"";width:calc(50% - 5px)}
	.supportTiles > a {width:calc(50% - 5px);}

	section.partnersHomeBanner .phbFlex {flex-direction: column;}
	section.partnersHomeBanner .phbFlex .txt {
		position: absolute;background: #252a36;color: #fff;padding: 20px;right: 10px;bottom: -30px;font-size: 14px;width: 375px; border-radius:10px 10px 0 0;
	}
	section.partnersHomeBanner .phbFlex .txt h1 {font-size: 28px;}
	section.partnersHomeBanner .phbFlex .img {height: 350px;width: 100%;}
	section.partnersHomeBanner .phbFlex .img img {display: block;object-fit: cover;width: 100%;height: 100%;}

	section.partnerSummary {padding:50px 20px 30px 20px;}
	section.partnerSummary > div {flex-wrap: wrap;}
	section.partnerSummary > div > div {width:calc(50% - 10px); margin-bottom:20px;}

	section.partners #partnerNew {padding:0;}
	section.partners #partnerNew .section .txt {width:calc(100% - 200px); padding-right:50px; font-size:14px;}
	section.partners #partnerNew .section.right .txt {padding-right:0; padding-left:50px;}
	section.partners #partnerNew .section .img {width:200px;}


	.articleRight {display:none;}

	.thePledge .flex {flex-direction:column; align-items:flex-start;}
	.thePledge .flex.reverse {flex-direction:column;}
	.thePledge .flex .img {width:100%;}
	.thePledge .flex .img img {border-radius:10px;}
	.thePledge .flex .txt {width:100%;padding-left:0; margin-top:20px}
	.thePledge .flex.reverse .txt {padding-left:0; padding-right:0;}



	

}
@media screen and (max-width:980px) {
	header {height:55px;}
	.fixedPadding {padding-top:55px;}
	.hamburgerContainer {display:block;}
	header #links {padding: 30px; position:fixed; background-color:#fff; top:55px; left:0; width:100%; height: calc(var(--vh, 1vh) * 100 - 55px); display:none;text-align:left; z-index:10; overflow:auto;}
	header .desktopLinks {display:none;}
	header .mobileLinks {display: block;margin-bottom: 20px;}
	header #links a {display: block; padding: 0;margin-bottom:5px; font-size:18px;}
	header #links p {font-weight:500;}
	header.blue #links a {color:#000;}
	header.blue #links a:hover {color:#00b99e;}

	section.partners .partnerLinks a span {display:none;}

	section.graphic .button {margin:20px 0;}

	section.articlesContainer {flex-direction:column;}
	.latestArticle {width:auto; margin-right:0;}
	section.articlesContainer img {max-width: 600px; width:100%}
	.recentArticles {width:100%; }
	.allArticles > div {width: calc(33.33333333333% - 20px);}

}
@media screen and (max-width:875px) {
	.createCampaignFlex > div:nth-of-type(1) {width:40%}
	.createCampaignFlex > div:nth-of-type(2) {width:60%}

	.purchaseTextAreaContainer {align-items:flex-start; flex-direction: column-reverse;}
	.purchaseTextarea {width:100%; margin-right:0;}
	.purchasePriceTable {width:100%; margin:20px 0;}
}



@media screen and (max-width:780px) {
	p {line-height:1.6;}
	h1 {font-size:32px;}
	h2 {font-size:22px;}
	.aboutUsContainer > div h2 {font-size:28px;}
	.aboutUsContainer > div h2 i {font-size:48px; color:#00b99e}

	.flexPromo2 {flex-direction:column;margin-bottom:90px;}
	.flexPromo2.odd {flex-direction:column;}
	.flexPromo2 .txt {width:100%; max-width:600px;}
	.flexPromo2 .img {width:100%; max-width:600px; margin-bottom:30px;}
	.flexPromo2.odd .img {text-align:center;}
	.flexPromo2 .img img {max-width:100%; max-height:500px;}
	.flexPromo2 .img img.unsetMax {max-width:150%; max-height:500px; margin-left:-20%;}
	
	.createCampaignFlex {flex-direction:column;}
	.createCampaignFlex > div:nth-of-type(1) {width:100%}
	.createCampaignFlex > div:nth-of-type(2) {width:100%}

	.brandingFlex > div {width:100%;}
	.brandingFlex > div.icons > div {width: calc(50% - 5px);}
	.brandingFlex > div.icons > div:nth-of-type(1) {margin-bottom:10px;}
	.brandingFlex > div.icons > div:nth-of-type(2) {margin-bottom:10px;}
	.brandingFlex > div.icons > div:nth-of-type(3) {order: unset;}

	.partnerBannerFlex {align-items:flex-start; flex-direction: column;}
	.partnerBannerFlex .options {width:auto; margin-right:0; margin-bottom:10px;}
	.partnerBannerFlex .banner {width:auto;}

	.pwContainer {align-items:flex-start; flex-direction: column;}
	.pwContainer .pwContact {width:100%; margin-right:0; margin-bottom:10px;}
	.pwContainer .pwContent {width:100%;}

	section#articleHeader > div {flex-direction:column; align-items:flex-start;}
	section#articleHeader > div .text {width:auto;}
	section#articleHeader > div .image {width:100%; max-width:500px;}

	.allArticles > div {width: calc(50% - 20px);}



}

@media screen and (max-width:680px) {
	.supportTiles:after {content:"";width:100%}
	.supportTiles > a {width:100%;}

	section.accountLogin .partnerLoginFields {flex-direction: column;}
	section.accountLogin .partnerLoginFields fieldset {width:100%;}

	section.accountLogin .buttonError {flex-direction: column-reverse;align-items: stretch;}
	section.accountLogin .partnerLoginError {margin-bottom:10px;}
	section.accountLogin .buttonError .button {margin-right:0;}


	.partnerSignupContainer .personalInfo {flex-wrap:wrap;}
	.partnerSignupContainer .personalInfo fieldset {width:calc(100% - 140px);margin-right: 0;}
	.partnerSignupContainer .personalInfo fieldset:last-child {width:100%;}
	.partnerSignupContainer .personalContact fieldset:first-child {width:calc(50% - 5px);}
	.partnerSignupContainer .personalContact fieldset:last-child {width:calc(50% - 5px);} 

	section.partners {padding:10px;}
	section.partners > div {padding:10px;}

	section.partners #partnerNew {padding:0;}
	section.partners #partnerNew .section {flex-direction: column-reverse; margin-bottom:50px;}
	section.partners #partnerNew .section.right {flex-direction:column;}
	section.partners #partnerNew .section .txt {padding:0 10px; text-align: center; width:auto;}
	section.partners #partnerNew .section.right .txt {padding:0 10px; text-align: center; width:auto;}
	section.partners #partnerNew .section .img {}

	.recentArticles {}
	.recentArticles > div {flex-direction:column; align-items:flex-start;}
	
	.recentArticles > div .image {width:100%; max-width:300px;}
	.recentArticles > div .text {width:100%;}
	.articleSignup {padding:20px 20px 0 20px;}
	.articleSignup p.title {font-size:28px;}
	.articleSignupBtns {flex-wrap:wrap;}
	.articleSignupBtns div {margin-bottom:20px;}
	.articleSignupBtns div:nth-of-type(1) {margin-right:0; width:100%;}


}

@media screen and (max-width:580px) {
	.brandingFlex > div.brandGuide {border:0;padding:0;}
	.brandingFlex .brandingColours {flex-wrap: wrap;}
	.brandingFlex .brandingColours .color {margin-bottom: 20px;}
	.brandingFlex .brandingColours .text {width:calc(100% - 60px);margin-bottom: 20px;} 

	#docsContainer {font-size:14px;}
	#docsContent {width:100%; padding:0 20px 40px 20px;}
	#docsContent.homeDocsContent {padding:40px 20px;}
	#docsMenu {padding:20px;}
	.docMenuToggle {font-size:16px; padding:10px 0;}
	.docMenuDrop .docMenuToggle {font-size:14px;}

	section.partnerSummary > div > div {width:100%; max-width:500px; margin:0 auto 20px auto;}


	.partnerSignupContainer .personalInfo span {width:100%; margin-right:0; margin-bottom: 8px;}
	.partnerSignupContainer .personalInfo fieldset {width:100%;}
	.partnerSignupContainer .personalContact {flex-direction: column;}
	.partnerSignupContainer .personalContact fieldset:first-child {width:100%; margin-right:0;}
	.partnerSignupContainer .personalContact fieldset:last-child {width:100%;} 
	.partnerSignupContainer .companyInfo fieldset {width:100%;}
	.partnerSignupContainer .companyInfo span {width:100%; margin:3px 0 8px 0}



}
@media screen and (max-width:550px) {
	section.pricing {padding:40px 10px;}
	
	.priceFlex .img {display:none;}
	.priceFlex .txt {width:100%;}
	.priceFlex:before {display:none;}
	
	.dataTables_length {display:block; width:auto;}
	.dataTables_filter {display:block; width:auto; text-align:left;}
	.dataTables_info {display:block; width:auto;}
	.dataTables_paginate {display:block; width:auto; text-align:left;}
	.dataTables_paginate a {margin-left:0; margin-right:5px;}

	.contactFormContainer > div {padding:20px;}

	section.partnersHomeBanner .phbFlex {flex-direction: column-reverse;}
	section.partnersHomeBanner .phbFlex .txt {position:static; width:100%; margin-top:-30px;}
	section.partnerSummary {padding: 20px 20px 20px 20px;}

	.campaignURL {margin:0;}
	.createCampaignFlex > div {padding:20px 0;}

	section.partners .partnerIMG img {display:none;}
	section.partners .partnerLinks {margin-top:10px;}
	section.partners .partnerLinks a {margin-right:10px;}
	section.partners .partnerLinks a i {font-size:28px;}

	.allArticles > div {width:100%;}
	.allArticles > div .image {width:100%; max-width:300px;}

	.articleSignup p.title {font-size:22px;}
	.articleSignup p.slogan {font-size:16px;}



	
}
